@semcore/d3-chart 3.57.0 → 3.58.1

package/lib/es6/Reference.js

@@ -12,18 +12,18 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
 import { scaleOfBandwidth } from './utils';
 /*__reshadow-styles__:"./style/reference.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_iv1tb_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_iv1tb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_iv1tb)}.___STitle_iv1tb_gg_._position_top_iv1tb_gg_{text-anchor:middle}.___STitle_iv1tb_gg_._position_bottom_iv1tb_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_iv1tb_gg_._position_left_iv1tb_gg_,.___STitle_iv1tb_gg_._position_right_iv1tb_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_iv1tb_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_iv1tb_gg_{fill:var(--fill_iv1tb)}.___SStripesPatternPath_iv1tb_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "iv1tb_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_iv1tb_gg_",
-  "__STitle": "___STitle_iv1tb_gg_",
-  "--transform-origin": "--transform-origin_iv1tb",
-  "_position_top": "_position_top_iv1tb_gg_",
-  "_position_bottom": "_position_bottom_iv1tb_gg_",
-  "_position_right": "_position_right_iv1tb_gg_",
-  "_position_left": "_position_left_iv1tb_gg_",
-  "__SBackground": "___SBackground_iv1tb_gg_",
-  "__SStripes": "___SStripes_iv1tb_gg_",
-  "--fill": "--fill_iv1tb",
-  "__SStripesPatternPath": "___SStripesPatternPath_iv1tb_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1idsk_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1idsk_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1idsk)}.___STitle_1idsk_gg_._position_top_1idsk_gg_{text-anchor:middle}.___STitle_1idsk_gg_._position_bottom_1idsk_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1idsk_gg_._position_left_1idsk_gg_,.___STitle_1idsk_gg_._position_right_1idsk_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1idsk_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1idsk_gg_{fill:var(--fill_1idsk)}.___SStripesPatternPath_1idsk_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "1idsk_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_1idsk_gg_",
+  "__STitle": "___STitle_1idsk_gg_",
+  "--transform-origin": "--transform-origin_1idsk",
+  "_position_top": "_position_top_1idsk_gg_",
+  "_position_bottom": "_position_bottom_1idsk_gg_",
+  "_position_right": "_position_right_1idsk_gg_",
+  "_position_left": "_position_left_1idsk_gg_",
+  "__SBackground": "___SBackground_1idsk_gg_",
+  "__SStripes": "___SStripes_1idsk_gg_",
+  "--fill": "--fill_1idsk",
+  "__SStripesPatternPath": "___SStripesPatternPath_1idsk_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/es6/ScatterPlot.js

@@ -18,15 +18,15 @@ import { getScatterPlotRadius } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1q1gt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1q1gt);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1q1gt_gg_:hover{opacity:.8}}.___SScatterPlot_1q1gt_gg_.__color_1q1gt_gg_{fill:var(--color_1q1gt)}.___SScatterPlot_1q1gt_gg_.__pattern_1q1gt_gg_.__color_1q1gt_gg_{fill:var(--pattern_1q1gt);stroke:var(--color_1q1gt);stroke-width:1px}.___SScatterPlot_1q1gt_gg_.__transparent_1q1gt_gg_{opacity:.3}.___SValue_1q1gt_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1q1gt_gg_.__color_1q1gt_gg_{stroke:var(--color_1q1gt)}.___SValue_1q1gt_gg_.__transparent_1q1gt_gg_{opacity:.3}" /*__inner_css_end__*/, "1q1gt_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_1q1gt_gg_",
-  "_color": "__color_1q1gt_gg_",
-  "--color": "--color_1q1gt",
-  "_pattern": "__pattern_1q1gt_gg_",
-  "--pattern": "--pattern_1q1gt",
-  "_transparent": "__transparent_1q1gt_gg_",
-  "__SValue": "___SValue_1q1gt_gg_",
-  "--duration": "--duration_1q1gt"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_k52et_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_k52et);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_k52et_gg_:hover{opacity:.8}}.___SScatterPlot_k52et_gg_.__color_k52et_gg_{fill:var(--color_k52et)}.___SScatterPlot_k52et_gg_.__pattern_k52et_gg_.__color_k52et_gg_{fill:var(--pattern_k52et);stroke:var(--color_k52et);stroke-width:1px}.___SScatterPlot_k52et_gg_.__transparent_k52et_gg_{opacity:.3}.___SValue_k52et_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_k52et_gg_.__color_k52et_gg_{stroke:var(--color_k52et)}.___SValue_k52et_gg_.__transparent_k52et_gg_{opacity:.3}" /*__inner_css_end__*/, "k52et_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_k52et_gg_",
+  "_color": "__color_k52et_gg_",
+  "--color": "--color_k52et",
+  "_pattern": "__pattern_k52et_gg_",
+  "--pattern": "--pattern_k52et",
+  "_transparent": "__transparent_k52et_gg_",
+  "__SValue": "___SValue_k52et_gg_",
+  "--duration": "--duration_k52et"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);

package/lib/es6/Tooltip.js

