@semcore/d3-chart 3.60.2-prerelease.0 → 3.61.0-prerelease.0

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

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,51 +9,49 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
 var _typography = require("@semcore/typography");
+var _react = _interopRequireDefault(require("react"));
 var _LegendItem = require("./LegendItem.type");
-var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _Pattern = require("../../../Pattern");
 var _utils = require("../../../utils");
 var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1978v_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1978v_gg_:hover{cursor:pointer}.___SLegendItem_1978v_gg_.__disabled_1978v_gg_:hover{cursor:default}}.___SPointShape_1978v_gg_.__color_1978v_gg_{background-color:var(--color_1978v);margin-right:8px;flex-shrink:0}.___SPointShape_1978v_gg_._shape_Circle_1978v_gg_._size_l_1978v_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Circle_1978v_gg_._size_m_1978v_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Line_1978v_gg_._size_l_1978v_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1978v_gg_._shape_Line_1978v_gg_._size_m_1978v_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1978v_gg_._shape_Square_1978v_gg_._size_l_1978v_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Square_1978v_gg_._size_m_1978v_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1978v_gg_._shape_Pattern_1978v_gg_{background-color:transparent;margin-right:4px}.___SIcon_1978v_gg_{line-height:0;margin-right:4px}.___SIcon_1978v_gg_._size_l_1978v_gg_{margin-top:4px}.___SIcon_1978v_gg_._size_m_1978v_gg_{margin-top:2px}.___SLabel_1978v_gg_{min-width:0}.___SAdditionalLabel_1978v_gg_._size_l_1978v_gg_,.___SCount_1978v_gg_._size_l_1978v_gg_,.___SLabel_1978v_gg_._size_l_1978v_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1978v_gg_._size_m_1978v_gg_,.___SCount_1978v_gg_._size_m_1978v_gg_,.___SLabel_1978v_gg_._size_m_1978v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1978v_gg_,.___SCount_1978v_gg_{margin-left:4px}.___SAdditionalLabel_1978v_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1978v_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1978v_gg_._size_l_1978v_gg_::before{margin-top:10px}.___SAdditionalLabel_1978v_gg_._size_m_1978v_gg_::before{margin-top:8px}.___SPatternSymbol_1978v_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1978v_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendItem_1v96z_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v96z_gg_:hover{cursor:pointer}.___SLegendItem_1v96z_gg_.__disabled_1v96z_gg_:hover{cursor:default}}.___SPointShape_1v96z_gg_.__color_1v96z_gg_{background-color:var(--color_1v96z);margin-right:8px;flex-shrink:0}.___SPointShape_1v96z_gg_._shape_Circle_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Circle_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Line_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v96z_gg_._shape_Line_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v96z_gg_._shape_Square_1v96z_gg_._size_l_1v96z_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Square_1v96z_gg_._size_m_1v96z_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1v96z_gg_._shape_Pattern_1v96z_gg_{background-color:transparent;margin-right:4px}.___SIcon_1v96z_gg_{line-height:0;margin-right:4px}.___SIcon_1v96z_gg_._size_l_1v96z_gg_{margin-top:4px}.___SIcon_1v96z_gg_._size_m_1v96z_gg_{margin-top:2px}.___SLabel_1v96z_gg_{min-width:0}.___SAdditionalLabel_1v96z_gg_._size_l_1v96z_gg_,.___SCount_1v96z_gg_._size_l_1v96z_gg_,.___SLabel_1v96z_gg_._size_l_1v96z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v96z_gg_._size_m_1v96z_gg_,.___SCount_1v96z_gg_._size_m_1v96z_gg_,.___SLabel_1v96z_gg_._size_m_1v96z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v96z_gg_,.___SCount_1v96z_gg_{margin-left:4px}.___SAdditionalLabel_1v96z_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v96z_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_1v96z_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_1v96z_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_1v96z_gg_._size_l_1v96z_gg_::before{margin-top:10px}.___SAdditionalLabel_1v96z_gg_._size_m_1v96z_gg_::before{margin-top:8px}.___SPatternSymbol_1v96z_gg_{transform:scale(.8)}", /*__inner_css_end__*/"1v96z_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_1978v_gg_",
