@semcore/d3-chart 1.5.1 → 1.5.5

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.5.5] - 2021-12-06
+
+### Fixed
+
+- Calculate correct border radius for Bar.
+
+## [1.5.4] - 2021-11-24
+
+### Fixed
+
+- Fixed set `scale` for `Area, Line`.
+
+## [1.5.3] - 2021-10-27
+
+### Fixed
+
+- Returned data `(x, y, width, height)` in render function for `Bar, Horizontalbar`.
+
+## [1.5.2] - 2021-10-22
+
+### Fixed
+
+- Fixed field `e.currentTarget` for events in `eventEmitter`.
+
 ## [1.5.1] - 2021-10-19
 
 ### Fixed

package/lib/cjs/Area.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_1asfb_gg_{fill:var(--color_16k7jnx);fill-opacity:.4}.___SAreaLine_1asfb_gg_{stroke:var(--color_16k7jnx);stroke-width:3;fill:transparent}.___SArea_1asfb_gg_,.___SAreaLine_1asfb_gg_{transition-property:d;transition-duration:var(--duration_16k7jnx);transition-timing-function:ease-in-out}.___SNull_1asfb_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1asfb_gg_.__hide_1asfb_gg_{display:none}"
+".___SArea_110zq_gg_{fill:var(--color_16k7jnx);fill-opacity:.4}.___SAreaLine_110zq_gg_{stroke:var(--color_16k7jnx);stroke-width:3;fill:transparent}.___SArea_110zq_gg_,.___SAreaLine_110zq_gg_{transition-property:d;transition-duration:var(--duration_16k7jnx);transition-timing-function:ease-in-out}.___SNull_110zq_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_110zq_gg_.__hide_110zq_gg_{display:none}"
 /*__inner_css_end__*/
 , "16k7jnx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1asfb_gg_",
+  "__SArea": "___SArea_110zq_gg_",
   "--color": "--color_16k7jnx",
-  "__SAreaLine": "___SAreaLine_1asfb_gg_",
+  "__SAreaLine": "___SAreaLine_110zq_gg_",
   "--duration": "--duration_16k7jnx",
-  "__SNull": "___SNull_1asfb_gg_",
-  "_hide": "__hide_1asfb_gg_"
+  "__SNull": "___SNull_110zq_gg_",
+  "_hide": "__hide_110zq_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {
@@ -155,11 +155,13 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
       y0 = _ref3.y0,
       $rootProps = _ref3.$rootProps,
       _ref3$curve = _ref3.curve,
-      curve = _ref3$curve === void 0 ? _d3Shape.curveLinear : _ref3$curve;
+      curve = _ref3$curve === void 0 ? _d3Shape.curveLinear : _ref3$curve,
+      scale = _ref3.scale;
 
