@semcore/d3-chart 1.0.0 → 1.3.1-0

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.3.0] - 2021-09-30
+
+### Added
+
+- Added radius of curvature for `Bar, HorizontalBar`.
+- Added dynamic position tooltip for `HoverRect, HoverLine`.
+- Added hover for `Donut.Pie`.
+
+## [1.2.0] - 2021-09-24
+
+### Added
+
+- The ability to pass "undefined" to skip some of the data.
+
+## [1.1.0] - 2021-09-14
+
+### Added
+
+- Display 1% of the sector as the minimum value for Donut chart
+
 ## [1.0.0] - 2021-09-08
 
 ### Added

package/lib/cjs/Area.js

@@ -90,12 +90,13 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
     key: "getNullProps",
     value: function getNullProps() {
       var _this$asProps2 = this.asProps,
+          x = _this$asProps2.x,
           y = _this$asProps2.y,
           color = _this$asProps2.color,
           data = _this$asProps2.data,
           d3Line = _this$asProps2.d3Line;
       return {
-        data: (0, _utils.getNullData)(data, d3Line.defined(), y),
+        data: (0, _utils.getNullData)(data, (0, _utils.definedNullData)(x, y), y),
         d3: d3Line,
         color: color
       };

package/lib/cjs/Area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Area.js"],"names":["AreaRoot","asProps","x","y","color","data","d3Line","d3","defined","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","Component","style","y0","$rootProps","curve","curveLinear","scale","xScale","yScale","yRange","range","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 } 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 { y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, d3Line.defined(), 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 }) => {\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"}

package/lib/cjs/Bar.js

@@ -25,13 +25,15 @@ var _core = require("@semcore/core");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _d3Transition = require("d3-transition");
+
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+
 var _createElement = _interopRequireDefault(require("./createElement"));
 
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-
-var _d3Transition = require("d3-transition");
+var _utils = require("./utils");
 
 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); }; }
 
@@ -113,15 +115,23 @@ var BarRoot = /*#__PURE__*/function (_Component) {
           hide = _this$asProps3.hide,
           offset = _this$asProps3.offset,
           duration = _this$asProps3.duration,
-          uid = _this$asProps3.uid;
+          uid = _this$asProps3.uid,
+          r = _this$asProps3.r,
+          $index = _this$asProps3.$index,
+          widthProps = _this$asProps3.width;
 
       var _scale = (0, _slicedToArray2["default"])(scale, 2),
           xScale = _scale[0],
           yScale = _scale[1];
 
-      return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
+      var barY = yScale(Math.max((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0, d[y])) + offset[1];
+      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;
+      return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
         "key": "bar-".concat(i),
-        "render": "rect",
+        "render": "path",
         "clipPath": "url(#".concat(uid, ")"),
         "__excludeProps": ['data', 'scale', 'value'],
         "childrenPosition": "above",
@@ -129,12 +139,16 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "index": i,
         "hide": hide,
         "color": color,
-        "width": xScale.bandwidth(),
-        "height": Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0))),
-        "x": xScale(d[x]) + offset[0],
-        "y": yScale(Math.max((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0, d[y])) + offset[1],
+        "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'
+        }),
         "use:duration": "".concat(duration, "ms")
-      }));
+      })));
     }
   }, {
     key: "render",
@@ -163,7 +177,8 @@ var BarRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(BarRoot, "defaultProps", {
   color: '#50aef4',
   offset: [0, 0],
-  duration: 500
+  duration: 500,
+  r: 2
 });
 
 function Background(props) {
@@ -189,6 +204,23 @@ function Background(props) {
   }));
 }
 
+function getRect(_ref3) {
+  var x = _ref3.x,
+      y = _ref3.y,
+      width = _ref3.width,
+      height = _ref3.height,
+      radius = _ref3.radius,
+      position = _ref3.position;
+  if (height <= radius) return '';
+
+  if (radius) {
+    if (position === 'top') return (0, _utils.roundedPath)(x, y, width, height, radius, true, true, false, false);
+    return (0, _utils.roundedPath)(x, y, width, height, radius, false, false, true, true);
+  }
+
+  return (0, _utils.roundedPath)(x, y, width, height, radius);
+}
+
 var _default = (0, _createElement["default"])(BarRoot, {
   Background: Background
 });

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","xScale","yScale","bandwidth","Math","abs","min","domain","max","size","map","renderBar","bind","Component","style","Background","SBackground","yRange","range"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\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  };\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 { styles, color, x, y, y0, scale, hide, offset, duration, uid } = this.asProps;\n\n    const [xScale, yScale] = scale;\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"rect\"\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        // TODO: https://github.com/airbnb/visx/blob/2fa674e7d7fdc9cffea13e8bf644d46dd6f0db5b/packages/visx-shape/src/util/getBandwidth.ts#L3\n        width={xScale.bandwidth()}\n        height={Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)))}\n        x={xScale(d[x]) + offset[0]}\n        y={yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1]}\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\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","$index","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      $index,\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      <>\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  }\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/ClipPath.js

