@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

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

@@ -1,9 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps6 } from "@semcore/core";
@@ -12,192 +6,173 @@ import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
+import { Flex, Box } from '@semcore/base-components';
 import Checkbox from '@semcore/checkbox';
 import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { Flex, Box } from '@semcore/flex-box';
 import { Text as TypographyText } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_g4xlu_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_g4xlu_gg_:hover{cursor:pointer}.___SLegendItem_g4xlu_gg_.__disabled_g4xlu_gg_:hover{cursor:default}}.___SPointShape_g4xlu_gg_.__color_g4xlu_gg_{background-color:var(--color_g4xlu);margin-right:8px;flex-shrink:0}.___SPointShape_g4xlu_gg_._shape_Circle_g4xlu_gg_._size_l_g4xlu_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Circle_g4xlu_gg_._size_m_g4xlu_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Line_g4xlu_gg_._size_l_g4xlu_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_g4xlu_gg_._shape_Line_g4xlu_gg_._size_m_g4xlu_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_g4xlu_gg_._shape_Square_g4xlu_gg_._size_l_g4xlu_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Square_g4xlu_gg_._size_m_g4xlu_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Pattern_g4xlu_gg_{background-color:transparent;margin-right:4px}.___SIcon_g4xlu_gg_{line-height:0;margin-right:4px}.___SIcon_g4xlu_gg_._size_l_g4xlu_gg_{margin-top:4px}.___SIcon_g4xlu_gg_._size_m_g4xlu_gg_{margin-top:2px}.___SLabel_g4xlu_gg_{min-width:0}.___SAdditionalLabel_g4xlu_gg_._size_l_g4xlu_gg_,.___SCount_g4xlu_gg_._size_l_g4xlu_gg_,.___SLabel_g4xlu_gg_._size_l_g4xlu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_g4xlu_gg_._size_m_g4xlu_gg_,.___SCount_g4xlu_gg_._size_m_g4xlu_gg_,.___SLabel_g4xlu_gg_._size_m_g4xlu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_g4xlu_gg_,.___SCount_g4xlu_gg_{margin-left:4px}.___SAdditionalLabel_g4xlu_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_g4xlu_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_g4xlu_gg_._size_l_g4xlu_gg_::before{margin-top:10px}.___SAdditionalLabel_g4xlu_gg_._size_m_g4xlu_gg_::before{margin-top:8px}.___SPatternSymbol_g4xlu_gg_{transform:scale(.8)}", /*__inner_css_end__*/"g4xlu_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_30ip2_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_30ip2_gg_:hover{cursor:pointer}.___SLegendItem_30ip2_gg_.__disabled_30ip2_gg_:hover{cursor:default}}.___SPointShape_30ip2_gg_.__color_30ip2_gg_{background-color:var(--color_30ip2);margin-right:8px;flex-shrink:0}.___SPointShape_30ip2_gg_._shape_Circle_30ip2_gg_._size_l_30ip2_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_30ip2_gg_._shape_Circle_30ip2_gg_._size_m_30ip2_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_30ip2_gg_._shape_Line_30ip2_gg_._size_l_30ip2_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_30ip2_gg_._shape_Line_30ip2_gg_._size_m_30ip2_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_30ip2_gg_._shape_Square_30ip2_gg_._size_l_30ip2_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_30ip2_gg_._shape_Square_30ip2_gg_._size_m_30ip2_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_30ip2_gg_._shape_Pattern_30ip2_gg_{background-color:transparent;margin-right:4px}.___SIcon_30ip2_gg_{line-height:0;margin-right:4px}.___SIcon_30ip2_gg_._size_l_30ip2_gg_{margin-top:4px}.___SIcon_30ip2_gg_._size_m_30ip2_gg_{margin-top:2px}.___SLabel_30ip2_gg_{min-width:0}.___SAdditionalLabel_30ip2_gg_._size_l_30ip2_gg_,.___SCount_30ip2_gg_._size_l_30ip2_gg_,.___SLabel_30ip2_gg_._size_l_30ip2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_30ip2_gg_._size_m_30ip2_gg_,.___SCount_30ip2_gg_._size_m_30ip2_gg_,.___SLabel_30ip2_gg_._size_m_30ip2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_30ip2_gg_,.___SCount_30ip2_gg_{margin-left:4px}.___SAdditionalLabel_30ip2_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_30ip2_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_30ip2_gg_._size_l_30ip2_gg_::before{margin-top:10px}.___SAdditionalLabel_30ip2_gg_._size_m_30ip2_gg_::before{margin-top:8px}.___SPatternSymbol_30ip2_gg_{transform:scale(.8)}", /*__inner_css_end__*/"30ip2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_g4xlu_gg_",
