@semcore/d3-chart 2.2.6 → 2.3.0-1

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","findComponent","AreaRoot","asProps","x","y","color","data","d3Line","d3","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","Area","Line","displayName","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","props","Null","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration, Children } = this.asProps;\n    const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n    return sstyled(styles)(\n      <>\n        {!advanceMode && (\n          <SAreaLine\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={color}\n            use:duration={`${duration}ms`}\n          />\n        )}\n        <SArea\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\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 Line(props) {\n  const { Element: SAreaLine, styles, d3, data, color, duration, uid } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render=\"path\"\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={color}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
+{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","findComponent","AreaRoot","asProps","x","y","color","data","d3Line","d3","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","props","Null","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration, x, y, Children } =\n      this.asProps;\n    const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advanceMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={color}\n            use:duration={`${duration}ms`}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\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 Line(props) {\n  const { Element: SAreaLine, styles, d3, data, color, duration, uid } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render=\"path\"\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={color}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}

package/lib/es6/Axis.js

@@ -27,23 +27,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_1ph86_gg_{stroke:#c4c7cf}.___SAxis_1ph86_gg_.__hide_1ph86_gg_{display:none}.___STick_1ph86_gg_{font-size:12px;fill:#6c6e79}.___STick_1ph86_gg_.__hide_1ph86_gg_{display:none}.___SGrid_1ph86_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_1ph86_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1ph86)}.___STitle_1ph86_gg_._position_top_1ph86_gg_{text-anchor:middle}.___STitle_1ph86_gg_._position_bottom_1ph86_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1ph86_gg_._position_right_1ph86_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1ph86_gg_._position_left_1ph86_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_1ph86_gg_._position_top_1ph86_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1ph86_gg_._position_bottom_1ph86_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1ph86_gg_._position_right_1ph86_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1ph86_gg_._position_left_1ph86_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1ph86_gg_._position_custom_0_1ph86_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1ph86_gg_._position_custom_1_1ph86_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_9r1pc_gg_{stroke:#c4c7cf}.___SAxis_9r1pc_gg_.__hide_9r1pc_gg_{display:none}.___STick_9r1pc_gg_{font-size:12px;fill:#6c6e79}.___STick_9r1pc_gg_.__hide_9r1pc_gg_{display:none}.___SGrid_9r1pc_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_9r1pc_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_9r1pc)}.___STitle_9r1pc_gg_._position_top_9r1pc_gg_{text-anchor:middle}.___STitle_9r1pc_gg_._position_bottom_9r1pc_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_9r1pc_gg_._position_right_9r1pc_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_9r1pc_gg_._position_left_9r1pc_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_9r1pc_gg_._position_top_9r1pc_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_9r1pc_gg_._position_bottom_9r1pc_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_9r1pc_gg_._position_right_9r1pc_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_9r1pc_gg_._position_left_9r1pc_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_9r1pc_gg_._position_custom_0_9r1pc_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_9r1pc_gg_._position_custom_1_9r1pc_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "1ph86_gg_")
+, "9r1pc_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_1ph86_gg_",
-  "_hide": "__hide_1ph86_gg_",
-  "__STick": "___STick_1ph86_gg_",
-  "__SGrid": "___SGrid_1ph86_gg_",
-  "__STitle": "___STitle_1ph86_gg_",
-  "--transform-origin": "--transform-origin_1ph86",
-  "_position_top": "_position_top_1ph86_gg_",
-  "_position_bottom": "_position_bottom_1ph86_gg_",
-  "_position_right": "_position_right_1ph86_gg_",
-  "_position_left": "_position_left_1ph86_gg_",
-  "_position_custom_0": "_position_custom_0_1ph86_gg_",
-  "_position_custom_1": "_position_custom_1_1ph86_gg_"
+  "__SAxis": "___SAxis_9r1pc_gg_",
+  "_hide": "__hide_9r1pc_gg_",
+  "__STick": "___STick_9r1pc_gg_",
+  "__SGrid": "___SGrid_9r1pc_gg_",
+  "__STitle": "___STitle_9r1pc_gg_",
+  "--transform-origin": "--transform-origin_9r1pc",
+  "_position_top": "_position_top_9r1pc_gg_",
+  "_position_bottom": "_position_bottom_9r1pc_gg_",
+  "_position_right": "_position_right_9r1pc_gg_",
+  "_position_left": "_position_left_9r1pc_gg_",
+  "_position_custom_0": "_position_custom_0_9r1pc_gg_",
+  "_position_custom_1": "_position_custom_1_9r1pc_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');
@@ -377,13 +377,35 @@ function Ticks(props) {
       ticks = props.ticks,
       position = props.position,
       hide = props.hide,
-      indexScale = props.indexScale;
+      indexScale = props.indexScale,
+      dataHintsHandler = props.dataHintsHandler,
+      children = props.children;
   var pos = (_MAP_POSITION_TICK$po = MAP_POSITION_TICK[position]) !== null && _MAP_POSITION_TICK$po !== void 0 ? _MAP_POSITION_TICK$po : MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
   var positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;
+
+  if (typeof children === 'function') {
+    var labelGetter = function labelGetter(value) {
+      var _result$value;
+
+      var result = children({
+        value: value
+      });
+      return (_result$value = result.value) !== null && _result$value !== void 0 ? _result$value : result.children;
+    };
+
+    if (position === 'left' || position === 'right') {
+      dataHintsHandler.addKeyLabelGetter('vertical', labelGetter);
+    } else if (position === 'top' || position === 'bottom') {
+      dataHintsHandler.addKeyLabelGetter('horizontal', labelGetter);
+    }
+  }
+
   return ticks.map(function (value, i) {
     var _ref2;
 
+    var displayValue = renderValue(value);
     return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STick, _ref2.cn("STick", _objectSpread({
+      "aria-hidden": true,
       "key": i,
       "render": "text",
       "childrenPosition": "inside",
@@ -392,7 +414,7 @@ function Ticks(props) {
       "index": i,
       "position": positionClass,
       "hide": hide
-    }, pos(scale, value, position))), renderValue(value));
+    }, pos(scale, value, position))), displayValue);
   });
 }
 