-  var _$rootProps$scale = (0, _slicedToArray2["default"])($rootProps.scale, 2),
-      xScale = _$rootProps$scale[0],
-      yScale = _$rootProps$scale[1];
+  var _ref4 = scale || $rootProps.scale,
+      _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+      xScale = _ref5[0],
+      yScale = _ref5[1];
 
   var yRange = yScale.range();
   return {

package/lib/cjs/Area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Area.js"],"names":["AreaRoot","asProps","x","y","color","data","d3Line","d3","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","Component","style","y0","$rootProps","curve","curveLinear","scale","xScale","yScale","yRange","range","defined","p","y1","Null","props","SNull","Dots"],"mappings":"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","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';\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 }) => {\n    const [xScale, yScale] = $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      color: '#50aef4',\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  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SAreaLine\n          clipPath={`url(#${uid})`}\n          d={d3Line(data)}\n          color={color}\n          use:duration={`${duration}ms`}\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 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\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}
+{"version":3,"sources":["../../src/Area.js"],"names":["AreaRoot","asProps","x","y","color","data","d3Line","d3","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","Component","style","y0","$rootProps","curve","curveLinear","scale","xScale","yScale","yRange","range","defined","p","y1","Null","props","SNull","Dots"],"mappings":"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","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';\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      color: '#50aef4',\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  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SAreaLine\n          clipPath={`url(#${uid})`}\n          d={d3Line(data)}\n          color={color}\n          use:duration={`${duration}ms`}\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 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\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}

package/lib/cjs/Axis.js

@@ -44,22 +44,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_jwdop_gg_{stroke:#a6b0b3}.___SAxis_jwdop_gg_.__hide_jwdop_gg_{display:none}.___STick_jwdop_gg_{font-size:12px;fill:#757575}.___STick_jwdop_gg_.__hide_jwdop_gg_{display:none}.___SGrid_jwdop_gg_{fill:transparent;stroke:#dee3e5}.___STitle_jwdop_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_jwdop_gg_._position_top_jwdop_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_jwdop_gg_._position_bottom_jwdop_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_jwdop_gg_._position_left_jwdop_gg_,.___STitle_jwdop_gg_._position_right_jwdop_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_jwdop_gg_._position_left_jwdop_gg_{text-anchor:end}.___STick_jwdop_gg_._position_top_jwdop_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_jwdop_gg_._position_bottom_jwdop_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_jwdop_gg_._position_right_jwdop_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_jwdop_gg_._position_left_jwdop_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_jwdop_gg_._position_custom_0_jwdop_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_jwdop_gg_._position_custom_1_jwdop_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_pw4pp_gg_{stroke:#a6b0b3}.___SAxis_pw4pp_gg_.__hide_pw4pp_gg_{display:none}.___STick_pw4pp_gg_{font-size:12px;fill:#757575}.___STick_pw4pp_gg_.__hide_pw4pp_gg_{display:none}.___SGrid_pw4pp_gg_{fill:transparent;stroke:#dee3e5}.___STitle_pw4pp_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_pw4pp_gg_._position_top_pw4pp_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_pw4pp_gg_._position_bottom_pw4pp_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_pw4pp_gg_._position_left_pw4pp_gg_,.___STitle_pw4pp_gg_._position_right_pw4pp_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_pw4pp_gg_._position_left_pw4pp_gg_{text-anchor:end}.___STick_pw4pp_gg_._position_top_pw4pp_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_pw4pp_gg_._position_bottom_pw4pp_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_pw4pp_gg_._position_right_pw4pp_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_pw4pp_gg_._position_left_pw4pp_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_pw4pp_gg_._position_custom_0_pw4pp_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_pw4pp_gg_._position_custom_1_pw4pp_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
 , "8vu5zg_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_jwdop_gg_",
-  "_hide": "__hide_jwdop_gg_",
-  "__STick": "___STick_jwdop_gg_",
-  "__SGrid": "___SGrid_jwdop_gg_",
-  "__STitle": "___STitle_jwdop_gg_",
-  "_position_top": "_position_top_jwdop_gg_",
-  "_position_bottom": "_position_bottom_jwdop_gg_",
-  "_position_left": "_position_left_jwdop_gg_",
-  "_position_right": "_position_right_jwdop_gg_",
-  "_position_custom_0": "_position_custom_0_jwdop_gg_",
-  "_position_custom_1": "_position_custom_1_jwdop_gg_"
+  "__SAxis": "___SAxis_pw4pp_gg_",
+  "_hide": "__hide_pw4pp_gg_",
+  "__STick": "___STick_pw4pp_gg_",
+  "__SGrid": "___SGrid_pw4pp_gg_",
+  "__STitle": "___STitle_pw4pp_gg_",
+  "_position_top": "_position_top_pw4pp_gg_",
+  "_position_bottom": "_position_bottom_pw4pp_gg_",
+  "_position_left": "_position_left_pw4pp_gg_",
+  "_position_right": "_position_right_pw4pp_gg_",
+  "_position_custom_0": "_position_custom_0_pw4pp_gg_",
+  "_position_custom_1": "_position_custom_1_pw4pp_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -44,16 +44,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_17amb_gg_{fill:var(--color_10kcl1b);transition-property:height,width,y;transition-duration:var(--duration_10kcl1b);transition-timing-function:ease-in-out}.___SBar_17amb_gg_.__hide_17amb_gg_{display:none}.___SBackground_17amb_gg_{fill:#e4ecf1}"
+".___SBar_1u1r9_gg_{fill:var(--color_10kcl1b);transition-property:height,width,y;transition-duration:var(--duration_10kcl1b);transition-timing-function:ease-in-out}.___SBar_1u1r9_gg_.__hide_1u1r9_gg_{display:none}.___SBackground_1u1r9_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
 , "10kcl1b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_17amb_gg_",
+  "__SBar": "___SBar_1u1r9_gg_",
   "--color": "--color_10kcl1b",
   "--duration": "--duration_10kcl1b",
-  "_hide": "__hide_17amb_gg_",
-  "__SBackground": "___SBackground_17amb_gg_"
+  "_hide": "__hide_1u1r9_gg_",
+  "__SBackground": "___SBackground_1u1r9_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {
@@ -127,7 +127,14 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       var barX = xScale(d[x]) + offset[0];
       var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)));
       var width = widthProps || (0, _utils.getBandwidth)(xScale);
-      var isRounded = r !== 0;
+      var dSvg = getRect({
+        x: barX,
+        y: barY,
+        width: width,
+        height: height,
+        radius: Array.isArray(r) ? r[i] : r,
+        position: d[y] > 0 ? 'top' : 'bottom'
+      });
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
         "key": "bar-".concat(i),
         "render": "path",
@@ -138,14 +145,11 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "index": i,
         "hide": hide,
         "color": color,
-        "d": getRect({
-          x: barX,
-          y: isRounded ? d[y] > 0 ? barY - r : barY : barY,
-          width: width,
-          height: isRounded ? height + r : height,
-          radius: r,
-          position: d[y] > 0 ? 'top' : 'bottom'
-        }),
+        "x": barX,
+        "y": barY,
+        "width": width,
+        "height": height,
+        "d": dSvg,
         "use:duration": "".concat(duration, "ms")
       }));
     }