-  "_disabled": "__disabled_g4xlu_gg_",
-  "__SPointShape": "___SPointShape_g4xlu_gg_",
-  "_color": "__color_g4xlu_gg_",
-  "--color": "--color_g4xlu",
-  "_shape_Circle": "_shape_Circle_g4xlu_gg_",
-  "_size_l": "_size_l_g4xlu_gg_",
-  "_size_m": "_size_m_g4xlu_gg_",
-  "_shape_Line": "_shape_Line_g4xlu_gg_",
-  "_shape_Square": "_shape_Square_g4xlu_gg_",
-  "_shape_Pattern": "_shape_Pattern_g4xlu_gg_",
-  "__SIcon": "___SIcon_g4xlu_gg_",
-  "__SLabel": "___SLabel_g4xlu_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_g4xlu_gg_",
-  "__SCount": "___SCount_g4xlu_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_g4xlu_gg_"
+  "__SLegendItem": "___SLegendItem_30ip2_gg_",
+  "_disabled": "__disabled_30ip2_gg_",
+  "__SPointShape": "___SPointShape_30ip2_gg_",
+  "_color": "__color_30ip2_gg_",
+  "--color": "--color_30ip2",
+  "_shape_Circle": "_shape_Circle_30ip2_gg_",
+  "_size_l": "_size_l_30ip2_gg_",
+  "_size_m": "_size_m_30ip2_gg_",
+  "_shape_Line": "_shape_Line_30ip2_gg_",
+  "_shape_Square": "_shape_Square_30ip2_gg_",
+  "_shape_Pattern": "_shape_Pattern_30ip2_gg_",
+  "__SIcon": "___SIcon_30ip2_gg_",
+  "__SLabel": "___SLabel_30ip2_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_30ip2_gg_",
+  "__SCount": "___SCount_30ip2_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_30ip2_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import { PatternSymbol } from '../../../Pattern';
 import { getChartDefaultColorName } from '../../../utils';