@@ -21,15 +21,15 @@ import createElement from './createElement';
 import { getChartDefaultColorName } from './utils';
 import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_h652e_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_h652e_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_h652e_gg_{display:flex;align-items:center}.___SDot_h652e_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_h652e_gg_.__color_h652e_gg_{background-color:var(--color_h652e);width:8px;height:8px;border-radius:50%}.___SFooter_h652e_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "h652e_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_h652e_gg_",
-  "__STitle": "___STitle_h652e_gg_",
-  "__SDotGroup": "___SDotGroup_h652e_gg_",
-  "__SDot": "___SDot_h652e_gg_",
-  "__SDotCircle": "___SDotCircle_h652e_gg_",
-  "_color": "__color_h652e_gg_",
-  "--color": "--color_h652e",
-  "__SFooter": "___SFooter_h652e_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_35tix_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_35tix_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_35tix_gg_{display:flex;align-items:center}.___SDot_35tix_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_35tix_gg_.__color_35tix_gg_{background-color:var(--color_35tix);width:8px;height:8px;border-radius:50%}.___SFooter_35tix_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "35tix_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_35tix_gg_",
+  "__STitle": "___STitle_35tix_gg_",
+  "__SDotGroup": "___SDotGroup_35tix_gg_",
+  "__SDot": "___SDot_35tix_gg_",
+  "__SDotCircle": "___SDotCircle_35tix_gg_",
+  "_color": "__color_35tix_gg_",
+  "--color": "--color_35tix",
+  "__SFooter": "___SFooter_35tix_gg_"
 });
 import { PatternSymbol } from './Pattern';
 

package/lib/es6/Venn.js

@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_1dml9_gg_,.___SIntersection_1dml9_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1dml9_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1dml9);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1dml9_gg_:hover{fill-opacity:.7}}.___SCircle_1dml9_gg_.__color_1dml9_gg_{fill:var(--color_1dml9)}.___SCircle_1dml9_gg_.__pattern_1dml9_gg_.__color_1dml9_gg_{fill:var(--pattern_1dml9);fill-opacity:.7;stroke:var(--color_1dml9);stroke-width:1px}@media (hover:hover){.___SCircle_1dml9_gg_.__pattern_1dml9_gg_.__color_1dml9_gg_:hover{fill-opacity:.85}}.___SCircle_1dml9_gg_.__transparent_1dml9_gg_{opacity:.3}.___SIntersection_1dml9_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1dml9_gg_:hover{fill-opacity:.1}}.___SIntersection_1dml9_gg_.__transparent_1dml9_gg_{opacity:.3}" /*__inner_css_end__*/, "1dml9_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_1dml9_gg_",
-  "_color": "__color_1dml9_gg_",
-  "--color": "--color_1dml9",
-  "_transparent": "__transparent_1dml9_gg_",
-  "__SIntersection": "___SIntersection_1dml9_gg_",
-  "--duration": "--duration_1dml9",
-  "_pattern": "__pattern_1dml9_gg_",
-  "--pattern": "--pattern_1dml9"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_17uyq_gg_,.___SIntersection_17uyq_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_17uyq_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_17uyq);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_17uyq_gg_:hover{fill-opacity:.7}}.___SCircle_17uyq_gg_.__color_17uyq_gg_{fill:var(--color_17uyq)}.___SCircle_17uyq_gg_.__pattern_17uyq_gg_.__color_17uyq_gg_{fill:var(--pattern_17uyq);fill-opacity:.7;stroke:var(--color_17uyq);stroke-width:1px}@media (hover:hover){.___SCircle_17uyq_gg_.__pattern_17uyq_gg_.__color_17uyq_gg_:hover{fill-opacity:.85}}.___SCircle_17uyq_gg_.__transparent_17uyq_gg_{opacity:.3}.___SIntersection_17uyq_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_17uyq_gg_:hover{fill-opacity:.1}}.___SIntersection_17uyq_gg_.__transparent_17uyq_gg_{opacity:.3}" /*__inner_css_end__*/, "17uyq_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_17uyq_gg_",
+  "_color": "__color_17uyq_gg_",
+  "--color": "--color_17uyq",
+  "_transparent": "__transparent_17uyq_gg_",
+  "__SIntersection": "___SIntersection_17uyq_gg_",
+  "--duration": "--duration_17uyq",
+  "_pattern": "__pattern_17uyq_gg_",
+  "--pattern": "--pattern_17uyq"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);

package/lib/es6/a11y/PlotA11yModule.js

