@semcore/d3-chart 3.18.1 → 3.18.2

package/lib/cjs/component/Chart/VennChart.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VennChart = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
+var _ = require("../..");
+var _AbstractChart2 = require("./AbstractChart");
+var _typography = require("@semcore/typography");
+// @ts-ignore
+var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(VennChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(VennChartComponent);
+  function VennChartComponent() {
+    (0, _classCallCheck2["default"])(this, VennChartComponent);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(VennChartComponent, [{
+    key: "xScale",
+    get: function get() {
+      var xScale = this.asProps.xScale;
+      if (xScale) {
+        return xScale;
+      }
+      return (0, _d3Scale.scaleLinear)();
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var yScale = this.asProps.yScale;
+      if (yScale) {
+        return yScale;
+      }
+      return (0, _d3Scale.scaleLinear)();
+    }
+  }, {
+    key: "dataKeys",
+    get: function get() {
+      var _this$props = this.props,
+        data = _this$props.data,
+        groupKey = _this$props.groupKey;
+      var legendKeys = Object.keys(data).filter(function (item) {
+        var isIntersection = /\//.test(item);
+        return !isIntersection;
+      });
+      return legendKeys;
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        legendType: 'Table'
+      };
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var data = this.asProps.data;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      var checkedLegendItems = dataDefinitions.filter(function (item) {
+        return item.checked;
+      });
+      var checkedLegendItemsMap = checkedLegendItems.reduce(function (result, item) {
+        result[item.id] = item;
+        return result;
+      }, {});
+      var intersections = Object.keys(data).reduce(function (result, dataKey) {
+        var isIntersection = /\//.test(dataKey);
+        if (isIntersection) {
+          result.push(dataKey);
+        }
+        return result;
+      }, []);
+      return /*#__PURE__*/_react["default"].createElement(_.Venn, null, checkedLegendItems.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_.Venn.Circle, {
+          key: item.id,
+          dataKey: item.id,
+          name: item.label,
+          color: item.color,
+          transparent: highlightedLine !== -1 && highlightedLine !== index
+        });
+      }), intersections.map(function (intersectionKey) {
+        var intersectionKeys = intersectionKey.split('/');
+        var hasDisabledItems = intersectionKeys.some(function (key) {
+          return checkedLegendItemsMap[key] === undefined;
+        });
+        if (hasDisabledItems) {
+          return null;
+        }
+        var name = intersectionKeys.map(function (id) {
+          var _dataDefinitions$find;
+          return ((_dataDefinitions$find = dataDefinitions.find(function (legendItem) {
+            return legendItem.id === id;
+          })) === null || _dataDefinitions$find === void 0 ? void 0 : _dataDefinitions$find.label) || '';
+        }).join(' & ');
+        return /*#__PURE__*/_react["default"].createElement(_.Venn.Intersection, {
+          key: intersectionKey,
+          dataKey: intersectionKey,
+          name: name
+        });
+      }));
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var showTooltip = this.asProps.showTooltip;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip, null, function (_ref) {
+        var name = _ref.name,
+          dataKey = _ref.dataKey,
+          data = _ref.data;
+        return {
+          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip.Title, null, name), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            bold: true
+          }, data[dataKey]))
+        };
+      });
+    }
+  }]);
+  return VennChartComponent;
+}(_AbstractChart2.AbstractChart);
+(0, _defineProperty2["default"])(VennChartComponent, "displayName", 'Chart.Venn');
+(0, _defineProperty2["default"])(VennChartComponent, "defaultProps", {
+  direction: 'row-reverse',
+  alignItems: 'flex-start',
+  marginY: 0,
+  marginX: 0
+});
+var VennChart = (0, _core["default"])(VennChartComponent);
+exports.VennChart = VennChart;
+//# sourceMappingURL=VennChart.js.map

