intergalactic 15.43.0-prerelease-fbfdafde → 15.43.0-prerelease-960d7de5-1

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -0,0 +1,231 @@
+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 _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps6 } from "@semcore/core";
+import { assignProps as _assignProps5 } from "@semcore/core";
+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 = ["color"];
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import { Flex, Box } from '@semcore/flex-box';
+import Checkbox from '@semcore/checkbox';
+import { Text as TypographyText } from '@semcore/typography';
+/*__reshadow-styles__:"./legend-item.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1l9ul_gg_{align-items:flex-start}@media (hover:hover){.___SLegendItem_1l9ul_gg_:hover{cursor:pointer}.___SLegendItem_1l9ul_gg_.__disabled_1l9ul_gg_:hover{cursor:default}}.___SPointShape_1l9ul_gg_.__color_1l9ul_gg_{background-color:var(--color_1l9ul);margin-right:8px}.___SPointShape_1l9ul_gg_._shape_Circle_1l9ul_gg_._size_l_1l9ul_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1l9ul_gg_._shape_Circle_1l9ul_gg_._size_m_1l9ul_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1l9ul_gg_._shape_Line_1l9ul_gg_._size_l_1l9ul_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1l9ul_gg_._shape_Line_1l9ul_gg_._size_m_1l9ul_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1l9ul_gg_._shape_Square_1l9ul_gg_._size_l_1l9ul_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1l9ul_gg_._shape_Square_1l9ul_gg_._size_m_1l9ul_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1l9ul_gg_{line-height:0;margin-right:4px}.___SIcon_1l9ul_gg_._size_l_1l9ul_gg_{margin-top:4px}.___SIcon_1l9ul_gg_._size_m_1l9ul_gg_{margin-top:2px}.___SAdditionalLabel_1l9ul_gg_._size_l_1l9ul_gg_,.___SCount_1l9ul_gg_._size_l_1l9ul_gg_,.___SLabel_1l9ul_gg_._size_l_1l9ul_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1l9ul_gg_._size_m_1l9ul_gg_,.___SCount_1l9ul_gg_._size_m_1l9ul_gg_,.___SLabel_1l9ul_gg_._size_m_1l9ul_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1l9ul_gg_,.___SCount_1l9ul_gg_{margin-left:4px}.___SAdditionalLabel_1l9ul_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1l9ul_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1l9ul_gg_._size_l_1l9ul_gg_::before{margin-top:10px}.___SAdditionalLabel_1l9ul_gg_._size_m_1l9ul_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1l9ul_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1l9ul_gg_",
+  "_disabled": "__disabled_1l9ul_gg_",
+  "__SPointShape": "___SPointShape_1l9ul_gg_",
+  "_color": "__color_1l9ul_gg_",
+  "--color": "--color_1l9ul",
+  "_shape_Circle": "_shape_Circle_1l9ul_gg_",
+  "_size_l": "_size_l_1l9ul_gg_",
+  "_size_m": "_size_m_1l9ul_gg_",
+  "_shape_Line": "_shape_Line_1l9ul_gg_",
+  "_shape_Square": "_shape_Square_1l9ul_gg_",
+  "__SIcon": "___SIcon_1l9ul_gg_",
+  "__SLabel": "___SLabel_1l9ul_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1l9ul_gg_",
+  "__SCount": "___SCount_1l9ul_gg_"
+});
+import { StaticShapes } from './LegendItem.type';
+import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
+var LegendItemRoot = /*#__PURE__*/function (_Component) {
+  _inherits(LegendItemRoot, _Component);
+  var _super = _createSuper(LegendItemRoot);
+  function LegendItemRoot() {
+    _classCallCheck(this, LegendItemRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(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,
+        resolveColor = _this$asProps.resolveColor;
+      return {
+        id: id,
+        label: label,
+        shape: shape,
+        checked: checked,
+        color: resolveColor(color),
+        size: size,
+        onKeyUp: function onKeyUp(e) {
+          if (onClick && e.key === ' ') {
+            onClick();
+          }
+        }
+      };
+    }
+  }, {
+    key: "getIconProps",
+    value: function getIconProps() {
+      var props = this.asProps;
+      return _objectSpread(_objectSpread({}, props), {}, {
+        children: props.icon
+      });
+    }
+  }, {
+    key: "getLabelProps",
+    value: function getLabelProps() {
+      var _this$asProps2 = this.asProps,
+        color = _this$asProps2.color,
+        props = _objectWithoutProperties(_this$asProps2, _excluded);
+      return _objectSpread(_objectSpread({}, props), {}, {
+        children: props.label
+      });
+    }
+  }, {
+    key: "getAdditionalLabelProps",
+    value: function getAdditionalLabelProps() {
+      var props = this.asProps;
+      var additionalInfo = props.additionalInfo;
+      return _objectSpread(_objectSpread({}, props), {}, {
+        children: additionalInfo && 'label' in additionalInfo ? "".concat(additionalInfo.label) : undefined
+      });
+    }
+  }, {
+    key: "getCountProps",
+    value: function getCountProps() {
+      var props = this.asProps;
+      var additionalInfo = props.additionalInfo;
+      return _objectSpread(_objectSpread({}, props), {}, {
+        children: additionalInfo && 'count' in additionalInfo ? "(".concat(additionalInfo.count, ")") : undefined
+      });
+    }
+  }, {
+    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;
+
+      // @ts-ignore
+      var disabled = StaticShapes.includes(shape);
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendItem, _ref7.cn("SLegendItem", _objectSpread({}, _assignProps({
+        "disabled": disabled
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
+    }
+  }]);
+  return LegendItemRoot;
+}(Component);
+_defineProperty(LegendItemRoot, "displayName", 'LegendItem');
+_defineProperty(LegendItemRoot, "style", style);
+_defineProperty(LegendItemRoot, "enhance", [resolveColorEnhance()]);
+_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))
+  };
+});
+function Shape(props) {
+  var _ref2 = arguments[0],
+    _ref8;
+  var SPointShape = 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.createElement(Children, null);
+  }
+  if (shape === 'Checkbox') {
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      size: size,
+      checked: checked,
+      theme: checked ? color : undefined,
+      onKeyUp: onKeyUp,
+      "aria-label": label
+    });
+  }
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SPointShape, _ref8.cn("SPointShape", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.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 = Box;
+  if (!hasChildren) {
+    return null;
+  }
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SIcon, _ref9.cn("SIcon", _objectSpread({}, _assignProps3({
+    "tag": 'span'
+  }, _ref3))), /*#__PURE__*/React.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 = 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", {})));
+}
+Label.displayName = 'Label';
+function AdditionalLabel(_ref15) {
+  var _ref5 = arguments[0],
+    _ref11;
+  var styles = _ref15.styles,
+    hasChildren = _ref15.children,
+    Children = _ref15.Children;
+  var 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", {})));
+}
+AdditionalLabel.displayName = 'AdditionalLabel';
+function Count(_ref16) {
+  var _ref6 = arguments[0],
+    _ref12;
+  var styles = _ref16.styles,
+    hasChildren = _ref16.children,
+    Children = _ref16.Children;
+  var 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", {})));
+}
+Count.displayName = 'Count';
+export var LegendItemComponent = createComponent(LegendItemRoot, {
+  Shape: Shape,
+  Icon: Icon,
+  Label: Label,
+  AdditionalLabel: AdditionalLabel,
+  Count: Count
+});
+//# sourceMappingURL=LegendItem.js.map

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","onClick","resolveColor","onKeyUp","e","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","getAdditionalLabelProps","additionalInfo","concat","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref8","SPointShape","hasChildren","theme","_assignProps2","_ref13","_ref3","_ref9","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 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';\n\nclass LegendItemRoot extends Component<\n  LegendItemProps & { resolveColor: ReturnType<typeof resolveColorEnhance> }\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = [resolveColorEnhance()];\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getShapeProps(): ShapeProps & DOMAttributes<HTMLLabelElement> {\n    const { checked, color, shape, label, id, size, onClick, resolveColor } = this.asProps;\n\n    return {\n      id,\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      size,\n      onKeyUp: (e: React.KeyboardEvent<HTMLLabelElement>) => {\n        if (onClick && e.key === ' ') {\n          onClick();\n        }\n      },\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps {\n    const { color, ...props } = this.asProps;\n\n    return {\n      ...props,\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    Children,\n    children: hasChildren,\n    onKeyUp,\n    label,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Checkbox') {\n    return (\n      <Checkbox\n        size={size}\n        checked={checked}\n        theme={checked ? color : undefined}\n        onKeyUp={onKeyUp}\n        aria-label={label}\n      />\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js

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

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map

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

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendItem/legend-item.shadow.css

@@ -0,0 +1,109 @@
+SLegendItem {
+  align-items: flex-start;
+}
+
+SLegendItem:hover {
+  cursor: pointer;
+}
+
+SLegendItem[disabled]:hover {
+  cursor: default;
+}
+
+SPointShape[color] {
+  background-color: var(--color);
+  margin-right: 8px;
+}
+
+SPointShape[shape='Circle'][size='l'] {
+  width: 16px;
+  height: 16px;
+  border-radius: 8px;
+  margin-top: 4px;
+}
+
+SPointShape[shape='Circle'][size='m'] {
+  width: 12px;
+  height: 12px;
+  border-radius: 6px;
+  margin-top: 4px;
+}
+
+SPointShape[shape='Line'][size='l'] {
+  width: 16px;
+  height: 4px;
+  border-radius: 3px;
+  margin-top: 9px;
+}
+
+SPointShape[shape='Line'][size='m'] {
+  width: 12px;
+  height: 4px;
+  border-radius: 3px;
+  margin-top: 8px;
+}
+
+SPointShape[shape='Square'][size='l'] {
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+  margin-top: 4px;
+}
+
+SPointShape[shape='Square'][size='m'] {
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+  margin-top: 4px;
+}
+
+SIcon {
+  line-height: 0;
+  margin-right: 4px;
+}
+
+SIcon[size='l'] {
+  margin-top: 4px;
+}
+
+SIcon[size='m'] {
+  margin-top: 2px;
+}
+
+SLabel[size='l'], SAdditionalLabel[size='l'], SCount[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}
+
+SLabel[size='m'], SAdditionalLabel[size='m'], SCount[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+SAdditionalLabel, SCount {
+  margin-left: 4px;
+}
+
+SAdditionalLabel {
+  white-space: nowrap;
+  display: flex;
+  align-items: flex-start;
+}
+
+SAdditionalLabel::before {
+  content: '';
+  display: inline-block;
+  background-color: var(--intergalactic-text-secondary, #6c6e79);
+  height: 4px;
+  width: 4px;
+  border-radius: 2px;
+  margin-right: 4px;
+}
+
+SAdditionalLabel[size='l']::before {
+  margin-top: 10px;
+}
+
+SAdditionalLabel[size='m']::before {
+  margin-top: 8px;
+}

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -0,0 +1,93 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { sstyled, Root } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+/*__reshadow-styles__:"./legend-table.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1gez8_gg_.__columns-count_1gez8_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1gez8_gg_._size_l_1gez8_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1gez8_gg_._size_m_1gez8_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1gez8_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_1gez8_gg_",
+  "_columns-count": "__columns-count_1gez8_gg_",
+  "__SColumnItem": "___SColumnItem_1gez8_gg_",
+  "_size_l": "_size_l_1gez8_gg_",
+  "_size_m": "_size_m_1gez8_gg_"
+});
+import { LegendItemComponent } from '../LegendItem/LegendItem';
+import { BaseLegend } from '../BaseLegend';
+var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
+  _inherits(LegendTableRoot, _BaseLegend);
+  var _super = _createSuper(LegendTableRoot);
+  function LegendTableRoot() {
+    _classCallCheck(this, LegendTableRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(LegendTableRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3,
+        _items$;
+      var SLegendTable = Box;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        Children = _this$asProps.Children,
+        _this$asProps$size = _this$asProps.size,
+        size = _this$asProps$size === void 0 ? 'm' : _this$asProps$size,
+        items = _this$asProps.items;
+      var columnsCount = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.columns.length;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendTable, _ref3.cn("SLegendTable", _objectSpread({}, _assignProps({
+        "columns-count": columnsCount + 1
+      }, _ref))), items.map(function (_ref5, index) {
+        var id = _ref5.id,
+          _ref5$columns = _ref5.columns,
+          columns = _ref5$columns === void 0 ? [] : _ref5$columns;
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: id
+        }, /*#__PURE__*/React.createElement(Children, null), columns.map(function (item, index) {
+          return /*#__PURE__*/React.createElement(React.Fragment, {
+            key: "".concat(id, "__").concat(index)
+          }, /*#__PURE__*/React.createElement(LegendTable.Column, {
+            index: index,
+            size: size,
+            styles: styles
+          }, item));
+        }));
+      }));
+    }
+  }]);
+  return LegendTableRoot;
+}(BaseLegend);
+_defineProperty(LegendTableRoot, "displayName", 'LegendTable');
+_defineProperty(LegendTableRoot, "style", style);
+_defineProperty(LegendTableRoot, "defaultProps", function () {
+  return {
+    children: /*#__PURE__*/React.createElement(LegendTable.LegendItem, null)
+  };
+});
+function ColumnComponent(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SColumnItem = Box;
+  var styles = props.styles,
+    index = props.index,
+    size = props.size,
+    Children = props.Children;
+  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SColumnItem, _ref4.cn("SColumnItem", _objectSpread({}, _assignProps2({
+    "style": {
+      gridColumnStart: "".concat(index + 2),
+      gridColumnEnd: "".concat(index + 3)
+    },
+    "size": size
+  }, _ref2))), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
+}
+export var LegendTable = createComponent(LegendTableRoot, {
+  LegendItem: LegendItemComponent,
+  Column: ColumnComponent
+});
+//# sourceMappingURL=LegendTable.js.map

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map

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

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js

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

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\nimport React from 'react';\nimport { LegendProps, LSize } from '../BaseLegend.type';\n\nexport type LegendTableProps = Omit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":""}

