@semcore/d3-chart 3.61.0-prerelease.4 → 3.61.0-prerelease.5

package/lib/cjs/Donut.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,37 +9,36 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
-var _d3Shape = require("d3-shape");
+var _assignProps2 = require("@semcore/core/lib/utils/assignProps");
+var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
+var _getOriginChildren = _interopRequireDefault(require("@semcore/core/lib/utils/getOriginChildren"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
 var _d3Interpolate = require("d3-interpolate");
+var _d3Shape = require("d3-shape");
 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 _react = _interopRequireDefault(require("react"));
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _utils = require("./utils");
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Pattern = require("./Pattern");
-var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _utils = require("./utils");
+var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns", "onClick", "onClickPieRoot"];
 /*!__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPie_8dnpi_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPie_8dnpi_gg_.__color_8dnpi_gg_{fill:var(--color_8dnpi)}.___SPie_8dnpi_gg_.__pattern_8dnpi_gg_.__color_8dnpi_gg_{fill:var(--pattern_8dnpi);stroke:var(--color_8dnpi);stroke-width:1px}.___SPie_8dnpi_gg_.__transparent_8dnpi_gg_{opacity:.3}.___SEmptyData_8dnpi_gg_{fill:var(--intergalactic-chart-palette-order-null, rgb(221, 222, 222))}.___SEmptyData_8dnpi_gg_.__color_8dnpi_gg_{fill:var(--color_8dnpi)}.___SLabel_8dnpi_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}", /*__inner_css_end__*/"8dnpi_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPie_tg3q1_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPie_tg3q1_gg_.__color_tg3q1_gg_{fill:var(--color_tg3q1)}.___SPie_tg3q1_gg_.__pattern_tg3q1_gg_.__color_tg3q1_gg_{fill:var(--pattern_tg3q1);stroke:var(--color_tg3q1);stroke-width:1px}.___SPie_tg3q1_gg_.__transparent_tg3q1_gg_{opacity:.3}.___SEmptyData_tg3q1_gg_{fill:var(--intergalactic-chart-palette-order-null, rgb(221, 222, 222))}.___SEmptyData_tg3q1_gg_.__color_tg3q1_gg_{fill:var(--color_tg3q1)}.___SLabel_tg3q1_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}", /*__inner_css_end__*/"tg3q1_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPie": "___SPie_8dnpi_gg_",
-  "_color": "__color_8dnpi_gg_",
-  "--color": "--color_8dnpi",
-  "_pattern": "__pattern_8dnpi_gg_",
-  "--pattern": "--pattern_8dnpi",
-  "_transparent": "__transparent_8dnpi_gg_",
-  "__SEmptyData": "___SEmptyData_8dnpi_gg_",
-  "__SLabel": "___SLabel_8dnpi_gg_"
+  "__SPie": "___SPie_tg3q1_gg_",
+  "_color": "__color_tg3q1_gg_",
+  "--color": "--color_tg3q1",
+  "_pattern": "__pattern_tg3q1_gg_",
+  "--pattern": "--pattern_tg3q1",
+  "_transparent": "__transparent_tg3q1_gg_",
+  "__SEmptyData": "___SEmptyData_tg3q1_gg_",
+  "__SLabel": "___SLabel_tg3q1_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref6) {
@@ -105,38 +104,38 @@ function getOuterRadius(_ref8) {
   return 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);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "canAnimatedHover", false);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+    _this = (0, _callSuper2["default"])(this, DonutRoot, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
+    (0, _defineProperty2["default"])(_this, "activeIndexPie", undefined);
+    (0, _defineProperty2["default"])(_this, "canAnimatedHover", false);
+    (0, _defineProperty2["default"])(_this, "bindHandlerTooltip", function (visible, props, tooltipProps) {
       return function (_ref9) {
         var clientX = _ref9.clientX,
           clientY = _ref9.clientY;
-        var eventEmitter = _this.asProps.eventEmitter;
-        eventEmitter.emit('setTooltipPosition', clientX, clientY);
-        eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);
-        eventEmitter.emit('setTooltipVisible', visible);
+        var _this$asProps = _this.asProps,
+          eventEmitter = _this$asProps.eventEmitter,
+          plotId = _this$asProps.plotId;
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationActivePie", function (_ref10) {
-      var data = _ref10.data,
-        active = _ref10.active,
-        selector = _ref10.selector,
-        element = _ref10.element;
-      var _this$asProps = _this.asProps,
-        duration = _this$asProps.duration,
-        innerRadius = _this$asProps.innerRadius,
-        d3Arc = _this$asProps.d3Arc,
-        paddingAngle = _this$asProps.paddingAngle;
+    (0, _defineProperty2["default"])(_this, "animationActivePie", function (_ref0) {
+      var data = _ref0.data,
+        active = _ref0.active,
+        selector = _ref0.selector,
+        element = _ref0.element;
+      var _this$asProps2 = _this.asProps,
+        duration = _this$asProps2.duration,
+        innerRadius = _this$asProps2.innerRadius,
+        d3Arc = _this$asProps2.d3Arc,
+        paddingAngle = _this$asProps2.paddingAngle;
       var outerRadius = d3Arc.outerRadius()();
       var outerRadiusStartEnd = active ? [+element.dataset['currentRadius'] || outerRadius, outerRadius + increaseFactor] : [+element.dataset['currentRadius'] || outerRadius, outerRadius];
       if (_this.canAnimatedHover && duration > 0) {
@@ -151,15 +150,15 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationTimeout", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationUpdatePie", function () {
+    (0, _defineProperty2["default"])(_this, "animationTimeout", null);
+    (0, _defineProperty2["default"])(_this, "animationUpdatePie", function () {
       clearTimeout(_this.animationTimeout);
       _this.animationTimeout = setTimeout(function () {
-        var _this$asProps2 = _this.asProps,
-          duration = _this$asProps2.duration,
-          d3Arc = _this$asProps2.d3Arc,
-          halfsize = _this$asProps2.halfsize,
-          d3ArcOut = _this$asProps2.d3ArcOut;
+        var _this$asProps3 = _this.asProps,
+          duration = _this$asProps3.duration,
+          d3Arc = _this$asProps3.d3Arc,
+          halfsize = _this$asProps3.halfsize,
+          d3ArcOut = _this$asProps3.d3ArcOut;
         _this.canAnimatedHover = false;
         if (duration > 0) {
           transitionAnglePie({
@@ -180,12 +179,13 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _createClass2["default"])(DonutRoot, [{
+  (0, _inherits2["default"])(DonutRoot, _Component);
+  return (0, _createClass2["default"])(DonutRoot, [{
     key: "id",
     get: function get() {
-      var _this$asProps3 = this.asProps,
-        uid = _this$asProps3.uid,
-        id = _this$asProps3.id;
+      var _this$asProps4 = this.asProps,
+        uid = _this$asProps4.uid,
+        id = _this$asProps4.id;
       return id || uid;
     }
   }, {
@@ -207,28 +207,28 @@ 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;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        data = _this$asProps5.data,
+        d3Pie = _this$asProps5.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) {
+          if (/*#__PURE__*/_react["default"].isValidElement(child) && child.type === Donut.Pie) {
             acc.push(child.props.dataKey);
           }
           return acc;
         }, []);
-        pieData = Object.entries(data).filter(function (_ref11) {
-          var _ref12 = (0, _slicedToArray2["default"])(_ref11, 2),
-            key = _ref12[0],
-            value = _ref12[1];
+        pieData = Object.entries(data).filter(function (_ref1) {
+          var _ref10 = (0, _slicedToArray2["default"])(_ref1, 2),
+            key = _ref10[0],
+            value = _ref10[1];
           return keys.includes(key) && value > 0;
-        }).sort(function (_ref13, _ref14) {
-          var _ref15 = (0, _slicedToArray2["default"])(_ref13, 1),
-            a = _ref15[0];
-          var _ref16 = (0, _slicedToArray2["default"])(_ref14, 1),
-            b = _ref16[0];
+        }).sort(function (_ref11, _ref12) {
+          var _ref13 = (0, _slicedToArray2["default"])(_ref11, 1),
+            a = _ref13[0];
+          var _ref14 = (0, _slicedToArray2["default"])(_ref12, 1),
+            b = _ref14[0];
           return keys.indexOf(a) > keys.indexOf(b) ? 1 : -1;
         });
       }
@@ -242,19 +242,30 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       });
       return d3Pie(pieData);
     }
+  }, {
+    key: "handlerOnClick",
+    value: function handlerOnClick(key) {
+      var _this2 = this;
+      return function (e) {
+        e.stopPropagation();
+        var onClick = _this2.asProps.onClick;
+        if (!onClick) return;
+        onClick(key, e);
+      };
+    }
   }, {
     key: "getPieProps",
     value: function getPieProps(props, index) {
-      var _this2 = this;
-      var _this$asProps5 = this.asProps,
-        d3Arc = _this$asProps5.d3Arc,
-        d3ArcOut = _this$asProps5.d3ArcOut,
-        innerRadius = _this$asProps5.innerRadius,
-        outerRadius = _this$asProps5.outerRadius,
-        halfsize = _this$asProps5.halfsize,
-        resolveColor = _this$asProps5.resolveColor,
-        uid = _this$asProps5.uid,
-        patterns = _this$asProps5.patterns;
+      var _this3 = this;
+      var _this$asProps6 = this.asProps,
+        d3Arc = _this$asProps6.d3Arc,
+        d3ArcOut = _this$asProps6.d3ArcOut,
+        innerRadius = _this$asProps6.innerRadius,
+        outerRadius = _this$asProps6.outerRadius,
+        halfsize = _this$asProps6.halfsize,
+        resolveColor = _this$asProps6.resolveColor,
+        uid = _this$asProps6.uid,
+        patterns = _this$asProps6.patterns;
       var active = props.active;
       var data = this.arcs.find(function (arc) {
         return arc.data[0] === props.dataKey;
@@ -287,7 +298,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
         onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         onMouseOver: function onMouseOver(e) {
           if (!active) {
-            _this2.animationActivePie({
+            _this3.animationActivePie({
               active: true,
               data: data,
               selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]"),
@@ -297,14 +308,15 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
         },
         onMouseOut: function onMouseOut(e) {
           if (!active) {
-            _this2.animationActivePie({
+            _this3.animationActivePie({
               active: false,
               data: data,
               selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]"),
               element: e.target
             });
           }
-        }
+        },
+        onClickPieRoot: this.handlerOnClick(props.dataKey)
       };
     }
   }, {
@@ -331,9 +343,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$asProps6 = this.asProps,
-        halfsize = _this$asProps6.halfsize,
-        size = _this$asProps6.size;
+      var _this$asProps7 = this.asProps,
+        halfsize = _this$asProps7.halfsize,
+        size = _this$asProps7.size;
       this.asProps.dataHintsHandler.establishDataType('values-set');
       var _size2 = (0, _slicedToArray2["default"])(size, 2),
         width = _size2[0],
@@ -350,20 +362,19 @@ 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 (_ref20) {
-  var _ref20$innerRadius = _ref20.innerRadius,
-    innerRadius = _ref20$innerRadius === void 0 ? 0 : _ref20$innerRadius,
-    _ref20$paddingAngle = _ref20.paddingAngle,
-    paddingAngle = _ref20$paddingAngle === void 0 ? 0 : _ref20$paddingAngle,
-    outerRadius = _ref20.outerRadius,
-    _ref20$halfsize = _ref20.halfsize,
-    halfsize = _ref20$halfsize === void 0 ? false : _ref20$halfsize,
-    size = _ref20.$rootProps.size;
+(0, _defineProperty2["default"])(DonutRoot, "defaultProps", function (_ref18) {
+  var _ref18$innerRadius = _ref18.innerRadius,
+    innerRadius = _ref18$innerRadius === void 0 ? 0 : _ref18$innerRadius,
+    _ref18$paddingAngle = _ref18.paddingAngle,
+    paddingAngle = _ref18$paddingAngle === void 0 ? 0 : _ref18$paddingAngle,
+    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(outerRadius || getOuterRadius({
     size: size,
     halfsize: halfsize,
@@ -373,9 +384,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     size: size,
     halfsize: halfsize
   })) + increaseFactor).innerRadius(innerRadius).padAngle(paddingAngle);
-  var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref21) {
-    var _ref22 = (0, _slicedToArray2["default"])(_ref21, 2),
-      value = _ref22[1];
+  var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref19) {
+    var _ref20 = (0, _slicedToArray2["default"])(_ref19, 2),
+      value = _ref20[1];
     return value;
   });
   d3Pie[DEFAULT_INSTANCE] = true;
@@ -387,30 +398,33 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     d3Arc: d3Arc,
     d3ArcOut: d3ArcOut,
     duration: 500,
-    paddingAngle: paddingAngle
+    paddingAngle: paddingAngle,
+    innerRadius: innerRadius
   };
 });
-function Pie(_ref17) {
+function Pie(_ref15) {
   var _ref2;
-  var SPie = _ref17.Element,
-    styles = _ref17.styles,
-    d3Arc = _ref17.d3Arc,
-    data = _ref17.data,
-    color = _ref17.color,
-    $animationActivePie = _ref17.$animationActivePie,
-    active = _ref17.active,
-    d3ArcOut = _ref17.d3ArcOut,
-    name = _ref17.name,
-    dataKey = _ref17.dataKey,
-    dataHintsHandler = _ref17.dataHintsHandler,
-    transparent = _ref17.transparent,
-    innerRadius = _ref17.innerRadius,
-    outerRadius = _ref17.outerRadius,
-    resolveColor = _ref17.resolveColor,
-    halfsize = _ref17.halfsize,
-    uid = _ref17.uid,
-    patterns = _ref17.patterns,
-    other = (0, _objectWithoutProperties2["default"])(_ref17, _excluded);
+  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,
+    innerRadius = _ref15.innerRadius,
+    outerRadius = _ref15.outerRadius,
+    resolveColor = _ref15.resolveColor,
+    halfsize = _ref15.halfsize,
+    uid = _ref15.uid,
+    patterns = _ref15.patterns,
+    onClick = _ref15.onClick,
+    onClickPieRoot = _ref15.onClickPieRoot,
+    other = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
   var _React$useState = _react["default"].useState(false),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     isMount = _React$useState2[0],
@@ -447,7 +461,8 @@ function Pie(_ref17) {
     "color": resolveColor(color),
     "pattern": patterns ? "url(#".concat(uid, "-pattern)") : undefined,
     "d": active ? d3ArcOut(data) : d3Arc(data),
-    "transparent": transparent
+    "transparent": transparent,
+    "use:onClick": (0, _assignProps2.callAllEventHandlers)(onClickPieRoot, onClick)
   }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref2.cn("PatternFill", {
     "id": "".concat(uid, "-pattern"),
     "patternKey": color,
@@ -455,13 +470,13 @@ function Pie(_ref17) {
     "patterns": patterns
   })));
 }
-function EmptyData(_ref18) {
+function EmptyData(_ref16) {
   var _ref3;
-  var SEmptyData = _ref18.Element,
-    styles = _ref18.styles,
-    d3Arc = _ref18.d3Arc,
-    color = _ref18.color,
-    resolveColor = _ref18.resolveColor;
+  var SEmptyData = _ref16.Element,
+    styles = _ref16.styles,
+    d3Arc = _ref16.d3Arc,
+    color = _ref16.color,
+    resolveColor = _ref16.resolveColor;
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SEmptyData, _ref3.cn("SEmptyData", {
     "render": 'path',
     "color": resolveColor(color),
@@ -471,18 +486,18 @@ function EmptyData(_ref18) {
     })
   }));
 }
-function Label(_ref19) {
+function Label(_ref17) {
   var _ref4;
-  var SLabel = _ref19.Element,
-    styles = _ref19.styles,
-    Children = _ref19.Children,
-    children = _ref19.children,
-    label = _ref19.label,
-    dataHintsHandler = _ref19.dataHintsHandler,
-    _ref19$x = _ref19.x,
-    x = _ref19$x === void 0 ? 0 : _ref19$x,
-    _ref19$y = _ref19.y,
-    y = _ref19$y === void 0 ? 0 : _ref19$y;
+  var SLabel = _ref17.Element,
+    styles = _ref17.styles,
+    Children = _ref17.Children,
+    children = _ref17.children,
+    label = _ref17.label,
+    dataHintsHandler = _ref17.dataHintsHandler,
+    _ref17$x = _ref17.x,
+    x = _ref17$x === void 0 ? 0 : _ref17$x,
+    _ref17$y = _ref17.y,
+    y = _ref17$y === void 0 ? 0 : _ref17$y;
   dataHintsHandler.setTitle('vertical', label || children);
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref4.cn("SLabel", {
     "render": 'text',
@@ -491,20 +506,20 @@ function Label(_ref19) {
     "aria-hidden": true
   }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
 }
-var DonutTooltip = function DonutTooltip(props) {
+function DonutTooltip(props) {
   var _ref = arguments[0],
     _ref5;
   var SDonutTooltip = _Tooltip["default"];
   return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDonutTooltip, _ref5.cn("SDonutTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "excludeAnchorProps": true
   }, _ref))));
-};
+}
+;
 var Donut = (0, _createElement["default"])(DonutRoot, {
   Pie: Pie,
   Label: Label,
   EmptyData: EmptyData,
   Tooltip: [DonutTooltip, _Tooltip["default"]._______childrenComponents]
 });
-var _default = Donut;
-exports["default"] = _default;
+var _default = exports["default"] = Donut;
 //# sourceMappingURL=Donut.js.map