package/lib/cjs/Bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bar.js"],"names":["BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","transition","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","isRounded","getRect","radius","position","size","map","renderBar","bind","Component","style","Background","SBackground","yRange","range","bandwidth"],"mappings":"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","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    color: '#50aef4',\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\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()\n      .selection()\n      .selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect\n        .transition()\n        .duration(duration)\n        .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      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    const height = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const width = widthProps || getBandwidth(xScale);\n    const isRounded = r !== 0;\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        d={getRect({\n          x: barX,\n          y: isRounded ? (d[y] > 0 ? barY - r : barY) : barY,\n          width,\n          height: isRounded ? height + r : height,\n          radius: r,\n          position: d[y] > 0 ? 'top' : 'bottom',\n        })}\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"],"file":"Bar.js"}
+{"version":3,"sources":["../../src/Bar.js"],"names":["BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","transition","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","dSvg","getRect","radius","Array","isArray","position","size","map","renderBar","bind","Component","style","Background","SBackground","yRange","range","bandwidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;IAIMA,O;;;;;;;;;;;;WAYJ,4BAAmBC,KAAnB,EAA0BC,KAA1B,EAAiC;AAAA,0BACX,KAAKC,OADM;AAAA,UACvBC,CADuB,iBACvBA,CADuB;AAAA,UACpBC,IADoB,iBACpBA,IADoB;AAE/B,aAAO;AACLC,QAAAA,KAAK,EAAED,IAAI,CAACH,KAAD,CAAJ,CAAYE,CAAZ;AADF,OAAP;AAGD;;;WAED,wBAAe;AAAA,2BACa,KAAKD,OADlB;AAAA,UACLI,QADK,kBACLA,QADK;AAAA,UACKC,GADL,kBACKA,GADL;AAEb,UAAMC,UAAU,GAAG,gCAChBC,SADgB,GAEhBC,SAFgB,YAEFH,GAFE,WAAnB;AAGA,UAAMI,cAAc,GAAGH,UAAU,CAACI,IAAX,EAAvB;;AAEA,UAAIN,QAAQ,GAAG,CAAX,IAAgBK,cAAhB,IAAkCA,cAAc,CAACE,YAAf,CAA4B,GAA5B,MAAqC,GAA3E,EAAgF;AAC9EL,QAAAA,UAAU,CACPM,UADH,GAEGR,QAFH,CAEYA,QAFZ,EAGGS,IAHH,CAGQ,GAHR,EAGa,CAHb;AAID;AACF;;;WAED,8BAAqB;AACnB,WAAKC,YAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,YAAL;AACD;;;WAED,mBAAUC,CAAV,EAAaC,CAAb,EAAgB;AAAA;;AACd,UAAMC,IAAI,GAAG,KAAKC,OAAlB;AADc,2BAeV,KAAKlB,OAfK;AAAA,UAGZmB,MAHY,kBAGZA,MAHY;AAAA,UAIZC,KAJY,kBAIZA,KAJY;AAAA,UAKZnB,CALY,kBAKZA,CALY;AAAA,UAMZoB,CANY,kBAMZA,CANY;AAAA,UAOZC,EAPY,kBAOZA,EAPY;AAAA,UAQZC,KARY,kBAQZA,KARY;AAAA,UASZC,IATY,kBASZA,IATY;AAAA,UAUZC,MAVY,kBAUZA,MAVY;AAAA,UAWZrB,QAXY,kBAWZA,QAXY;AAAA,UAYZC,GAZY,kBAYZA,GAZY;AAAA,UAaZqB,CAbY,kBAaZA,CAbY;AAAA,UAcLC,UAdK,kBAcZC,KAdY;;AAAA,mDAiBWL,KAjBX;AAAA,UAiBPM,MAjBO;AAAA,UAiBCC,MAjBD;;AAkBd,UAAMC,IAAI,GAAGD,MAAM,CAACE,IAAI,CAACC,GAAL,SAASlB,CAAC,CAACO,EAAD,CAAV,uCAAkB,CAAlB,EAAqBP,CAAC,CAACM,CAAD,CAAtB,CAAD,CAAN,GAAqCI,MAAM,CAAC,CAAD,CAAxD;AACA,UAAMS,IAAI,GAAGL,MAAM,CAACd,CAAC,CAACd,CAAD,CAAF,CAAN,GAAewB,MAAM,CAAC,CAAD,CAAlC;AACA,UAAMU,MAAM,GAAGH,IAAI,CAACI,GAAL,CACbN,MAAM,CAACf,CAAC,CAACM,CAAD,CAAF,CAAN,GAAeW,IAAI,CAACK,GAAL,CAASP,MAAM,CAACA,MAAM,CAACQ,MAAP,GAAgB,CAAhB,CAAD,CAAf,EAAqCR,MAAM,UAACf,CAAC,CAACO,EAAD,CAAF,yCAAU,CAAV,CAA3C,CADF,CAAf;AAGA,UAAMM,KAAK,GAAGD,UAAU,IAAI,yBAAaE,MAAb,CAA5B;AACA,UAAMU,IAAI,GAAGC,OAAO,CAAC;AACnBvC,QAAAA,CAAC,EAAEiC,IADgB;AAEnBb,QAAAA,CAAC,EAAEU,IAFgB;AAGnBH,QAAAA,KAAK,EAALA,KAHmB;AAInBO,QAAAA,MAAM,EAANA,MAJmB;AAKnBM,QAAAA,MAAM,EAAEC,KAAK,CAACC,OAAN,CAAcjB,CAAd,IAAmBA,CAAC,CAACV,CAAD,CAApB,GAA0BU,CALf;AAMnBkB,QAAAA,QAAQ,EAAE7B,CAAC,CAACM,CAAD,CAAD,GAAO,CAAP,GAAW,KAAX,GAAmB;AANV,OAAD,CAApB;AASA,oBAAO,mBAAQF,MAAR,CAAP,eACE,gCAAC,IAAD;AAAA,6BACcH,CADd;AAAA,kBAES,MAFT;AAAA,mCAGoBX,GAHpB;AAAA,0BAIkB,CAAC,MAAD,EAAS,OAAT,EAAkB,OAAlB,CAJlB;AAAA,4BAKmB,OALnB;AAAA,iBAMSU,CANT;AAAA,iBAOSC,CAPT;AAAA,gBAQQQ,IARR;AAAA,iBASSJ,KATT;AAAA,aAUKc,IAVL;AAAA,aAWKH,IAXL;AAAA,iBAYSH,KAZT;AAAA,kBAaUO,MAbV;AAAA,aAcKI,IAdL;AAAA,kCAemBnC,QAfnB;AAAA,SADF;AAmBD;;;WACD,kBAAS;AAAA,2BAC+B,KAAKJ,OADpC;AAAA,UACCE,IADD,kBACCA,IADD;AAAA,UACOG,GADP,kBACOA,GADP;AAAA,UACYwC,IADZ,kBACYA,IADZ;AAAA,UACkBzC,QADlB,kBACkBA,QADlB;AAEP,0BACE,kEACGF,IAAI,CAAC4C,GAAL,CAAS,KAAKC,SAAL,CAAeC,IAAf,CAAoB,IAApB,CAAT,CADH,EAEG5C,QAAQ,iBACP,gCAAC,oBAAD;AACE,QAAA,GAAG,YAAKC,GAAL,eADL;AAEE,QAAA,EAAE,EAAEA,GAFN;AAGE,QAAA,CAAC,EAAC,GAHJ;AAIE,QAAA,CAAC,EAAEwC,IAAI,CAAC,CAAD,CAJT;AAKE,QAAA,KAAK,EAAEA,IAAI,CAAC,CAAD,CALb;AAME,QAAA,MAAM,YAAKA,IAAI,CAAC,CAAD,CAAT;AANR,QAHJ,CADF;AAeD;;;EAhHmBI,e;;iCAAhBpD,O,iBACiB,K;iCADjBA,O,WAEWqD,K;iCAFXrD,O,aAGa,CAAC,2BAAD,C;iCAHbA,O,kBAKkB;AACpBuB,EAAAA,KAAK,EAAE,SADa;AAEpBK,EAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ,CAFY;AAGpBrB,EAAAA,QAAQ,EAAE,GAHU;AAIpBsB,EAAAA,CAAC,EAAE;AAJiB,C;;AA8GxB,SAASyB,UAAT,CAAoBrD,KAApB,EAA2B;AAAA;;AAAA,MACRsD,WADQ,GAC8BtD,KAD9B,CACjBoB,OADiB;AAAA,MACKC,MADL,GAC8BrB,KAD9B,CACKqB,MADL;AAAA,MACaI,KADb,GAC8BzB,KAD9B,CACayB,KADb;AAAA,MACoBpB,KADpB,GAC8BL,KAD9B,CACoBK,KADpB;;AAAA,gDAGAoB,KAHA;AAAA,MAGlBM,MAHkB;AAAA,MAGVC,MAHU;;AAIzB,MAAMuB,MAAM,GAAGvB,MAAM,CAACwB,KAAP,EAAf;AAEA,iBAAO,mBAAQnC,MAAR,CAAP,eACE,gCAAC,WAAD;AAAA,cACS,MADT;AAAA,wBAEmB,OAFnB;AAAA,aAGSU,MAAM,CAAC0B,SAAP,EAHT;AAAA,cAIUF,MAAM,CAAC,CAAD,CAAN,GAAYA,MAAM,CAAC,CAAD,CAJ5B;AAAA,SAKKxB,MAAM,CAAC1B,KAAD,CALX;AAAA,SAMKkD,MAAM,CAAC,CAAD;AANX,KADF;AAUD;;AAED,SAASb,OAAT,QAA4D;AAAA,MAAzCvC,CAAyC,SAAzCA,CAAyC;AAAA,MAAtCoB,CAAsC,SAAtCA,CAAsC;AAAA,MAAnCO,KAAmC,SAAnCA,KAAmC;AAAA,MAA5BO,MAA4B,SAA5BA,MAA4B;AAAA,MAApBM,MAAoB,SAApBA,MAAoB;AAAA,MAAZG,QAAY,SAAZA,QAAY;AAC1D,MAAIT,MAAM,IAAIM,MAAd,EAAsB,OAAO,EAAP;;AACtB,MAAIA,MAAJ,EAAY;AACV,QAAIG,QAAQ,KAAK,KAAjB,EACE,OAAO,wBAAY3C,CAAZ,EAAeoB,CAAf,EAAkBO,KAAlB,EAAyBO,MAAzB,EAAiCM,MAAjC,EAAyC,IAAzC,EAA+C,IAA/C,EAAqD,KAArD,EAA4D,KAA5D,CAAP;AACF,WAAO,wBAAYxC,CAAZ,EAAeoB,CAAf,EAAkBO,KAAlB,EAAyBO,MAAzB,EAAiCM,MAAjC,EAAyC,KAAzC,EAAgD,KAAhD,EAAuD,IAAvD,EAA6D,IAA7D,CAAP;AACD;;AACD,SAAO,wBAAYxC,CAAZ,EAAeoB,CAAf,EAAkBO,KAAlB,EAAyBO,MAAzB,EAAiCM,MAAjC,CAAP;AACD;;eAEc,+BAAc5C,OAAd,EAAuB;AAAEsD,EAAAA,UAAU,EAAVA;AAAF,CAAvB,C","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    color: '#50aef4',\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\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()\n      .selection()\n      .selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect\n        .transition()\n        .duration(duration)\n        .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      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    const height = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\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 ? '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"],"file":"Bar.js"}