@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1nmd2_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1nmd2_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1nmd2_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_1nmd2_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1mwgm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1mwgm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1mwgm_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1mwgm_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -9,8 +9,8 @@ import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_13bpj_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_13bpj_gg_:focus,.___SPlotA11yView_13bpj_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_13bpj_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_13bpj_gg_ table,.___SPlotA11yView_13bpj_gg_ td,.___SPlotA11yView_13bpj_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "13bpj_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_13bpj_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_79ej0_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_79ej0_gg_:focus,.___SPlotA11yView_79ej0_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_79ej0_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_79ej0_gg_ table,.___SPlotA11yView_79ej0_gg_ td,.___SPlotA11yView_79ej0_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "79ej0_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_79ej0_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -10,10 +10,10 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1gdoe_gg_._direction_row_1gdoe_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1gdoe_gg_._direction_column_1gdoe_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1gdoe_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_1gdoe_gg_",
-  "_direction_row": "_direction_row_1gdoe_gg_",
-  "_direction_column": "_direction_column_1gdoe_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_j6n9v_gg_._direction_row_j6n9v_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_j6n9v_gg_._direction_column_j6n9v_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "j6n9v_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_j6n9v_gg_",
+  "_direction_row": "_direction_row_j6n9v_gg_",
+  "_direction_column": "_direction_column_j6n9v_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -19,23 +19,23 @@ import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1waje_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1waje_gg_:hover{cursor:pointer}.___SLegendItem_1waje_gg_.__disabled_1waje_gg_:hover{cursor:default}}.___SPointShape_1waje_gg_.__color_1waje_gg_{background-color:var(--color_1waje);margin-right:8px;flex-shrink:0}.___SPointShape_1waje_gg_._shape_Circle_1waje_gg_._size_l_1waje_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1waje_gg_._shape_Circle_1waje_gg_._size_m_1waje_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1waje_gg_._shape_Line_1waje_gg_._size_l_1waje_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1waje_gg_._shape_Line_1waje_gg_._size_m_1waje_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1waje_gg_._shape_Square_1waje_gg_._size_l_1waje_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1waje_gg_._shape_Square_1waje_gg_._size_m_1waje_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1waje_gg_._shape_Pattern_1waje_gg_{background-color:transparent;margin-right:4px}.___SIcon_1waje_gg_{line-height:0;margin-right:4px}.___SIcon_1waje_gg_._size_l_1waje_gg_{margin-top:4px}.___SIcon_1waje_gg_._size_m_1waje_gg_{margin-top:2px}.___SLabel_1waje_gg_{min-width:0}.___SAdditionalLabel_1waje_gg_._size_l_1waje_gg_,.___SCount_1waje_gg_._size_l_1waje_gg_,.___SLabel_1waje_gg_._size_l_1waje_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1waje_gg_._size_m_1waje_gg_,.___SCount_1waje_gg_._size_m_1waje_gg_,.___SLabel_1waje_gg_._size_m_1waje_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1waje_gg_,.___SCount_1waje_gg_{margin-left:4px}.___SAdditionalLabel_1waje_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1waje_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1waje_gg_._size_l_1waje_gg_::before{margin-top:10px}.___SAdditionalLabel_1waje_gg_._size_m_1waje_gg_::before{margin-top:8px}.___SPatternSymbol_1waje_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "1waje_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_1waje_gg_",
-  "_disabled": "__disabled_1waje_gg_",
-  "__SPointShape": "___SPointShape_1waje_gg_",
-  "_color": "__color_1waje_gg_",
-  "--color": "--color_1waje",
-  "_shape_Circle": "_shape_Circle_1waje_gg_",
-  "_size_l": "_size_l_1waje_gg_",
-  "_size_m": "_size_m_1waje_gg_",
-  "_shape_Line": "_shape_Line_1waje_gg_",
-  "_shape_Square": "_shape_Square_1waje_gg_",
-  "_shape_Pattern": "_shape_Pattern_1waje_gg_",
-  "__SIcon": "___SIcon_1waje_gg_",
-  "__SLabel": "___SLabel_1waje_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1waje_gg_",
-  "__SCount": "___SCount_1waje_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_1waje_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_115qf_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_115qf_gg_:hover{cursor:pointer}.___SLegendItem_115qf_gg_.__disabled_115qf_gg_:hover{cursor:default}}.___SPointShape_115qf_gg_.__color_115qf_gg_{background-color:var(--color_115qf);margin-right:8px;flex-shrink:0}.___SPointShape_115qf_gg_._shape_Circle_115qf_gg_._size_l_115qf_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Circle_115qf_gg_._size_m_115qf_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Line_115qf_gg_._size_l_115qf_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_115qf_gg_._shape_Line_115qf_gg_._size_m_115qf_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_115qf_gg_._shape_Square_115qf_gg_._size_l_115qf_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Square_115qf_gg_._size_m_115qf_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Pattern_115qf_gg_{background-color:transparent;margin-right:4px}.___SIcon_115qf_gg_{line-height:0;margin-right:4px}.___SIcon_115qf_gg_._size_l_115qf_gg_{margin-top:4px}.___SIcon_115qf_gg_._size_m_115qf_gg_{margin-top:2px}.___SLabel_115qf_gg_{min-width:0}.___SAdditionalLabel_115qf_gg_._size_l_115qf_gg_,.___SCount_115qf_gg_._size_l_115qf_gg_,.___SLabel_115qf_gg_._size_l_115qf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_115qf_gg_._size_m_115qf_gg_,.___SCount_115qf_gg_._size_m_115qf_gg_,.___SLabel_115qf_gg_._size_m_115qf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_115qf_gg_,.___SCount_115qf_gg_{margin-left:4px}.___SAdditionalLabel_115qf_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_115qf_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_115qf_gg_._size_l_115qf_gg_::before{margin-top:10px}.___SAdditionalLabel_115qf_gg_._size_m_115qf_gg_::before{margin-top:8px}.___SPatternSymbol_115qf_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "115qf_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_115qf_gg_",
+  "_disabled": "__disabled_115qf_gg_",
+  "__SPointShape": "___SPointShape_115qf_gg_",
+  "_color": "__color_115qf_gg_",
+  "--color": "--color_115qf",
+  "_shape_Circle": "_shape_Circle_115qf_gg_",
+  "_size_l": "_size_l_115qf_gg_",
+  "_size_m": "_size_m_115qf_gg_",
+  "_shape_Line": "_shape_Line_115qf_gg_",
+  "_shape_Square": "_shape_Square_115qf_gg_",
+  "_shape_Pattern": "_shape_Pattern_115qf_gg_",
+  "__SIcon": "___SIcon_115qf_gg_",
+  "__SLabel": "___SLabel_115qf_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_115qf_gg_",
+  "__SCount": "___SCount_115qf_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_115qf_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
@@ -62,7 +62,6 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         patterns = _this$asProps.patterns,
         onChangeLegendItem = _this$asProps.onChangeLegendItem;
       return {
-        id: id,
         label: label,
         shape: shape,
         checked: checked,
@@ -182,7 +181,8 @@ function Shape(props) {
       "size": size,
       "checked": checked,
       "theme": checked ? color : undefined,
-      "onChange": onChange
+      "onChange": onChange,
+      "aria-labelledby": props['aria-labelledby']
     })), patterns && /*#__PURE__*/React.createElement(Box, _ref9.cn("Box", {
       "mt": '2px',
       "mr": 1

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","PatternSymbol","getChartDefaultColorName","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes, HTMLProps } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': id,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id,\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","PatternSymbol","getChartDefaultColorName","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes, HTMLProps } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': id,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id,\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   * @deprecated\n   */\n  onClick?: () => void;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n\n  /**\n   * Handler for select/deselect legend item\n   */\n  onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n};\n\nexport type ShapeProps = LegendItem &\n  (\n    | {\n        size: LSize;\n        shape: Exclude<ShapeType, 'Checkbox'>;\n      }\n    | {\n        size: LSize;\n        shape: Extract<ShapeType, 'Checkbox'>;\n        onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n      }\n  );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":"AAOA;AACA;AACA;;AAyEA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU"}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import { Flex } from '@semcore/flex-box';\nimport { Intergalactic, Root } from '@semcore/core';\nimport Icon from '@semcore/icon';\nimport { Text } from '@semcore/typography';\nimport { LSize } from '../BaseLegend.type';\nimport { PatternsConfig } from '../../../Pattern';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   * @deprecated\n   */\n  onClick?: () => void;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n\n  /**\n   * Handler for select/deselect legend item\n   */\n  onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n};\n\nexport type ShapeProps = LegendItem &\n  (\n    | {\n        size: LSize;\n        shape: Exclude<ShapeType, 'Checkbox'>;\n      }\n    | {\n        size: LSize;\n        shape: Extract<ShapeType, 'Checkbox'>;\n        onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n        'aria-labelledby'?: string;\n      }\n  );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":"AAOA;AACA;AACA;;AA0EA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU"}

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -11,12 +11,12 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_pjk2q_gg_.__columns-count_pjk2q_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_pjk2q_gg_._size_l_pjk2q_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_pjk2q_gg_._size_m_pjk2q_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "pjk2q_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_pjk2q_gg_",
-  "_columns-count": "__columns-count_pjk2q_gg_",
-  "__SColumnItem": "___SColumnItem_pjk2q_gg_",
-  "_size_l": "_size_l_pjk2q_gg_",
-  "_size_m": "_size_m_pjk2q_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1ccji_gg_.__columns-count_1ccji_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ccji_gg_._size_l_1ccji_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ccji_gg_._size_m_1ccji_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1ccji_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_1ccji_gg_",
+  "_columns-count": "__columns-count_1ccji_gg_",
+  "__SColumnItem": "___SColumnItem_1ccji_gg_",
+  "_size_l": "_size_l_1ccji_gg_",
+  "_size_m": "_size_m_1ccji_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