-  "_disabled": "__disabled_1978v_gg_",
-  "__SPointShape": "___SPointShape_1978v_gg_",
-  "_color": "__color_1978v_gg_",
-  "--color": "--color_1978v",
-  "_shape_Circle": "_shape_Circle_1978v_gg_",
-  "_size_l": "_size_l_1978v_gg_",
-  "_size_m": "_size_m_1978v_gg_",
-  "_shape_Line": "_shape_Line_1978v_gg_",
-  "_shape_Square": "_shape_Square_1978v_gg_",
-  "_shape_Pattern": "_shape_Pattern_1978v_gg_",
-  "__SIcon": "___SIcon_1978v_gg_",
-  "__SLabel": "___SLabel_1978v_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_1978v_gg_",
-  "__SCount": "___SCount_1978v_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_1978v_gg_"
+  "__SLegendItem": "___SLegendItem_1v96z_gg_",
+  "_disabled": "__disabled_1v96z_gg_",
+  "__SPointShape": "___SPointShape_1v96z_gg_",
+  "_color": "__color_1v96z_gg_",
+  "--color": "--color_1v96z",
+  "_shape_Circle": "_shape_Circle_1v96z_gg_",
+  "_size_l": "_size_l_1v96z_gg_",
+  "_size_m": "_size_m_1v96z_gg_",
+  "_shape_Line": "_shape_Line_1v96z_gg_",
+  "_shape_Square": "_shape_Square_1v96z_gg_",
+  "_shape_Pattern": "_shape_Pattern_1v96z_gg_",
+  "__SIcon": "___SIcon_1v96z_gg_",
+  "__SLabel": "___SLabel_1v96z_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1v96z_gg_",
+  "__SCount": "___SCount_1v96z_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1v96z_gg_"
 });
 var enhance = [(0, _resolveColorEnhance["default"])(), (0, _uniqueID["default"])()];
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(LegendItemRoot, _Component);
-  var _super = (0, _createSuper2["default"])(LegendItemRoot);
   function LegendItemRoot() {
     (0, _classCallCheck2["default"])(this, LegendItemRoot);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, LegendItemRoot, arguments);
   }
-  (0, _createClass2["default"])(LegendItemRoot, [{
+  (0, _inherits2["default"])(LegendItemRoot, _Component);
+  return (0, _createClass2["default"])(LegendItemRoot, [{
     key: "getUniqueID",
     value: function getUniqueID() {
       var uid = this.asProps.uid;
@@ -72,18 +69,26 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         size = _this$asProps.size,
         resolveColor = _this$asProps.resolveColor,
         patterns = _this$asProps.patterns,
-        onChangeLegendItem = _this$asProps.onChangeLegendItem;
+        onChangeLegendItem = _this$asProps.onChangeLegendItem,
+        onFocusLegendItem = _this$asProps.onFocusLegendItem,
+        onBlurLegendItem = _this$asProps.onBlurLegendItem;
       return {
         label: label,
         shape: shape,
         checked: checked,
-        color: resolveColor(color),
-        patternKey: color,
+        'color': resolveColor(color),
+        'patternKey': color,
         patterns: patterns,
         size: size,
-        onChange: function onChange(value) {
+        'onChange': function onChange(value) {
           onChangeLegendItem(id, value);
         },
+        'onFocus': function onFocus() {
+          return onFocusLegendItem(id);
+        },
+        'onBlur': function onBlur() {
+          return onBlurLegendItem(id);
+        },
         'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null
       };
     }
@@ -92,7 +97,10 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
     value: function getIconProps() {
       var props = this.asProps;
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-        children: props.icon
+        children: props.icon,
+        onClick: function onClick() {
+          return props.onChangeLegendItem(props.id, !props.checked);
+        }
       });
     }
   }, {
@@ -101,9 +109,9 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps2 = this.asProps,
         id = _this$asProps2.id,
         checked = _this$asProps2.checked,
-        color = _this$asProps2.color,
+        _color = _this$asProps2.color,
         onChangeLegendItem = _this$asProps2.onChangeLegendItem,
-        shape = _this$asProps2.shape,
+        _shape = _this$asProps2.shape,
         props = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
         id: this.getUniqueID(),
@@ -118,18 +126,30 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
     key: "getAdditionalLabelProps",
     value: function getAdditionalLabelProps() {
       var props = this.asProps;
-      var additionalInfo = props.additionalInfo;
+      var additionalInfo = props.additionalInfo,
+        onChangeLegendItem = props.onChangeLegendItem,
+        id = props.id,
+        checked = props.checked;
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-        children: additionalInfo && 'label' in additionalInfo ? "".concat(additionalInfo.label) : undefined
+        children: additionalInfo && 'label' in additionalInfo ? "".concat(additionalInfo.label) : undefined,
+        onClick: function onClick() {
+          return onChangeLegendItem(id, !checked);
+        }
       });
     }
   }, {
     key: "getCountProps",
     value: function getCountProps() {
       var props = this.asProps;
-      var additionalInfo = props.additionalInfo;
+      var additionalInfo = props.additionalInfo,
+        onChangeLegendItem = props.onChangeLegendItem,
+        id = props.id,
+        checked = props.checked;
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-        children: additionalInfo && 'count' in additionalInfo ? "(".concat(additionalInfo.count, ")") : undefined
+        children: additionalInfo && 'count' in additionalInfo ? "(".concat(additionalInfo.count, ")") : undefined,
+        onClick: function onClick() {
+          return onChangeLegendItem(id, !checked);
+        }
       });
     }
   }, {
@@ -137,21 +157,20 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref7;
-      var SLegendItem = _flexBox.Flex;
+      var SLegendItem = _baseComponents.Flex;
       var _this$asProps3 = this.asProps,
         styles = _this$asProps3.styles,
         Children = _this$asProps3.Children,
         shape = _this$asProps3.shape;
 
       // @ts-ignore
-      var disabled = _LegendItem.StaticShapes.includes(shape);
+      var disabled = _LegendItem.StaticShapes.includes(shape) || shape === undefined;
       return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendItem, _ref7.cn("SLegendItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "disabled": disabled,
         "__excludeProps": ['id']
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
-  return LegendItemRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(LegendItemRoot, "displayName", 'LegendItem');
 (0, _defineProperty2["default"])(LegendItemRoot, "style", style);
@@ -163,8 +182,8 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
 });
 function Shape(props) {
   var _ref2 = arguments[0],
-    _ref10;
-  var SPointShape = _flexBox.Box;
+    _ref0;
+  var SPointShape = _baseComponents.Box;
   var SPatternSymbol = _Pattern.PatternSymbol;
   var styles = props.styles,
     size = props.size,
@@ -176,13 +195,15 @@ function Shape(props) {
     Children = props.Children,
     hasChildren = props.children,
     patterns = props.patterns,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur;
   if (hasChildren) {
     return /*#__PURE__*/_react["default"].createElement(Children, null);
   }
   if (shape === 'Pattern') {
     var _ref8;
-    return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref8.cn("Box", {
+    return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, _ref8.cn("Box", {
       "mr": 1
     }), /*#__PURE__*/_react["default"].createElement(SPatternSymbol, _ref8.cn("SPatternSymbol", {
       "color": color,
@@ -195,86 +216,90 @@ function Shape(props) {
     return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], _ref9.cn("Checkbox", {
       "size": size,
       "checked": checked,
-      "theme": checked ? color : undefined,
+      "theme": color,
       "onChange": onChange,
+      "onFocus": onFocus,
+      "onBlur": onBlur,
       "aria-labelledby": props['aria-labelledby']
-    })), patterns && /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref9.cn("Box", {
+    })), patterns && /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, _ref9.cn("Box", {
       "mt": '2px',
-      "mr": 1
+      "mr": 1,
+      "onClick": function onClick() {
+        return onChange(!checked);
+      }
     }), /*#__PURE__*/_react["default"].createElement(SPatternSymbol, _ref9.cn("SPatternSymbol", {
       "color": color,
       "patternKey": patternKey,
       "aria-hidden": true
     }))));
   }
-  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPointShape, _ref10.cn("SPointShape", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
+  return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPointShape, _ref0.cn("SPointShape", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})));
 }