package/lib/cjs/component/Chart/VennChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VennChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","VennChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","xScale","asProps","scaleLinear","yScale","_this$props","props","data","groupKey","legendKeys","Object","keys","filter","item","isIntersection","test","value","defaultLegendProps","legendType","renderChart","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","Venn","map","index","Circle","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","_dataDefinitions$find","find","legendItem","join","Intersection","renderTooltip","showTooltip","Tooltip","_ref","children","Fragment","Title","Text","bold","AbstractChart","_defineProperty2","direction","alignItems","marginY","marginX","VennChart","createComponent","exports"],"sources":["../../../../src/component/Chart/VennChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Venn } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { Text } from '@semcore/typography';\nimport { VennChartData, VennChartProps, VennChartType } from './VennChart.type';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass VennChartComponent extends AbstractChart<VennChartData, VennChartProps> {\n  static displayName = 'Chart.Venn';\n\n  static defaultProps: Partial<BaseChartProps<VennChartData>> = {\n    direction: 'row-reverse',\n    alignItems: 'flex-start',\n    marginY: 0,\n    marginX: 0,\n  };\n\n  get xScale() {\n    const { xScale } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return scaleLinear();\n  }\n\n  get yScale() {\n    const { yScale } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return scaleLinear();\n  }\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((item) => {\n      const isIntersection = /\\//.test(item);\n\n      return !isIntersection;\n    });\n\n    return legendKeys;\n  }\n\n  defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n    };\n  }\n\n  renderChart() {\n    const { data } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n    const checkedLegendItemsMap = checkedLegendItems.reduce<Record<string, LegendItem>>(\n      (result, item) => {\n        result[item.id] = item;\n\n        return result;\n      },\n      {},\n    );\n\n    const intersections = Object.keys(data).reduce<string[]>((result, dataKey) => {\n      const isIntersection = /\\//.test(dataKey);\n\n      if (isIntersection) {\n        result.push(dataKey);\n      }\n\n      return result;\n    }, []);\n\n    return (\n      <Venn>\n        {checkedLegendItems.map((item, index) => {\n          return (\n            <Venn.Circle\n              key={item.id}\n              dataKey={item.id}\n              name={item.label}\n              color={item.color}\n              transparent={highlightedLine !== -1 && highlightedLine !== index}\n            />\n          );\n        })}\n\n        {intersections.map((intersectionKey) => {\n          const intersectionKeys = intersectionKey.split('/');\n\n          const hasDisabledItems = intersectionKeys.some((key) => {\n            return checkedLegendItemsMap[key] === undefined;\n          });\n\n          if (hasDisabledItems) {\n            return null;\n          }\n\n          const name = intersectionKeys\n            .map((id) => {\n              return dataDefinitions.find((legendItem) => legendItem.id === id)?.label || '';\n            })\n            .join(' & ');\n\n          return <Venn.Intersection key={intersectionKey} dataKey={intersectionKey} name={name} />;\n        })}\n      </Venn>\n    );\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Venn.Tooltip>\n        {({ name, dataKey, data }: any) => {\n          return {\n            children: (\n              <>\n                <Venn.Tooltip.Title>{name}</Venn.Tooltip.Title>\n                <Text bold>{data[dataKey]}</Text>\n              </>\n            ),\n          };\n        }}\n      </Venn.Tooltip>\n    );\n  }\n}\n\nexport const VennChart: VennChartType = createComponent(VennChartComponent);\n"],"mappings":"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"}

package/lib/cjs/component/Chart/VennChart.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=VennChart.type.js.map

package/lib/cjs/component/Chart/VennChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleLinear } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type VennChartData = Record<string, number>;\n\nexport type VennChartProps = BaseChartProps<VennChartData> & {\n  groupKey?: never;\n  xScale?: ScaleLinear<any, any>;\n  yScale?: ScaleLinear<any, any>;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":""}

package/lib/cjs/component/Chart/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _LineChart = require("./LineChart");
+var _BarChart = require("./BarChart");
+var _HistogramChart = require("./HistogramChart");
+var _ScatterPlotChart = require("./ScatterPlotChart");
+var _AreaChart = require("./AreaChart");
+var _BubbleChart = require("./BubbleChart");
+var _DonutChart = require("./DonutChart");
+var _VennChart = require("./VennChart");
+var _RadarChart = require("./RadarChart");
+var _default = {
+  Line: _LineChart.LineChart,
+  Bar: _BarChart.BarChart,
+  Histogram: _HistogramChart.HistogramChart,
+  ScatterPlot: _ScatterPlotChart.ScatterPlotChart,
+  Area: _AreaChart.AreaChart,
+  Bubble: _BubbleChart.BubbleChart,
+  Donut: _DonutChart.DonutChart,
+  Venn: _VennChart.VennChart,
+  Radar: _RadarChart.RadarChart
+};
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/cjs/component/Chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_LineChart","require","_BarChart","_HistogramChart","_ScatterPlotChart","_AreaChart","_BubbleChart","_DonutChart","_VennChart","_RadarChart","_default","Line","LineChart","Bar","BarChart","Histogram","HistogramChart","ScatterPlot","ScatterPlotChart","Area","AreaChart","Bubble","BubbleChart","Donut","DonutChart","Venn","VennChart","Radar","RadarChart","exports"],"sources":["../../../../src/component/Chart/index.ts"],"sourcesContent":["import { LineChart } from './LineChart';\nimport { BarChart } from './BarChart';\nimport { HistogramChart } from './HistogramChart';\nimport { ScatterPlotChart } from './ScatterPlotChart';\nimport { AreaChart } from './AreaChart';\nimport { BubbleChart } from './BubbleChart';\nimport { DonutChart } from './DonutChart';\nimport { VennChart } from './VennChart';\nimport { RadarChart } from './RadarChart';\n\nexport default {\n  Line: LineChart,\n  Bar: BarChart,\n  Histogram: HistogramChart,\n  ScatterPlot: ScatterPlotChart,\n  Area: AreaChart,\n  Bubble: BubbleChart,\n  Donut: DonutChart,\n  Venn: VennChart,\n  Radar: RadarChart,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA0C,IAAAS,QAAA,GAE3B;EACbC,IAAI,EAAEC,oBAAS;EACfC,GAAG,EAAEC,kBAAQ;EACbC,SAAS,EAAEC,8BAAc;EACzBC,WAAW,EAAEC,kCAAgB;EAC7BC,IAAI,EAAEC,oBAAS;EACfC,MAAM,EAAEC,wBAAW;EACnBC,KAAK,EAAEC,sBAAU;EACjBC,IAAI,EAAEC,oBAAS;EACfC,KAAK,EAAEC;AACT,CAAC;AAAAC,OAAA,cAAAnB,QAAA"}

package/lib/cjs/component/ChartLegend/BaseLegend.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = {\n  /**\n   * Size for legend items\n   */\n  size?: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape?: ShapeType;\n  /**\n   * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n   */\n  onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n  onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  dataHints?: DataStructureHints;\n};\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n  };\n"],"mappings":""}
+{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps, FlexProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps & {\n  /**\n   * Size for legend items\n   */\n  size?: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape?: ShapeType;\n  /**\n   * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n   */\n  onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n  onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n  dataHints?: DataStructureHints;\n};\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n  };\n"],"mappings":""}

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

@@ -22,10 +22,10 @@ var _BaseLegend2 = require("../BaseLegend");
 var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_140i8_gg_._direction_row_140i8_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_140i8_gg_._direction_column_140i8_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "140i8_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_140i8_gg_",
-  "_direction_row": "_direction_row_140i8_gg_",
-  "_direction_column": "_direction_column_140i8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_gusls_gg_._direction_row_gusls_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_gusls_gg_._direction_column_gusls_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "gusls_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_gusls_gg_",
+  "_direction_row": "_direction_row_gusls_gg_",
+  "_direction_column": "_direction_column_gusls_gg_"
 });
 var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);

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