@@ -402,6 +424,15 @@ function Grid(props) {
       scale = props.scale,
       ticks = props.ticks,
       indexScale = props.indexScale;
+
+  if (ticks.length >= 2) {
+    if (indexScale === 1) {
+      props.dataHintsHandler.setupGrid('vertical', Math.abs(ticks[1] - ticks[0]));
+    } else if (indexScale === 0) {
+      props.dataHintsHandler.setupGrid('horizontal', Math.abs(ticks[1] - ticks[0]));
+    }
+  }
+
   return ticks.map(function (value, i) {
     var _ref3;
 
@@ -419,17 +450,25 @@ function Title(props) {
       styles = props.styles,
       scale = props.scale,
       position = props.position,
-      size = props.size;
+      size = props.size,
+      children = props.children;
 
   var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale, size),
       x = _MAP_POSITION_TITlE$p.x,
       y = _MAP_POSITION_TITlE$p.y;
 
+  if (position === 'left' || position === 'right') {
+    props.dataHintsHandler.setTitle('vertical', children);
+  } else if (position === 'top' || position === 'bottom') {
+    props.dataHintsHandler.setTitle('horizontal', children);
+  }
+
   var sstyles = sstyled(styles);
   var sTitleStyles = sstyles.cn('STitle', {
     'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
   });
   return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref4.cn("STitle", {
+    "aria-hidden": true,
     "render": "text",
     "childrenPosition": "inside",
     "position": position,

package/lib/es6/Axis.js.map

@@ -1 +1 @@
-{"version":3,"file":"Axis.js","names":["React","Component","sstyled","createElement","scaleOfBandwidth","CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","OFFSET_TITLE","MAP_POSITION_TITlE","height","width","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","size","sstyles","sTitleStyles","cn","toFixed","className","XAxis","defaultProps","YAxis"],"sources":["../../src/Axis.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n  0: CUSTOM_0,\n  1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n  top: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[1],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[0],\n    };\n  },\n  right: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[1],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  left: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[0],\n      y2: yRange[1],\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], pos) => {\n    const xRange = xScale.range();\n    return {\n      x1: xRange[0],\n      y1: scaleOfBandwidth(yScale, pos),\n      x2: xRange[1],\n      y2: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], pos) => {\n    const yRange = yScale.range();\n    return {\n      x1: scaleOfBandwidth(xScale, pos),\n      y1: yRange[0],\n      x2: scaleOfBandwidth(xScale, pos),\n      y2: yRange[1],\n    };\n  },\n};\n\nconst MAP_POSITION_TICK = {\n  top: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[0],\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[1],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  left: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[0],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, pos),\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n};\n\nconst MAP_POSITION_GRID = {\n  0: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      y1: yRange[0],\n      x2: x,\n      y2: yRange[1],\n    };\n  },\n  1: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      y1: y,\n      x2: xRange[1],\n      y2: y,\n    };\n  },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n  top: ([xScale]) => {\n    const xRange = xScale.range();\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: OFFSET_TITLE,\n    };\n  },\n  bottom: ([xScale], [, height]) => {\n    const xRange = xScale.range();\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: height - OFFSET_TITLE,\n    };\n  },\n  right: ([, yScale], [width]) => {\n    const yRange = yScale.range();\n    return {\n      x: width - OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  left: ([, yScale]) => {\n    const yRange = yScale.range();\n    return {\n      x: OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n};\n\nfunction renderValue(value) {\n  if (value instanceof Date) {\n    return value.toLocaleDateString();\n  }\n  return value;\n}\n\nclass AxisRoot extends Component {\n  static displayName = 'Axis';\n\n  static style = style;\n\n  get ticks() {\n    const { ticks, indexScale, scale } = this.asProps;\n    const scl = scale[indexScale];\n    return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n  }\n\n  getTitleProps() {\n    const { position } = this.asProps;\n    return {\n      position: MAP_POSITION_REVERT[position],\n    };\n  }\n\n  getTicksProps() {\n    const { position, indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n      position,\n    };\n  }\n\n  getGridProps() {\n    const { indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n    };\n  }\n\n  render() {\n    const SAxis = this.Element;\n    const { styles, position, scale, hide, indexScale } = this.asProps;\n\n    const pos =\n      MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n    return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n  }\n}\n\nfunction Ticks(props) {\n  const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n  const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n  const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <STick\n        key={i}\n        render=\"text\"\n        childrenPosition=\"inside\"\n        __excludeProps={['data', 'scale', 'format', 'value']}\n        value={value}\n        index={i}\n        position={positionClass}\n        hide={hide}\n        {...pos(scale, value, position)}\n      >\n        {renderValue(value)}\n      </STick>,\n    );\n  });\n}\n\nfunction Grid(props) {\n  const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n    );\n  });\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, size } = props;\n\n  const { x, y } = MAP_POSITION_TITlE[position](scale, size);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      position={position}\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nconst XAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nXAxis.defaultProps = {\n  indexScale: 0,\n  position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nYAxis.defaultProps = {\n  indexScale: 1,\n  position: 'left',\n  hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"mappings":"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"}
+{"version":3,"file":"Axis.js","names":["React","Component","sstyled","createElement","scaleOfBandwidth","CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","OFFSET_TITLE","MAP_POSITION_TITlE","height","width","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","style","Ticks","props","STick","dataHintsHandler","children","positionClass","labelGetter","result","addKeyLabelGetter","map","i","displayValue","Grid","SGrid","length","setupGrid","Math","abs","Title","STitle","size","setTitle","sstyles","sTitleStyles","cn","toFixed","className","XAxis","defaultProps","YAxis"],"sources":["../../src/Axis.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n  0: CUSTOM_0,\n  1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n  top: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[1],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[0],\n    };\n  },\n  right: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[1],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  left: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[0],\n      y2: yRange[1],\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], pos) => {\n    const xRange = xScale.range();\n    return {\n      x1: xRange[0],\n      y1: scaleOfBandwidth(yScale, pos),\n      x2: xRange[1],\n      y2: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], pos) => {\n    const yRange = yScale.range();\n    return {\n      x1: scaleOfBandwidth(xScale, pos),\n      y1: yRange[0],\n      x2: scaleOfBandwidth(xScale, pos),\n      y2: yRange[1],\n    };\n  },\n};\n\nconst MAP_POSITION_TICK = {\n  top: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[0],\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[1],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  left: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[0],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, pos),\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n};\n\nconst MAP_POSITION_GRID = {\n  0: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      y1: yRange[0],\n      x2: x,\n      y2: yRange[1],\n    };\n  },\n  1: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      y1: y,\n      x2: xRange[1],\n      y2: y,\n    };\n  },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n  top: ([xScale]) => {\n    const xRange = xScale.range();\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: OFFSET_TITLE,\n    };\n  },\n  bottom: ([xScale], [, height]) => {\n    const xRange = xScale.range();\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: height - OFFSET_TITLE,\n    };\n  },\n  right: ([, yScale], [width]) => {\n    const yRange = yScale.range();\n    return {\n      x: width - OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  left: ([, yScale]) => {\n    const yRange = yScale.range();\n    return {\n      x: OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n};\n\nfunction renderValue(value) {\n  if (value instanceof Date) {\n    return value.toLocaleDateString();\n  }\n  return value;\n}\n\nclass AxisRoot extends Component {\n  static displayName = 'Axis';\n\n  static style = style;\n\n  get ticks() {\n    const { ticks, indexScale, scale } = this.asProps;\n    const scl = scale[indexScale];\n    return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n  }\n\n  getTitleProps() {\n    const { position } = this.asProps;\n    return {\n      position: MAP_POSITION_REVERT[position],\n    };\n  }\n\n  getTicksProps() {\n    const { position, indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n      position,\n    };\n  }\n\n  getGridProps() {\n    const { indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n    };\n  }\n\n  render() {\n    const SAxis = this.Element;\n    const { styles, position, scale, hide, indexScale } = this.asProps;\n\n    const pos =\n      MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n    return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n  }\n}\n\nfunction Ticks(props) {\n  const {\n    Element: STick,\n    styles,\n    scale,\n    ticks,\n    position,\n    hide,\n    indexScale,\n    dataHintsHandler,\n    children,\n  } = props;\n\n  const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n  const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n  if (typeof children === 'function') {\n    const labelGetter = (value) => {\n      const result = children({ value });\n      return result.value ?? result.children;\n    };\n    if (position === 'left' || position === 'right') {\n      dataHintsHandler.addKeyLabelGetter('vertical', labelGetter);\n    } else if (position === 'top' || position === 'bottom') {\n      dataHintsHandler.addKeyLabelGetter('horizontal', labelGetter);\n    }\n  }\n\n  return ticks.map((value, i) => {\n    const displayValue = renderValue(value);\n\n    return sstyled(styles)(\n      <STick\n        aria-hidden\n        key={i}\n        render=\"text\"\n        childrenPosition=\"inside\"\n        __excludeProps={['data', 'scale', 'format', 'value']}\n        value={value}\n        index={i}\n        position={positionClass}\n        hide={hide}\n        {...pos(scale, value, position)}\n      >\n        {displayValue}\n      </STick>,\n    );\n  });\n}\n\nfunction Grid(props) {\n  const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n  if (ticks.length >= 2) {\n    if (indexScale === 1) {\n      props.dataHintsHandler.setupGrid('vertical', Math.abs(ticks[1] - ticks[0]));\n    } else if (indexScale === 0) {\n      props.dataHintsHandler.setupGrid('horizontal', Math.abs(ticks[1] - ticks[0]));\n    }\n  }\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n    );\n  });\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, size, children } = props;\n\n  const { x, y } = MAP_POSITION_TITlE[position](scale, size);\n\n  if (position === 'left' || position === 'right') {\n    props.dataHintsHandler.setTitle('vertical', children);\n  } else if (position === 'top' || position === 'bottom') {\n    props.dataHintsHandler.setTitle('horizontal', children);\n  }\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      aria-hidden\n      render=\"text\"\n      childrenPosition=\"inside\"\n      position={position}\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nconst XAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nXAxis.defaultProps = {\n  indexScale: 0,\n  position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nYAxis.defaultProps = {\n  indexScale: 1,\n  position: 'left',\n  hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"mappings":"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"}

package/lib/es6/Bar.js

@@ -24,17 +24,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1th2l_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1th2l);transition-timing-function:ease-in-out}.___SBar_1th2l_gg_.__color_1th2l_gg_{fill:var(--color_1th2l)}.___SBar_1th2l_gg_.__hide_1th2l_gg_{display:none}.___SBackground_1th2l_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__*/
-, "1th2l_gg_")
+, "fcz4o_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1th2l_gg_",
-  "--duration": "--duration_1th2l",
-  "_color": "__color_1th2l_gg_",
-  "--color": "--color_1th2l",
-  "_hide": "__hide_1th2l_gg_",
-  "__SBackground": "___SBackground_1th2l_gg_"
+  "__SBar": "___SBar_fcz4o_gg_",
+  "--duration": "--duration_fcz4o",
+  "_color": "__color_fcz4o_gg_",
+  "--color": "--color_fcz4o",
+  "_hide": "__hide_fcz4o_gg_",
+  "__SBackground": "___SBackground_fcz4o_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {
@@ -100,7 +100,8 @@ var BarRoot = /*#__PURE__*/function (_Component) {
           uid = _this$asProps3.uid,
           r = _this$asProps3.r,
           hMin = _this$asProps3.hMin,
-          widthProps = _this$asProps3.width;
+          widthProps = _this$asProps3.width,
+          groupKey = _this$asProps3.groupKey;
 
       var _scale = _slicedToArray(scale, 2),
           xScale = _scale[0],
@@ -118,7 +119,15 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         radius: Array.isArray(r) ? r[i] : r,
         position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom'
       });
+
+      if (groupKey) {
+        this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);
+      } else {
+        this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(y), groupKey !== null && groupKey !== void 0 ? groupKey : d[x]);
+      }
+
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
+        "aria-hidden": true,
         "key": "bar-".concat(i),
         "render": "path",
         "clipPath": "url(#".concat(uid, ")"),
@@ -145,6 +154,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
           size = _this$asProps4.size,
           duration = _this$asProps4.duration;
       return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/React.createElement(ClipPath, {
+        "aria-hidden": true,
         key: "".concat(uid, "-animation"),
         id: uid,
         x: "0",
@@ -185,6 +195,7 @@ function Background(props) {
 
   var yRange = yScale.range();
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref2.cn("SBackground", {
+    "aria-hidden": true,
     "render": "rect",
     "childrenPosition": "above",
     "width": xScale.bandwidth(),

package/lib/es6/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","hMin","widthProps","width","xScale","yScale","barY","Math","max","Object","is","barX","height","abs","min","domain","dSvg","getRect","radius","Array","isArray","position","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\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 BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    hMin: 4,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition().selection().selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect.transition().duration(duration).attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      hMin,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);\n    const barX = xScale(d[x]) + offset[0];\n    const height =\n      Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0))) || hMin;\n    const width = widthProps || getBandwidth(xScale);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`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      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","xScale","yScale","barY","Math","max","Object","is","barX","height","abs","min","domain","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\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 BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    hMin: 4,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition().selection().selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect.transition().duration(duration).attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      hMin,\n      width: widthProps,\n      groupKey,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);\n    const barX = xScale(d[x]) + offset[0];\n    const height =\n      Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0))) || hMin;\n    const width = widthProps || getBandwidth(xScale);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`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      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            aria-hidden\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}

package/lib/es6/Bubble.js

@@ -30,19 +30,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_10877_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_10877);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_10877_gg_:hover{opacity:.8}.___SBubble_10877_gg_.__color_10877_gg_{fill:var(--color_10877)}.___SCenter_10877_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_10877_gg_.__color_10877_gg_{stroke:var(--color_10877)}.___SLabel_10877_gg_{fill:#2bb3ff}.___SLabel_10877_gg_._position_right_10877_gg_{text-anchor:end}.___SLabel_10877_gg_._position_left_10877_gg_{text-anchor:start}.___SLabel_10877_gg_.__color_10877_gg_{fill:var(--color_10877)}"
+".___SBubble_frelz_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_frelz);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_frelz_gg_:hover{opacity:.8}.___SBubble_frelz_gg_.__color_frelz_gg_{fill:var(--color_frelz)}.___SCenter_frelz_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_frelz_gg_.__color_frelz_gg_{stroke:var(--color_frelz)}.___SLabel_frelz_gg_{fill:#2bb3ff}.___SLabel_frelz_gg_._position_right_frelz_gg_{text-anchor:end}.___SLabel_frelz_gg_._position_left_frelz_gg_{text-anchor:start}.___SLabel_frelz_gg_.__color_frelz_gg_{fill:var(--color_frelz)}"
 /*__inner_css_end__*/
-, "10877_gg_")
+, "frelz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_10877_gg_",
-  "--duration": "--duration_10877",
-  "_color": "__color_10877_gg_",
-  "--color": "--color_10877",
-  "__SCenter": "___SCenter_10877_gg_",
-  "__SLabel": "___SLabel_10877_gg_",
-  "_position_right": "_position_right_10877_gg_",
-  "_position_left": "_position_left_10877_gg_"
+  "__SBubble": "___SBubble_frelz_gg_",
+  "--duration": "--duration_frelz",
+  "_color": "__color_frelz_gg_",
+  "--color": "--color_frelz",
+  "__SCenter": "___SCenter_frelz_gg_",
+  "__SLabel": "___SLabel_frelz_gg_",
+  "_position_right": "_position_right_frelz_gg_",
+  "_position_left": "_position_left_frelz_gg_"
 });
 import ClipPath from './ClipPath';
 import { scaleSqrt } from 'd3-scale';