-function Icon(_ref15) {
+function Icon(_ref13) {
   var _ref3 = arguments[0],
-    _ref11;
-  var styles = _ref15.styles,
-    hasChildren = _ref15.children,
-    Children = _ref15.Children;
-  var SIcon = _flexBox.Box;
+    _ref1;
+  var styles = _ref13.styles,
+    hasChildren = _ref13.children,
+    Children = _ref13.Children;
+  var SIcon = _baseComponents.Box;
   if (!hasChildren) {
     return null;
   }
-  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref11.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref1.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
+  }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})));
 }
 Icon.displayName = 'Icon';
-function Label(_ref16) {
+function Label(_ref14) {
   var _ref4 = arguments[0],
-    _ref12;
-  var styles = _ref16.styles,
-    hasChildren = _ref16.children,
-    Children = _ref16.Children;
+    _ref10;
+  var styles = _ref14.styles,
+    hasChildren = _ref14.children,
+    Children = _ref14.Children;
   var SLabel = _typography.Text;
   if (!hasChildren) {
     return null;
   }
-  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref12.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref10.cn("SLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use": 'primary'
-  }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})));
+  }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
 }
 Label.displayName = 'Label';
-function AdditionalLabel(_ref17) {
+function AdditionalLabel(_ref15) {
   var _ref5 = arguments[0],
-    _ref13;
-  var styles = _ref17.styles,
-    hasChildren = _ref17.children,
-    Children = _ref17.Children;
+    _ref11;
+  var styles = _ref15.styles,
+    hasChildren = _ref15.children,
+    Children = _ref15.Children;
   var SAdditionalLabel = _typography.Text;
   if (!hasChildren) {
     return null;
   }
-  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAdditionalLabel, _ref13.cn("SAdditionalLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAdditionalLabel, _ref11.cn("SAdditionalLabel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use": 'secondary'
-  }, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})));
+  }, _ref5))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
 }
 AdditionalLabel.displayName = 'AdditionalLabel';
