feat(partition): small multiples

[monfera]

Summary

Small multiples for partition charts

• Additive small multiples (first level of small multiples; index): multiple <Partition> specs under <Chart> WIP
• Multiplicative small multiples (second level of small multiples; innerIndex): breakdown of a <Partition> spec along its first partitioning layer
• Both layers can independently specify horizontal, vertical or Z pattern (grid) (additive layer: not exposed yet)
• Eventually, 2D grid will be possible not just with Z pattern but also, allowing a category specification per dimension (additive) and allowing the breakdown along the second partitioning layer; not in scope for this PR
• Uses getChartIdSelectors in place of previous repeated (state) => state.chartIds (earlier unrelated feedback by Nick)
• Abstracts out some types, eg. PanelPlacement, RelativeMargins
• Tightens containerBackgroundColor in getShapeViewModel (no longer optional)
• BREAKING: redefines the inner/outer padding notation for small multiples from [outer, inner] to {outer, inner}

Warning, will likely do push -f while it's WIP

Checklist

Delete any items that are not applicable to this PR.

• Any consumer-facing exports were added to src/index.ts (and stories only import from ../src except for test data & storybook)
• This was checked for cross-browser compatibility
• Proper documentation or storybook story was added for features that require explanation or tutorials
• Unit tests were updated or added to match the most common scenarios
• Threading through small multiples and group by options into the spec
• Fixing margin
• Adding per-panel titles and adding title info to the tooltip
• Pie size related fixes (it still preserves the room for an extra layer)
• Adjust legend generation to the new (cartesian-compatible) type of small multiples generation via <GroupBy>
• Crop panel title with ... if it doesn't fit horizontally
• Take font spec for panel title from the theme, use that for title text rendering, and preserve vertical area for title in function of that

[codecov-io]

Codecov Report

Merging #1076 (cb12f05) into master (f08f4c9) will increase coverage by 0.20%.
The diff coverage is 60.41%.

@@            Coverage Diff             @@
##           master    #1076      +/-   ##
==========================================
+ Coverage   71.77%   71.98%   +0.20%     
==========================================
  Files         381      397      +16     
  Lines       11743    12229     +486     
  Branches     2512     2636     +124     
==========================================
+ Hits         8429     8803     +374     
- Misses       3299     3387      +88     
- Partials       15       39      +24     

Flag	Coverage Δ
unittests	71.55% <60.29%> (-0.23%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...types/partition_chart/layout/types/config_types.ts	100.00% <ø> (ø)
src/chart_types/partition_chart/specs/index.ts	53.84% <ø> (ø)
src/chart_types/xy_chart/utils/dimensions.ts	91.66% <ø> (ø)
src/common/geometry.ts	81.25% <ø> (ø)
src/common/predicate.ts	36.00% <ø> (ø)
src/specs/group_by.ts	100.00% <ø> (ø)
...types/partition_chart/renderer/dom/highlighter.tsx	16.09% <4.34%> (-2.96%)	⬇️
...n_chart/renderer/canvas/canvas_linear_renderers.ts	8.19% <4.54%> (-1.24%)	⬇️
...artition_chart/renderer/canvas/canvas_renderers.ts	6.21% <14.28%> (+0.57%)	⬆️
...on_chart/state/selectors/get_highlighted_shapes.ts	63.63% <25.00%> (+5.30%)	⬆️
... and 48 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f08f4c9...cb12f05. Read the comment docs.

[markov00]

There are two outstanding issues that I'm seeing here:

With a vertical layout and 0 outer vertical padding, the first title is cutoff.
The legend instead mix up colors, in the example the the Mineral/fuel has a blue color, but is represented with the red one

[monfera]

The vertical offsetting is improved to avoid cropping with a zero outer panel pad: cb12f05 and the Theme iteration (follow-up PR) will use the Theme font and padding specs

[markov00]

LGTM, merging on green.
Followup PR:

• fix hierarchical legend

[nickofthyme]

🎉 This PR is included in version 26.0.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