package/lib/cjs/Donut.js

@@ -52,14 +52,14 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_101rw_gg_{stroke:#fff;fill:var(--color_3mch97)}.___SLabel_101rw_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_1ar8h_gg_{stroke:#fff;fill:var(--color_3mch97)}.___SLabel_1ar8h_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
 , "3mch97_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_101rw_gg_",
+  "__SPie": "___SPie_1ar8h_gg_",
   "--color": "--color_3mch97",
-  "__SLabel": "___SLabel_101rw_gg_"
+  "__SLabel": "___SLabel_1ar8h_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/cjs/Dots.js

@@ -25,21 +25,23 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 
 var _animation = require("@semcore/animation");
 
+var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"));
+
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDot_w2tzj_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:var(--color_8nea8t);transition-property:cx,cy;transition-duration:var(--duration_8nea8t);transition-timing-function:ease-in-out}.___SDot_w2tzj_gg_.__hide_w2tzj_gg_{display:none}.___SDot_w2tzj_gg_.__active_w2tzj_gg_{r:8px}"
+".___SDot_vvre7_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:var(--color_8nea8t);transition-property:cx,cy;transition-duration:var(--duration_8nea8t);transition-timing-function:ease-in-out}.___SDot_vvre7_gg_.__hide_vvre7_gg_{display:none}.___SDot_vvre7_gg_.__active_vvre7_gg_{r:8px}"
 /*__inner_css_end__*/
 , "8nea8t_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDot": "___SDot_w2tzj_gg_",