@@ -19,23 +19,24 @@ var _flexBox = require("@semcore/flex-box");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 var _typography = require("@semcore/typography");
 var _LegendItem = require("./LegendItem.type");
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/src/enhances/resolveColorEnhance"));
 var _excluded = ["color"];
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_18oyb_gg_{align-items:flex-start}@media (hover:hover){.___SLegendItem_18oyb_gg_:hover{cursor:pointer}.___SLegendItem_18oyb_gg_.__disabled_18oyb_gg_:hover{cursor:default}}.___SPointShape_18oyb_gg_.__color_18oyb_gg_{background-color:var(--color_18oyb);margin-right:8px}.___SPointShape_18oyb_gg_._shape_Circle_18oyb_gg_._size_l_18oyb_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_18oyb_gg_._shape_Circle_18oyb_gg_._size_m_18oyb_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_18oyb_gg_._shape_Line_18oyb_gg_._size_l_18oyb_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_18oyb_gg_._shape_Line_18oyb_gg_._size_m_18oyb_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_18oyb_gg_._shape_Square_18oyb_gg_._size_l_18oyb_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_18oyb_gg_._shape_Square_18oyb_gg_._size_m_18oyb_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_18oyb_gg_{line-height:0;margin-right:4px}.___SIcon_18oyb_gg_._size_l_18oyb_gg_{margin-top:4px}.___SIcon_18oyb_gg_._size_m_18oyb_gg_{margin-top:2px}.___SAdditionalLabel_18oyb_gg_._size_l_18oyb_gg_,.___SCount_18oyb_gg_._size_l_18oyb_gg_,.___SLabel_18oyb_gg_._size_l_18oyb_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_18oyb_gg_._size_m_18oyb_gg_,.___SCount_18oyb_gg_._size_m_18oyb_gg_,.___SLabel_18oyb_gg_._size_m_18oyb_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_18oyb_gg_,.___SCount_18oyb_gg_{margin-left:4px}.___SAdditionalLabel_18oyb_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_18oyb_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_18oyb_gg_._size_l_18oyb_gg_::before{margin-top:10px}.___SAdditionalLabel_18oyb_gg_._size_m_18oyb_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "18oyb_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_18oyb_gg_",
-  "_disabled": "__disabled_18oyb_gg_",
-  "__SPointShape": "___SPointShape_18oyb_gg_",
-  "_color": "__color_18oyb_gg_",
-  "--color": "--color_18oyb",
-  "_shape_Circle": "_shape_Circle_18oyb_gg_",
-  "_size_l": "_size_l_18oyb_gg_",
-  "_size_m": "_size_m_18oyb_gg_",
-  "_shape_Line": "_shape_Line_18oyb_gg_",
-  "_shape_Square": "_shape_Square_18oyb_gg_",
-  "__SIcon": "___SIcon_18oyb_gg_",
-  "__SLabel": "___SLabel_18oyb_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_18oyb_gg_",
-  "__SCount": "___SCount_18oyb_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1dy0i_gg_{align-items:flex-start}@media (hover:hover){.___SLegendItem_1dy0i_gg_:hover{cursor:pointer}.___SLegendItem_1dy0i_gg_.__disabled_1dy0i_gg_:hover{cursor:default}}.___SPointShape_1dy0i_gg_.__color_1dy0i_gg_{background-color:var(--color_1dy0i);margin-right:8px}.___SPointShape_1dy0i_gg_._shape_Circle_1dy0i_gg_._size_l_1dy0i_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1dy0i_gg_._shape_Circle_1dy0i_gg_._size_m_1dy0i_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1dy0i_gg_._shape_Line_1dy0i_gg_._size_l_1dy0i_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1dy0i_gg_._shape_Line_1dy0i_gg_._size_m_1dy0i_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1dy0i_gg_._shape_Square_1dy0i_gg_._size_l_1dy0i_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1dy0i_gg_._shape_Square_1dy0i_gg_._size_m_1dy0i_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1dy0i_gg_{line-height:0;margin-right:4px}.___SIcon_1dy0i_gg_._size_l_1dy0i_gg_{margin-top:4px}.___SIcon_1dy0i_gg_._size_m_1dy0i_gg_{margin-top:2px}.___SAdditionalLabel_1dy0i_gg_._size_l_1dy0i_gg_,.___SCount_1dy0i_gg_._size_l_1dy0i_gg_,.___SLabel_1dy0i_gg_._size_l_1dy0i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1dy0i_gg_._size_m_1dy0i_gg_,.___SCount_1dy0i_gg_._size_m_1dy0i_gg_,.___SLabel_1dy0i_gg_._size_m_1dy0i_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1dy0i_gg_,.___SCount_1dy0i_gg_{margin-left:4px}.___SAdditionalLabel_1dy0i_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1dy0i_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1dy0i_gg_._size_l_1dy0i_gg_::before{margin-top:10px}.___SAdditionalLabel_1dy0i_gg_._size_m_1dy0i_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1dy0i_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1dy0i_gg_",
+  "_disabled": "__disabled_1dy0i_gg_",
+  "__SPointShape": "___SPointShape_1dy0i_gg_",
+  "_color": "__color_1dy0i_gg_",
+  "--color": "--color_1dy0i",
+  "_shape_Circle": "_shape_Circle_1dy0i_gg_",
+  "_size_l": "_size_l_1dy0i_gg_",
+  "_size_m": "_size_m_1dy0i_gg_",
+  "_shape_Line": "_shape_Line_1dy0i_gg_",
+  "_shape_Square": "_shape_Square_1dy0i_gg_",
+  "__SIcon": "___SIcon_1dy0i_gg_",
+  "__SLabel": "___SLabel_1dy0i_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1dy0i_gg_",
+  "__SCount": "___SCount_1dy0i_gg_"
 });
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LegendItemRoot, _Component);
@@ -54,13 +55,14 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         label = _this$asProps.label,
         id = _this$asProps.id,
         size = _this$asProps.size,