package/lib/es6/component/StackGroupBar/StackGroupBar.js

@@ -0,0 +1,163 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { Component } from '@semcore/core';
+import createElement from '../../createElement';
+import { getChartDefaultColorName, scaleToBand } from '../../utils';
+// @ts-ignore
+import Bar, { MIN_HEIGHT } from '../../Bar';
+import { scaleBand } from 'd3-scale';
+import { stack as d3Stack } from 'd3-shape';
+var XY0 = Symbol('XY0');
+var StackGroupBarRoot = /*#__PURE__*/function (_Component) {
+  _inherits(StackGroupBarRoot, _Component);
+  var _super = _createSuper(StackGroupBarRoot);
+  function StackGroupBarRoot(props) {
+    var _this;
+    _classCallCheck(this, StackGroupBarRoot);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "groupDomain", new Set());
+    _defineProperty(_assertThisInitialized(_this), "scaleGroup", scaleBand());
+    _defineProperty(_assertThisInitialized(_this), "stacks", {});
+    _defineProperty(_assertThisInitialized(_this), "offsetBars", []);
+    var children = props.children;
+    var groups = {};
+    React.Children.toArray(children).forEach(function (child) {
+      if ( /*#__PURE__*/React.isValidElement(child) && child.type === StackGroupBar.Bar && !child.props.hide) {
+        // fill the domain for groups
+        _this.groupDomain.add(child.props.group);
+
+        // fill the groups with stacked values
+        if (!groups[child.props.group]) {
+          groups[child.props.group] = [];
+        }
+        groups[child.props.group].push(child.props.y);
+      }
+    });
+    Object.entries(groups).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        group = _ref2[0],
+        stackKeys = _ref2[1];
+      _this.stacks[group] = d3Stack();
+      _this.stacks[group].keys(stackKeys);
+    });
+    return _this;
+  }
+  _createClass(StackGroupBarRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var scale = this.asProps.scale;
+      this.scaleGroup = scaleBand().range([0, scaleToBand(scale[0]).bandwidth()]) // scale always will be because of CreateElement wrapper
+      .domain(this.groupDomain).paddingInner(0.1).paddingOuter(0.1);
+      this.forceUpdate();
+    }
+  }, {
+    key: "getSeries",
+    value: function getSeries(group) {
+      var _this$stacks$group, _this$stacks;
+      var data = this.asProps.data;
+      return (_this$stacks$group = (_this$stacks = this.stacks)[group]) === null || _this$stacks$group === void 0 ? void 0 : _this$stacks$group.call(_this$stacks, data); // data always will be because of CreateElement wrapper
+    }
+  }, {
+    key: "getBarProps",
+    value: function getBarProps(_ref3, index) {
+      var _this$offsetBars$seri,
+        _this$scaleGroup$band,
+        _this2 = this;
+      var y = _ref3.y,
+        group = _ref3.group,
+        _ref3$hMin = _ref3.hMin,
+        hMin = _ref3$hMin === void 0 ? MIN_HEIGHT : _ref3$hMin;
+      var _this$asProps = this.asProps,
+        x = _this$asProps.x,
+        r = _this$asProps.r,
+        scale = _this$asProps.scale,
+        _this$asProps$maxBarS = _this$asProps.maxBarSize,
+        maxBarSize = _this$asProps$maxBarS === void 0 ? Infinity : _this$asProps$maxBarS,
+        patterns = _this$asProps.patterns;
+      var _ref4 = scale,
+        _ref5 = _slicedToArray(_ref4, 2),
+        yScale = _ref5[1]; // scale always will be because of CreateElement wrapper
+
+      var allGroupSeries = this.getSeries(group);
+      var seriesIndex = allGroupSeries.findIndex(function (s) {
+        return s.key === y;
+      });
+      // or [] if hide bar
+      var series = allGroupSeries[seriesIndex] || [];
+      var rBar = series.map(function (s, i) {
+        return allGroupSeries.slice(seriesIndex + 1).some(function (bar) {
+          return bar[i][0] !== bar[i][1];
+        }) ? 0 : r;
+      });
+      this.offsetBars[seriesIndex] = (_this$offsetBars$seri = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri !== void 0 ? _this$offsetBars$seri : [];
+      var data = series.map(function (s) {
+        var _objectSpread2;
+        return _objectSpread(_objectSpread({}, s.data), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, y, s[1]), _defineProperty(_objectSpread2, XY0, s[0]), _objectSpread2));
+      });
+      var bandWidth = (_this$scaleGroup$band = this.scaleGroup.bandwidth()) !== null && _this$scaleGroup$band !== void 0 ? _this$scaleGroup$band : 0;
+      var width = Math.min(bandWidth, maxBarSize);
+      var calcOffset = function calcOffset(i) {
+        var _this2$scaleGroup, _d$XY, _d$XY2;
+        var offsetX = ((_this2$scaleGroup = _this2.scaleGroup(group)) !== null && _this2$scaleGroup !== void 0 ? _this2$scaleGroup : 0) + bandWidth / 2 - width / 2;
+        var offsetY = _this2.offsetBars.reduce(function (offset, offsetBar) {
+          var _offsetBar$i;
+          return offset - ((_offsetBar$i = offsetBar[i]) !== null && _offsetBar$i !== void 0 ? _offsetBar$i : 0);
+        }, 0);
+        var d = data[i];
+        var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$XY = d[XY0]) !== null && _d$XY !== void 0 ? _d$XY : 0)));
+        var isEmptyValue = Number(d[y] - ((_d$XY2 = d[XY0]) !== null && _d$XY2 !== void 0 ? _d$XY2 : 0)) === 0;
+        if (isEmptyValue || absHeight >= hMin) {
+          _this2.offsetBars[seriesIndex][i] = 0;
+        } else {
+          var offsetValue = hMin - absHeight;
+          _this2.offsetBars[seriesIndex][i] = d[y] > 0 ? offsetValue : -offsetValue;
+        }
+        return [offsetX, offsetY];
+      };
+      var barProps = {
+        offset: calcOffset,
+        width: width,
+        color: getChartDefaultColorName(index),
+        x: x,
+        groupKey: x,
+        patterns: patterns,
+        data: data,
+        hMin: hMin,
+        y0: XY0,
+        r: rBar,
+        maxBarSize: maxBarSize
+      };
+      return barProps;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      // @ts-ignore this.Element will always be defined because of `createElement` factory function
+      var Element = this.Element;
+      this.asProps.dataHintsHandler.establishDataType('grouped-values');
+      this.offsetBars = [];
+      return /*#__PURE__*/React.createElement(Element, {
+        "aria-hidden": true,
+        render: "g",
+        childrenPosition: "inside"
+      });
+    }
+  }]);
+  return StackGroupBarRoot;
+}(Component);
+_defineProperty(StackGroupBarRoot, "displayName", 'StackGroupBar');
+_defineProperty(StackGroupBarRoot, "defaultProps", {
+  r: 2
+});
+var StackGroupBar = createElement(StackGroupBarRoot, {
+  Bar: Bar
+});
+export default StackGroupBar;
+//# sourceMappingURL=StackGroupBar.js.map

