[G2M] UI/misc

[vxsl]

dependency for EQWorks/snoke#1065

dependency for EQWorks/ml-ui#131

---

new features

• added screenshot feature and the corresponding Export Option control area
• rough 'open in editor' functionality (demo in EQWorks/snoke#1065)

UI tweaks

• fixed DateRange sizing issues, touch up styling a bit
• the widget now shows a message in the case where it is waiting for QL to pass data
• reworked XYSelect styling
• used new lumen-labs Checkbox for rendering uniqueOptions controls
• reworked widget type selection icons (now matches design for both QL and Editor)
• rename/reword some sections and prompts as discussed with @sallkall ui - mute with message on no data if QL mode ui - tweak spacing, misc styling
  • some refactoring to clean up rendering logic and make it more uniform among different components (i.e. usage of renderSection, renderRow, and renderItem)
• as discussed with @sallkall, date grouping is now displayed in Domain Configuration instead of Data Transformations
• PluralLinkedSelect now has an "edit mode" instead of always showing its delete buttons

top-level prop signature changes

• Widget now accepts config object as prop
  • current use case is the hacky 'open in editor' implementation that relies on temporarily storing the config in localStorage. We can probably get rid of this prop once that implementation is replaced
  • to facilitate this, split up loadConfig into two actions, loadConfigByID and loadConfig
• Widget now accepts sampleData and sampleConfigs as props
  • this is really dumb and ugly and I want it to go away ASAP, but the reason for it is that the previous implementation would crash when imported into other libraries, because it was trying to import the sample data from outside the src directory.

bug fixes

• fixed issue where CustomDropdowns (AKA the XY position selects and the range filter selects) would not close on clicking the button
• fix a couple bugs relating to util isObject() and the recently introduced deep-merge update function
• several miscellaneous bug fixes

misc

• reduce console warnings where possible

deps

• @eqworks/lumen-labs to v0.1.0-alpha.28
• temporarily add file-saver as regular dep
  • should remain only a devDependency, but I'm having trouble figuring out how to conditionally import this package in a dev environment.
• new regular dep html2canvas for screenshot export functionality

[github-actions[bot]]

📚 Storybook preview (updated to dc5383e06f32f142edef83f37641059486945d19)

[geoerika]

The Export png & jpeg doesn't work for the map.

[geoerika]

The Date Selector/Calendar cannot be selected for End Date because the component is larger than the panel width:

[vxsl]

The Export png & jpeg doesn't work for the map.

Hmmmm, yeah... :( the react-maps are based on mapbox-gl, right? If so, there seem to be quite a few similar difficulties reported. One solution says to try the parameter preserveDrawingBuffer when initializing the map. Is that an option?

The Date Selector/Calendar cannot be selected for End Date because the component is larger than the panel width:

dangit, looks good in firefox but I can reproduce this in Chrome. Will see what can be done

[sallkall]

Some customSelects are missing a down arrows - though we can address these later since we do have plan to replace select in lumen-labs all together. @vxsl

[vxsl]

The Export png & jpeg doesn't work for the map.

@geoerika as discussed in slack, I've temporarily hidden the Export controls for the map widget.

Some customSelects are missing a down arrows - though we can address these later since we do have plan to replace select in lumen-labs all together.

@sallkall as discussed in slack, this is a lumen-labs issue so cannot be addressed here

quite possibly missed things during this speedrun but we'd anyway have a lot of thrills from the potential 0-days clinking_glasses

:clinking_glasses: -- @woozyking I applied your suggestions but wasn't sure what you meant by this one