@semcore/d3-chart 3.58.1 → 3.58.5

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

@@ -12,35 +12,37 @@ 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"];
+var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
 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_115qf_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_115qf_gg_:hover{cursor:pointer}.___SLegendItem_115qf_gg_.__disabled_115qf_gg_:hover{cursor:default}}.___SPointShape_115qf_gg_.__color_115qf_gg_{background-color:var(--color_115qf);margin-right:8px;flex-shrink:0}.___SPointShape_115qf_gg_._shape_Circle_115qf_gg_._size_l_115qf_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Circle_115qf_gg_._size_m_115qf_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Line_115qf_gg_._size_l_115qf_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_115qf_gg_._shape_Line_115qf_gg_._size_m_115qf_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_115qf_gg_._shape_Square_115qf_gg_._size_l_115qf_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Square_115qf_gg_._size_m_115qf_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_115qf_gg_._shape_Pattern_115qf_gg_{background-color:transparent;margin-right:4px}.___SIcon_115qf_gg_{line-height:0;margin-right:4px}.___SIcon_115qf_gg_._size_l_115qf_gg_{margin-top:4px}.___SIcon_115qf_gg_._size_m_115qf_gg_{margin-top:2px}.___SLabel_115qf_gg_{min-width:0}.___SAdditionalLabel_115qf_gg_._size_l_115qf_gg_,.___SCount_115qf_gg_._size_l_115qf_gg_,.___SLabel_115qf_gg_._size_l_115qf_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_115qf_gg_._size_m_115qf_gg_,.___SCount_115qf_gg_._size_m_115qf_gg_,.___SLabel_115qf_gg_._size_m_115qf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_115qf_gg_,.___SCount_115qf_gg_{margin-left:4px}.___SAdditionalLabel_115qf_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_115qf_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_115qf_gg_._size_l_115qf_gg_::before{margin-top:10px}.___SAdditionalLabel_115qf_gg_._size_m_115qf_gg_::before{margin-top:8px}.___SPatternSymbol_115qf_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "115qf_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_115qf_gg_",
-  "_disabled": "__disabled_115qf_gg_",
-  "__SPointShape": "___SPointShape_115qf_gg_",
-  "_color": "__color_115qf_gg_",
-  "--color": "--color_115qf",
-  "_shape_Circle": "_shape_Circle_115qf_gg_",
-  "_size_l": "_size_l_115qf_gg_",
-  "_size_m": "_size_m_115qf_gg_",
-  "_shape_Line": "_shape_Line_115qf_gg_",
-  "_shape_Square": "_shape_Square_115qf_gg_",
-  "_shape_Pattern": "_shape_Pattern_115qf_gg_",
-  "__SIcon": "___SIcon_115qf_gg_",
-  "__SLabel": "___SLabel_115qf_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_115qf_gg_",
-  "__SCount": "___SCount_115qf_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_115qf_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1v4xu_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1v4xu_gg_:hover{cursor:pointer}.___SLegendItem_1v4xu_gg_.__disabled_1v4xu_gg_:hover{cursor:default}}.___SPointShape_1v4xu_gg_.__color_1v4xu_gg_{background-color:var(--color_1v4xu);margin-right:8px;flex-shrink:0}.___SPointShape_1v4xu_gg_._shape_Circle_1v4xu_gg_._size_l_1v4xu_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1v4xu_gg_._shape_Circle_1v4xu_gg_._size_m_1v4xu_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1v4xu_gg_._shape_Line_1v4xu_gg_._size_l_1v4xu_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1v4xu_gg_._shape_Line_1v4xu_gg_._size_m_1v4xu_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1v4xu_gg_._shape_Square_1v4xu_gg_._size_l_1v4xu_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1v4xu_gg_._shape_Square_1v4xu_gg_._size_m_1v4xu_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1v4xu_gg_._shape_Pattern_1v4xu_gg_{background-color:transparent;margin-right:4px}.___SIcon_1v4xu_gg_{line-height:0;margin-right:4px}.___SIcon_1v4xu_gg_._size_l_1v4xu_gg_{margin-top:4px}.___SIcon_1v4xu_gg_._size_m_1v4xu_gg_{margin-top:2px}.___SLabel_1v4xu_gg_{min-width:0}.___SAdditionalLabel_1v4xu_gg_._size_l_1v4xu_gg_,.___SCount_1v4xu_gg_._size_l_1v4xu_gg_,.___SLabel_1v4xu_gg_._size_l_1v4xu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1v4xu_gg_._size_m_1v4xu_gg_,.___SCount_1v4xu_gg_._size_m_1v4xu_gg_,.___SLabel_1v4xu_gg_._size_m_1v4xu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1v4xu_gg_,.___SCount_1v4xu_gg_{margin-left:4px}.___SAdditionalLabel_1v4xu_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1v4xu_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1v4xu_gg_._size_l_1v4xu_gg_::before{margin-top:10px}.___SAdditionalLabel_1v4xu_gg_._size_m_1v4xu_gg_::before{margin-top:8px}.___SPatternSymbol_1v4xu_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "1v4xu_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1v4xu_gg_",
+  "_disabled": "__disabled_1v4xu_gg_",
+  "__SPointShape": "___SPointShape_1v4xu_gg_",
+  "_color": "__color_1v4xu_gg_",
+  "--color": "--color_1v4xu",
+  "_shape_Circle": "_shape_Circle_1v4xu_gg_",
+  "_size_l": "_size_l_1v4xu_gg_",
+  "_size_m": "_size_m_1v4xu_gg_",
+  "_shape_Line": "_shape_Line_1v4xu_gg_",
+  "_shape_Square": "_shape_Square_1v4xu_gg_",
+  "_shape_Pattern": "_shape_Pattern_1v4xu_gg_",
+  "__SIcon": "___SIcon_1v4xu_gg_",
+  "__SLabel": "___SLabel_1v4xu_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1v4xu_gg_",
+  "__SCount": "___SCount_1v4xu_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1v4xu_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { PatternSymbol } from '../../../Pattern';
 import { getChartDefaultColorName } from '../../../utils';