package/lib/es6/component/StackGroupBar/StackGroupBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackGroupBar.js","names":["React","Component","createElement","getChartDefaultColorName","scaleToBand","Bar","MIN_HEIGHT","scaleBand","stack","d3Stack","XY0","Symbol","StackGroupBarRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","Set","children","groups","Children","toArray","forEach","child","isValidElement","type","StackGroupBar","hide","groupDomain","add","group","push","y","Object","entries","_ref","_ref2","_slicedToArray","stackKeys","stacks","keys","_createClass","key","value","componentDidMount","scale","asProps","scaleGroup","range","bandwidth","domain","paddingInner","paddingOuter","forceUpdate","getSeries","_this$stacks$group","_this$stacks","data","getBarProps","_ref3","index","_this$offsetBars$seri","_this$scaleGroup$band","_this2","_ref3$hMin","hMin","_this$asProps","x","r","_this$asProps$maxBarS","maxBarSize","Infinity","patterns","_ref4","_ref5","yScale","allGroupSeries","seriesIndex","findIndex","s","series","rBar","map","i","slice","some","bar","offsetBars","_objectSpread2","_objectSpread","bandWidth","width","Math","min","calcOffset","_this2$scaleGroup","_d$XY","_d$XY2","offsetX","offsetY","reduce","offset","offsetBar","_offsetBar$i","d","absHeight","abs","isEmptyValue","Number","offsetValue","barProps","color","groupKey","y0","render","Element","dataHintsHandler","establishDataType","childrenPosition"],"sources":["../../../../src/component/StackGroupBar/StackGroupBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport createElement from '../../createElement';\nimport { getChartDefaultColorName, scaleToBand } from '../../utils';\n// @ts-ignore\nimport Bar, { MIN_HEIGHT } from '../../Bar';\nimport { ScaleBand, scaleBand } from 'd3-scale';\n\nimport { StackGroupProps, StackGroupBarProps, StackGroupType } from './StackGroupBar.type';\nimport { Stack, stack as d3Stack } from 'd3-shape';\n\nconst XY0 = Symbol('XY0');\n\nclass StackGroupBarRoot extends Component<StackGroupProps> {\n  static displayName = 'StackGroupBar';\n\n  groupDomain = new Set<string>();\n  scaleGroup: ScaleBand<any> = scaleBand();\n  stacks: Record<string, Stack<any, any, any>> = {};\n\n  static defaultProps = {\n    r: 2,\n  };\n\n  offsetBars: number[][] = [];\n\n  constructor(props: StackGroupProps) {\n    super(props);\n    const { children } = props;\n\n    const groups: Record<string, string[]> = {};\n\n    React.Children.toArray(children).forEach((child) => {\n      if (React.isValidElement(child) && child.type === StackGroupBar.Bar && !child.props.hide) {\n        // fill the domain for groups\n        this.groupDomain.add(child.props.group);\n\n        // fill the groups with stacked values\n        if (!groups[child.props.group]) {\n          groups[child.props.group] = [];\n        }\n\n        groups[child.props.group].push(child.props.y);\n      }\n    });\n\n    Object.entries(groups).forEach(([group, stackKeys]) => {\n      this.stacks[group] = d3Stack();\n      this.stacks[group].keys(stackKeys);\n    });\n  }\n\n  componentDidMount() {\n    const { scale } = this.asProps;\n\n    this.scaleGroup = scaleBand()\n      .range([0, scaleToBand(scale![0]).bandwidth()]) // scale always will be because of CreateElement wrapper\n      .domain(this.groupDomain)\n      .paddingInner(0.1)\n      .paddingOuter(0.1);\n\n    this.forceUpdate();\n  }\n\n  getSeries(group: string) {\n    const { data } = this.asProps;\n\n    return this.stacks[group]?.(data!); // data always will be because of CreateElement wrapper\n  }\n\n  getBarProps({ y, group, hMin = MIN_HEIGHT }: StackGroupBarProps, index: number) {\n    const { x, r, scale, maxBarSize = Infinity, patterns } = this.asProps;\n    const [, yScale] = scale!; // scale always will be because of CreateElement wrapper\n\n    const allGroupSeries = this.getSeries(group);\n    const seriesIndex = allGroupSeries.findIndex((s) => s.key === y);\n    // or [] if hide bar\n    const series = allGroupSeries[seriesIndex] || [];\n\n    const rBar = series.map((s, i) =>\n      allGroupSeries.slice(seriesIndex + 1).some((bar) => bar[i][0] !== bar[i][1]) ? 0 : r,\n    );\n\n    this.offsetBars[seriesIndex] = this.offsetBars[seriesIndex] ?? [];\n    const data = series.map((s) => ({\n      ...s.data,\n      [y]: s[1],\n      [XY0]: s[0],\n    }));\n\n    const bandWidth = this.scaleGroup.bandwidth() ?? 0;\n    const width = Math.min(bandWidth, maxBarSize);\n\n    const calcOffset = (i: number) => {\n      const offsetX = (this.scaleGroup(group) ?? 0) + bandWidth / 2 - width / 2;\n\n      const offsetY = this.offsetBars.reduce(\n        (offset, offsetBar) => offset - (offsetBar[i] ?? 0),\n        0,\n      );\n      const d = data[i];\n      const absHeight = Math.abs(\n        yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[XY0] ?? 0)),\n      );\n\n      const isEmptyValue = Number(d[y] - (d[XY0] ?? 0)) === 0;\n\n      if (isEmptyValue || absHeight >= hMin) {\n        this.offsetBars[seriesIndex][i] = 0;\n      } else {\n        const offsetValue = hMin - absHeight;\n        this.offsetBars[seriesIndex][i] = d[y] > 0 ? offsetValue : -offsetValue;\n      }\n\n      return [offsetX, offsetY];\n    };\n\n    const barProps = {\n      offset: calcOffset,\n      width,\n      color: getChartDefaultColorName(index),\n      x,\n      groupKey: x,\n      patterns,\n      data,\n      hMin,\n      y0: XY0,\n      r: rBar,\n      maxBarSize,\n    };\n\n    return barProps;\n  }\n\n  render() {\n    // @ts-ignore this.Element will always be defined because of `createElement` factory function\n    const Element = this.Element;\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    this.offsetBars = [];\n\n    return <Element aria-hidden render='g' childrenPosition='inside' />;\n  }\n}\n\nconst StackGroupBar: StackGroupType = createElement(StackGroupBarRoot, {\n  Bar,\n});\n\nexport default StackGroupBar;\n"],"mappings":"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"}