@@ -67,7 +67,7 @@ var ClipPath = /*#__PURE__*/function (_Component) {
           id = _this$asProps.id,
           tag = _this$asProps.tag,
           setAttributeTag = _this$asProps.setAttributeTag;
-      if (!document || !document.querySelector("#".concat(id))) return;
+      if (!document || !id || !document.querySelector("#".concat(id))) return;
       var svg = document.querySelector("#".concat(id)).closest('svg');
       Array.from(svg.querySelectorAll("[clip-path=\"url(#".concat(id, ")\"]"))).forEach(function (node) {
         node && node.getTotalLength && node.getTotalLength();

package/lib/cjs/ClipPath.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ClipPath.js"],"names":["ClipPath","React","createRef","asProps","id","tag","setAttributeTag","document","querySelector","svg","closest","Array","from","querySelectorAll","forEach","node","getTotalLength","transition","Tag","style","className","other","refClipPath","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;;;;iHAQUC,kBAAMC,SAAN,E;;;;;;WAEd,6BAAoB;AAAA,0BACmB,KAAKC,OADxB;AAAA,UACVC,EADU,iBACVA,EADU;AAAA,UACNC,GADM,iBACNA,GADM;AAAA,UACDC,eADC,iBACDA,eADC;AAElB,UAAI,CAACC,QAAD,IAAa,CAACA,QAAQ,CAACC,aAAT,YAA2BJ,EAA3B,EAAlB,EAAoD;AACpD,UAAMK,GAAG,GAAGF,QAAQ,CAACC,aAAT,YAA2BJ,EAA3B,GAAiCM,OAAjC,CAAyC,KAAzC,CAAZ;AACAC,MAAAA,KAAK,CAACC,IAAN,CAAWH,GAAG,CAACI,gBAAJ,6BAAyCT,EAAzC,UAAX,EAA8DU,OAA9D,CAAsE,UAACC,IAAD,EAAU;AAC9EA,QAAAA,IAAI,IAAIA,IAAI,CAACC,cAAb,IAA+BD,IAAI,CAACC,cAAL,EAA/B;AACD,OAFD;AAGAV,MAAAA,eAAe,IACbK,KAAK,CAACC,IAAN,CAAWL,QAAQ,CAACM,gBAAT,YAA8BT,EAA9B,cAAoCC,GAApC,EAAX,EAAuDS,OAAvD,CAA+DR,eAA/D,CADF;AAED;;;WAED,kBAAS;AAAA,2BAC0D,KAAKH,OAD/D;AAAA,UACCC,EADD,kBACCA,EADD;AAAA,UACKa,UADL,kBACKA,UADL;AAAA,UACsBC,GADtB,kBACiBb,GADjB;AAAA,UAC2Bc,KAD3B,kBAC2BA,KAD3B;AAAA,UACkCC,SADlC,kBACkCA,SADlC;AAAA,UACgDC,KADhD;AAEP,0BACE;AAAU,QAAA,GAAG,EAAE,KAAKC,WAApB;AAAiC,QAAA,EAAE,EAAElB;AAArC,sBACE,gCAAC,GAAD;AAAK,QAAA,KAAK,kCAAOe,KAAP;AAAcF,UAAAA,UAAU,EAAVA;AAAd;AAAV,SAA0C,iCAAgBI,KAAhB,EAAuBH,GAAvB,CAA1C,EADF,CADF;AAKD;;;EA5BoBK,e;;iCAAjBvB,Q,kBACkB;AACpBK,EAAAA,GAAG,EAAE,MADe;AAEpBD,EAAAA,EAAE,EAAE,EAFgB;AAGpBa,EAAAA,UAAU,EAAE,EAHQ;AAIpBX,EAAAA,eAAe,EAAE;AAJG,C;;eA8BT,sBAAgBN,QAAhB,C","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  componentDidMount() {\n    const { id, tag, setAttributeTag } = this.asProps;\n    if (!document || !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    setAttributeTag &&\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n  }\n\n  render() {\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"],"file":"ClipPath.js"}
+{"version":3,"sources":["../../src/ClipPath.js"],"names":["ClipPath","React","createRef","asProps","id","tag","setAttributeTag","document","querySelector","svg","closest","Array","from","querySelectorAll","forEach","node","getTotalLength","transition","Tag","style","className","other","refClipPath","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;;;;iHAQUC,kBAAMC,SAAN,E;;;;;;WAEd,6BAAoB;AAAA,0BACmB,KAAKC,OADxB;AAAA,UACVC,EADU,iBACVA,EADU;AAAA,UACNC,GADM,iBACNA,GADM;AAAA,UACDC,eADC,iBACDA,eADC;AAElB,UAAI,CAACC,QAAD,IAAa,CAACH,EAAd,IAAoB,CAACG,QAAQ,CAACC,aAAT,YAA2BJ,EAA3B,EAAzB,EAA2D;AAC3D,UAAMK,GAAG,GAAGF,QAAQ,CAACC,aAAT,YAA2BJ,EAA3B,GAAiCM,OAAjC,CAAyC,KAAzC,CAAZ;AACAC,MAAAA,KAAK,CAACC,IAAN,CAAWH,GAAG,CAACI,gBAAJ,6BAAyCT,EAAzC,UAAX,EAA8DU,OAA9D,CAAsE,UAACC,IAAD,EAAU;AAC9EA,QAAAA,IAAI,IAAIA,IAAI,CAACC,cAAb,IAA+BD,IAAI,CAACC,cAAL,EAA/B;AACD,OAFD;AAGAV,MAAAA,eAAe,IACbK,KAAK,CAACC,IAAN,CAAWL,QAAQ,CAACM,gBAAT,YAA8BT,EAA9B,cAAoCC,GAApC,EAAX,EAAuDS,OAAvD,CAA+DR,eAA/D,CADF;AAED;;;WAED,kBAAS;AAAA,2BAC0D,KAAKH,OAD/D;AAAA,UACCC,EADD,kBACCA,EADD;AAAA,UACKa,UADL,kBACKA,UADL;AAAA,UACsBC,GADtB,kBACiBb,GADjB;AAAA,UAC2Bc,KAD3B,kBAC2BA,KAD3B;AAAA,UACkCC,SADlC,kBACkCA,SADlC;AAAA,UACgDC,KADhD;AAEP,0BACE;AAAU,QAAA,GAAG,EAAE,KAAKC,WAApB;AAAiC,QAAA,EAAE,EAAElB;AAArC,sBACE,gCAAC,GAAD;AAAK,QAAA,KAAK,kCAAOe,KAAP;AAAcF,UAAAA,UAAU,EAAVA;AAAd;AAAV,SAA0C,iCAAgBI,KAAhB,EAAuBH,GAAvB,CAA1C,EADF,CADF;AAKD;;;EA5BoBK,e;;iCAAjBvB,Q,kBACkB;AACpBK,EAAAA,GAAG,EAAE,MADe;AAEpBD,EAAAA,EAAE,EAAE,EAFgB;AAGpBa,EAAAA,UAAU,EAAE,EAHQ;AAIpBX,EAAAA,eAAe,EAAE;AAJG,C;;eA8BT,sBAAgBN,QAAhB,C","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  componentDidMount() {\n    const { id, tag, setAttributeTag } = 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    setAttributeTag &&\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n  }\n\n  render() {\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"],"file":"ClipPath.js"}

package/lib/cjs/Donut.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -23,6 +21,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _core = require("@semcore/core");
 
 var _react = _interopRequireDefault(require("react"));
@@ -106,6 +106,34 @@ function animationUpdatePie(_ref4) {
   };
 }
 
+function animationHoverPie(_ref5) {
+  var d = _ref5.d,
+      selector = _ref5.selector,
+      duration = _ref5.duration,
+      innerRadius = _ref5.innerRadius,
+      outerRadius = _ref5.outerRadius;
+
+  if (duration > 0) {
+    (0, _d3Transition.transition)().selection().select(selector).transition().duration(duration).attrTween('d', function () {
+      if (!d) return function () {
+        return '';
+      };
+
+      var _outerRadius = (0, _slicedToArray2["default"])(outerRadius, 2),
+          min = _outerRadius[0],
+          max = _outerRadius[1];
+
+      var i = (0, _d3Interpolate.interpolate)(min, max);
+      return function (t) {
+        var d3ArcOut = (0, _d3Shape.arc)().innerRadius(innerRadius).outerRadius(i(t));
+        return d3ArcOut(d);
+      };
+    });
+  }
+}
+
+var increaseFactor = 8;
+
 var DonutRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DonutRoot, _Component);
 
@@ -123,9 +151,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref5) {
-        var x = _ref5.clientX,
-            y = _ref5.clientY;
+      return function (_ref6) {
+        var x = _ref6.clientX,
+            y = _ref6.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
@@ -177,35 +205,75 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
           return acc;
         }, []);
 
-        pieData = Object.entries(data).filter(function (_ref6) {
-          var _ref7 = (0, _slicedToArray2["default"])(_ref6, 1),
-              key = _ref7[0];
+        pieData = Object.entries(data).filter(function (_ref7) {
+          var _ref8 = (0, _slicedToArray2["default"])(_ref7, 1),
+              key = _ref8[0];
 
           return keys.includes(key);
-        }).sort(function (_ref8, _ref9) {
-          var _ref10 = (0, _slicedToArray2["default"])(_ref8, 1),
-              a = _ref10[0];
-
+        }).sort(function (_ref9, _ref10) {
           var _ref11 = (0, _slicedToArray2["default"])(_ref9, 1),
-              b = _ref11[0];
+              a = _ref11[0];
+
+          var _ref12 = (0, _slicedToArray2["default"])(_ref10, 1),
+              b = _ref12[0];
 
           return keys.indexOf(a) > keys.indexOf(b) ? 1 : -1;
         });
       }
 
+      var minValue = pieData.reduce(function (acc, cur) {
+        if (cur[1]) acc += cur[1];
+        return acc;
+      }, 0) / 100;
+      pieData = pieData.map(function (d) {
+        if (d[1] && d[1] < minValue) d[1] = minValue;
+        return d;
+      });
       return d3Pie(pieData);
     }
   }, {
     key: "getPieProps",
     value: function getPieProps(props) {
-      var d3Arc = this.asProps.d3Arc;
+      var _this$asProps3 = this.asProps,
+          d3Arc = _this$asProps3.d3Arc,
+          halfsize = _this$asProps3.halfsize,
+          size = _this$asProps3.size,
+          duration = _this$asProps3.duration,
+          innerRadius = _this$asProps3.innerRadius;
+
+      var _size = (0, _slicedToArray2["default"])(size, 2),
+          width = _size[0],
+          height = _size[1];
+
+      var minORmax = halfsize ? Math.max : Math.min;
+      innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;
+      var outerRadius = minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;
+      var data = this.arcs.find(function (arc) {
+        return arc.data[0] === props.dataKey;
+      });
       return {
-        data: this.arcs.find(function (arc) {
-          return arc.data[0] === props.dataKey;
-        }),
+        data: data,
         d3Arc: d3Arc,
         onMouseMove: this.bindHandlerTooltip(true, props),
-        onMouseLeave: this.bindHandlerTooltip(false, props)
+        onMouseLeave: this.bindHandlerTooltip(false, props),
+        onMouseOver: function onMouseOver(e) {
+          animationHoverPie({
+            d: data,
+            selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]"),
+            duration: duration === 0 ? 0 : 300,
+            innerRadius: innerRadius,
+            outerRadius: [outerRadius, outerRadius + increaseFactor]
+          });
+        },
+        onMouseOut: function onMouseOut(e) {
+          animationHoverPie({
+            d: data,
+            selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]"),
+            duration: duration === 0 ? 0 : 300,
+            innerRadius: innerRadius,
+            outerRadius: [outerRadius + increaseFactor, outerRadius]
+          });
+        }
       };
     }
   }, {
@@ -224,11 +292,11 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this$asProps3 = this.asProps,
-          data = _this$asProps3.data,
-          duration = _this$asProps3.duration,
-          d3Arc = _this$asProps3.d3Arc,
-          halfsize = _this$asProps3.halfsize;
+      var _this$asProps4 = this.asProps,
+          data = _this$asProps4.data,
+          duration = _this$asProps4.duration,
+          d3Arc = _this$asProps4.d3Arc,
+          halfsize = _this$asProps4.halfsize;
       var arcs = this.arcs;
 
       if (prevProps.$rootProps.data !== data && duration > 0) {
@@ -242,10 +310,10 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$asProps4 = this.asProps,
-          duration = _this$asProps4.duration,
-          d3Arc = _this$asProps4.d3Arc,
-          halfsize = _this$asProps4.halfsize;
+      var _this$asProps5 = this.asProps,
+          duration = _this$asProps5.duration,
+          d3Arc = _this$asProps5.d3Arc,
+          halfsize = _this$asProps5.halfsize;
       var arcs = this.arcs;
 
       if (duration > 0) {
@@ -261,13 +329,13 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$asProps5 = this.asProps,
-          halfsize = _this$asProps5.halfsize,
-          size = _this$asProps5.size;
+      var _this$asProps6 = this.asProps,
+          halfsize = _this$asProps6.halfsize,
+          size = _this$asProps6.size;
 
-      var _size = (0, _slicedToArray2["default"])(size, 2),
-          width = _size[0],
-          height = _size[1];
+      var _size2 = (0, _slicedToArray2["default"])(size, 2),
+          width = _size2[0],
+          height = _size2[1];
 
       var Element = this.Element;
       var k = halfsize ? 1 : 2;
@@ -286,22 +354,22 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(DonutRoot, "displayName", 'Donut');
 (0, _defineProperty2["default"])(DonutRoot, "style", style);
 (0, _defineProperty2["default"])(DonutRoot, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(DonutRoot, "defaultProps", function (_ref14) {
-  var _ref14$innerRadius = _ref14.innerRadius,
-      innerRadius = _ref14$innerRadius === void 0 ? 0 : _ref14$innerRadius,
-      _ref14$halfsize = _ref14.halfsize,
-      halfsize = _ref14$halfsize === void 0 ? false : _ref14$halfsize,
-      size = _ref14.$rootProps.size;
+(0, _defineProperty2["default"])(DonutRoot, "defaultProps", function (_ref15) {
+  var _ref15$innerRadius = _ref15.innerRadius,
+      innerRadius = _ref15$innerRadius === void 0 ? 0 : _ref15$innerRadius,
+      _ref15$halfsize = _ref15.halfsize,
+      halfsize = _ref15$halfsize === void 0 ? false : _ref15$halfsize,
+      size = _ref15.$rootProps.size;
 
-  var _size2 = (0, _slicedToArray2["default"])(size, 2),
-      width = _size2[0],
-      height = _size2[1];
+  var _size3 = (0, _slicedToArray2["default"])(size, 2),
+      width = _size3[0],
+      height = _size3[1];
 
   var minORmax = halfsize ? Math.max : Math.min;
-  var d3Arc = (0, _d3Shape.arc)().outerRadius(minORmax(width, height) / 2).innerRadius(innerRadius);
-  var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref15) {
-    var _ref16 = (0, _slicedToArray2["default"])(_ref15, 2),
-        value = _ref16[1];
+  var d3Arc = (0, _d3Shape.arc)().outerRadius(minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2).innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);
+  var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref16) {
+    var _ref17 = (0, _slicedToArray2["default"])(_ref16, 2),
+        value = _ref17[1];
 
     return value;
   });
@@ -318,15 +386,15 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   };
 });
 
-function Pie(_ref12) {
+function Pie(_ref13) {
   var _ref;
 
-  var SPie = _ref12.Element,
-      styles = _ref12.styles,
-      d3Arc = _ref12.d3Arc,
-      data = _ref12.data,
-      _ref12$color = _ref12.color,
-      color = _ref12$color === void 0 ? '#50aef4' : _ref12$color;
+  var SPie = _ref13.Element,
+      styles = _ref13.styles,
+      d3Arc = _ref13.d3Arc,
+      data = _ref13.data,
+      _ref13$color = _ref13.color,
+      color = _ref13$color === void 0 ? '#50aef4' : _ref13$color;
   return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPie, _ref.cn("SPie", {
     "render": "path",
     "color": color,
@@ -334,12 +402,12 @@ function Pie(_ref12) {
   }));
 }
 
-function Label(_ref13) {
+function Label(_ref14) {
   var _ref2;
 
-  var SLabel = _ref13.Element,
-      styles = _ref13.styles,
-      Children = _ref13.Children;
+  var SLabel = _ref14.Element,
+      styles = _ref14.styles,
+      Children = _ref14.Children;
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref2.cn("SLabel", {
     "render": "text",
     "x": "0",

package/lib/cjs/Donut.js.map

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