-        onClick = _this$asProps.onClick;
+        onClick = _this$asProps.onClick,
+        resolveColor = _this$asProps.resolveColor;
       return {
         id: id,
         label: label,
         shape: shape,
         checked: checked,
-        color: color,
+        color: resolveColor(color),
         size: size,
         onKeyUp: function onKeyUp(e) {
           if (onClick && e.key === ' ') {
@@ -127,6 +129,7 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 (0, _defineProperty2["default"])(LegendItemRoot, "displayName", 'LegendItem');
 (0, _defineProperty2["default"])(LegendItemRoot, "style", style);
+(0, _defineProperty2["default"])(LegendItemRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
 (0, _defineProperty2["default"])(LegendItemRoot, "defaultProps", function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Shape, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Icon, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Label, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.AdditionalLabel, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Count, null))

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_excluded","style","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","onKeyUp","e","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref8","SPointShape","Box","hasChildren","theme","_ref13","_ref3","_ref9","SIcon","displayName","_ref14","_ref4","_ref10","SLabel","TypographyText","_ref15","_ref5","_ref11","SAdditionalLabel","_ref16","_ref6","_ref12","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox, { CheckboxProps } 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';\n\nclass LegendItemRoot extends Component<LegendItemProps> {\n  static displayName = 'LegendItem';\n  static style = style;\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(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick } = this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color,\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\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 {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\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 {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Checkbox') {\n    return (\n      <Checkbox\n        size={size}\n        checked={checked}\n        theme={checked ? color : undefined}\n        onKeyUp={onKeyUp}\n        aria-label={label}\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":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_resolveColorEnhance","_excluded","style","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","resolveColor","onKeyUp","e","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","resolveColorEnhance","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref8","SPointShape","Box","hasChildren","theme","_ref13","_ref3","_ref9","SIcon","displayName","_ref14","_ref4","_ref10","SLabel","TypographyText","_ref15","_ref5","_ref11","SAdditionalLabel","_ref16","_ref6","_ref12","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } 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/src/enhances/resolveColorEnhance';\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(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick, resolveColor } = this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\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 {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\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 {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Checkbox') {\n    return (\n      <Checkbox\n        size={size}\n        checked={checked}\n        theme={checked ? color : undefined}\n        onKeyUp={onKeyUp}\n        aria-label={label}\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/cjs/component/ChartLegend/LegendTable/LegendTable.js

@@ -18,13 +18,12 @@ var _flexBox = require("@semcore/flex-box");
 var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_9p6c1_gg_.__columns-count_9p6c1_gg_{display:grid;grid-template-columns:repeat(var(--columns-count_9p6c1),auto);align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:18px;grid-row-gap:8px}.___SColumnItem_9p6c1_gg_._size_l_9p6c1_gg_{font-size:var(--intergalactic-fs-300, 16px)}.___SColumnItem_9p6c1_gg_._size_m_9p6c1_gg_{font-size:var(--intergalactic-fs-200, 14px)}" /*__inner_css_end__*/, "9p6c1_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_9p6c1_gg_",
-  "_columns-count": "__columns-count_9p6c1_gg_",
-  "--columns-count": "--columns-count_9p6c1",
-  "__SColumnItem": "___SColumnItem_9p6c1_gg_",
-  "_size_l": "_size_l_9p6c1_gg_",
-  "_size_m": "_size_m_9p6c1_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_16qmu_gg_.__columns-count_16qmu_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_16qmu_gg_._size_l_16qmu_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_16qmu_gg_._size_m_16qmu_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "16qmu_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_16qmu_gg_",
+  "_columns-count": "__columns-count_16qmu_gg_",
+  "__SColumnItem": "___SColumnItem_16qmu_gg_",
+  "_size_l": "_size_l_16qmu_gg_",
+  "_size_m": "_size_m_16qmu_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendTable.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_BaseLegend2","style","sstyled","insert","LegendTableRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","Box","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread2","assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","BaseLegend","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}

package/lib/cjs/component/ChartLegend/LegendTable/legend-table.shadow.css

@@ -1,16 +1,19 @@
 SLegendTable[columns-count] {
+  font-variant-numeric: tabular-nums;
   display: grid;
-  grid-template-columns: repeat(var(--columns-count), auto);
+  grid-template-columns: auto 0.2fr 0.2fr;
   align-items: center;
   height: fit-content;
-  grid-column-gap: 18px;
+  grid-column-gap: 16px;
   grid-row-gap: 8px;
 }
 
 SColumnItem[size='l'] {
   font-size: var(--intergalactic-fs-300, 16px);
+  text-align: right;
 }
 
 SColumnItem[size='m'] {
   font-size: var(--intergalactic-fs-200, 14px);
+  text-align: right;
 }

package/lib/cjs/index.js

@@ -23,6 +23,12 @@ Object.defineProperty(exports, "Bubble", {
     return _Bubble["default"];
   }
 });
+Object.defineProperty(exports, "Chart", {
+  enumerable: true,
+  get: function get() {
+    return _Chart["default"];
+  }
+});
 Object.defineProperty(exports, "ChartLegend", {
   enumerable: true,
   get: function get() {
@@ -175,6 +181,7 @@ Object.defineProperty(exports, "minMax", {
 });
 var _Plot = _interopRequireDefault(require("./Plot"));
 var _ChartLegend = require("./component/ChartLegend");
+var _Chart = _interopRequireDefault(require("./component/Chart"));
 var _Axis = require("./Axis");
 var _Line = _interopRequireDefault(require("./Line"));
 var _Bar = _interopRequireDefault(require("./Bar"));

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Plot","_interopRequireDefault","require","_ChartLegend","_Axis","_Line","_Bar","_HorizontalBar","_GroupBar","_StackBar","_Area","_StackedArea","_ScatterPlot","_Bubble","_RadialTree","_Donut","_Venn","_Radar","_interopRequireWildcard","_Tooltip","_ResponsiveContainer","_ReferenceLine","_Hover","_utils","_color","_hints"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\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 { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,OAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,WAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,MAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,KAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,MAAA,GAAAC,uBAAA,CAAAhB,OAAA;AAEA,IAAAiB,QAAA,GAAAlB,sBAAA,CAAAC,OAAA;AAEA,IAAAkB,oBAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,cAAA,GAAApB,sBAAA,CAAAC,OAAA;AAEA,IAAAoB,MAAA,GAAApB,OAAA;AAEA,IAAAqB,MAAA,GAAArB,OAAA;AACA,IAAAsB,MAAA,GAAAtB,OAAA;AAEA,IAAAuB,MAAA,GAAAvB,OAAA"}
+{"version":3,"file":"index.js","names":["_Plot","_interopRequireDefault","require","_ChartLegend","_Chart","_Axis","_Line","_Bar","_HorizontalBar","_GroupBar","_StackBar","_Area","_StackedArea","_ScatterPlot","_Bubble","_RadialTree","_Donut","_Venn","_Radar","_interopRequireWildcard","_Tooltip","_ResponsiveContainer","_ReferenceLine","_Hover","_utils","_color","_hints"],"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 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 { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,YAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,WAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,MAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,KAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,MAAA,GAAAC,uBAAA,CAAAjB,OAAA;AAEA,IAAAkB,QAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAEA,IAAAmB,oBAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,cAAA,GAAArB,sBAAA,CAAAC,OAAA;AAEA,IAAAqB,MAAA,GAAArB,OAAA;AAEA,IAAAsB,MAAA,GAAAtB,OAAA;AACA,IAAAuB,MAAA,GAAAvB,OAAA;AAEA,IAAAwB,MAAA,GAAAxB,OAAA"}

package/lib/cjs/style/donut.shadow.css

@@ -24,4 +24,7 @@ SEmptyData[color] {
 SLabel {
   text-anchor: middle;
   vertical-anchor: middle;
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+
 }

package/lib/cjs/types/Line.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { curveCardinal, CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  Omit<FadeInOutProps, 'display'> & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\nexport type LineAreaProps = Omit<LineProps, 'transparent'> & {\n  /**\n   * Field name from `data` array for y0 point by the YAxis for the Area\n   */\n  y0: string;\n  /**\n   * Field name from `data` array for y1 point by the YAxis for the Area\n   */\n  y1: string;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n  Area: IntergalacticD3Component<'path', LineAreaProps>;\n};\n\nexport default Line;\n"],"mappings":""}
+{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { curveCardinal, CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  Omit<FadeInOutProps, 'display'> & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\nexport type LineAreaProps = Omit<LineProps, 'transparent'> & {\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y0 point by the YAxis for the Area\n   */\n  y0: string;\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y1 point by the YAxis for the Area\n   */\n  y1: string;\n\n  /**\n   * Optional data for render area\n   */\n  area?: Array<{ [key: string]: number }>;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n  Area: IntergalacticD3Component<'path', LineAreaProps>;\n};\n\nexport default Line;\n"],"mappings":""}