package/lib/es6/component/StackGroupBar/StackGroupBar.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=StackGroupBar.type.js.map

package/lib/es6/component/StackGroupBar/StackGroupBar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackGroupBar.type.js","names":[],"sources":["../../../../src/component/StackGroupBar/StackGroupBar.type.ts"],"sourcesContent":["import { ScaleBand, ScaleLinear } from 'd3-scale';\nimport { Stack } from 'd3-shape';\n// @ts-ignore\nimport { IntergalacticD3Component } from '../../Plot';\n\ntype StackGroupData = {\n  [key: string]: number;\n};\n\nexport type StackGroupProps = {\n  children: React.ReactNode | React.ReactNode[];\n  data?: StackGroupData[];\n  x: keyof StackGroupData;\n  scale?: [ScaleBand<any>, ScaleLinear<any, any>];\n  maxBarSize?: number;\n  patterns?: any;\n  dataHintsHandler?: any;\n  stack?: Stack<any, { [key: string]: number }, string>;\n  r?: number;\n};\n\nexport type StackGroupBarProps = {\n  y: keyof StackGroupData;\n  group: string;\n  hMin?: number;\n};\n\nexport type StackGroupType = IntergalacticD3Component<'g', StackGroupProps> & {\n  Bar: IntergalacticD3Component<'path', StackGroupBarProps>;\n};\n"],"mappings":""}