@@ -170,12 +170,14 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
           xIndex: i
         }))
       }), markedCross && /*#__PURE__*/React.createElement(SCenter, _ref.cn("SCenter", {
+        "aria-hidden": true,
         "x": xScale(d[x]) + offset[0],
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
         "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
       }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref.cn("SBubble", {
+        "aria-hidden": true,
         "id": "".concat(uid).concat(uid),
         "index": i,
         "render": "circle",
@@ -186,6 +188,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "r": z(d[value]),
         "use:duration": "".concat(duration, "ms")
       })), d[label] && /*#__PURE__*/React.createElement(SLabel, _ref.cn("SLabel", {
+        "aria-hidden": true,
         "x": labelDistance,
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
@@ -200,7 +203,10 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps3 = this.asProps,
           data = _this$asProps3.data,
           uid = _this$asProps3.uid,
-          scale = _this$asProps3.scale;
+          scale = _this$asProps3.scale,
+          x = _this$asProps3.x,
+          y = _this$asProps3.y,
+          value = _this$asProps3.value;
 
       var _scale2 = _slicedToArray(scale, 2),
           xScale = _scale2[0],
@@ -210,7 +216,10 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
       var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
+      this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
+      this.asProps.dataHintsHandler.establishDataType('points-cloud');
       return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/React.createElement(ClipPath, {
+        "aria-hidden": true,
         id: uid,
         x: xMargin,
         y: yMargin,

package/lib/es6/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","Component","sstyled","canUseDOM","CONSTANT","measureText","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","BubbleRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","renderCircle","bind","style","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT, measureText } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\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  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          index={i}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["React","Component","sstyled","canUseDOM","CONSTANT","measureText","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","BubbleRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","style","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT, measureText } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\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  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}

package/lib/es6/ClipPath.js

@@ -83,6 +83,7 @@ var ClipPath = /*#__PURE__*/function (_Component) {
           other = _objectWithoutProperties(_this$asProps2, _excluded);
 
       return /*#__PURE__*/React.createElement("clipPath", {
+        "aria-hidden": true,
         ref: this.refClipPath,
         id: id
       }, /*#__PURE__*/React.createElement(Tag, _extends({

package/lib/es6/ClipPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClipPath.js","names":["React","createComponent","Component","propsForElement","ClipPath","createRef","asProps","id","tag","setAttributeTag","Array","from","document","querySelectorAll","forEach","querySelector","svg","closest","node","getTotalLength","transition","Tag","style","className","other","refClipPath"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,QAA2C,eAA3C;AACA,OAAOC,eAAP,MAA4B,oCAA5B;;IAEMC,Q;;;;;;;;;;;;;;;;+EAQUJ,KAAK,CAACK,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,oBAAC,GAAD;QAAK,KAAK,kCAAOe,KAAP;UAAcF,UAAU,EAAVA;QAAd;MAAV,GAA0CjB,eAAe,CAACqB,KAAD,EAAQH,GAAR,CAAzD,EADF,CADF;IAKD;;;;EAvCoBnB,S;;gBAAjBE,Q,kBACkB;EACpBI,GAAG,EAAE,MADe;EAEpBD,EAAE,EAAE,EAFgB;EAGpBa,UAAU,EAAE,EAHQ;EAIpBX,eAAe,EAAE;AAJG,C;;AAyCxB,eAAeR,eAAe,CAACG,QAAD,CAA9B"}
+{"version":3,"file":"ClipPath.js","names":["React","createComponent","Component","propsForElement","ClipPath","createRef","asProps","id","tag","setAttributeTag","Array","from","document","querySelectorAll","forEach","querySelector","svg","closest","node","getTotalLength","transition","Tag","style","className","other","refClipPath"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,QAA2C,eAA3C;AACA,OAAOC,eAAP,MAA4B,oCAA5B;;IAEMC,Q;;;;;;;;;;;;;;;;+EAQUJ,KAAK,CAACK,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,oBAAC,GAAD;QAAK,KAAK,kCAAOe,KAAP;UAAcF,UAAU,EAAVA;QAAd;MAAV,GAA0CjB,eAAe,CAACqB,KAAD,EAAQH,GAAR,CAAzD,EADF,CADF;IAKD;;;;EAvCoBnB,S;;gBAAjBE,Q,kBACkB;EACpBI,GAAG,EAAE,MADe;EAEpBD,EAAE,EAAE,EAFgB;EAGpBa,UAAU,EAAE,EAHQ;EAIpBX,eAAe,EAAE;AAJG,C;;AAyCxB,eAAeR,eAAe,CAACG,QAAD,CAA9B"}