@semcore/d3-chart 2.2.4 → 2.3.0-1

package/lib/cjs/ClipPath.js

@@ -106,6 +106,7 @@ var ClipPath = /*#__PURE__*/function (_Component) {
           className = _this$asProps2.className,
           other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       return /*#__PURE__*/_react["default"].createElement("clipPath", {
+        "aria-hidden": true,
         ref: this.refClipPath,
         id: id
       }, /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({

package/lib/cjs/ClipPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipPath.js","names":["ClipPath","React","createRef","asProps","id","tag","setAttributeTag","Array","from","document","querySelectorAll","forEach","querySelector","svg","closest","node","getTotalLength","transition","Tag","style","className","other","refClipPath","propsForElement","Component","createComponent"],"sources":["../../src/ClipPath.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass ClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    id: '',\n    transition: '',\n    setAttributeTag: null,\n  };\n\n  refClipPath = React.createRef();\n\n  setAttributeTag() {\n    const { id, tag, setAttributeTag } = this.asProps;\n    if (setAttributeTag) {\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n    }\n  }\n\n  componentDidMount() {\n    const { id } = this.asProps;\n    if (!document || !id || !document.querySelector(`#${id}`)) return;\n    const svg = document.querySelector(`#${id}`).closest('svg');\n    Array.from(svg.querySelectorAll(`[clip-path=\"url(#${id})\"]`)).forEach((node) => {\n      node && node.getTotalLength && node.getTotalLength();\n    });\n    this.setAttributeTag();\n  }\n\n  componentDidUpdate() {\n    this.setAttributeTag();\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    return (\n      <clipPath ref={this.refClipPath} id={id}>\n        <Tag style={{ ...style, transition }} {...propsForElement(other, Tag)} />\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(ClipPath);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;;;;iHAQUC,iBAAA,CAAMC,SAAN,E;;;;;;WAEd,2BAAkB;MAChB,oBAAqC,KAAKC,OAA1C;MAAA,IAAQC,EAAR,iBAAQA,EAAR;MAAA,IAAYC,GAAZ,iBAAYA,GAAZ;MAAA,IAAiBC,eAAjB,iBAAiBA,eAAjB;;MACA,IAAIA,eAAJ,EAAqB;QACnBC,KAAK,CAACC,IAAN,CAAWC,QAAQ,CAACC,gBAAT,YAA8BN,EAA9B,cAAoCC,GAApC,EAAX,EAAuDM,OAAvD,CAA+DL,eAA/D;MACD;IACF;;;WAED,6BAAoB;MAClB,IAAQF,EAAR,GAAe,KAAKD,OAApB,CAAQC,EAAR;MACA,IAAI,CAACK,QAAD,IAAa,CAACL,EAAd,IAAoB,CAACK,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,EAAzB,EAA2D;MAC3D,IAAMS,GAAG,GAAGJ,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,GAAiCU,OAAjC,CAAyC,KAAzC,CAAZ;MACAP,KAAK,CAACC,IAAN,CAAWK,GAAG,CAACH,gBAAJ,6BAAyCN,EAAzC,UAAX,EAA8DO,OAA9D,CAAsE,UAACI,IAAD,EAAU;QAC9EA,IAAI,IAAIA,IAAI,CAACC,cAAb,IAA+BD,IAAI,CAACC,cAAL,EAA/B;MACD,CAFD;MAGA,KAAKV,eAAL;IACD;;;WAED,8BAAqB;MACnB,KAAKA,eAAL;IACD;;;WAED,kBAAS;MACP;MACA,qBAAiE,KAAKH,OAAtE;MAAA,IAAQC,EAAR,kBAAQA,EAAR;MAAA,IAAYa,UAAZ,kBAAYA,UAAZ;MAAA,IAA6BC,GAA7B,kBAAwBb,GAAxB;MAAA,IAAkCc,KAAlC,kBAAkCA,KAAlC;MAAA,IAAyCC,SAAzC,kBAAyCA,SAAzC;MAAA,IAAuDC,KAAvD;MACA,oBACE;QAAU,GAAG,EAAE,KAAKC,WAApB;QAAiC,EAAE,EAAElB;MAArC,gBACE,gCAAC,GAAD;QAAK,KAAK,kCAAOe,KAAP;UAAcF,UAAU,EAAVA;QAAd;MAAV,GAA0C,IAAAM,2BAAA,EAAgBF,KAAhB,EAAuBH,GAAvB,CAA1C,EADF,CADF;IAKD;;;EAvCoBM,e;;iCAAjBxB,Q,kBACkB;EACpBK,GAAG,EAAE,MADe;EAEpBD,EAAE,EAAE,EAFgB;EAGpBa,UAAU,EAAE,EAHQ;EAIpBX,eAAe,EAAE;AAJG,C;;eAyCT,IAAAmB,gBAAA,EAAgBzB,QAAhB,C"}
+{"version":3,"file":"ClipPath.js","names":["ClipPath","React","createRef","asProps","id","tag","setAttributeTag","Array","from","document","querySelectorAll","forEach","querySelector","svg","closest","node","getTotalLength","transition","Tag","style","className","other","refClipPath","propsForElement","Component","createComponent"],"sources":["../../src/ClipPath.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass ClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    id: '',\n    transition: '',\n    setAttributeTag: null,\n  };\n\n  refClipPath = React.createRef();\n\n  setAttributeTag() {\n    const { id, tag, setAttributeTag } = this.asProps;\n    if (setAttributeTag) {\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n    }\n  }\n\n  componentDidMount() {\n    const { id } = this.asProps;\n    if (!document || !id || !document.querySelector(`#${id}`)) return;\n    const svg = document.querySelector(`#${id}`).closest('svg');\n    Array.from(svg.querySelectorAll(`[clip-path=\"url(#${id})\"]`)).forEach((node) => {\n      node && node.getTotalLength && node.getTotalLength();\n    });\n    this.setAttributeTag();\n  }\n\n  componentDidUpdate() {\n    this.setAttributeTag();\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    return (\n      <clipPath aria-hidden ref={this.refClipPath} id={id}>\n        <Tag style={{ ...style, transition }} {...propsForElement(other, Tag)} />\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(ClipPath);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;;;;iHAQUC,iBAAA,CAAMC,SAAN,E;;;;;;WAEd,2BAAkB;MAChB,oBAAqC,KAAKC,OAA1C;MAAA,IAAQC,EAAR,iBAAQA,EAAR;MAAA,IAAYC,GAAZ,iBAAYA,GAAZ;MAAA,IAAiBC,eAAjB,iBAAiBA,eAAjB;;MACA,IAAIA,eAAJ,EAAqB;QACnBC,KAAK,CAACC,IAAN,CAAWC,QAAQ,CAACC,gBAAT,YAA8BN,EAA9B,cAAoCC,GAApC,EAAX,EAAuDM,OAAvD,CAA+DL,eAA/D;MACD;IACF;;;WAED,6BAAoB;MAClB,IAAQF,EAAR,GAAe,KAAKD,OAApB,CAAQC,EAAR;MACA,IAAI,CAACK,QAAD,IAAa,CAACL,EAAd,IAAoB,CAACK,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,EAAzB,EAA2D;MAC3D,IAAMS,GAAG,GAAGJ,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,GAAiCU,OAAjC,CAAyC,KAAzC,CAAZ;MACAP,KAAK,CAACC,IAAN,CAAWK,GAAG,CAACH,gBAAJ,6BAAyCN,EAAzC,UAAX,EAA8DO,OAA9D,CAAsE,UAACI,IAAD,EAAU;QAC9EA,IAAI,IAAIA,IAAI,CAACC,cAAb,IAA+BD,IAAI,CAACC,cAAL,EAA/B;MACD,CAFD;MAGA,KAAKV,eAAL;IACD;;;WAED,8BAAqB;MACnB,KAAKA,eAAL;IACD;;;WAED,kBAAS;MACP;MACA,qBAAiE,KAAKH,OAAtE;MAAA,IAAQC,EAAR,kBAAQA,EAAR;MAAA,IAAYa,UAAZ,kBAAYA,UAAZ;MAAA,IAA6BC,GAA7B,kBAAwBb,GAAxB;MAAA,IAAkCc,KAAlC,kBAAkCA,KAAlC;MAAA,IAAyCC,SAAzC,kBAAyCA,SAAzC;MAAA,IAAuDC,KAAvD;MACA,oBACE;QAAU,mBAAV;QAAsB,GAAG,EAAE,KAAKC,WAAhC;QAA6C,EAAE,EAAElB;MAAjD,gBACE,gCAAC,GAAD;QAAK,KAAK,kCAAOe,KAAP;UAAcF,UAAU,EAAVA;QAAd;MAAV,GAA0C,IAAAM,2BAAA,EAAgBF,KAAhB,EAAuBH,GAAvB,CAA1C,EADF,CADF;IAKD;;;EAvCoBM,e;;iCAAjBxB,Q,kBACkB;EACpBK,GAAG,EAAE,MADe;EAEpBD,EAAE,EAAE,EAFgB;EAGpBa,UAAU,EAAE,EAHQ;EAIpBX,eAAe,EAAE;AAJG,C;;eAyCT,IAAAmB,gBAAA,EAAgBzB,QAAhB,C"}

package/lib/cjs/Donut.js

@@ -47,7 +47,7 @@ var _d3Interpolate = require("d3-interpolate");
 
 var _d3Transition = require("d3-transition");
 
-var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut"];
+var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -66,16 +66,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1wudp_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_1wudp_gg_.__color_1wudp_gg_{fill:var(--color_1wudp)}.___SEmptyData_1wudp_gg_{fill:#e0e1e9}.___SEmptyData_1wudp_gg_.__color_1wudp_gg_{fill:var(--color_1wudp)}.___SLabel_1wudp_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_1l9zn_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_1l9zn_gg_.__color_1l9zn_gg_{fill:var(--color_1l9zn)}.___SEmptyData_1l9zn_gg_{fill:#e0e1e9}.___SEmptyData_1l9zn_gg_.__color_1l9zn_gg_{fill:var(--color_1l9zn)}.___SLabel_1l9zn_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "1wudp_gg_")
+, "1l9zn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1wudp_gg_",
-  "_color": "__color_1wudp_gg_",
-  "--color": "--color_1wudp",
-  "__SEmptyData": "___SEmptyData_1wudp_gg_",
-  "__SLabel": "___SLabel_1wudp_gg_"
+  "__SPie": "___SPie_1l9zn_gg_",
+  "_color": "__color_1l9zn_gg_",
+  "--color": "--color_1l9zn",
+  "__SEmptyData": "___SEmptyData_1l9zn_gg_",
+  "__SLabel": "___SLabel_1l9zn_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
@@ -380,6 +380,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps7 = this.asProps,
           halfsize = _this$asProps7.halfsize,
           size = _this$asProps7.size;
+      this.asProps.dataHintsHandler.establishDataType('values-set');
 
       var _size2 = (0, _slicedToArray2["default"])(size, 2),
           width = _size2[0],
@@ -389,6 +390,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       var k = halfsize ? 1 : 2;
       this.arcs = this.getArcs();
       return /*#__PURE__*/_react["default"].createElement(Element, {
+        "aria-hidden": true,
         id: this.id,
         render: "g",
         childrenPosition: "inside",
@@ -450,6 +452,9 @@ function Pie(_ref15) {
       $animationActivePie = _ref15.$animationActivePie,
       active = _ref15.active,
       d3ArcOut = _ref15.d3ArcOut,
+      name = _ref15.name,
+      dataKey = _ref15.dataKey,
+      dataHintsHandler = _ref15.dataHintsHandler,
       other = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -458,14 +463,13 @@ function Pie(_ref15) {
       setIsMount = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    //you should't run animation for first render
+    // do not run animation on first render
     if (!isMount) {
       setIsMount(true);
       return;
     }
 
     if (active !== undefined && active !== null) {
-      //name must unique on page
       $animationActivePie(_objectSpread(_objectSpread({}, other), {}, {
         active: active,
         data: data,
@@ -473,6 +477,8 @@ function Pie(_ref15) {
       }));
     }
   }, [active]);
+  dataHintsHandler.establishDataType('values-set');
+  dataHintsHandler.describeValueEntity(dataKey, name);
   return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPie, _ref.cn("SPie", {
     "render": "path",
     "color": color,
@@ -502,11 +508,15 @@ function Label(_ref17) {
 
   var SLabel = _ref17.Element,
       styles = _ref17.styles,
-      Children = _ref17.Children;
+      Children = _ref17.Children,
+      children = _ref17.children,
+      dataHintsHandler = _ref17.dataHintsHandler;
+  dataHintsHandler.setTitle('vertical', children);
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref3.cn("SLabel", {
     "render": "text",
     "x": "0",
-    "y": "0"
+    "y": "0",
+    "aria-hidden": true
   }), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})));
 }
 

package/lib/cjs/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","interpolate","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","transition","selection","select","attrTween","min","max","arc","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","canUseDOM","document","createElement","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","Element","k","getArcs","Component","style","uniqueIDEnhancement","pie","value","SPie","styles","color","other","useState","isMount","setIsMount","useEffect","name","sstyled","EmptyData","SEmptyData","Label","SLabel"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition()\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      d3ArcOut,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  animationActivePie = (props) => {\n    let { duration, innerRadius } = this.asProps;\n    const { active, data, selector } = props;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\n    active\n      ? animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        })\n      : animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: true,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n      onMouseOut: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: false,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    const arcs = this.arcs;\n\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween(\n          'd',\n          animationInitialPie({\n            halfsize,\n            d3Arc,\n            d3ArcOut,\n            arcs,\n            activeIndexPie: this.activeIndexPie,\n          }),\n        );\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n  useEffect(() => {\n    //you should't run animation for first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      //name must unique on page\n      $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n  return sstyled(styles)(\n    <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n  );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children }) {\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\">\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
+{"version":3,"file":"Donut.js","names":["DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","interpolate","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","transition","selection","select","attrTween","min","max","arc","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","canUseDOM","document","createElement","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","Component","style","uniqueIDEnhancement","pie","value","SPie","styles","color","name","other","useState","isMount","setIsMount","useEffect","describeValueEntity","sstyled","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition()\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      d3ArcOut,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  animationActivePie = (props) => {\n    let { duration, innerRadius } = this.asProps;\n    const { active, data, selector } = props;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\n    active\n      ? animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        })\n      : animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: true,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n      onMouseOut: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: false,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    const arcs = this.arcs;\n\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween(\n          'd',\n          animationInitialPie({\n            halfsize,\n            d3Arc,\n            d3ArcOut,\n            arcs,\n            activeIndexPie: this.activeIndexPie,\n          }),\n        );\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        aria-hidden\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n  );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}

package/lib/cjs/Dots.js

@@ -32,18 +32,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_sn9lg_gg_ .___SDot_sn9lg_gg_{transition-duration:var(--duration_sn9lg)}.___SDot_sn9lg_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_sn9lg_gg_.__hide_sn9lg_gg_{display:none}.___SDot_sn9lg_gg_.__active_sn9lg_gg_{r:8px}.___SDot_sn9lg_gg_.__color_sn9lg_gg_{fill:var(--color_sn9lg)}"
+".___SDots_6grui_gg_ .___SDot_6grui_gg_{transition-duration:var(--duration_6grui)}.___SDot_6grui_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_6grui_gg_.__hide_6grui_gg_{display:none}.___SDot_6grui_gg_.__active_6grui_gg_{r:8px}.___SDot_6grui_gg_.__color_6grui_gg_{fill:var(--color_6grui)}"
 /*__inner_css_end__*/
-, "sn9lg_gg_")
+, "6grui_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_sn9lg_gg_",
-  "__SDot": "___SDot_sn9lg_gg_",
-  "--duration": "--duration_sn9lg",
-  "_hide": "__hide_sn9lg_gg_",
-  "_active": "__active_sn9lg_gg_",
-  "_color": "__color_sn9lg_gg_",
-  "--color": "--color_sn9lg"
+  "__SDots": "___SDots_6grui_gg_",
+  "__SDot": "___SDot_6grui_gg_",
+  "--duration": "--duration_6grui",
+  "_hide": "__hide_6grui_gg_",
+  "_active": "__active_6grui_gg_",
+  "_color": "__color_6grui_gg_",
+  "--color": "--color_6grui"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 
@@ -109,6 +109,7 @@ function Dots(props) {
     if (!d3.defined()(d)) return acc;
     if (!visible) return acc;
     acc.push((_ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDot, _ref.cn("SDot", {
+      "aria-hidden": true,
       "key": i,
       "render": "circle",
       "visible": visible,

package/lib/cjs/Dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.js","names":["EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","bisector","d","center","useState","activeIndex","setActiveIndex","handlerMouseMoveRoot","useCallback","trottle","e","xScale","eventToPoint","current","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","sstyled","style","createElement"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    data,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n  } = props;\n  const SDots = 'g';\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n\n  const handlerMouseMoveRoot = useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, scale, data, x, y]);\n\n  const dots = data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    const visible = display || i === activeIndex || (!isPrev && !isNext);\n    if (!d3.defined()(d)) return acc;\n    if (!visible) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          key={i}\n          render=\"circle\"\n          visible={visible}\n          __excludeProps={EXCLUDE_PROPS}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={color}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n  return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
+{"version":3,"file":"Dots.js","names":["EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","bisector","d","center","useState","activeIndex","setActiveIndex","handlerMouseMoveRoot","useCallback","trottle","e","xScale","eventToPoint","current","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","sstyled","style","createElement"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    data,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n  } = props;\n  const SDots = 'g';\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n\n  const handlerMouseMoveRoot = useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, scale, data, x, y]);\n\n  const dots = data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    const visible = display || i === activeIndex || (!isPrev && !isNext);\n    if (!d3.defined()(d)) return acc;\n    if (!visible) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          aria-hidden\n          key={i}\n          render=\"circle\"\n          visible={visible}\n          __excludeProps={EXCLUDE_PROPS}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={color}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n  return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}

package/lib/cjs/GroupBar.js

@@ -42,15 +42,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_1ptfs_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1ptfs_gg_.__color_1ptfs_gg_{fill:var(--color)}.___SBar_1ptfs_gg_.__hide_1ptfs_gg_{display:none}.___SBackground_1ptfs_gg_{fill:#c4c7cf}"
+".___SBar_124y6_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_124y6_gg_.__color_124y6_gg_{fill:var(--color)}.___SBar_124y6_gg_.__hide_124y6_gg_{display:none}.___SBackground_124y6_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "18c2q6a_gg_")
+, "qcoeyq_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1ptfs_gg_",
-  "_color": "__color_1ptfs_gg_",
-  "_hide": "__hide_1ptfs_gg_",
-  "__SBackground": "___SBackground_1ptfs_gg_"
+  "__SBar": "___SBar_124y6_gg_",
+  "_color": "__color_124y6_gg_",
+  "_hide": "__hide_124y6_gg_",
+  "__SBackground": "___SBackground_124y6_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -98,7 +98,8 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
       return {
         offset: [this.scaleGroup(y), 0],
         width: this.scaleGroup.bandwidth(),
-        x: x
+        x: x,
+        groupKey: x
       };
     }
   }, {
@@ -109,7 +110,8 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
       return {
         offset: [0, this.scaleGroup(x)],
         height: this.scaleGroup.bandwidth(),
-        y: y
+        y: y,
+        groupKey: y
       };
     }
   }, {
@@ -117,7 +119,9 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var Element = this.Element;
       this.scaleGroup = this.getScaleGroup();
+      this.asProps.dataHintsHandler.establishDataType('grouped-values');
       return /*#__PURE__*/_react["default"].createElement(Element, {
+        "aria-hidden": true,
         render: "g",
         childrenPosition: "inside",
         scaleGroup: this.scaleGroup

package/lib/cjs/GroupBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBar.js","names":["GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","height","Element","getScaleGroup","Component","style","createElement"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  static style = style;\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: love that hack (by lsroman)\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return xyScale\n      .copy()\n      .range([0, xyScale.bandwidth()])\n      .domain(domain)\n      .paddingInner(xyScale.paddingOuter())\n      .paddingOuter(0);\n  }\n\n  getBarProps({ y }) {\n    const { x } = this.asProps;\n\n    return {\n      offset: [this.scaleGroup(y), 0],\n      width: this.scaleGroup.bandwidth(),\n      x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y } = this.asProps;\n\n    return {\n      offset: [0, this.scaleGroup(x)],\n      height: this.scaleGroup.bandwidth(),\n      y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n    return <Element render=\"g\" childrenPosition=\"inside\" scaleGroup={this.scaleGroup} />;\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":"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"}
+{"version":3,"file":"GroupBar.js","names":["GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","groupKey","height","Element","getScaleGroup","dataHintsHandler","establishDataType","Component","style","createElement"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  static style = style;\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: love that hack (by lsroman)\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return xyScale\n      .copy()\n      .range([0, xyScale.bandwidth()])\n      .domain(domain)\n      .paddingInner(xyScale.paddingOuter())\n      .paddingOuter(0);\n  }\n\n  getBarProps({ y }) {\n    const { x } = this.asProps;\n\n    return {\n      offset: [this.scaleGroup(y), 0],\n      width: this.scaleGroup.bandwidth(),\n      x,\n      groupKey: x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y } = this.asProps;\n\n    return {\n      offset: [0, this.scaleGroup(x)],\n      height: this.scaleGroup.bandwidth(),\n      y,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return (\n      <Element aria-hidden render=\"g\" childrenPosition=\"inside\" scaleGroup={this.scaleGroup} />\n    );\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":"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"}

package/lib/cjs/HorizontalBar.js

@@ -42,17 +42,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1j8s7_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1j8s7);transition-timing-function:ease-in-out}.___SBar_1j8s7_gg_.__color_1j8s7_gg_{fill:var(--color_1j8s7)}.___SBar_1j8s7_gg_.__hide_1j8s7_gg_{display:none}.___SBackground_1j8s7_gg_{fill:#c4c7cf}"
+".___SBar_fcz4o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_fcz4o);transition-timing-function:ease-in-out}.___SBar_fcz4o_gg_.__color_fcz4o_gg_{fill:var(--color_fcz4o)}.___SBar_fcz4o_gg_.__hide_fcz4o_gg_{display:none}.___SBackground_fcz4o_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "1j8s7_gg_")
+, "fcz4o_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1j8s7_gg_",
-  "--duration": "--duration_1j8s7",
-  "_color": "__color_1j8s7_gg_",
-  "--color": "--color_1j8s7",
-  "_hide": "__hide_1j8s7_gg_",
-  "__SBackground": "___SBackground_1j8s7_gg_"
+  "__SBar": "___SBar_fcz4o_gg_",
+  "--duration": "--duration_fcz4o",
+  "_color": "__color_fcz4o_gg_",
+  "--color": "--color_fcz4o",
+  "_hide": "__hide_fcz4o_gg_",
+  "__SBackground": "___SBackground_fcz4o_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
@@ -95,7 +95,8 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
           r = _this$asProps2.r,
           heightProps = _this$asProps2.height,
           onMouseMove = _this$asProps2.onMouseMove,
-          onMouseLeave = _this$asProps2.onMouseLeave;
+          onMouseLeave = _this$asProps2.onMouseLeave,
+          groupKey = _this$asProps2.groupKey;
 
       var _scale = (0, _slicedToArray2["default"])(scale, 2),
           xScale = _scale[0],
@@ -113,7 +114,15 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
         radius: Array.isArray(r) ? r[i] : r,
         position: d[x] > 0 ? 'right' : 'left'
       });
+
+      if (groupKey) {
+        this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);
+      } else {
+        this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(x), groupKey !== null && groupKey !== void 0 ? groupKey : d[y]);
+      }
+
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
+        "aria-hidden": true,
         "key": "horizontal-bar-".concat(i),
         "render": "path",
         "clipPath": "url(#".concat(uid, ")"),
@@ -142,6 +151,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
           size = _this$asProps3.size,
           duration = _this$asProps3.duration;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
+        "aria-hidden": true,
         setAttributeTag: function setAttributeTag(rect) {
           rect.setAttribute('width', size[0]);
         },
@@ -180,6 +190,7 @@ function Background(props) {
 
   var xRange = xScale.range();
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref2.cn("SBackground", {
+    "aria-hidden": true,
     "render": "rect",
     "childrenPosition": "above",
     "width": xRange[1] - xRange[0],

package/lib/cjs/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.js","names":["HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","heightProps","height","onMouseMove","onMouseLeave","xScale","yScale","barY","barX","Math","min","getBandwidth","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","sstyled","size","map","renderBar","bind","rect","setAttribute","Component","uniqueIDEnhancement","style","Background","SBackground","xRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset,\n      uid,\n      duration,\n      r,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(d[y]) + offset[1];\n    const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];\n    const height = heightProps || getBandwidth(yScale);\n    const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 ? 'right' : 'left',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`horizontal-bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xRange[1] - xRange[0]}\n      height={yScale.bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width <= radius) return '';\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalBar.js","names":["HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","heightProps","height","onMouseMove","onMouseLeave","groupKey","xScale","yScale","barY","barX","Math","min","getBandwidth","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","sstyled","size","map","renderBar","bind","rect","setAttribute","Component","uniqueIDEnhancement","style","Background","SBackground","xRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset,\n      uid,\n      duration,\n      r,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(d[y]) + offset[1];\n    const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];\n    const height = heightProps || getBandwidth(yScale);\n    const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`horizontal-bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xRange[1] - xRange[0]}\n      height={yScale.bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width <= radius) return '';\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}

package/lib/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_z4284_gg_{stroke:#a9abb6}.___SHoverRect_z4284_gg_{fill:rgba(196,199,207,.3)}"
+".___SHoverLine_cr7zz_gg_{stroke:#a9abb6}.___SHoverRect_cr7zz_gg_{fill:rgba(196,199,207,.3)}"
 /*__inner_css_end__*/
-, "z4284_gg_")
+, "cr7zz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_z4284_gg_",
-  "__SHoverRect": "___SHoverRect_z4284_gg_"
+  "__SHoverLine": "___SHoverLine_cr7zz_gg_",
+  "__SHoverRect": "___SHoverRect_cr7zz_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {
@@ -202,6 +202,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
       var x1 = xIndex !== null ? (0, _utils.scaleOfBandwidth)(xScale, data[xIndex][x]) : undefined;
       var y1 = yIndex !== null ? (0, _utils.scaleOfBandwidth)(yScale, data[yIndex][y]) : undefined;
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, xIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverLine, _ref.cn("SHoverLine", {
+        "aria-hidden": true,
         "render": "line",
         "index": xIndex,
         "x1": x1,
@@ -209,6 +210,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
         "x2": x1,
         "y2": yRange[1]
       })) : null, yIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverLine, _ref.cn("SHoverLine", {
+        "aria-hidden": true,
         "render": "line",
         "index": yIndex,
         "x1": xRange[0],
@@ -256,6 +258,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
       var xRange = xScale.range();
       var yRange = yScale.range();
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, xIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverRect, _ref2.cn("SHoverRect", {
+        "aria-hidden": true,
         "render": "rect",
         "index": xIndex,
         "width": xScale.step() - xScale.paddingInner() / 2,
@@ -263,6 +266,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
         "x": xScale(data[xIndex][x]) - xScale.step() * xScale.paddingInner() / 2,
         "y": yRange[1]
       })) : null, yIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverRect, _ref2.cn("SHoverRect", {
+        "aria-hidden": true,
         "render": "rect",
         "index": yIndex,
         "width": xRange[1] - xRange[0],