package/lib/es6/index.js

@@ -1,6 +1,7 @@
 export { default as Plot } from './Plot';
 export { ChartLegend, ChartLegendTable } from './component/ChartLegend';
 export { default as Chart } from './component/Chart';
+export { default as StackGroupBar } from './component/StackGroupBar/StackGroupBar';
 export { XAxis, YAxis } from './Axis';
 export { default as Line } from './Line';
 export { default as Bar } from './Bar';

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Plot","ChartLegend","ChartLegendTable","Chart","XAxis","YAxis","Line","Bar","CompactHorizontalBar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","ScatterPlot","Bubble","RadialTree","Donut","Venn","Radar","getLabelOffsetPosition","Tooltip","ResponsiveContainer","ReferenceLine","ReferenceBackground","ReferenceStripes","HoverLine","HoverRect","minMax","interpolateValue","getBubbleChartValueScale","getScatterPlotRadius","calculateBubbleDomain","PlotEventEmitter","colors","makeDataHintsContainer","PatternFill","PatternSymbol","getPatternSymbolSize"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as CompactHorizontalBar } from './CompactHorizontalBar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { ReferenceLine, ReferenceBackground, ReferenceStripes } from './Reference';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport {\n  minMax,\n  interpolateValue,\n  getBubbleChartValueScale,\n  getScatterPlotRadius,\n  calculateBubbleDomain,\n  PlotEventEmitter,\n} from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\nexport { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SAASH,OAAO,IAAII,KAAK,QAAQ,mBAAmB;AACpD,SAASC,KAAK,EAAEC,KAAK,QAAQ,QAAQ;AAErC,SAASN,OAAO,IAAIO,IAAI,QAAQ,QAAQ;AAExC,SAASP,OAAO,IAAIQ,GAAG,QAAQ,OAAO;AACtC,SAASR,OAAO,IAAIS,oBAAoB,QAAQ,wBAAwB;AACxE,SAAST,OAAO,IAAIU,aAAa,QAAQ,iBAAiB;AAC1D,SAASV,OAAO,IAAIW,QAAQ,QAAQ,YAAY;AAChD,SAASX,OAAO,IAAIY,QAAQ,QAAQ,YAAY;AAChD,SAASZ,OAAO,IAAIa,IAAI,QAAQ,QAAQ;AACxC,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,WAAW,QAAQ,eAAe;AACtD,SAASf,OAAO,IAAIgB,MAAM,QAAQ,UAAU;AAC5C,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,cAAc;AACpD,SAASjB,OAAO,IAAIkB,KAAK,QAAQ,SAAS;AAC1C,SAASlB,OAAO,IAAImB,IAAI,QAAQ,QAAQ;AACxC,SAASnB,OAAO,IAAIoB,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAElE,SAASrB,OAAO,IAAIsB,OAAO,QAAQ,WAAW;AAE9C,SAAStB,OAAO,IAAIuB,mBAAmB,QAAQ,uBAAuB;AACtE,SAASC,aAAa,EAAEC,mBAAmB,EAAEC,gBAAgB,QAAQ,aAAa;AAElF,SAASC,SAAS,EAAEC,SAAS,QAAQ,SAAS;AAE9C,SACEC,MAAM,EACNC,gBAAgB,EAChBC,wBAAwB,EACxBC,oBAAoB,EACpBC,qBAAqB,EACrBC,gBAAgB,QACX,SAAS;AAChB,SAASC,MAAM,QAAQ,SAAS;AAEhC,SAASC,sBAAsB,QAAQ,cAAc;AAErD,SAASC,WAAW,EAAEC,aAAa,EAAEC,oBAAoB,QAAQ,WAAW"}
+{"version":3,"file":"index.js","names":["default","Plot","ChartLegend","ChartLegendTable","Chart","StackGroupBar","XAxis","YAxis","Line","Bar","CompactHorizontalBar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","ScatterPlot","Bubble","RadialTree","Donut","Venn","Radar","getLabelOffsetPosition","Tooltip","ResponsiveContainer","ReferenceLine","ReferenceBackground","ReferenceStripes","HoverLine","HoverRect","minMax","interpolateValue","getBubbleChartValueScale","getScatterPlotRadius","calculateBubbleDomain","PlotEventEmitter","colors","makeDataHintsContainer","PatternFill","PatternSymbol","getPatternSymbolSize"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { default as StackGroupBar } from './component/StackGroupBar/StackGroupBar';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as CompactHorizontalBar } from './CompactHorizontalBar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { ReferenceLine, ReferenceBackground, ReferenceStripes } from './Reference';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport {\n  minMax,\n  interpolateValue,\n  getBubbleChartValueScale,\n  getScatterPlotRadius,\n  calculateBubbleDomain,\n  PlotEventEmitter,\n} from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\nexport { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SAASH,OAAO,IAAII,KAAK,QAAQ,mBAAmB;AACpD,SAASJ,OAAO,IAAIK,aAAa,QAAQ,yCAAyC;AAClF,SAASC,KAAK,EAAEC,KAAK,QAAQ,QAAQ;AAErC,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AAExC,SAASR,OAAO,IAAIS,GAAG,QAAQ,OAAO;AACtC,SAAST,OAAO,IAAIU,oBAAoB,QAAQ,wBAAwB;AACxE,SAASV,OAAO,IAAIW,aAAa,QAAQ,iBAAiB;AAC1D,SAASX,OAAO,IAAIY,QAAQ,QAAQ,YAAY;AAChD,SAASZ,OAAO,IAAIa,QAAQ,QAAQ,YAAY;AAChD,SAASb,OAAO,IAAIc,IAAI,QAAQ,QAAQ;AACxC,SAASd,OAAO,IAAIe,WAAW,QAAQ,eAAe;AACtD,SAASf,OAAO,IAAIgB,WAAW,QAAQ,eAAe;AACtD,SAAShB,OAAO,IAAIiB,MAAM,QAAQ,UAAU;AAC5C,SAASjB,OAAO,IAAIkB,UAAU,QAAQ,cAAc;AACpD,SAASlB,OAAO,IAAImB,KAAK,QAAQ,SAAS;AAC1C,SAASnB,OAAO,IAAIoB,IAAI,QAAQ,QAAQ;AACxC,SAASpB,OAAO,IAAIqB,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAElE,SAAStB,OAAO,IAAIuB,OAAO,QAAQ,WAAW;AAE9C,SAASvB,OAAO,IAAIwB,mBAAmB,QAAQ,uBAAuB;AACtE,SAASC,aAAa,EAAEC,mBAAmB,EAAEC,gBAAgB,QAAQ,aAAa;AAElF,SAASC,SAAS,EAAEC,SAAS,QAAQ,SAAS;AAE9C,SACEC,MAAM,EACNC,gBAAgB,EAChBC,wBAAwB,EACxBC,oBAAoB,EACpBC,qBAAqB,EACrBC,gBAAgB,QACX,SAAS;AAChB,SAASC,MAAM,QAAQ,SAAS;AAEhC,SAASC,sBAAsB,QAAQ,cAAc;AAErD,SAASC,WAAW,EAAEC,aAAa,EAAEC,oBAAoB,QAAQ,WAAW"}