package/libs/d3-chart/lib/es6/component/ChartLegend/LegendTable/legend-table.shadow.css

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

package/libs/d3-chart/lib/es6/component/ChartLegend/index.js

@@ -0,0 +1,5 @@
+import { LegendFlex as ChartLegend } from './LegendFlex/LegendFlex';
+import { LegendTable as ChartLegendTable } from './LegendTable/LegendTable';
+export { ChartLegend, ChartLegendTable };
+export default ChartLegend;
+//# sourceMappingURL=index.js.map

package/libs/d3-chart/lib/es6/component/ChartLegend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LegendFlex","ChartLegend","LegendTable","ChartLegendTable"],"sources":["../../../../src/component/ChartLegend/index.ts"],"sourcesContent":["import { LegendFlex as ChartLegend } from './LegendFlex/LegendFlex';\nimport { LegendTable as ChartLegendTable } from './LegendTable/LegendTable';\n\nexport { ChartLegend, ChartLegendTable };\n\nexport default ChartLegend;\n"],"mappings":"AAAA,SAASA,UAAU,IAAIC,WAAW,QAAQ,yBAAyB;AACnE,SAASC,WAAW,IAAIC,gBAAgB,QAAQ,2BAA2B;AAE3E,SAASF,WAAW,EAAEE,gBAAgB;AAEtC,eAAeF,WAAW"}

package/libs/d3-chart/lib/es6/createElement.d.js

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

package/libs/d3-chart/lib/es6/createElement.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createElement.d.js","names":[],"sources":["../../src/createElement.d.ts"],"sourcesContent":["declare const createElement: any;\nexport default createElement;\n"],"mappings":""}