+  "__SDot": "___SDot_vvre7_gg_",
   "--color": "--color_8nea8t",
   "--duration": "--duration_8nea8t",
-  "_hide": "__hide_w2tzj_gg_",
-  "_active": "__active_w2tzj_gg_"
+  "_hide": "__hide_vvre7_gg_",
+  "_active": "__active_vvre7_gg_"
 });
 
 function Dots(props) {
@@ -66,7 +68,7 @@ function Dots(props) {
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
 
-  var handlerMouseMoveRoot = (0, _react.useCallback)(function (e) {
+  var handlerMouseMoveRoot = (0, _react.useCallback)((0, _rafTrottle["default"])(function (e) {
     var _scale = (0, _slicedToArray2["default"])(scale, 1),
         xScale = _scale[0];
 
@@ -76,10 +78,10 @@ function Dots(props) {
 
     var vX = (0, _utils.invert)(xScale, pX);
     setActiveIndex(bisect(data, vX));
-  }, [scale, data]);
-  var handlerMouseLeaveRoot = (0, _react.useCallback)(function () {
+  }), [scale, data]);
+  var handlerMouseLeaveRoot = (0, _react.useCallback)((0, _rafTrottle["default"])(function () {
     setActiveIndex(null);
-  }, []);
+  }), []);
   (0, _react.useEffect)(function () {
     var unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', function (e) {
       e.persist();

package/lib/cjs/Dots.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dots.js"],"names":["Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","bisect","d","center","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","xScale","current","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","renderCircle","React","forwardRef","ref","reduce","acc","i","isPrev","defined","isNext","active","push","style"],"mappings":"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","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 { FadeInOut } from '@semcore/animation';\n\nimport style from './style/dot.shadow.css';\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 bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n\n  const handlerMouseMoveRoot = useCallback(\n    (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    setActiveIndex(null);\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, data, x, y]);\n\n  const renderCircle = useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"circle\" {...props} />;\n    }),\n    [props],\n  );\n\n  return 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    if (!d3.defined()(d)) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          key={i}\n          render={renderCircle}\n          visible={display || i === activeIndex || (!isPrev && !isNext)}\n          __excludeProps={['data', 'scale', 'value', 'display']}\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          use:duration={`${duration}ms`}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"file":"Dots.js"}
+{"version":3,"sources":["../../src/Dots.js"],"names":["Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","bisect","d","center","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","xScale","current","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","renderCircle","React","forwardRef","ref","reduce","acc","i","isPrev","defined","isNext","active","push","style"],"mappings":";;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;AAIA,SAASA,IAAT,CAAcC,KAAd,EAAqB;AAAA,MAERC,IAFQ,GAefD,KAfe,CAEjBE,OAFiB;AAAA,MAGjBC,MAHiB,GAefH,KAfe,CAGjBG,MAHiB;AAAA,MAIjBC,IAJiB,GAefJ,KAfe,CAIjBI,IAJiB;AAAA,MAKjBC,KALiB,GAefL,KAfe,CAKjBK,KALiB;AAAA,MAMjBC,EANiB,GAefN,KAfe,CAMjBM,EANiB;AAAA,MAOjBC,CAPiB,GAefP,KAfe,CAOjBO,CAPiB;AAAA,MAQjBC,CARiB,GAefR,KAfe,CAQjBQ,CARiB;AAAA,MASjBC,YATiB,GAefT,KAfe,CASjBS,YATiB;AAAA,MAUjBC,OAViB,GAefV,KAfe,CAUjBU,OAViB;AAAA,MAWjBC,IAXiB,GAefX,KAfe,CAWjBW,IAXiB;AAAA,MAYjBC,OAZiB,GAefZ,KAfe,CAYjBY,OAZiB;AAAA,MAajBC,KAbiB,GAefb,KAfe,CAajBa,KAbiB;AAAA,wBAefb,KAfe,CAcjBc,QAdiB;AAAA,MAcjBA,QAdiB,gCAcN,GAdM;AAgBnB,MAAMC,MAAM,GAAG,uBAAS,UAACC,CAAD;AAAA,WAAOA,CAAC,CAACT,CAAD,CAAR;AAAA,GAAT,EAAsBU,MAArC;;AAhBmB,kBAiBmB,qBAAS,IAAT,CAjBnB;AAAA;AAAA,MAiBZC,WAjBY;AAAA,MAiBCC,cAjBD;;AAmBnB,MAAMC,oBAAoB,GAAG,wBAC3B,4BAAQ,UAACC,CAAD,EAAO;AAAA,iDACIR,KADJ;AAAA,QACNS,MADM;;AAAA,wBAEA,yBAAaD,CAAb,EAAgBT,OAAO,CAACW,OAAxB,CAFA;AAAA;AAAA,QAENC,EAFM;;AAGb,QAAMC,EAAE,GAAG,mBAAOH,MAAP,EAAeE,EAAf,CAAX;AACAL,IAAAA,cAAc,CAACJ,MAAM,CAACX,IAAD,EAAOqB,EAAP,CAAP,CAAd;AACD,GALD,CAD2B,EAO3B,CAACZ,KAAD,EAAQT,IAAR,CAP2B,CAA7B;AAUA,MAAMsB,qBAAqB,GAAG,wBAC5B,4BAAQ,YAAM;AACZP,IAAAA,cAAc,CAAC,IAAD,CAAd;AACD,GAFD,CAD4B,EAI5B,EAJ4B,CAA9B;AAOA,wBAAU,YAAM;AACd,QAAMQ,wBAAwB,GAAGlB,YAAY,CAACmB,SAAb,CAAuB,kBAAvB,EAA2C,UAACP,CAAD,EAAO;AACjFA,MAAAA,CAAC,CAACQ,OAAF;AACAT,MAAAA,oBAAoB,CAACC,CAAD,CAApB;AACD,KAHgC,CAAjC;AAKA,QAAMS,yBAAyB,GAAGrB,YAAY,CAACmB,SAAb,CAChC,mBADgC,EAEhCF,qBAFgC,CAAlC;AAKA,WAAO,YAAM;AACXC,MAAAA,wBAAwB;AACxBG,MAAAA,yBAAyB;AAC1B,KAHD;AAID,GAfD,EAeG,CAACrB,YAAD,EAAeL,IAAf,EAAqBG,CAArB,EAAwBC,CAAxB,CAfH;AAiBA,MAAMuB,YAAY,GAAG,sCACnBC,kBAAMC,UAAN,CAAiB,UAACjC,KAAD,EAAQkC,GAAR,EAAgB;AAC/B,wBAAO,gCAAC,oBAAD;AAAW,MAAA,GAAG,EAAEA,GAAhB;AAAqB,MAAA,GAAG,EAAC;AAAzB,OAAsClC,KAAtC,EAAP;AACD,GAFD,CADmB,EAInB,CAACA,KAAD,CAJmB,CAArB;AAOA,SAAOI,IAAI,CAAC+B,MAAL,CAAY,UAACC,GAAD,EAAMpB,CAAN,EAASqB,CAAT,EAAe;AAAA;;AAChC,QAAMC,MAAM,GAAGhC,EAAE,CAACiC,OAAH,GAAanC,IAAI,CAACiC,CAAC,GAAG,CAAL,CAAJ,IAAe,EAA5B,CAAf;AACA,QAAMG,MAAM,GAAGlC,EAAE,CAACiC,OAAH,GAAanC,IAAI,CAACiC,CAAC,GAAG,CAAL,CAAJ,IAAe,EAA5B,CAAf;AACA,QAAMI,MAAM,GAAGJ,CAAC,KAAKnB,WAArB;AACA,QAAI,CAACZ,EAAE,CAACiC,OAAH,GAAavB,CAAb,CAAL,EAAsB,OAAOoB,GAAP;AACtBA,IAAAA,GAAG,CAACM,IAAJ,SACE,mBAAQvC,MAAR,CADF,eAEI,gCAAC,IAAD;AAAA,aACOkC,CADP;AAAA,gBAEUN,YAFV;AAAA,iBAGWrB,OAAO,IAAI2B,CAAC,KAAKnB,WAAjB,IAAiC,CAACoB,MAAD,IAAW,CAACE,MAHxD;AAAA,wBAIkB,CAAC,MAAD,EAAS,OAAT,EAAkB,OAAlB,EAA2B,SAA3B,CAJlB;AAAA,eAKSxB,CALT;AAAA,eAMSqB,CANT;AAAA,YAOM/B,EAAE,CAACC,CAAH,GAAOS,CAAP,CAPN;AAAA,YAQMV,EAAE,CAACE,CAAH,GAAOQ,CAAP,CARN;AAAA,gBASUyB,MATV;AAAA,cAUQ9B,IAVR;AAAA,eAWSN,KAXT;AAAA,gCAYmBS,QAZnB;AAAA,OAFJ;AAkBA,WAAOsB,GAAP;AACD,GAxBM,EAwBJ,EAxBI,CAAP;AAyBD;;AAEDrC,IAAI,CAAC4C,KAAL,GAAaA,KAAb;;eAEe,+BAAc5C,IAAd,C","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 { FadeInOut } from '@semcore/animation';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\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 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, data, x, y]);\n\n  const renderCircle = useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"circle\" {...props} />;\n    }),\n    [props],\n  );\n\n  return 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    if (!d3.defined()(d)) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          key={i}\n          render={renderCircle}\n          visible={display || i === activeIndex || (!isPrev && !isNext)}\n          __excludeProps={['data', 'scale', 'value', 'display']}\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          use:duration={`${duration}ms`}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"file":"Dots.js"}

package/lib/cjs/GroupBar.js

@@ -42,14 +42,14 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_za91s_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_za91s_gg_.__hide_za91s_gg_{display:none}.___SBackground_za91s_gg_{fill:#e4ecf1}"
+".___SBar_1e14r_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1e14r_gg_.__hide_1e14r_gg_{display:none}.___SBackground_1e14r_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "7vf7ud_gg_")
+, "1oqq379_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_za91s_gg_",
-  "_hide": "__hide_za91s_gg_",
-  "__SBackground": "___SBackground_za91s_gg_"
+  "__SBar": "___SBar_1e14r_gg_",
+  "_hide": "__hide_1e14r_gg_",
+  "__SBackground": "___SBackground_1e14r_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -76,11 +76,11 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
       if (scaleGroup) return scaleGroup;
 
       var domain = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
-        if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === GroupBar.Bar) {
+        if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {
           acc.push(child.props.y);
         }
 
-        if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === GroupBar.HorizontalBar) {
+        if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === GroupBar.HorizontalBar && !child.props.hide) {
           acc.push(child.props.x);
         }
 

package/lib/cjs/GroupBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/GroupBar.js"],"names":["GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","reduce","acc","child","isValidElement","type","GroupBar","Bar","push","props","y","HorizontalBar","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","height","Element","getScaleGroup","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;IAIMA,Y;;;;;;;;;;;;WAKJ,yBAAgB;AAAA,0BAC6B,KAAKC,OADlC;AAAA,UACNC,QADM,iBACNA,QADM;AAAA,UACIC,KADJ,iBACIA,KADJ;AAAA,UACWC,UADX,iBACWA,UADX;AAAA,UACuBC,CADvB,iBACuBA,CADvB,EAEd;;AACA,UAAMC,OAAO,GAAGD,CAAC,GAAGF,KAAK,CAAC,CAAD,CAAR,GAAcA,KAAK,CAAC,CAAD,CAApC;AAEA,UAAIC,UAAJ,EAAgB,OAAOA,UAAP;;AAEhB,UAAMG,MAAM,GAAGC,kBAAMN,QAAN,CAAeO,OAAf,CAAuB,mCAAkBP,QAAlB,CAAvB,EAAoDQ,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACxF,YAAI,gCAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,QAAQ,CAACC,GAA3D,EAAgE;AAC9DL,UAAAA,GAAG,CAACM,IAAJ,CAASL,KAAK,CAACM,KAAN,CAAYC,CAArB;AACD;;AACD,YAAI,gCAAMN,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,QAAQ,CAACK,aAA3D,EAA0E;AACxET,UAAAA,GAAG,CAACM,IAAJ,CAASL,KAAK,CAACM,KAAN,CAAYb,CAArB;AACD;;AACD,eAAOM,GAAP;AACD,OARc,EAQZ,EARY,CAAf;;AAUA,aAAOL,OAAO,CACXe,IADI,GAEJC,KAFI,CAEE,CAAC,CAAD,EAAIhB,OAAO,CAACiB,SAAR,EAAJ,CAFF,EAGJhB,MAHI,CAGGA,MAHH,EAIJiB,YAJI,CAISlB,OAAO,CAACmB,YAAR,EAJT,EAKJA,YALI,CAKS,CALT,CAAP;AAMD;;;WAED,4BAAmB;AAAA,UAALN,CAAK,SAALA,CAAK;AAAA,UACTd,CADS,GACH,KAAKJ,OADF,CACTI,CADS;AAGjB,aAAO;AACLqB,QAAAA,MAAM,EAAE,CAAC,KAAKtB,UAAL,CAAgBe,CAAhB,CAAD,EAAqB,CAArB,CADH;AAELQ,QAAAA,KAAK,EAAE,KAAKvB,UAAL,CAAgBmB,SAAhB,EAFF;AAGLlB,QAAAA,CAAC,EAADA;AAHK,OAAP;AAKD;;;WAED,sCAA6B;AAAA,UAALA,CAAK,SAALA,CAAK;AAAA,UACnBc,CADmB,GACb,KAAKlB,OADQ,CACnBkB,CADmB;AAG3B,aAAO;AACLO,QAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,KAAKtB,UAAL,CAAgBC,CAAhB,CAAJ,CADH;AAELuB,QAAAA,MAAM,EAAE,KAAKxB,UAAL,CAAgBmB,SAAhB,EAFH;AAGLJ,QAAAA,CAAC,EAADA;AAHK,OAAP;AAKD;;;WAED,kBAAS;AACP,UAAMU,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKzB,UAAL,GAAkB,KAAK0B,aAAL,EAAlB;AACA,0BAAO,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,gBAAgB,EAAC,QAArC;AAA8C,QAAA,UAAU,EAAE,KAAK1B;AAA/D,QAAP;AACD;;;EAtDwB2B,e;;iCAArB/B,Y,iBACiB,U;iCADjBA,Y,WAGWgC,K;AAsDjB,IAAMjB,QAAQ,GAAG,+BAAcf,YAAd,EAA4B;AAC3CgB,EAAAA,GAAG,EAAHA,eAD2C;AAE3CI,EAAAA,aAAa,EAAbA;AAF2C,CAA5B,CAAjB;eAKeL,Q","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: классный костыль =)\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) {\n        acc.push(child.props.y);\n      }\n      if (React.isValidElement(child) && child.type === GroupBar.HorizontalBar) {\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"],"file":"GroupBar.js"}
+{"version":3,"sources":["../../src/GroupBar.js"],"names":["GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","height","Element","getScaleGroup","Component","style"],"mappings":"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","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: классный костыль =)\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"],"file":"GroupBar.js"}

package/lib/cjs/HorizontalBar.js

@@ -42,16 +42,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_17amb_gg_{fill:var(--color_10kcl1b);transition-property:height,width,y;transition-duration:var(--duration_10kcl1b);transition-timing-function:ease-in-out}.___SBar_17amb_gg_.__hide_17amb_gg_{display:none}.___SBackground_17amb_gg_{fill:#e4ecf1}"
+".___SBar_1u1r9_gg_{fill:var(--color_10kcl1b);transition-property:height,width,y;transition-duration:var(--duration_10kcl1b);transition-timing-function:ease-in-out}.___SBar_1u1r9_gg_.__hide_1u1r9_gg_{display:none}.___SBackground_1u1r9_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
 , "10kcl1b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_17amb_gg_",
+  "__SBar": "___SBar_1u1r9_gg_",
   "--color": "--color_10kcl1b",
   "--duration": "--duration_10kcl1b",
-  "_hide": "__hide_17amb_gg_",
-  "__SBackground": "___SBackground_17amb_gg_"
+  "_hide": "__hide_1u1r9_gg_",
+  "__SBackground": "___SBackground_1u1r9_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
@@ -104,7 +104,14 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
       var barX = xScale(Math.min((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 0, d[x])) + offset[0];
       var height = heightProps || (0, _utils.getBandwidth)(yScale);
       var width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$x2 = d[x0]) !== null && _d$x2 !== void 0 ? _d$x2 : 0)));
-      var isRounded = r !== 0;
+      var dSvg = getHorizontalRect({
+        x: barX,
+        y: barY,
+        width: width,
+        height: height,
+        radius: Array.isArray(r) ? r[i] : r,
+        position: d[x] > 0 ? 'right' : 'left'
+      });
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
         "key": "horizontal-bar-".concat(i),
         "render": "path",
@@ -115,14 +122,11 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
         "index": i,
         "hide": hide,
         "color": color,
-        "d": getHorizontalRect({
-          x: isRounded ? d[x] > 0 ? barX : barX - r : barX,
-          y: barY,
-          width: isRounded ? width + r : width,
-          height: height,
-          radius: r,
-          position: d[x] > 0 ? 'right' : 'left'
-        }),
+        "x": barX,
+        "y": barY,
+        "width": width,
+        "height": height,
+        "d": dSvg,
         "use:duration": "".concat(duration, "ms"),
         "onMouseMove": onMouseMove,
         "onMouseLeave": onMouseLeave

package/lib/cjs/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/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","width","abs","max","domain","isRounded","getHorizontalRect","radius","position","size","map","renderBar","bind","rect","setAttribute","Component","style","Background","SBackground","xRange","range","bandwidth"],"mappings":"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","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    color: '#50aef4',\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    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 isRounded = r !== 0;\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        d={getHorizontalRect({\n          x: isRounded ? (d[x] > 0 ? barX : barX - r) : barX,\n          y: barY,\n          width: isRounded ? width + r : width,\n          height,\n          radius: r,\n          position: d[x] > 0 ? 'right' : 'left',\n        })}\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"],"file":"HorizontalBar.js"}
+{"version":3,"sources":["../../src/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","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","size","map","renderBar","bind","rect","setAttribute","Component","style","Background","SBackground","xRange","range","bandwidth"],"mappings":"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","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    color: '#50aef4',\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"],"file":"HorizontalBar.js"}

package/lib/cjs/Hover.js

@@ -33,6 +33,8 @@ var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"))
 
 var _utils = require("./utils");
 
+var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -42,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_8imgf_gg_{stroke:#a6b0b3}.___SHoverRect_8imgf_gg_{fill:rgba(152,170,175,.3)}"
+".___SHoverLine_wqcps_gg_{stroke:#a6b0b3}.___SHoverRect_wqcps_gg_{fill:rgba(152,170,175,.3)}"
 /*__inner_css_end__*/
 , "1tjsi7e_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_8imgf_gg_",
-  "__SHoverRect": "___SHoverRect_8imgf_gg_"
+  "__SHoverLine": "___SHoverLine_wqcps_gg_",
+  "__SHoverRect": "___SHoverRect_wqcps_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {
@@ -71,7 +73,7 @@ var Hover = /*#__PURE__*/function (_Component) {
       yIndex: null
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseMoveRoot", function (e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseMoveRoot", (0, _rafTrottle["default"])(function (e) {
       var _this$asProps = _this.asProps,
           eventEmitter = _this$asProps.eventEmitter,
           data = _this$asProps.data,
@@ -105,8 +107,8 @@ var Hover = /*#__PURE__*/function (_Component) {
       _this.setState(state, function () {
         eventEmitter.emit('onTooltipVisible', xIndex !== null || yIndex !== null, state, _this.virtualElement);
       });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseLeaveRoot", function () {
+    }));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseLeaveRoot", (0, _rafTrottle["default"])(function () {
       var state = {
         xIndex: null,
         yIndex: null
@@ -115,7 +117,7 @@ var Hover = /*#__PURE__*/function (_Component) {
       _this.setState(state, function () {
         _this.asProps.eventEmitter.emit('onTooltipVisible', false, state);
       });
-    });
+    }));
     return _this;
   }