+var enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   _inherits(LegendItemRoot, _Component);
   var _super = _createSuper(LegendItemRoot);
@@ -49,6 +51,12 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
   _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,
@@ -72,7 +80,7 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         onChange: function onChange(value) {
           onChangeLegendItem(id, value);
         },
-        'aria-labelledby': id
+        'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null
       };
     }
   }, {
@@ -91,9 +99,10 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
         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: id,
+        id: this.getUniqueID(),
         checked: checked,
         onClick: function onClick() {
           return onChangeLegendItem(id, !checked);
@@ -133,7 +142,8 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
       // @ts-ignore
       var disabled = StaticShapes.includes(shape);
       return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendItem, _ref7.cn("SLegendItem", _objectSpread({}, _assignProps({
-        "disabled": disabled
+        "disabled": disabled,
+        "__excludeProps": ['id']
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
@@ -141,7 +151,7 @@ var LegendItemRoot = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(LegendItemRoot, "displayName", 'LegendItem');
 _defineProperty(LegendItemRoot, "style", style);
-_defineProperty(LegendItemRoot, "enhance", [resolveColorEnhance()]);
+_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))
@@ -172,7 +182,8 @@ function Shape(props) {
       "mr": 1
     }), /*#__PURE__*/React.createElement(SPatternSymbol, _ref8.cn("SPatternSymbol", {
       "color": color,
-      "patternKey": patternKey
+      "patternKey": patternKey,
+      "aria-hidden": true
     })));
   }
   if (shape === 'Checkbox') {
@@ -188,7 +199,8 @@ function Shape(props) {
       "mr": 1
     }), /*#__PURE__*/React.createElement(SPatternSymbol, _ref9.cn("SPatternSymbol", {
       "color": color,
-      "patternKey": patternKey
+      "patternKey": patternKey,
+      "aria-hidden": true
     }))));
   }
   return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPointShape, _ref10.cn("SPointShape", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","PatternSymbol","getChartDefaultColorName","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getShapeProps","_this$asProps","asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","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]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes, HTMLProps } from 'react';\nimport createComponent, { Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\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() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': id,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id,\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} />\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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"}
+{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","uniqueIDEnhancement","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","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]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}

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

@@ -11,12 +11,12 @@ 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_1ccji_gg_.__columns-count_1ccji_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ccji_gg_._size_l_1ccji_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ccji_gg_._size_m_1ccji_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1ccji_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_1ccji_gg_",
-  "_columns-count": "__columns-count_1ccji_gg_",
-  "__SColumnItem": "___SColumnItem_1ccji_gg_",
-  "_size_l": "_size_l_1ccji_gg_",
-  "_size_m": "_size_m_1ccji_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_16buu_gg_.__columns-count_16buu_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_16buu_gg_._size_l_16buu_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_16buu_gg_._size_m_16buu_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "16buu_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_16buu_gg_",
+  "_columns-count": "__columns-count_16buu_gg_",
+  "__SColumnItem": "___SColumnItem_16buu_gg_",
+  "_size_l": "_size_l_16buu_gg_",
+  "_size_m": "_size_m_16buu_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

package/lib/es6/style/hover.shadow.css

@@ -1,7 +1,9 @@
 SHoverLine {
+  outline: none;
   stroke: var(--intergalactic-chart-grid-x-axis, #c4c7cf);
 }
 
 SHoverRect {
+  outline: none;
   fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
 }

package/lib/es6/style/radar.shadow.css

@@ -75,5 +75,6 @@ SPolygonLine[color] {
 }
 
 SPieRect {
+  outline: none;
   fill: var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3));
-}
+}

package/lib/es6/translations/en.json

@@ -1,4 +1,5 @@
 {
+  "d3Chart.Plot:aria-label": "Chart",
   "trend": "Trend",
   "legendForChart": "Chart legend"
 }

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -1,5 +1,6 @@
 export declare const localizedMessages: {
     en: {
+        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.58.1",
+  "version": "3.58.5",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.39.0",
-    "@semcore/divider": "4.38.0",
-    "@semcore/flex-box": "5.39.0",
-    "@semcore/popper": "5.45.0",
-    "@semcore/utils": "4.44.0",
+    "@semcore/animation": "2.39.1",
+    "@semcore/divider": "4.38.1",
+    "@semcore/flex-box": "5.39.1",
+    "@semcore/popper": "5.45.1",
+    "@semcore/utils": "4.44.1",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",