-var enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
-var LegendItemRoot = /*#__PURE__*/function (_Component) {
-  function LegendItemRoot() {
-    _classCallCheck(this, LegendItemRoot);
-    return _callSuper(this, LegendItemRoot, arguments);
+const enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
+class LegendItemRoot extends Component {
+  getUniqueID() {
+    const {
+      uid
+    } = this.asProps;
+    return `chart-legend-item-${uid}`;
   }
-  _inherits(LegendItemRoot, _Component);
-  return _createClass(LegendItemRoot, [{
-    key: "getUniqueID",
-    value: function getUniqueID() {
-      var uid = this.asProps.uid;
-      return "chart-legend-item-".concat(uid);
-    }
-  }, {
-    key: "getShapeProps",
-    value: function getShapeProps() {
-      var _this$asProps = this.asProps,
-        checked = _this$asProps.checked,
-        color = _this$asProps.color,
-        shape = _this$asProps.shape,
-        label = _this$asProps.label,
-        id = _this$asProps.id,
-        size = _this$asProps.size,
-        resolveColor = _this$asProps.resolveColor,
-        patterns = _this$asProps.patterns,
-        onChangeLegendItem = _this$asProps.onChangeLegendItem,
-        onFocusLegendItem = _this$asProps.onFocusLegendItem,
-        onBlurLegendItem = _this$asProps.onBlurLegendItem;
-      return {
-        label: label,
-        shape: shape,
-        checked: checked,
-        'color': resolveColor(color),
-        'patternKey': color,
-        patterns: patterns,
-        size: size,
-        '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
-      };
-    }
-  }, {
-    key: "getIconProps",
-    value: function getIconProps() {
-      var props = this.asProps;
-      return _objectSpread(_objectSpread({}, props), {}, {
-        children: props.icon,
-        onClick: function onClick() {
-          return props.onChangeLegendItem(props.id, !props.checked);
-        }
-      });
-    }
-  }, {
-    key: "getLabelProps",
-    value: function getLabelProps() {
-      var _this$asProps2 = this.asProps,
-        id = _this$asProps2.id,
-        checked = _this$asProps2.checked,
-        _color = _this$asProps2.color,
-        onChangeLegendItem = _this$asProps2.onChangeLegendItem,
-        _shape = _this$asProps2.shape,
-        props = _objectWithoutProperties(_this$asProps2, _excluded);
-      return _objectSpread(_objectSpread({}, props), {}, {
-        id: this.getUniqueID(),
-        checked: checked,
-        onClick: function onClick() {
-          return onChangeLegendItem(id, !checked);
-        },
-        children: props.label
-      });
-    }
-  }, {
-    key: "getAdditionalLabelProps",
-    value: function getAdditionalLabelProps() {
-      var props = this.asProps;
-      var additionalInfo = props.additionalInfo,
-        onChangeLegendItem = props.onChangeLegendItem,
-        id = props.id,
-        checked = props.checked;
-      return _objectSpread(_objectSpread({}, props), {}, {
-        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,
-        onChangeLegendItem = props.onChangeLegendItem,
-        id = props.id,
-        checked = props.checked;
-      return _objectSpread(_objectSpread({}, props), {}, {
-        children: additionalInfo && 'count' in additionalInfo ? "(".concat(additionalInfo.count, ")") : undefined,
-        onClick: function onClick() {
-          return onChangeLegendItem(id, !checked);
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref7;
-      var SLegendItem = Flex;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        Children = _this$asProps3.Children,
-        shape = _this$asProps3.shape;
+  getShapeProps() {
+    const {
+      checked,
+      color,
+      shape,
+      label,
+      id,
+      size,
+      resolveColor,
+      patterns,
+      onChangeLegendItem,
+      onFocusLegendItem,
+      onBlurLegendItem
+    } = this.asProps;
+    return {
+      label,
+      shape,
+      checked,
+      'color': resolveColor(color),
+      'patternKey': color,
+      patterns,
+      size,
+      'onChange': value => {
+        onChangeLegendItem(id, value);
+      },
+      'onFocus': () => onFocusLegendItem(id),
+      'onBlur': () => onBlurLegendItem(id),
+      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null
+    };
+  }
+  getIconProps() {
+    const props = this.asProps;
+    return {
+      ...props,
+      children: props.icon,
+      onClick: () => props.onChangeLegendItem(props.id, !props.checked)
+    };
+  }
+  getLabelProps() {
+    const {
+      id,
+      checked,
+      color: _color,
+      onChangeLegendItem,
+      shape: _shape,
+      ...props
+    } = this.asProps;
+    return {
+      ...props,
+      id: this.getUniqueID(),
+      checked,
+      onClick: () => onChangeLegendItem(id, !checked),
+      children: props.label
+    };
+  }
+  getAdditionalLabelProps() {
+    const props = this.asProps;
+    const {
+      additionalInfo,
+      onChangeLegendItem,
+      id,
+      checked
+    } = props;
+    return {
+      ...props,
+      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,
+      onClick: () => onChangeLegendItem(id, !checked)
+    };
+  }
+  getCountProps() {
+    const props = this.asProps;
+    const {
+      additionalInfo,
+      onChangeLegendItem,
+      id,
+      checked
+    } = props;
+    return {
+      ...props,
+      children: additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,
+      onClick: () => onChangeLegendItem(id, !checked)
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref7;
+    const SLegendItem = Flex;
+    const {
+      styles,
+      Children,
+      shape
+    } = this.asProps;
 
-      // @ts-ignore
-      var disabled = StaticShapes.includes(shape) || shape === undefined;
-      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendItem, _ref7.cn("SLegendItem", _objectSpread({}, _assignProps({
+    // @ts-ignore
+    const disabled = StaticShapes.includes(shape) || shape === undefined;
+    return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendItem, _ref7.cn("SLegendItem", {
+      ..._assignProps({
         "disabled": disabled,
         "__excludeProps": ['id']
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
-    }
-  }]);
-}(Component);
+      }, _ref)
+    }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
+  }
+}
 _defineProperty(LegendItemRoot, "displayName", 'LegendItem');
 _defineProperty(LegendItemRoot, "style", style);
 _defineProperty(LegendItemRoot, "enhance", enhance);
-_defineProperty(LegendItemRoot, "defaultProps", function () {
-  return {
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LegendItemComponent.Shape, null), /*#__PURE__*/React.createElement(LegendItemComponent.Icon, null), /*#__PURE__*/React.createElement(LegendItemComponent.Label, null), /*#__PURE__*/React.createElement(LegendItemComponent.AdditionalLabel, null), /*#__PURE__*/React.createElement(LegendItemComponent.Count, null))
-  };
-});
+_defineProperty(LegendItemRoot, "defaultProps", () => ({
+  children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LegendItemComponent.Shape, null), /*#__PURE__*/React.createElement(LegendItemComponent.Icon, null), /*#__PURE__*/React.createElement(LegendItemComponent.Label, null), /*#__PURE__*/React.createElement(LegendItemComponent.AdditionalLabel, null), /*#__PURE__*/React.createElement(LegendItemComponent.Count, null))
+}));
 function Shape(props) {
   var _ref2 = arguments[0],
     _ref0;
-  var SPointShape = Box;
-  var SPatternSymbol = PatternSymbol;
-  var styles = props.styles,
-    size = props.size,
-    shape = props.shape,
-    checked = props.checked,
-    color = props.color,
-    _props$patternKey = props.patternKey,
-    patternKey = _props$patternKey === void 0 ? getChartDefaultColorName(0) : _props$patternKey,
-    Children = props.Children,
-    hasChildren = props.children,
-    patterns = props.patterns,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur;
+  const SPointShape = Box;
+  const SPatternSymbol = PatternSymbol;
+  const {
+    styles,
+    size,
+    shape,
+    checked,
+    color,
+    patternKey = getChartDefaultColorName(0),
+    Children,
+    children: hasChildren,
+    patterns,
+    onChange,
+    onFocus,
+    onBlur
+  } = props;
   if (hasChildren) {
     return /*#__PURE__*/React.createElement(Children, null);
   }
@@ -224,82 +199,94 @@ function Shape(props) {
     })), patterns && /*#__PURE__*/React.createElement(Box, _ref9.cn("Box", {
       "mt": '2px',
       "mr": 1,
-      "onClick": function onClick() {
-        return onChange(!checked);
-      }
+      "onClick": () => onChange(!checked)
     }), /*#__PURE__*/React.createElement(SPatternSymbol, _ref9.cn("SPatternSymbol", {
       "color": color,
       "patternKey": patternKey,
       "aria-hidden": true
     }))));
   }
-  return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SPointShape, _ref0.cn("SPointShape", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})));
+  return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SPointShape, _ref0.cn("SPointShape", {
+    ..._assignProps2({}, _ref2)
+  }), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})));
 }