-function Count(_ref18) {
+function Count(_ref16) {
   var _ref6 = arguments[0],
-    _ref14;
-  var styles = _ref18.styles,
-    hasChildren = _ref18.children,
-    Children = _ref18.Children;
+    _ref12;
+  var styles = _ref16.styles,
+    hasChildren = _ref16.children,
+    Children = _ref16.Children;
   var SCount = _typography.Text;
   if (!hasChildren) {
     return null;
   }
-  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCount, _ref14.cn("SCount", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCount, _ref12.cn("SCount", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use": 'secondary'
-  }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref14.cn("Children", {})));
+  }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})));
 }
 Count.displayName = 'Count';
-var LegendItemComponent = (0, _core["default"])(LegendItemRoot, {
+var LegendItemComponent = exports.LegendItemComponent = (0, _core.createComponent)(LegendItemRoot, {
   Shape: Shape,
   Icon: Icon,
   Label: Label,
   AdditionalLabel: AdditionalLabel,
   Count: Count
 });
-exports.LegendItemComponent = LegendItemComponent;
 //# sourceMappingURL=LegendItem.js.map

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","_resolveColorEnhance","_uniqueID","_Pattern","_utils","_excluded","style","_index","sstyled","insert","enhance","resolveColorEnhance","uniqueIDEnhancement","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","onClick","getAdditionalLabelProps","additionalInfo","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]","_ref10","SPointShape","Box","SPatternSymbol","PatternSymbol","_props$patternKey","getChartDefaultColorName","hasChildren","_ref8","_ref9","_ref15","_ref3","_ref11","SIcon","displayName","_ref16","_ref4","_ref12","SLabel","TypographyText","_ref17","_ref5","_ref13","SAdditionalLabel","_ref18","_ref6","_ref14","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/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\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  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\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': shape === 'Checkbox' ? this.getUniqueID() : null,\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, shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\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} __excludeProps={['id']}>\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} aria-hidden />\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} aria-hidden />\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":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAGA,IAAAM,WAAA,GAAAN,OAAA;AAOA,IAAAO,oBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAA0D,IAAAW,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE1D,IAAMC,OAAO,GAAG,CAAC,IAAAC,+BAAmB,GAAE,EAAE,IAAAC,oBAAmB,GAAE,CAAU;AAAC,IAClEC,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAkBlB,SAAAC,YAAA,EAAc;MACZ,IAAQC,GAAG,GAAK,IAAI,CAACC,OAAO,CAApBD,GAAG;MACX,4BAAAE,MAAA,CAA4BF,GAAG;IACjC;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAK,cAAA,EAAgB;MACd,IAAAC,aAAA,GACE,IAAI,CAACH,OAAO;QADNI,OAAO,GAAAD,aAAA,CAAPC,OAAO;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,EAAE,GAAAL,aAAA,CAAFK,EAAE;QAAEC,IAAI,GAAAN,aAAA,CAAJM,IAAI;QAAEC,YAAY,GAAAP,aAAA,CAAZO,YAAY;QAAEC,QAAQ,GAAAR,aAAA,CAARQ,QAAQ;QAAEC,kBAAkB,GAAAT,aAAA,CAAlBS,kBAAkB;MAE1F,OAAO;QACLL,KAAK,EAALA,KAAK;QACLD,KAAK,EAALA,KAAK;QACLF,OAAO,EAAPA,OAAO;QACPC,KAAK,EAAEK,YAAY,CAACL,KAAK,CAAC;QAC1BQ,UAAU,EAAER,KAAK;QACjBM,QAAQ,EAARA,QAAQ;QACRF,IAAI,EAAJA,IAAI;QACJK,QAAQ,EAAE,SAAAA,SAACjB,KAAc,EAAK;UAC5Be,kBAAkB,CAACJ,EAAE,EAAEX,KAAK,CAAC;QAC/B,CAAC;QACD,iBAAiB,EAAES,KAAK,KAAK,UAAU,GAAG,IAAI,CAACR,WAAW,EAAE,GAAG;MACjE,CAAC;IACH;EAAC;IAAAF,GAAA;IAAAC,KAAA,EAED,SAAAkB,aAAA,EAAiD;MAC/C,IAAMC,KAAK,GAAG,IAAI,CAAChB,OAAO;MAE1B,WAAAiB,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEF,KAAK,CAACG;MAAI;IAExB;EAAC;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAAuB,cAAA,EAA2F;MACzF,IAAAC,cAAA,GAAoE,IAAI,CAACrB,OAAO;QAAxEQ,EAAE,GAAAa,cAAA,CAAFb,EAAE;QAAEJ,OAAO,GAAAiB,cAAA,CAAPjB,OAAO;QAAEC,KAAK,GAAAgB,cAAA,CAALhB,KAAK;QAAEO,kBAAkB,GAAAS,cAAA,CAAlBT,kBAAkB;QAAEN,KAAK,GAAAe,cAAA,CAALf,KAAK;QAAKU,KAAK,OAAAM,yBAAA,aAAAD,cAAA,EAAA1C,SAAA;MAE/D,WAAAsC,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRR,EAAE,EAAE,IAAI,CAACV,WAAW,EAAE;QACtBM,OAAO,EAAPA,OAAO;QACPmB,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAMX,kBAAkB,CAACJ,EAAE,EAAE,CAACJ,OAAO,CAAC;QAAA;QAC/Cc,QAAQ,EAAEF,KAAK,CAACT;MAAK;IAEzB;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAA2B,wBAAA,EAA4D;MAC1D,IAAMR,KAAK,GAAG,IAAI,CAAChB,OAAO;MAE1B,IAAQyB,cAAc,GAAKT,KAAK,CAAxBS,cAAc;MAEtB,WAAAR,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEO,cAAc,IAAI,OAAO,IAAIA,cAAc,MAAAxB,MAAA,CAAMwB,cAAc,CAAClB,KAAK,IAAKmB;MAAS;IAEjG;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAA8B,cAAA,EAAkD;MAChD,IAAMX,KAAK,GAAG,IAAI,CAAChB,OAAO;MAE1B,IAAQyB,cAAc,GAAKT,KAAK,CAAxBS,cAAc;MAEtB,WAAAR,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EACNO,cAAc,IAAI,OAAO,IAAIA,cAAc,OAAAxB,MAAA,CAAOwB,cAAc,CAACG,KAAK,SAAMF;MAAS;IAE3F;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAAgC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA9B,OAAA;QAAA+B,KAAA;MACP,IAAMC,WAAW,GAOMC,aAAI;MAN3B,IAAAC,cAAA,GAAoC,IAAI,CAAClC,OAAO;QAAxCmC,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAE9B,KAAK,GAAA4B,cAAA,CAAL5B,KAAK;;MAE/B;MACA,IAAM+B,QAAQ,GAAGC,wBAAY,CAACC,QAAQ,CAACjC,KAAK,CAAC;MAE7C,OAAAyB,KAAA,GAAO,IAAAjD,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAACR,WAAW,EAAAD,KAAA,CAAAU,EAAA,oBAAAxB,cAAA,qBAAAnD,KAAA,CAAA4E,WAAA;QAAA,YAAyBL,QAAQ;QAAA,kBAAkB,CAAC,IAAI;MAAC,GAAAP,IAAA,kBACnE7D,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,EAAAL,KAAA,CAAAU,EAAA,iBAAG,CACA;IAElB;EAAC;EAAA,OAAAtD,cAAA;AAAA,EAjG0BwD,eAAS;AAAA,IAAAC,gBAAA,aAAhCzD,cAAc,iBACG,YAAY;AAAA,IAAAyD,gBAAA,aAD7BzD,cAAc,WAEHP,KAAK;AAAA,IAAAgE,gBAAA,aAFhBzD,cAAc,aAIDH,OAAO;AAAA,IAAA4D,gBAAA,aAJpBzD,cAAc,kBAMI;EAAA,OAAO;IAC3B+B,QAAQ,eACNjD,MAAA,YAAAuE,aAAA,CAAAvE,MAAA,YAAA4E,QAAA,qBACE5E,MAAA,YAAAuE,aAAA,CAACM,mBAAmB,CAACC,KAAK,OAAG,eAC7B9E,MAAA,YAAAuE,aAAA,CAACM,mBAAmB,CAACE,IAAI,OAAG,eAC5B/E,MAAA,YAAAuE,aAAA,CAACM,mBAAmB,CAACG,KAAK,OAAG,eAC7BhF,MAAA,YAAAuE,aAAA,CAACM,mBAAmB,CAACI,eAAe,OAAG,eACvCjF,MAAA,YAAAuE,aAAA,CAACM,mBAAmB,CAACK,KAAK,OAAG;EAGnC,CAAC;AAAA,CAAC;AAoFJ,SAASJ,KAAKA,CAAC/B,KAAyE,EAAE;EAAA,IAAAoC,KAAA,GAAAC,YAAA;IAAAC,MAAA;EACxF,IAAMC,WAAW,GA+CMC,YAAG;EA9C1B,IAAMC,cAAc,GAAGC,sBAAa;EACpC,IACEvB,MAAM,GAUJnB,KAAK,CAVPmB,MAAM;IACN1B,IAAI,GASFO,KAAK,CATPP,IAAI;IACJH,KAAK,GAQHU,KAAK,CARPV,KAAK;IACLF,OAAO,GAOLY,KAAK,CAPPZ,OAAO;IACPC,KAAK,GAMHW,KAAK,CANPX,KAAK;IAAAsD,iBAAA,GAMH3C,KAAK,CALPH,UAAU;IAAVA,UAAU,GAAA8C,iBAAA,cAAG,IAAAC,+BAAwB,EAAC,CAAC,CAAC,GAAAD,iBAAA;IACxCvB,QAAQ,GAINpB,KAAK,CAJPoB,QAAQ;IACEyB,WAAW,GAGnB7C,KAAK,CAHPE,QAAQ;IACRP,QAAQ,GAENK,KAAK,CAFPL,QAAQ;IACRG,QAAQ,GACNE,KAAK,CADPF,QAAQ;EAGV,IAAI+C,WAAW,EAAE;IACf,oBAAO5F,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,OAAG;EACrB;EAEA,IAAI9B,KAAK,KAAK,SAAS,EAAE;IAAA,IAAAwD,KAAA;IACvB,OAAAA,KAAA,GAAO,IAAAhF,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAACrE,QAAA,CAAAqF,GAAG,EAAAM,KAAA,CAAArB,EAAA;MAAA,MAAK;IAAC,iBACRxE,MAAA,YAAAuE,aAAA,CAACiB,cAAc,EAAAK,KAAA,CAAArB,EAAA;MAAA,SAAQpC,KAAK;MAAA,cAAcQ,UAAU;MAAA;IAAA,GAAgB,CAChE;EAEV;EAEA,IAAIP,KAAK,KAAK,UAAU,EAAE;IAAA,IAAAyD,KAAA;IACxB,OAAAA,KAAA,GAAO,IAAAjF,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAAAvE,MAAA,YAAA4E,QAAA,qBACE5E,MAAA,YAAAuE,aAAA,CAACpE,SAAA,WAAQ,EAAA2F,KAAA,CAAAtB,EAAA;MAAA,QACDhC,IAAI;MAAA,WACDL,OAAO;MAAA,SACTA,OAAO,GAAGC,KAAK,GAAGqB,SAAS;MAAA,YACxBZ,QAAQ;MAAA,mBACDE,KAAK,CAAC,iBAAiB;IAAC,GACzC,EACDL,QAAQ,iBACP1C,MAAA,YAAAuE,aAAA,CAACrE,QAAA,CAAAqF,GAAG,EAAAO,KAAA,CAAAtB,EAAA;MAAA,MAAK,KAAK;MAAA,MAAM;IAAC,iBACnBxE,MAAA,YAAAuE,aAAA,CAACiB,cAAc,EAAAM,KAAA,CAAAtB,EAAA;MAAA,SAAQpC,KAAK;MAAA,cAAcQ,UAAU;MAAA;IAAA,GAAgB,CAEvE,CACA;EAEP;EAEA,OAAAyC,MAAA,GAAO,IAAAxE,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAACe,WAAW,EAAAD,MAAA,CAAAb,EAAA,oBAAAxB,cAAA,qBAAAnD,KAAA,CAAA4E,WAAA,MAAAU,KAAA,kBACVnF,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,EAAAkB,MAAA,CAAAb,EAAA,iBAAG,CACA;AAElB;AAEA,SAASO,IAAIA,CAAAgB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAZ,YAAA;IAAAa,MAAA;EAAA,IAAhE/B,MAAM,GAAA6B,MAAA,CAAN7B,MAAM;IAAY0B,WAAW,GAAAG,MAAA,CAArB9C,QAAQ;IAAekB,QAAQ,GAAA4B,MAAA,CAAR5B,QAAQ;EACrD,IAAM+B,KAAK,GAOMX,YAAG;EALpB,IAAI,CAACK,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAK,MAAA,GAAO,IAAApF,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAAC2B,KAAK,EAAAD,MAAA,CAAAzB,EAAA,cAAAxB,cAAA,qBAAAnD,KAAA,CAAA4E,WAAA;IAAA,OAAmB;EAAM,GAAAuB,KAAA,kBAC7BhG,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,EAAA8B,MAAA,CAAAzB,EAAA,iBAAG,CACN;AAEZ;AACAO,IAAI,CAACoB,WAAW,GAAG,MAAM;AAEzB,SAASnB,KAAKA,CAAAoB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAjB,YAAA;IAAAkB,MAAA;EAAA,IAAhEpC,MAAM,GAAAkC,MAAA,CAANlC,MAAM;IAAY0B,WAAW,GAAAQ,MAAA,CAArBnD,QAAQ;IAAekB,QAAQ,GAAAiC,MAAA,CAARjC,QAAQ;EACtD,IAAMoC,MAAM,GAOMC,gBAAc;EALhC,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAU,MAAA,GAAO,IAAAzF,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAACgC,MAAM,EAAAD,MAAA,CAAA9B,EAAA,eAAAxB,cAAA,qBAAAnD,KAAA,CAAA4E,WAAA;IAAA,OAA8B;EAAS,GAAA4B,KAAA,kBAC5CrG,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,EAAAmC,MAAA,CAAA9B,EAAA,iBAAG,CACL;AAEb;AACAQ,KAAK,CAACmB,WAAW,GAAG,OAAO;AAE3B,SAASlB,eAAeA,CAAAwB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAtB,YAAA;IAAAuB,MAAA;EAAA,IAAhEzC,MAAM,GAAAuC,MAAA,CAANvC,MAAM;IAAY0B,WAAW,GAAAa,MAAA,CAArBxD,QAAQ;IAAekB,QAAQ,GAAAsC,MAAA,CAARtC,QAAQ;EAChE,IAAMyC,gBAAgB,GAOMJ,gBAAc;EAL1C,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAe,MAAA,GAAO,IAAA9F,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAACqC,gBAAgB,EAAAD,MAAA,CAAAnC,EAAA,yBAAAxB,cAAA,qBAAAnD,KAAA,CAAA4E,WAAA;IAAA,OAA8B;EAAW,GAAAiC,KAAA,kBACxD1G,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,EAAAwC,MAAA,CAAAnC,EAAA,iBAAG,CACK;AAEvB;AACAS,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAE/C,SAASjB,KAAKA,CAAA2B,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAA1B,YAAA;IAAA2B,MAAA;EAAA,IAAhE7C,MAAM,GAAA2C,MAAA,CAAN3C,MAAM;IAAY0B,WAAW,GAAAiB,MAAA,CAArB5D,QAAQ;IAAekB,QAAQ,GAAA0C,MAAA,CAAR1C,QAAQ;EACtD,IAAM6C,MAAM,GAOMR,gBAAc;EALhC,IAAI,CAACZ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAmB,MAAA,GAAO,IAAAlG,aAAO,EAACqD,MAAM,CAAC,eACpBlE,MAAA,YAAAuE,aAAA,CAACyC,MAAM,EAAAD,MAAA,CAAAvC,EAAA,eAAAxB,cAAA,qBAAAnD,KAAA,CAAA4E,WAAA;IAAA,OAA8B;EAAW,GAAAqC,KAAA,kBAC9C9G,MAAA,YAAAuE,aAAA,CAACJ,QAAQ,EAAA4C,MAAA,CAAAvC,EAAA,iBAAG,CACL;AAEb;AACAU,KAAK,CAACiB,WAAW,GAAG,OAAO;AAEpB,IAAMtB,mBAAmC,GAAG,IAAAoC,gBAAe,EAAC/F,cAAc,EAAE;EACjF4D,KAAK,EAALA,KAAK;EACLC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA,KAAK;EACLC,eAAe,EAAfA,eAAe;EACfC,KAAK,EAALA;AACF,CAAC,CAAC;AAACgC,OAAA,CAAArC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"LegendItem.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_resolveColorEnhance","_uniqueID","_typography","_react","_LegendItem","_Pattern","_utils","_excluded","style","sstyled","insert","enhance","resolveColorEnhance","uniqueIDEnhancement","LegendItemRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","onFocusLegendItem","onBlurLegendItem","onChange","onFocus","onBlur","getIconProps","props","_objectSpread2","children","icon","onClick","getLabelProps","_this$asProps2","_color","_shape","_objectWithoutProperties2","getAdditionalLabelProps","additionalInfo","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]","_ref0","SPointShape","Box","SPatternSymbol","PatternSymbol","_props$patternKey","patternKey","getChartDefaultColorName","hasChildren","_ref8","_ref9","_ref13","_ref3","_ref1","SIcon","displayName","_ref14","_ref4","_ref10","SLabel","TypographyText","_ref15","_ref5","_ref11","SAdditionalLabel","_ref16","_ref6","_ref12","SCount","exports","createComponent"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Text as TypographyText } from '@semcore/typography';\nimport type { DOMAttributes } from 'react';\nimport React from 'react';\n\nimport style from './legend-item.shadow.css';\nimport {\n  type ShapeProps,\n  type LegendItemProps,\n  type LegendItemType,\n  type LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\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  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem, onFocusLegendItem, onBlurLegendItem } =\n      this.asProps;\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      'onFocus': () => onFocusLegendItem(id),\n      'onBlur': () => onBlurLegendItem(id),\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n      onClick: () => props.onChangeLegendItem(props.id, !props.checked),\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color: _color, onChangeLegendItem, shape: _shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\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) || shape === undefined;\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\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    onFocus,\n    onBlur,\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} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={color}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt='2px' mr={1} onClick={() => onChange(!checked)}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\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 = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n}) as LegendItemType;\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,6 +8,5 @@ exports.StaticShapes = void 0;
  * Key of chart data item
  */
 
-var StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
-exports.StaticShapes = StaticShapes;
+var StaticShapes = exports.StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
 //# sourceMappingURL=LegendItem.type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"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;;AA0EO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic, Root } from '@semcore/core';\nimport type Icon from '@semcore/icon';\nimport type { Text } from '@semcore/typography';\n\nimport type { PatternsConfig } from '../../../Pattern';\nimport type { LSize } from '../BaseLegend.type';\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  /**\n   * Handler for focus legend item\n   */\n  onFocusLegendItem: (id: LegendItemKey) => void;\n\n  /**\n   * Handler for focus out legend item\n   */\n  onBlurLegendItem: (id: LegendItemKey) => 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":";;;;;;AAQA;AACA;AACA;;AAoFO,IAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}

package/lib/cjs/component/ChartLegend/LegendItem/legend-item.shadow.css

@@ -109,7 +109,7 @@ SAdditionalLabel {
 SAdditionalLabel::before {
   content: '';
   display: inline-block;
-  background-color: var(--intergalactic-text-secondary, #6c6e79);
+  background-color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   height: 4px;
   width: 4px;
   border-radius: 2px;

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

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,39 +8,37 @@ exports.LegendTable = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
+var _LegendItem = require("../LegendItem/LegendItem");
 /*!__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_fpkuy_gg_.__columns-count_fpkuy_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_fpkuy_gg_._size_l_fpkuy_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_fpkuy_gg_._size_m_fpkuy_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"fpkuy_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_9jglg_gg_.__columns-count_9jglg_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_9jglg_gg_._size_l_9jglg_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_9jglg_gg_._size_m_9jglg_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"9jglg_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendTable": "___SLegendTable_fpkuy_gg_",
-  "_columns-count": "__columns-count_fpkuy_gg_",
-  "__SColumnItem": "___SColumnItem_fpkuy_gg_",
-  "_size_l": "_size_l_fpkuy_gg_",
-  "_size_m": "_size_m_fpkuy_gg_"
+  "__SLegendTable": "___SLegendTable_9jglg_gg_",
+  "_columns-count": "__columns-count_9jglg_gg_",
+  "__SColumnItem": "___SColumnItem_9jglg_gg_",
+  "_size_l": "_size_l_9jglg_gg_",
+  "_size_m": "_size_m_9jglg_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
-  (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
-  var _super = (0, _createSuper2["default"])(LegendTableRoot);
   function LegendTableRoot() {
     (0, _classCallCheck2["default"])(this, LegendTableRoot);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, LegendTableRoot, arguments);
   }
-  (0, _createClass2["default"])(LegendTableRoot, [{
+  (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
+  return (0, _createClass2["default"])(LegendTableRoot, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref3,
         _items$;
-      var SLegendTable = _flexBox.Box;
+      var SLegendTable = _baseComponents.Box;
       var _this$asProps = this.asProps,
         styles = _this$asProps.styles,
         Children = _this$asProps.Children,
@@ -52,7 +49,7 @@ var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendTable, _ref3.cn("SLegendTable", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "columns-count": columnsCount + 1,
         "role": 'group'
-      }, _ref))), items.map(function (_ref5, index) {
+      }, _ref))), items.map(function (_ref5, _index) {
         var id = _ref5.id,
           _ref5$columns = _ref5.columns,
           columns = _ref5$columns === void 0 ? [] : _ref5$columns;
@@ -70,7 +67,6 @@ var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
       }));
     }
   }]);
-  return LegendTableRoot;
 }(_BaseLegend2.BaseLegend);
 (0, _defineProperty2["default"])(LegendTableRoot, "displayName", 'LegendTable');
 (0, _defineProperty2["default"])(LegendTableRoot, "style", style);
@@ -82,7 +78,7 @@ var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
 function ColumnComponent(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SColumnItem = _flexBox.Box;
+  var SColumnItem = _baseComponents.Box;
   var styles = props.styles,
     index = props.index,
     size = props.size,
@@ -95,9 +91,8 @@ function ColumnComponent(props) {
     "size": size
   }, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
 }
-var LegendTable = (0, _core["default"])(LegendTableRoot, {
+var LegendTable = exports.LegendTable = (0, _core.createComponent)(LegendTableRoot, {
   LegendItem: _LegendItem.LegendItemComponent,
   Column: ColumnComponent
 });
-exports.LegendTable = LegendTable;
 //# sourceMappingURL=LegendTable.js.map