@semcore/d3-chart 2.13.4 → 2.13.6

package/lib/cjs/ClipPath.js

@@ -1,67 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _propsForElement = _interopRequireDefault(require("@semcore/utils/lib/propsForElement"));
-
 var _excluded = ["id", "transition", "tag", "style", "className"];
-
 var ClipPath = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ClipPath, _Component);
-
   var _super = (0, _createSuper2["default"])(ClipPath);
-
   function ClipPath() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ClipPath);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refClipPath", /*#__PURE__*/_react["default"].createRef());
     return _this;
   }
-
   (0, _createClass2["default"])(ClipPath, [{
     key: "setAttributeTag",
     value: function setAttributeTag() {
       var _this$asProps = this.asProps,
-          id = _this$asProps.id,
-          tag = _this$asProps.tag,
-          setAttributeTag = _this$asProps.setAttributeTag;
-
+        id = _this$asProps.id,
+        tag = _this$asProps.tag,
+        setAttributeTag = _this$asProps.setAttributeTag;
       if (setAttributeTag) {
         Array.from(document.querySelectorAll("#".concat(id, " ").concat(tag))).forEach(setAttributeTag);
       }
@@ -87,12 +64,12 @@ var ClipPath = /*#__PURE__*/function (_Component) {
     value: function render() {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$asProps2 = this.asProps,
-          id = _this$asProps2.id,
-          transition = _this$asProps2.transition,
-          Tag = _this$asProps2.tag,
-          style = _this$asProps2.style,
-          className = _this$asProps2.className,
-          other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
+        id = _this$asProps2.id,
+        transition = _this$asProps2.transition,
+        Tag = _this$asProps2.tag,
+        style = _this$asProps2.style,
+        className = _this$asProps2.className,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       return /*#__PURE__*/_react["default"].createElement("clipPath", {
         "aria-hidden": true,
         ref: this.refClipPath,
@@ -106,15 +83,12 @@ var ClipPath = /*#__PURE__*/function (_Component) {
   }]);
   return ClipPath;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(ClipPath, "defaultProps", {
   tag: 'rect',
   id: '',
   transition: '',
   setAttributeTag: null
 });
-
 var _default = (0, _core["default"])(ClipPath);
-
 exports["default"] = _default;
 //# sourceMappingURL=ClipPath.js.map

package/lib/cjs/ClipPath.js.map

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

package/lib/cjs/Donut.js

@@ -1,79 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _core = require("@semcore/core");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _d3Shape = require("d3-shape");
-
 var _d3Interpolate = require("d3-interpolate");
-
 var _d3Transition = require("d3-transition");
-
 var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
-
 var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
-
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-
 var _createElement = _interopRequireDefault(require("./createElement"));
-
 var _utils = require("./utils");
-
 var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent"];
-
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SPie_175k4_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_175k4_gg_.__color_175k4_gg_{fill:var(--color_175k4)}.___SPie_175k4_gg_.__transparent_175k4_gg_{opacity:.3}.___SEmptyData_175k4_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_175k4_gg_.__color_175k4_gg_{fill:var(--color_175k4)}.___SLabel_175k4_gg_{text-anchor:middle;vertical-anchor:middle}"
-/*__inner_css_end__*/
-, "175k4_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SPie": "___SPie_175k4_gg_",
-  "_color": "__color_175k4_gg_",
-  "--color": "--color_175k4",
-  "_transparent": "__transparent_175k4_gg_",
-  "__SEmptyData": "___SEmptyData_175k4_gg_",
-  "__SLabel": "___SLabel_175k4_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_1csoy_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1csoy_gg_.__color_1csoy_gg_{fill:var(--color_1csoy)}.___SPie_1csoy_gg_.__transparent_1csoy_gg_{opacity:.3}.___SEmptyData_1csoy_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1csoy_gg_.__color_1csoy_gg_{fill:var(--color_1csoy)}.___SLabel_1csoy_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1csoy_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_1csoy_gg_",
+  "_color": "__color_1csoy_gg_",
+  "--color": "--color_1csoy",
+  "_transparent": "__transparent_1csoy_gg_",
+  "__SEmptyData": "___SEmptyData_1csoy_gg_",
+  "__SLabel": "___SLabel_1csoy_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
-
 function transitionAnglePie(_ref4) {
   var selector = _ref4.selector,
-      duration = _ref4.duration,
-      halfsize = _ref4.halfsize,
-      d3Arc = _ref4.d3Arc,
-      d3ArcOut = _ref4.d3ArcOut,
-      arcs = _ref4.arcs,
-      activeIndexPie = _ref4.activeIndexPie;
+    duration = _ref4.duration,
+    halfsize = _ref4.halfsize,
+    d3Arc = _ref4.d3Arc,
+    d3ArcOut = _ref4.d3ArcOut,
+    arcs = _ref4.arcs,
+    activeIndexPie = _ref4.activeIndexPie;
   return (0, _d3Transition.transition)().selection().selectAll(selector).interrupt().transition().duration(duration).attrTween('d', function (_, ind) {
     if (!arcs[ind]) return function () {
       return '';
@@ -83,12 +52,10 @@ function transitionAnglePie(_ref4) {
     var initAngle = halfsize ? -Math.PI / 2 : 0;
     var prevStartAngle = initAngle;
     var prevEndAngle = initAngle;
-
     if (self.arc) {
       prevStartAngle = self.arc.startAngle;
       prevEndAngle = self.arc.endAngle;
     }
-
     var iStartAngle = (0, _d3Interpolate.interpolate)(prevStartAngle, d.startAngle);
     var iEndAngle = (0, _d3Interpolate.interpolate)(prevEndAngle, d.endAngle);
     return function (t) {
@@ -99,18 +66,16 @@ function transitionAnglePie(_ref4) {
     };
   });
 }
-
 function transitionRadiusPie(_ref5) {
   var data = _ref5.data,
-      selector = _ref5.selector,
-      duration = _ref5.duration,
-      innerRadius = _ref5.innerRadius,
-      outerRadiusMinMax = _ref5.outerRadiusMinMax;
+    selector = _ref5.selector,
+    duration = _ref5.duration,
+    innerRadius = _ref5.innerRadius,
+    outerRadiusMinMax = _ref5.outerRadiusMinMax;
   return (0, _d3Transition.transition)().selection().select(selector).interrupt().transition().duration(duration).attrTween('d', function () {
     var _outerRadiusMinMax = (0, _slicedToArray2["default"])(outerRadiusMinMax, 2),
-        min = _outerRadiusMinMax[0],
-        max = _outerRadiusMinMax[1];
-
+      min = _outerRadiusMinMax[0],
+      max = _outerRadiusMinMax[1];
     var iOuterRadius = (0, _d3Interpolate.interpolate)(min, max);
     return function (t) {
       var d3ArcOut = (0, _d3Shape.arc)().innerRadius(innerRadius).outerRadius(iOuterRadius(t));
@@ -118,36 +83,26 @@ function transitionRadiusPie(_ref5) {
     };
   });
 }
-
 var increaseFactor = 8;
-
 function getOuterRadius(_ref6) {
   var size = _ref6.size,
-      halfsize = _ref6.halfsize,
-      outerRadius = _ref6.outerRadius;
-
+    halfsize = _ref6.halfsize,
+    outerRadius = _ref6.outerRadius;
   var _size = (0, _slicedToArray2["default"])(size, 2),
-      width = _size[0],
-      height = _size[1];
-
+    width = _size[0],
+    height = _size[1];
   var minORmax = halfsize ? Math.max : Math.min;
   return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;
 }
-
 var DonutRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DonutRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(DonutRoot);
-
   function DonutRoot() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, DonutRoot);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _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), "activeIndexPie", undefined);
@@ -155,7 +110,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
       return function (_ref7) {
         var x = _ref7.clientX,
-            y = _ref7.clientY;
+          y = _ref7.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
@@ -164,20 +119,19 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationActivePie", function (_ref8) {
       var data = _ref8.data,
-          active = _ref8.active,
-          selector = _ref8.selector;
+        active = _ref8.active,
+        selector = _ref8.selector;
       var _this$asProps = _this.asProps,
-          duration = _this$asProps.duration,
-          innerRadius = _this$asProps.innerRadius,
-          _outerRadius = _this$asProps.outerRadius,
-          size = _this$asProps.size,
-          halfsize = _this$asProps.halfsize;
+        duration = _this$asProps.duration,
+        innerRadius = _this$asProps.innerRadius,
+        _outerRadius = _this$asProps.outerRadius,
+        size = _this$asProps.size,
+        halfsize = _this$asProps.halfsize;
       var outerRadius = getOuterRadius({
         size: size,
         halfsize: halfsize,
         outerRadius: _outerRadius
       });
-
       if (_this.canAnimatedHover) {
         if (duration > 0) {
           transitionRadiusPie({
@@ -192,12 +146,11 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationUpdatePie", function () {
       var _this$asProps2 = _this.asProps,
-          duration = _this$asProps2.duration,
-          d3Arc = _this$asProps2.d3Arc,
-          halfsize = _this$asProps2.halfsize,
-          d3ArcOut = _this$asProps2.d3ArcOut;
+        duration = _this$asProps2.duration,
+        d3Arc = _this$asProps2.d3Arc,
+        halfsize = _this$asProps2.halfsize,
+        d3ArcOut = _this$asProps2.d3ArcOut;
       _this.canAnimatedHover = false;
-
       if (duration > 0) {
         transitionAnglePie({
           selector: "#".concat(_this.id, " [data-ui-name=\"Donut.Pie\"]"),
@@ -216,13 +169,12 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(DonutRoot, [{
     key: "id",
     get: function get() {
       var _this$asProps3 = this.asProps,
-          uid = _this$asProps3.uid,
-          id = _this$asProps3.id;
+        uid = _this$asProps3.uid,
+        id = _this$asProps3.id;
       return id || uid;
     }
   }, {
@@ -245,36 +197,29 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     key: "getArcs",
     value: function getArcs() {
       var _this$asProps4 = this.asProps,
-          Children = _this$asProps4.Children,
-          data = _this$asProps4.data,
-          d3Pie = _this$asProps4.d3Pie;
+        Children = _this$asProps4.Children,
+        data = _this$asProps4.data,
+        d3Pie = _this$asProps4.d3Pie;
       var pieData = Object.entries(data);
-
       if (d3Pie[DEFAULT_INSTANCE]) {
         var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
           if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === Donut.Pie) {
             acc.push(child.props.dataKey);
           }
-
           return acc;
         }, []);
-
         pieData = Object.entries(data).filter(function (_ref9) {
           var _ref10 = (0, _slicedToArray2["default"])(_ref9, 1),
-              key = _ref10[0];
-
+            key = _ref10[0];
           return keys.includes(key);
         }).sort(function (_ref11, _ref12) {
           var _ref13 = (0, _slicedToArray2["default"])(_ref11, 1),
-              a = _ref13[0];
-
+            a = _ref13[0];
           var _ref14 = (0, _slicedToArray2["default"])(_ref12, 1),
-              b = _ref14[0];
-
+            b = _ref14[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;
@@ -289,19 +234,16 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     key: "getPieProps",
     value: function getPieProps(props, ind) {
       var _this2 = this;
-
       var _this$asProps5 = this.asProps,
-          d3Arc = _this$asProps5.d3Arc,
-          d3ArcOut = _this$asProps5.d3ArcOut;
+        d3Arc = _this$asProps5.d3Arc,
+        d3ArcOut = _this$asProps5.d3ArcOut;
       var active = props.active;
       var data = this.arcs.find(function (arc) {
         return arc.data[0] === props.dataKey;
       });
-
       if (active) {
         this.activeIndexPie = ind;
       }
-
       return {
         data: data,
         d3Arc: d3Arc,
@@ -341,7 +283,6 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var data = this.asProps.data;
-
       if (prevProps.$rootProps.data !== data) {
         this.animationUpdatePie();
       }
@@ -355,14 +296,12 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$asProps6 = this.asProps,
-          halfsize = _this$asProps6.halfsize,
-          size = _this$asProps6.size;
+        halfsize = _this$asProps6.halfsize,
+        size = _this$asProps6.size;
       this.asProps.dataHintsHandler.establishDataType('values-set');
-
       var _size2 = (0, _slicedToArray2["default"])(size, 2),
-          width = _size2[0],
-          height = _size2[1];
-
+        width = _size2[0],
+        height = _size2[1];
       var Element = this.Element;
       var k = halfsize ? 1 : 2;
       this.arcs = this.getArcs();
@@ -377,17 +316,16 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }]);
   return DonutRoot;
 }(_core.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 (_ref18) {
   var _ref18$innerRadius = _ref18.innerRadius,
-      innerRadius = _ref18$innerRadius === void 0 ? 0 : _ref18$innerRadius,
-      outerRadius = _ref18.outerRadius,
-      _ref18$halfsize = _ref18.halfsize,
-      halfsize = _ref18$halfsize === void 0 ? false : _ref18$halfsize,
-      size = _ref18.$rootProps.size;
+    innerRadius = _ref18$innerRadius === void 0 ? 0 : _ref18$innerRadius,
+    outerRadius = _ref18.outerRadius,
+    _ref18$halfsize = _ref18.halfsize,
+    halfsize = _ref18$halfsize === void 0 ? false : _ref18$halfsize,
+    size = _ref18.$rootProps.size;
   var d3Arc = (0, _d3Shape.arc)().outerRadius(getOuterRadius({
     size: size,
     halfsize: halfsize,
@@ -400,16 +338,13 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }) + increaseFactor).innerRadius(innerRadius);
   var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref19) {
     var _ref20 = (0, _slicedToArray2["default"])(_ref19, 2),
-        value = _ref20[1];
-
+      value = _ref20[1];
     return value;
   });
   d3Pie[DEFAULT_INSTANCE] = true;
-
   if (halfsize) {
     d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);
   }
-
   return {
     d3Pie: d3Pie,
     d3Arc: d3Arc,
@@ -417,36 +352,31 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     duration: 500
   };
 });
-
 function Pie(_ref15) {
   var _ref;
-
   var SPie = _ref15.Element,
-      styles = _ref15.styles,
-      d3Arc = _ref15.d3Arc,
-      data = _ref15.data,
-      color = _ref15.color,
-      $animationActivePie = _ref15.$animationActivePie,
-      active = _ref15.active,
-      d3ArcOut = _ref15.d3ArcOut,
-      name = _ref15.name,
-      dataKey = _ref15.dataKey,
-      dataHintsHandler = _ref15.dataHintsHandler,
-      transparent = _ref15.transparent,
-      other = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
-
+    styles = _ref15.styles,
+    d3Arc = _ref15.d3Arc,
+    data = _ref15.data,
+    color = _ref15.color,
+    $animationActivePie = _ref15.$animationActivePie,
+    active = _ref15.active,
+    d3ArcOut = _ref15.d3ArcOut,
+    name = _ref15.name,
+    dataKey = _ref15.dataKey,
+    dataHintsHandler = _ref15.dataHintsHandler,
+    transparent = _ref15.transparent,
+    other = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isMount = _useState2[0],
-      setIsMount = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isMount = _useState2[0],
+    setIsMount = _useState2[1];
   (0, _react.useEffect)(function () {
     // do not run animation on first render
     if (!isMount) {
       setIsMount(true);
       return;
     }
-
     if (active !== undefined && active !== null) {
       $animationActivePie({
         active: active,
@@ -464,14 +394,12 @@ function Pie(_ref15) {
     "transparent": transparent
   }));
 }
-
 function EmptyData(_ref16) {
   var _ref2;
-
   var SEmptyData = _ref16.Element,
-      styles = _ref16.styles,
-      d3Arc = _ref16.d3Arc,
-      color = _ref16.color;
+    styles = _ref16.styles,
+    d3Arc = _ref16.d3Arc,
+    color = _ref16.color;
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SEmptyData, _ref2.cn("SEmptyData", {
     "render": 'path',
     "color": color,
@@ -481,15 +409,13 @@ function EmptyData(_ref16) {
     })
   }));
 }
-
 function Label(_ref17) {
   var _ref3;
-
   var SLabel = _ref17.Element,
-      styles = _ref17.styles,
-      Children = _ref17.Children,
-      children = _ref17.children,
-      dataHintsHandler = _ref17.dataHintsHandler;
+    styles = _ref17.styles,
+    Children = _ref17.Children,
+    children = _ref17.children,
+    dataHintsHandler = _ref17.dataHintsHandler;
   dataHintsHandler.setTitle('vertical', children);
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref3.cn("SLabel", {
     "render": 'text',
@@ -498,7 +424,6 @@ function Label(_ref17) {
     "aria-hidden": true
   }), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})));
 }
-
 var Donut = (0, _createElement["default"])(DonutRoot, {
   Pie: Pie,
   Label: Label,