@semcore/d3-chart 3.16.0 → 3.17.0

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseLegend = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+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 _core = require("@semcore/core");
+var _hints = require("../../a11y/hints");
+var BaseLegend = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(BaseLegend, _Component);
+  var _super = (0, _createSuper2["default"])(BaseLegend);
+  function BaseLegend() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, BaseLegend);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindOnChange", function (id) {
+      var item = _this.asProps.items.find(function (item) {
+        return item.id === id;
+      });
+      return function () {
+        var _this$props$onChangeV, _this$props;
+        var checked = !(item !== null && item !== void 0 && item.checked);
+        (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 ? void 0 : _this$props$onChangeV.call(_this$props, id, checked);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindOnMouseEnterItem", function (id) {
+      return function (e) {
+        var _this$props$onMouseEn, _this$props2;
+        (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 ? void 0 : _this$props$onMouseEn.call(_this$props2, id, e);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindOnMouseLeaveItem", function (id) {
+      return function (e) {
+        var _this$props$onMouseLe, _this$props3;
+        (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 ? void 0 : _this$props$onMouseLe.call(_this$props3, id, e);
+      };
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(BaseLegend, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setHints();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {
+        this.setHints();
+      }
+    }
+  }, {
+    key: "setHints",
+    value: function setHints() {
+      var _this$asProps = this.asProps,
+        items = _this$asProps.items,
+        dataHints = _this$asProps.dataHints;
+      var dataHintsHandler = dataHints ? (0, _hints.makeDataHintsHandlers)(dataHints) : undefined;
+      items.forEach(function (legendItem) {
+        dataHintsHandler === null || dataHintsHandler === void 0 ? void 0 : dataHintsHandler.labelKey('value', legendItem.id, legendItem.label);
+      });
+    }
+  }, {
+    key: "getItem",
+    value: function getItem(index) {
+      var line = this.asProps.items[index];
+      if (line === undefined) {
+        throw new Error("No index \"".concat(index, "\" in lines"));
+      }
+      return line;
+    }
+  }, {
+    key: "getLegendItemProps",
+    value: function getLegendItemProps(_, index) {
+      var _this$asProps2 = this.asProps,
+        _this$asProps2$shape = _this$asProps2.shape,
+        shape = _this$asProps2$shape === void 0 ? 'Checkbox' : _this$asProps2$shape,
+        _this$asProps2$size = _this$asProps2.size,
+        size = _this$asProps2$size === void 0 ? 'm' : _this$asProps2$size;
+      var line = this.getItem(index);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, line), {}, {
+        shape: shape,
+        size: size,
+        onClick: this.bindOnChange(line.id),
+        onMouseEnter: this.bindOnMouseEnterItem(line.id),
+        onMouseLeave: this.bindOnMouseLeaveItem(line.id),
+        style: {
+          gridRowStart: "".concat(index + 1),
+          gridRowEnd: "".concat(index + 2)
+        }
+      });
+    }
+  }]);
+  return BaseLegend;
+}(_core.Component);
+exports.BaseLegend = BaseLegend;
+//# sourceMappingURL=BaseLegend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","BaseLegend","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","id","item","asProps","items","find","_this$props$onChangeV","_this$props","checked","props","onChangeVisibleItem","e","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","dataHints","_this$asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","shape","_this$asProps2$size","size","_objectSpread2","onClick","bindOnChange","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","Component","exports"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, Intergalactic } from '@semcore/core';\nimport { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';\nimport { LegendProps } from './BaseLegend.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps> extends Component<T> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm' } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onClick: this.bindOnChange(line.id),\n      onMouseEnter: this.bindOnMouseEnterItem(line.id),\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n    };\n  }\n\n  bindOnChange = (id: LegendItemKey) => {\n    const item = this.asProps.items.find((item) => item.id === id);\n\n    return () => {\n      const checked = !item?.checked;\n\n      this.props.onChangeVisibleItem?.(id, checked);\n    };\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LegendFlex = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _LegendItem = require("../LegendItem/LegendItem");
+var _divider = _interopRequireDefault(require("@semcore/divider"));
+var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
+var _BaseLegend2 = require("../BaseLegend");
+var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+/*__reshadow-styles__:"./legend-flex.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_rzdp9_gg_._direction_row_rzdp9_gg_{align-items:center;flex-wrap:wrap;grid-gap:8px 16px;gap:8px 16px}.___SLegendFlex_rzdp9_gg_._direction_column_rzdp9_gg_{align-items:flex-start;flex-wrap:wrap;grid-gap:8px;gap:8px}" /*__inner_css_end__*/, "rzdp9_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_rzdp9_gg_",
+  "_direction_row": "_direction_row_rzdp9_gg_",
+  "_direction_column": "_direction_column_rzdp9_gg_"
+});
+var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
+  (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
+  var _super = (0, _createSuper2["default"])(LegendFlexRoot);
+  function LegendFlexRoot() {
+    (0, _classCallCheck2["default"])(this, LegendFlexRoot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(LegendFlexRoot, [{
+    key: "renderTrend",
+    value: function renderTrend() {
+      var _ref3 = this.asProps,
+        onTrendIsVisibleChange = _ref3.onTrendIsVisibleChange,
+        trendIsVisible = _ref3.trendIsVisible,
+        trendLabel = _ref3.trendLabel,
+        size = _ref3.size,
+        getI18nText = _ref3.getI18nText;
+      return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+        checked: trendIsVisible,
+        onChange: onTrendIsVisibleChange,
+        theme: 'gray-400',
+        label: trendLabel !== null && trendLabel !== void 0 ? trendLabel : getI18nText('trend'),
+        size: size
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SLegendFlex = _flexBox.Flex;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        Children = _this$asProps.Children,
+        direction = _this$asProps.direction,
+        withTrend = _this$asProps.withTrend,
+        suffix = _this$asProps.suffix,
+        items = _this$asProps.items;
+      var orientation = direction === 'row' ? 'vertical' : 'horizontal';
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendFlex, _ref2.cn("SLegendFlex", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), items.map(function (_ref4) {
+        var id = _ref4.id;
+        return /*#__PURE__*/_react["default"].createElement(Children, {
+          key: id
+        });
+      }), (withTrend || suffix) && /*#__PURE__*/_react["default"].createElement(_divider["default"], _ref2.cn("Divider", {
+        "orientation": orientation
+      })), withTrend && this.renderTrend(), suffix ? suffix : null);
+    }
+  }]);
+  return LegendFlexRoot;
+}(_BaseLegend2.BaseLegend);
+(0, _defineProperty2["default"])(LegendFlexRoot, "displayName", 'LegendFlex');
+(0, _defineProperty2["default"])(LegendFlexRoot, "style", style);
+(0, _defineProperty2["default"])(LegendFlexRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(LegendFlexRoot, "defaultProps", function () {
+  return {
+    direction: 'row',
+    children: /*#__PURE__*/_react["default"].createElement(LegendFlex.LegendItem, null)
+  };
+});
+var LegendFlex = (0, _core["default"])(LegendFlexRoot, {
+  LegendItem: _LegendItem.LegendItemComponent
+});
+exports.LegendFlex = LegendFlex;
+//# sourceMappingURL=LegendFlex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegendFlex.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_divider","_checkbox","_BaseLegend2","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","LegendFlexRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread2","assignProps","map","_ref4","id","BaseLegend","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme={'gray-400'}\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex}>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import { Flex, FlexProps } from '@semcore/flex-box';\nimport { Intergalactic } from '@semcore/core';\nimport { LegendItemType } from '../LegendItem/LegendItem.type';\nimport { LegendProps } from '../BaseLegend.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":""}

package/lib/cjs/component/ChartLegend/LegendFlex/legend-flex.shadow.css

@@ -0,0 +1,11 @@
+SLegendFlex[direction='row'] {
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+}
+
+SLegendFlex[direction='column'] {
+  align-items: flex-start;
+  flex-wrap: wrap;
+  gap: 8px;
+}

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

@@ -0,0 +1,230 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LegendItemComponent = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
+var _typography = require("@semcore/typography");
+var _LegendItem = require("./LegendItem.type");
+var _excluded = ["color"];
+/*__reshadow-styles__:"./legend-item.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1d8wv_gg_{align-items:flex-start}@media (hover:hover){.___SLegendItem_1d8wv_gg_:hover{cursor:pointer}.___SLegendItem_1d8wv_gg_.__disabled_1d8wv_gg_:hover{cursor:default}}.___SPointShape_1d8wv_gg_.__color_1d8wv_gg_{background-color:var(--color_1d8wv);margin-right:8px}.___SPointShape_1d8wv_gg_._shape_Circle_1d8wv_gg_._size_l_1d8wv_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1d8wv_gg_._shape_Circle_1d8wv_gg_._size_m_1d8wv_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1d8wv_gg_._shape_Line_1d8wv_gg_._size_l_1d8wv_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1d8wv_gg_._shape_Line_1d8wv_gg_._size_m_1d8wv_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1d8wv_gg_._shape_Square_1d8wv_gg_._size_l_1d8wv_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1d8wv_gg_._shape_Square_1d8wv_gg_._size_m_1d8wv_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1d8wv_gg_{line-height:0;margin-right:4px}.___SIcon_1d8wv_gg_._size_l_1d8wv_gg_{margin-top:4px}.___SIcon_1d8wv_gg_._size_m_1d8wv_gg_{margin-top:2px}.___SAdditionalLabel_1d8wv_gg_._size_l_1d8wv_gg_,.___SCount_1d8wv_gg_._size_l_1d8wv_gg_,.___SLabel_1d8wv_gg_._size_l_1d8wv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1d8wv_gg_._size_m_1d8wv_gg_,.___SCount_1d8wv_gg_._size_m_1d8wv_gg_,.___SLabel_1d8wv_gg_._size_m_1d8wv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1d8wv_gg_,.___SCount_1d8wv_gg_{margin-left:4px}.___SAdditionalLabel_1d8wv_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1d8wv_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1d8wv_gg_._size_l_1d8wv_gg_::before{margin-top:10px}.___SAdditionalLabel_1d8wv_gg_._size_m_1d8wv_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1d8wv_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1d8wv_gg_",
+  "_disabled": "__disabled_1d8wv_gg_",
+  "__SPointShape": "___SPointShape_1d8wv_gg_",
+  "_color": "__color_1d8wv_gg_",
+  "--color": "--color_1d8wv",
+  "_shape_Circle": "_shape_Circle_1d8wv_gg_",
+  "_size_l": "_size_l_1d8wv_gg_",
+  "_size_m": "_size_m_1d8wv_gg_",
+  "_shape_Line": "_shape_Line_1d8wv_gg_",
+  "_shape_Square": "_shape_Square_1d8wv_gg_",
+  "__SIcon": "___SIcon_1d8wv_gg_",
+  "__SLabel": "___SLabel_1d8wv_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1d8wv_gg_",
+  "__SCount": "___SCount_1d8wv_gg_"
+});
+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);
+  }
+  (0, _createClass2["default"])(LegendItemRoot, [{
+    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,
+        onClick = _this$asProps.onClick;
+      return {
+        id: id,
+        label: label,
+        shape: shape,
+        checked: checked,
+        color: color,
+        size: size,
+        onKeyUp: function onKeyUp(e) {
+          if (onClick && e.key === ' ') {
+            onClick();
+          }
+        }
+      };
+    }
+  }, {
+    key: "getIconProps",
+    value: function getIconProps() {
+      var props = this.asProps;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        children: props.icon
+      });
+    }
+  }, {
+    key: "getLabelProps",
+    value: function getLabelProps() {
+      var _this$asProps2 = this.asProps,
+        color = _this$asProps2.color,
+        props = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        children: props.label
+      });
+    }
+  }, {
+    key: "getAdditionalLabelProps",
+    value: function getAdditionalLabelProps() {
+      var props = this.asProps;
+      var additionalInfo = props.additionalInfo;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        children: additionalInfo && 'label' in additionalInfo ? "".concat(additionalInfo.label) : undefined
+      });
+    }
+  }, {
+    key: "getCountProps",
+    value: function getCountProps() {
+      var props = this.asProps;
+      var additionalInfo = props.additionalInfo;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+        children: additionalInfo && 'count' in additionalInfo ? "(".concat(additionalInfo.count, ")") : undefined
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref7;
+      var SLegendItem = _flexBox.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);
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLegendItem, _ref7.cn("SLegendItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "disabled": disabled
+      }, _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);
+(0, _defineProperty2["default"])(LegendItemRoot, "defaultProps", function () {
+  return {
+    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Shape, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Icon, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Label, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.AdditionalLabel, null), /*#__PURE__*/_react["default"].createElement(LegendItemComponent.Count, null))
+  };
+});
+function Shape(props) {
+  var _ref2 = arguments[0],
+    _ref8;
+  var SPointShape = _flexBox.Box;
+  var styles = props.styles,
+    size = props.size,
+    shape = props.shape,
+    checked = props.checked,
+    color = props.color,
+    Children = props.Children,
+    hasChildren = props.children,
+    onKeyUp = props.onKeyUp,
+    label = props.label;
+  if (hasChildren) {
+    return /*#__PURE__*/_react["default"].createElement(Children, null);
+  }
+  if (shape === 'Checkbox') {
+    return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      size: size,
+      checked: checked,
+      theme: checked ? color : undefined,
+      onKeyUp: onKeyUp,
+      "aria-label": label
+    });
+  }
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPointShape, _ref8.cn("SPointShape", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
+}
+function Icon(_ref13) {
+  var _ref3 = arguments[0],
+    _ref9;
+  var styles = _ref13.styles,
+    hasChildren = _ref13.children,
+    Children = _ref13.Children;
+  var SIcon = _flexBox.Box;
+  if (!hasChildren) {
+    return null;
+  }
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIcon, _ref9.cn("SIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
+}
+Icon.displayName = 'Icon';
+function Label(_ref14) {
+  var _ref4 = arguments[0],
+    _ref10;
+  var styles = _ref14.styles,
+    hasChildren = _ref14.children,
+    Children = _ref14.Children;
+  var SLabel = _typography.Text;
+  if (!hasChildren) {
+    return null;
+  }
+  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, _ref10.cn("Children", {})));
+}
+Label.displayName = 'Label';
+function AdditionalLabel(_ref15) {
+  var _ref5 = arguments[0],
+    _ref11;
+  var styles = _ref15.styles,
+    hasChildren = _ref15.children,
+    Children = _ref15.Children;
+  var SAdditionalLabel = _typography.Text;
+  if (!hasChildren) {
+    return null;
+  }
+  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, _ref11.cn("Children", {})));
+}
+AdditionalLabel.displayName = 'AdditionalLabel';
+function Count(_ref16) {
+  var _ref6 = arguments[0],
+    _ref12;
+  var styles = _ref16.styles,
+    hasChildren = _ref16.children,
+    Children = _ref16.Children;
+  var SCount = _typography.Text;
+  if (!hasChildren) {
+    return null;
+  }
+  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, _ref12.cn("Children", {})));
+}
+Count.displayName = 'Count';
+var LegendItemComponent = (0, _core["default"])(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

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_checkbox","_typography","_LegendItem","_excluded","style","sstyled","insert","LegendItemRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","onKeyUp","e","getIconProps","props","_objectSpread2","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties2","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","Flex","_this$asProps3","styles","Children","disabled","StaticShapes","includes","createElement","cn","assignProps","Component","_defineProperty2","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref8","SPointShape","Box","hasChildren","theme","_ref13","_ref3","_ref9","SIcon","displayName","_ref14","_ref4","_ref10","SLabel","TypographyText","_ref15","_ref5","_ref11","SAdditionalLabel","_ref16","_ref6","_ref12","SCount","createComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox, { CheckboxProps } from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\n\nclass LegendItemRoot extends Component<LegendItemProps> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick } = this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color,\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Checkbox') {\n    return (\n      <Checkbox\n        size={size}\n        checked={checked}\n        theme={checked ? color : undefined}\n        onKeyUp={onKeyUp}\n        aria-label={label}\n      />\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":";;;;;;;;;;;;;;;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;AAM2B,IAAAO,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAV,KAAA,CAAAW,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAErBC,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,EAgBlB,SAAAC,cAAA,EAA8D;MAC5D,IAAAC,aAAA,GAA4D,IAAI,CAACC,OAAO;QAAhEC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;QAAEC,EAAE,GAAAN,aAAA,CAAFM,EAAE;QAAEC,IAAI,GAAAP,aAAA,CAAJO,IAAI;QAAEC,OAAO,GAAAR,aAAA,CAAPQ,OAAO;MAEvD,OAAO;QACLF,EAAE,EAAFA,EAAE;QACFD,KAAK,EAALA,KAAK;QACLD,KAAK,EAALA,KAAK;QACLF,OAAO,EAAPA,OAAO;QACPC,KAAK,EAALA,KAAK;QACLI,IAAI,EAAJA,IAAI;QACJE,OAAO,EAAE,SAAAA,QAACC,CAAwC,EAAK;UACrD,IAAIF,OAAO,IAAIE,CAAC,CAACb,GAAG,KAAK,GAAG,EAAE;YAC5BW,OAAO,EAAE;UACX;QACF;MACF,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAa,aAAA,EAAiD;MAC/C,IAAMC,KAAK,GAAG,IAAI,CAACX,OAAO;MAE1B,WAAAY,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEF,KAAK,CAACG;MAAI;IAExB;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAkB,cAAA,EAAiE;MAC/D,IAAAC,cAAA,GAA4B,IAAI,CAAChB,OAAO;QAAhCE,KAAK,GAAAc,cAAA,CAALd,KAAK;QAAKS,KAAK,OAAAM,yBAAA,aAAAD,cAAA,EAAAjC,SAAA;MAEvB,WAAA6B,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEF,KAAK,CAACP;MAAK;IAEzB;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAqB,wBAAA,EAA4D;MAC1D,IAAMP,KAAK,GAAG,IAAI,CAACX,OAAO;MAE1B,IAAQmB,cAAc,GAAKR,KAAK,CAAxBQ,cAAc;MAEtB,WAAAP,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EAAEM,cAAc,IAAI,OAAO,IAAIA,cAAc,MAAAC,MAAA,CAAMD,cAAc,CAACf,KAAK,IAAKiB;MAAS;IAEjG;EAAC;IAAAzB,GAAA;IAAAC,KAAA,EAED,SAAAyB,cAAA,EAAkD;MAChD,IAAMX,KAAK,GAAG,IAAI,CAACX,OAAO;MAE1B,IAAQmB,cAAc,GAAKR,KAAK,CAAxBQ,cAAc;MAEtB,WAAAP,cAAA,iBAAAA,cAAA,iBACKD,KAAK;QACRE,QAAQ,EACNM,cAAc,IAAI,OAAO,IAAIA,cAAc,OAAAC,MAAA,CAAOD,cAAc,CAACI,KAAK,SAAMF;MAAS;IAE3F;EAAC;IAAAzB,GAAA;IAAAC,KAAA,EAED,SAAA2B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAzB,OAAA;QAAA0B,KAAA;MACP,IAAMC,WAAW,GAOMC,aAAI;MAN3B,IAAAC,cAAA,GAAoC,IAAI,CAAC7B,OAAO;QAAxC8B,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAE5B,KAAK,GAAA0B,cAAA,CAAL1B,KAAK;;MAE/B;MACA,IAAM6B,QAAQ,GAAGC,wBAAY,CAACC,QAAQ,CAAC/B,KAAK,CAAC;MAE7C,OAAAuB,KAAA,GAAO,IAAAzC,aAAO,EAAC6C,MAAM,CAAC,eACpBrD,MAAA,YAAA0D,aAAA,CAACR,WAAW,EAAAD,KAAA,CAAAU,EAAA,oBAAAxB,cAAA,qBAAAtC,KAAA,CAAA+D,WAAA;QAAA,YAAyBL;MAAQ,GAAAP,IAAA,kBAC3ChD,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,EAAAL,KAAA,CAAAU,EAAA,iBAAG,CACA;IAElB;EAAC;EAAA,OAAAjD,cAAA;AAAA,EAvF0BmD,eAAS;AAAA,IAAAC,gBAAA,aAAhCpD,cAAc,iBACG,YAAY;AAAA,IAAAoD,gBAAA,aAD7BpD,cAAc,WAEHH,KAAK;AAAA,IAAAuD,gBAAA,aAFhBpD,cAAc,kBAII;EAAA,OAAO;IAC3B0B,QAAQ,eACNpC,MAAA,YAAA0D,aAAA,CAAA1D,MAAA,YAAA+D,QAAA,qBACE/D,MAAA,YAAA0D,aAAA,CAACM,mBAAmB,CAACC,KAAK,OAAG,eAC7BjE,MAAA,YAAA0D,aAAA,CAACM,mBAAmB,CAACE,IAAI,OAAG,eAC5BlE,MAAA,YAAA0D,aAAA,CAACM,mBAAmB,CAACG,KAAK,OAAG,eAC7BnE,MAAA,YAAA0D,aAAA,CAACM,mBAAmB,CAACI,eAAe,OAAG,eACvCpE,MAAA,YAAA0D,aAAA,CAACM,mBAAmB,CAACK,KAAK,OAAG;EAGnC,CAAC;AAAA,CAAC;AA4EJ,SAASJ,KAAKA,CAAC/B,KAAyE,EAAE;EAAA,IAAAoC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACxF,IAAMC,WAAW,GA8BMC,YAAG;EA7B1B,IACErB,MAAM,GASJnB,KAAK,CATPmB,MAAM;IACNxB,IAAI,GAQFK,KAAK,CARPL,IAAI;IACJH,KAAK,GAOHQ,KAAK,CAPPR,KAAK;IACLF,OAAO,GAMLU,KAAK,CANPV,OAAO;IACPC,KAAK,GAKHS,KAAK,CALPT,KAAK;IACL6B,QAAQ,GAINpB,KAAK,CAJPoB,QAAQ;IACEqB,WAAW,GAGnBzC,KAAK,CAHPE,QAAQ;IACRL,OAAO,GAELG,KAAK,CAFPH,OAAO;IACPJ,KAAK,GACHO,KAAK,CADPP,KAAK;EAGP,IAAIgD,WAAW,EAAE;IACf,oBAAO3E,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,OAAG;EACrB;EAEA,IAAI5B,KAAK,KAAK,UAAU,EAAE;IACxB,oBACE1B,MAAA,YAAA0D,aAAA,CAACvD,SAAA,WAAQ;MACP0B,IAAI,EAAEA,IAAK;MACXL,OAAO,EAAEA,OAAQ;MACjBoD,KAAK,EAAEpD,OAAO,GAAGC,KAAK,GAAGmB,SAAU;MACnCb,OAAO,EAAEA,OAAQ;MACjB,cAAYJ;IAAM,EAClB;EAEN;EAEA,OAAA6C,KAAA,GAAO,IAAAhE,aAAO,EAAC6C,MAAM,CAAC,eACpBrD,MAAA,YAAA0D,aAAA,CAACe,WAAW,EAAAD,KAAA,CAAAb,EAAA,oBAAAxB,cAAA,qBAAAtC,KAAA,CAAA+D,WAAA,MAAAU,KAAA,kBACVtE,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,EAAAkB,KAAA,CAAAb,EAAA,iBAAG,CACA;AAElB;AAEA,SAASO,IAAIA,CAAAW,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAP,YAAA;IAAAQ,KAAA;EAAA,IAAhE1B,MAAM,GAAAwB,MAAA,CAANxB,MAAM;IAAYsB,WAAW,GAAAE,MAAA,CAArBzC,QAAQ;IAAekB,QAAQ,GAAAuB,MAAA,CAARvB,QAAQ;EACrD,IAAM0B,KAAK,GAOMN,YAAG;EALpB,IAAI,CAACC,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAI,KAAA,GAAO,IAAAvE,aAAO,EAAC6C,MAAM,CAAC,eACpBrD,MAAA,YAAA0D,aAAA,CAACsB,KAAK,EAAAD,KAAA,CAAApB,EAAA,cAAAxB,cAAA,qBAAAtC,KAAA,CAAA+D,WAAA;IAAA,OAAmB;EAAM,GAAAkB,KAAA,kBAC7B9E,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,EAAAyB,KAAA,CAAApB,EAAA,iBAAG,CACN;AAEZ;AACAO,IAAI,CAACe,WAAW,GAAG,MAAM;AAEzB,SAASd,KAAKA,CAAAe,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAZ,YAAA;IAAAa,MAAA;EAAA,IAAhE/B,MAAM,GAAA6B,MAAA,CAAN7B,MAAM;IAAYsB,WAAW,GAAAO,MAAA,CAArB9C,QAAQ;IAAekB,QAAQ,GAAA4B,MAAA,CAAR5B,QAAQ;EACtD,IAAM+B,MAAM,GAOMC,gBAAc;EALhC,IAAI,CAACX,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAS,MAAA,GAAO,IAAA5E,aAAO,EAAC6C,MAAM,CAAC,eACpBrD,MAAA,YAAA0D,aAAA,CAAC2B,MAAM,EAAAD,MAAA,CAAAzB,EAAA,eAAAxB,cAAA,qBAAAtC,KAAA,CAAA+D,WAAA;IAAA,OAA8B;EAAS,GAAAuB,KAAA,kBAC5CnF,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,EAAA8B,MAAA,CAAAzB,EAAA,iBAAG,CACL;AAEb;AACAQ,KAAK,CAACc,WAAW,GAAG,OAAO;AAE3B,SAASb,eAAeA,CAAAmB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAAjB,YAAA;IAAAkB,MAAA;EAAA,IAAhEpC,MAAM,GAAAkC,MAAA,CAANlC,MAAM;IAAYsB,WAAW,GAAAY,MAAA,CAArBnD,QAAQ;IAAekB,QAAQ,GAAAiC,MAAA,CAARjC,QAAQ;EAChE,IAAMoC,gBAAgB,GAOMJ,gBAAc;EAL1C,IAAI,CAACX,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAc,MAAA,GAAO,IAAAjF,aAAO,EAAC6C,MAAM,CAAC,eACpBrD,MAAA,YAAA0D,aAAA,CAACgC,gBAAgB,EAAAD,MAAA,CAAA9B,EAAA,yBAAAxB,cAAA,qBAAAtC,KAAA,CAAA+D,WAAA;IAAA,OAA8B;EAAW,GAAA4B,KAAA,kBACxDxF,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,EAAAmC,MAAA,CAAA9B,EAAA,iBAAG,CACK;AAEvB;AACAS,eAAe,CAACa,WAAW,GAAG,iBAAiB;AAE/C,SAASZ,KAAKA,CAAAsB,MAAA,EAAmE;EAAA,IAAAC,KAAA,GAAArB,YAAA;IAAAsB,MAAA;EAAA,IAAhExC,MAAM,GAAAsC,MAAA,CAANtC,MAAM;IAAYsB,WAAW,GAAAgB,MAAA,CAArBvD,QAAQ;IAAekB,QAAQ,GAAAqC,MAAA,CAARrC,QAAQ;EACtD,IAAMwC,MAAM,GAOMR,gBAAc;EALhC,IAAI,CAACX,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OAAAkB,MAAA,GAAO,IAAArF,aAAO,EAAC6C,MAAM,CAAC,eACpBrD,MAAA,YAAA0D,aAAA,CAACoC,MAAM,EAAAD,MAAA,CAAAlC,EAAA,eAAAxB,cAAA,qBAAAtC,KAAA,CAAA+D,WAAA;IAAA,OAA8B;EAAW,GAAAgC,KAAA,kBAC9C5F,MAAA,YAAA0D,aAAA,CAACJ,QAAQ,EAAAuC,MAAA,CAAAlC,EAAA,iBAAG,CACL;AAEb;AACAU,KAAK,CAACY,WAAW,GAAG,OAAO;AAEpB,IAAMjB,mBAAmC,GAAG,IAAA+B,gBAAe,EAACrF,cAAc,EAAE;EACjFuD,KAAK,EAALA,KAAK;EACLC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA,KAAK;EACLC,eAAe,EAAfA,eAAe;EACfC,KAAK,EAALA;AACF,CAAC,CAAC;AAAC2B,OAAA,CAAAhC,mBAAA,GAAAA,mBAAA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StaticShapes = void 0;
+/**
+ * Key of chart data item
+ */
+
+var StaticShapes = ['Circle', 'Line', 'Square'];
+exports.StaticShapes = StaticShapes;
+//# sourceMappingURL=LegendItem.type.js.map

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

@@ -0,0 +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';\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\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   */\n  onClick: () => void;\n};\n\nexport type ShapeProps = LegendItem & {\n  size: LSize;\n  shape: ShapeType;\n};\n\nexport const StaticShapes = ['Circle', 'Line', 'Square'] 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":";;;;;;AAMA;AACA;AACA;;AAmDO,IAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAU;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA"}