-function Icon(_ref13) {
+function Icon({
+  styles,
+  children: hasChildren,
+  Children
+}) {
   var _ref3 = arguments[0],
     _ref1;
-  var styles = _ref13.styles,
-    hasChildren = _ref13.children,
-    Children = _ref13.Children;
-  var SIcon = Box;
+  const SIcon = Box;
   if (!hasChildren) {
     return null;
   }
-  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SIcon, _ref1.cn("SIcon", _objectSpread({}, _assignProps3({
-    "tag": 'span'
-  }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})));
+  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SIcon, _ref1.cn("SIcon", {
+    ..._assignProps3({
+      "tag": 'span'
+    }, _ref3)
+  }), /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})));
 }
 Icon.displayName = 'Icon';
-function Label(_ref14) {
+function Label({
+  styles,
+  children: hasChildren,
+  Children
+}) {
   var _ref4 = arguments[0],
     _ref10;
-  var styles = _ref14.styles,
-    hasChildren = _ref14.children,
-    Children = _ref14.Children;
-  var SLabel = TypographyText;
+  const SLabel = TypographyText;
   if (!hasChildren) {
     return null;
   }
-  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref10.cn("SLabel", _objectSpread({}, _assignProps4({
-    "use": 'primary'
-  }, _ref4))), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref10.cn("SLabel", {
+    ..._assignProps4({
+      "use": 'primary'
+    }, _ref4)
+  }), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
 }
 Label.displayName = 'Label';
-function AdditionalLabel(_ref15) {
+function AdditionalLabel({
+  styles,
+  children: hasChildren,
+  Children
+}) {
   var _ref5 = arguments[0],
     _ref11;
-  var styles = _ref15.styles,
-    hasChildren = _ref15.children,
-    Children = _ref15.Children;
-  var SAdditionalLabel = TypographyText;
+  const SAdditionalLabel = TypographyText;
   if (!hasChildren) {
     return null;
   }
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SAdditionalLabel, _ref11.cn("SAdditionalLabel", _objectSpread({}, _assignProps5({
-    "use": 'secondary'
-  }, _ref5))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SAdditionalLabel, _ref11.cn("SAdditionalLabel", {
+    ..._assignProps5({
+      "use": 'secondary'
+    }, _ref5)
+  }), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
 }
 AdditionalLabel.displayName = 'AdditionalLabel';
-function Count(_ref16) {
+function Count({
+  styles,
+  children: hasChildren,
+  Children
+}) {
   var _ref6 = arguments[0],
     _ref12;
-  var styles = _ref16.styles,
-    hasChildren = _ref16.children,
-    Children = _ref16.Children;
-  var SCount = TypographyText;
+  const SCount = TypographyText;
   if (!hasChildren) {
     return null;
   }
-  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCount, _ref12.cn("SCount", _objectSpread({}, _assignProps6({
-    "use": 'secondary'
-  }, _ref6))), /*#__PURE__*/React.createElement(Children, _ref12.cn("Children", {})));
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SCount, _ref12.cn("SCount", {
+    ..._assignProps6({
+      "use": 'secondary'
+    }, _ref6)
+  }), /*#__PURE__*/React.createElement(Children, _ref12.cn("Children", {})));
 }
 Count.displayName = 'Count';
-export var LegendItemComponent = createComponent(LegendItemRoot, {
-  Shape: Shape,
-  Icon: Icon,
-  Label: Label,
-  AdditionalLabel: AdditionalLabel,
-  Count: Count
+export const LegendItemComponent = createComponent(LegendItemRoot, {
+  Shape,
+  Icon,
+  Label,
+  AdditionalLabel,
+  Count
 });
 //# sourceMappingURL=LegendItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["Checkbox","createComponent","Component","sstyled","Root","resolveColorEnhance","uniqueIDEnhancement","Flex","Box","Text","TypographyText","React","style","_sstyled","insert","StaticShapes","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","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","_objectSpread","children","icon","onClick","getLabelProps","_this$asProps2","_color","_shape","_objectWithoutProperties","_excluded","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","SPatternSymbol","_props$patternKey","patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref13","_ref3","_ref1","SIcon","_assignProps3","displayName","_ref14","_ref4","_ref10","SLabel","_assignProps4","_ref15","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref16","_ref6","_ref12","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import 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 { Flex, Box } from '@semcore/flex-box';\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: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LegendItem.js","names":["Flex","Box","Checkbox","createComponent","Component","sstyled","Root","resolveColorEnhance","uniqueIDEnhancement","Text","TypographyText","React","style","_sstyled","insert","StaticShapes","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","getUniqueID","uid","asProps","getShapeProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","onFocusLegendItem","onBlurLegendItem","value","onFocus","onBlur","getIconProps","props","children","icon","onClick","getLabelProps","_color","_shape","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","SPatternSymbol","patternKey","hasChildren","onChange","_ref8","_ref9","_assignProps2","_ref3","_ref1","SIcon","_assignProps3","displayName","_ref4","_ref10","SLabel","_assignProps4","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref6","_ref12","SCount","_assignProps6"],"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/es6/component/ChartLegend/LegendItem/LegendItem.type.js

@@ -2,5 +2,5 @@
  * Key of chart data item
  */
 
-export var StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
+export const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
 //# sourceMappingURL=LegendItem.type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import type { Intergalactic, Root } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\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;;AAoFA,OAAO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"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;;AAoFA,OAAO,MAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}