[G2M] Map - scatterplot layer new design

[geoerika]

Changes:

1. Adapted state for map widget use
2. Moved getLongest to util/index.js to have it available for other components
3. Adjusted useTransformedData to work with map widget
4. Moved setting numericColumns and stringColumns in view/index.js so we ave it available for widget icon buttons, as map icon is enabled only if we have coordinates got geo keys present in numericColumns
5. Changed map widget controller for scatterplot layer to new design
6. Add zeroVarianceColumns.includes(key) condition when calculating renderableValueKeys

Closes #58

[github-actions[bot]]

📚 Storybook preview (updated to 25173993ba4943537ef96c735efc57473194bd63)

[vxsl]

@sallkall Agreed that the empty dropdown is problematic, but I'm not sure that showing all key options in the dropdown is a good idea. What happens in the case that you already have 4 selected value keys? Would you see 4 highlighted choices in the dropdown?

[sallkall]

@sallkall Agreed that the empty dropdown is problematic, but I'm not sure that showing all key options in the dropdown is a good idea. What happens in the case that you already have 4 selected value keys? Would you see 4 highlighted choices in the dropdown?

yep, here's how multi-select looks in lumen labs right now:

in the original design there were even check marks beside each selected ones:

we should show it when an option(s) is selected - this is conventional in almost all UI libraries

[vxsl]

@sallkall Ok cool sounds good, will fix in an upcoming PR. :+1:

[sallkall]

@vxsl thanks!

[sallkall]

@vxsl you can use the Select component guide for reference, in there you should find all the option type and states

• zeplin link: https://zpl.io/ag16Jq0