@semcore/d3-chart 1.5.5 → 1.6.2

package/lib/es6/Bubble.js

@@ -0,0 +1,259 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import { Component, sstyled } from '@semcore/core';
+import canUseDOM from '@semcore/utils/lib/canUseDOM';
+import { CONSTANT } from './utils';
+import createElement from './createElement';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { transition } from 'd3-transition';
+
+/*__reshadow-styles__:"./style/bubble.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_sstyled.insert(
+/*__inner_css_start__*/
+".___SBubble_z23ud_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1pe3cbw);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_z23ud_gg_:hover{opacity:.8}.___SBubble_z23ud_gg_.__color_z23ud_gg_{fill:var(--color_1pe3cbw)}.___SCenter_z23ud_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_z23ud_gg_.__color_z23ud_gg_{stroke:var(--color_1pe3cbw)}.___SLabel_z23ud_gg_{fill:#2bb3ff}.___SLabel_z23ud_gg_._position_right_z23ud_gg_{text-anchor:end}.___SLabel_z23ud_gg_._position_left_z23ud_gg_{text-anchor:start}.___SLabel_z23ud_gg_.__color_z23ud_gg_{fill:var(--color_1pe3cbw)}"
+/*__inner_css_end__*/
+, "1pe3cbw_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SBubble": "___SBubble_z23ud_gg_",
+  "--duration": "--duration_1pe3cbw",
+  "_color": "__color_z23ud_gg_",
+  "--color": "--color_1pe3cbw",
+  "__SCenter": "___SCenter_z23ud_gg_",
+  "__SLabel": "___SLabel_z23ud_gg_",
+  "_position_right": "_position_right_z23ud_gg_",
+  "_position_left": "_position_left_z23ud_gg_"
+});
+import ClipPath from './ClipPath';
+import { scaleSqrt } from 'd3-scale';
+
+var memoize = function memoize(func) {
+  var results = {};
+  return function (argsKey) {
+    if (!results[argsKey]) {
+      results[argsKey] = func(argsKey);
+    }
+
+    return results[argsKey];
+  };
+};
+
+var measureText = memoize(function (text) {
+  var span = document.createElement('span');
+  span.append(document.createTextNode(text));
+  span.style.display = 'inline-block';
+  document.body.append(span);
+  var textLength = span.offsetWidth;
+  span.remove();
+  return textLength;
+});
+
+var BubbleRoot = /*#__PURE__*/function (_Component) {
+  _inherits(BubbleRoot, _Component);
+
+  var _super = _createSuper(BubbleRoot);
+
+  function BubbleRoot() {
+    var _this;
+
+    _classCallCheck(this, BubbleRoot);
+
+    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));
+
+    _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
+
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
+      return function (_ref2) {
+        var x = _ref2.clientX,
+            y = _ref2.clientY;
+        var eventEmitter = _this.asProps.eventEmitter;
+        _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
+        _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
+        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+      };
+    });
+
+    return _this;
+  }
+
+  _createClass(BubbleRoot, [{
+    key: "generateGetBoundingClientRect",
+    value: function generateGetBoundingClientRect() {
+      var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return function () {
+        return {
+          width: 0,
+          height: 0,
+          top: y,
+          right: x,
+          bottom: y,
+          left: x
+        };
+      };
+    }
+  }, {
+    key: "animationCircle",
+    value: function animationCircle() {
+      var _this$asProps = this.asProps,
+          duration = _this$asProps.duration,
+          uid = _this$asProps.uid,
+          data = _this$asProps.data,
+          value = _this$asProps.value;
+      var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
+        return el[value];
+      })))]).range([5.5, 50.5]);
+      var selectRect = transition().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
+      var selectRectNode = selectRect.node();
+
+      if (duration > 0 && selectRectNode) {
+        selectRect.transition().duration(duration).attr('r', function (_, ind) {
+          return z(data[ind][value]);
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.animationCircle();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animationCircle();
+    }
+  }, {
+    key: "renderCircle",
+    value: function renderCircle(d, i) {
+      var _ref, _d$color;
+
+      var _this$asProps2 = this.asProps,
+          color = _this$asProps2.color,
+          scale = _this$asProps2.scale,
+          x = _this$asProps2.x,
+          y = _this$asProps2.y,
+          offset = _this$asProps2.offset,
+          styles = _this$asProps2.styles,
+          uid = _this$asProps2.uid,
+          duration = _this$asProps2.duration,
+          value = _this$asProps2.value,
+          label = _this$asProps2.label,
+          markedCross = _this$asProps2.markedCross,
+          size = _this$asProps2.size,
+          data = _this$asProps2.data;
+
+      var _scale = _slicedToArray(scale, 2),
+          xScale = _scale[0],
+          yScale = _scale[1];
+
+      var SBubble = this.Element;
+      var SCenter = 'text';
+      var SLabel = 'text';
+      var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
+        return el[value];
+      })))]).range([5.5, 50.5]);
+      var margin = Math.min(xScale.range()[0], xScale.range()[1]);
+      var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label]) ? 'right' : 'left';
+      var labelDistance = {
+        right: xScale(d[x]) + offset[0] - z(d[value]),
+        left: xScale(d[x]) + offset[0] + z(d[value])
+      }[labelPosition];
+      return _ref = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref.cn("g", {
+        "key": "circle(#".concat(i, ")"),
+        "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
+          xIndex: i
+        })),
+        "onMouseLeave": this.bindHandlerTooltip(false, _objectSpread(_objectSpread({}, this.props), {}, {
+          xIndex: i
+        }))
+      }), markedCross && /*#__PURE__*/React.createElement(SCenter, _ref.cn("SCenter", {
+        "x": xScale(d[x]) + offset[0],
+        "y": yScale(d[y]) + offset[1],
+        "dy": ".3em",
+        "clipPath": "url(#".concat(uid, ")"),
+        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+      }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref.cn("SBubble", {
+        "id": "".concat(uid).concat(uid),
+        "render": "circle",
+        "clipPath": "url(#".concat(uid, ")"),
+        "cx": xScale(d[x]) + offset[0],
+        "cy": yScale(d[y]) + offset[1],
+        "color": d[color],
+        "r": z(d[value]),
+        "use:duration": "".concat(duration, "ms")
+      })), d[label] && /*#__PURE__*/React.createElement(SLabel, _ref.cn("SLabel", {
+        "x": labelDistance,
+        "y": yScale(d[y]) + offset[1],
+        "dy": ".3em",
+        "clipPath": "url(#".concat(uid, ")"),
+        "position": labelPosition,
+        "color": d[color]
+      }), d[label]));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$asProps3 = this.asProps,
+          data = _this$asProps3.data,
+          uid = _this$asProps3.uid,
+          size = _this$asProps3.size,
+          scale = _this$asProps3.scale;
+
+      var _scale2 = _slicedToArray(scale, 2),
+          xScale = _scale2[0],
+          yScale = _scale2[1];
+
+      var marginX = Math.min(xScale.range()[0], xScale.range()[1]);
+      var marginY = Math.min(yScale.range()[0], yScale.range()[1]);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/React.createElement(ClipPath, {
+        id: uid,
+        x: marginX,
+        y: marginY,
+        width: "".concat(size[0] - 2 * marginX, "px"),
+        height: "".concat(size[1] - 2 * marginY, "px")
+      }));
+    }
+  }]);
+
+  return BubbleRoot;
+}(Component);
+
+_defineProperty(BubbleRoot, "displayName", 'Bubble');
+
+_defineProperty(BubbleRoot, "style", style);
+
+_defineProperty(BubbleRoot, "enhance", [uniqueIDEnhancement()]);
+
+_defineProperty(BubbleRoot, "defaultProps", {
+  offset: [0, 0],
+  duration: 500,
+  markedCross: true
+});
+
+var Bubble = createElement(BubbleRoot);
+export default Bubble;
+//# sourceMappingURL=Bubble.js.map

package/lib/es6/Bubble.js.map

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

package/lib/es6/Donut.js

@@ -28,21 +28,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1ar8h_gg_{stroke:#fff;fill:var(--color_3mch97)}.___SLabel_1ar8h_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_1ftfa_gg_{stroke:#fff;fill:#50aef4}.___SPie_1ftfa_gg_.__color_1ftfa_gg_{fill:var(--color_40fbm0)}.___SEmptyData_1ftfa_gg_{fill:#e4ecf1}.___SEmptyData_1ftfa_gg_.__color_1ftfa_gg_{fill:var(--color_40fbm0)}.___SLabel_1ftfa_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "3mch97_gg_")
+, "40fbm0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1ar8h_gg_",
-  "--color": "--color_3mch97",
-  "__SLabel": "___SLabel_1ar8h_gg_"
+  "__SPie": "___SPie_1ftfa_gg_",
+  "_color": "__color_1ftfa_gg_",
+  "--color": "--color_40fbm0",
+  "__SEmptyData": "___SEmptyData_1ftfa_gg_",
+  "__SLabel": "___SLabel_1ftfa_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
-function animationInitialPie(_ref3) {
-  var halfsize = _ref3.halfsize,
-      d3Arc = _ref3.d3Arc,
-      arcs = _ref3.arcs;
+function animationInitialPie(_ref4) {
+  var halfsize = _ref4.halfsize,
+      d3Arc = _ref4.d3Arc,
+      arcs = _ref4.arcs;
   return function (_, ind) {
     var d = arcs[ind];
     if (!d) return function () {
@@ -58,10 +60,10 @@ function animationInitialPie(_ref3) {
   };
 }
 
-function animationUpdatePie(_ref4) {
-  var halfsize = _ref4.halfsize,
-      arcs = _ref4.arcs,
-      d3Arc = _ref4.d3Arc;
+function animationUpdatePie(_ref5) {
+  var halfsize = _ref5.halfsize,
+      arcs = _ref5.arcs,
+      d3Arc = _ref5.d3Arc;
   return function (_, ind) {
     var d = arcs[ind];
 
@@ -82,12 +84,12 @@ function animationUpdatePie(_ref4) {
   };
 }
 
-function animationHoverPie(_ref5) {
-  var d = _ref5.d,
-      selector = _ref5.selector,
-      duration = _ref5.duration,
-      innerRadius = _ref5.innerRadius,
-      outerRadius = _ref5.outerRadius;
+function animationHoverPie(_ref6) {
+  var d = _ref6.d,
+      selector = _ref6.selector,
+      duration = _ref6.duration,
+      innerRadius = _ref6.innerRadius,
+      outerRadius = _ref6.outerRadius;
 
   if (duration > 0) {
     transition().selection().select(selector).transition().duration(duration).attrTween('d', function () {
@@ -110,10 +112,10 @@ function animationHoverPie(_ref5) {
 
 var increaseFactor = 8;
 
-function getOuterRadius(_ref6) {
-  var size = _ref6.size,
-      halfsize = _ref6.halfsize,
-      outerRadius = _ref6.outerRadius;
+function getOuterRadius(_ref7) {
+  var size = _ref7.size,
+      halfsize = _ref7.halfsize,
+      outerRadius = _ref7.outerRadius;
 
   var _size = _slicedToArray(size, 2),
       width = _size[0],
@@ -142,9 +144,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
 
     _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref7) {
-        var x = _ref7.clientX,
-            y = _ref7.clientY;
+      return function (_ref8) {
+        var x = _ref8.clientX,
+            y = _ref8.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
@@ -196,17 +198,17 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 
           return acc;
         }, []);
-        pieData = Object.entries(data).filter(function (_ref8) {
-          var _ref9 = _slicedToArray(_ref8, 1),
-              key = _ref9[0];
+        pieData = Object.entries(data).filter(function (_ref9) {
+          var _ref10 = _slicedToArray(_ref9, 1),
+              key = _ref10[0];
 
           return keys.includes(key);
-        }).sort(function (_ref10, _ref11) {
-          var _ref12 = _slicedToArray(_ref10, 1),
-              a = _ref12[0];
-
+        }).sort(function (_ref11, _ref12) {
           var _ref13 = _slicedToArray(_ref11, 1),
-              b = _ref13[0];
+              a = _ref13[0];
+
+          var _ref14 = _slicedToArray(_ref12, 1),
+              b = _ref14[0];
 
           return keys.indexOf(a) > keys.indexOf(b) ? 1 : -1;
         });
@@ -266,12 +268,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     value: function getEmptyDataProps() {
       var d3Arc = this.asProps.d3Arc;
       return {
-        data: {
-          endAngle: Math.PI * 2,
-          startAngle: 0
-        },
-        d3Arc: d3Arc,
-        color: '#E4ECF1'
+        d3Arc: d3Arc
       };
     }
   }, {
@@ -343,21 +340,21 @@ _defineProperty(DonutRoot, "style", style);
 
 _defineProperty(DonutRoot, "enhance", [uniqueIDEnhancement()]);
 
-_defineProperty(DonutRoot, "defaultProps", function (_ref16) {
-  var _ref16$innerRadius = _ref16.innerRadius,
-      innerRadius = _ref16$innerRadius === void 0 ? 0 : _ref16$innerRadius,
-      outerRadius = _ref16.outerRadius,
-      _ref16$halfsize = _ref16.halfsize,
-      halfsize = _ref16$halfsize === void 0 ? false : _ref16$halfsize,
-      size = _ref16.$rootProps.size;
+_defineProperty(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;
   var d3Arc = arc().outerRadius(getOuterRadius({
     size: size,
     halfsize: halfsize,
     outerRadius: outerRadius
   })).innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);
-  var d3Pie = pie().sort(null).value(function (_ref17) {
-    var _ref18 = _slicedToArray(_ref17, 2),
-        value = _ref18[1];
+  var d3Pie = pie().sort(null).value(function (_ref19) {
+    var _ref20 = _slicedToArray(_ref19, 2),
+        value = _ref20[1];
 
     return value;
   });
@@ -374,15 +371,14 @@ _defineProperty(DonutRoot, "defaultProps", function (_ref16) {
   };
 });
 
-function Pie(_ref14) {
+function Pie(_ref15) {
   var _ref;
 
-  var SPie = _ref14.Element,
-      styles = _ref14.styles,
-      d3Arc = _ref14.d3Arc,
-      data = _ref14.data,
-      _ref14$color = _ref14.color,
-      color = _ref14$color === void 0 ? '#50aef4' : _ref14$color;
+  var SPie = _ref15.Element,
+      styles = _ref15.styles,
+      d3Arc = _ref15.d3Arc,
+      data = _ref15.data,
+      color = _ref15.color;
   return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SPie, _ref.cn("SPie", {
     "render": "path",
     "color": color,
@@ -390,23 +386,40 @@ function Pie(_ref14) {
   }));
 }
 
-function Label(_ref15) {
+function EmptyData(_ref16) {
   var _ref2;
 
-  var SLabel = _ref15.Element,
-      styles = _ref15.styles,
-      Children = _ref15.Children;
-  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref2.cn("SLabel", {
+  var SEmptyData = _ref16.Element,
+      styles = _ref16.styles,
+      d3Arc = _ref16.d3Arc,
+      color = _ref16.color;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SEmptyData, _ref2.cn("SEmptyData", {
+    "render": "path",
+    "color": color,
+    "d": d3Arc({
+      endAngle: Math.PI * 2,
+      startAngle: 0
+    })
+  }));
+}
+
+function Label(_ref17) {
+  var _ref3;
+
+  var SLabel = _ref17.Element,
+      styles = _ref17.styles,
+      Children = _ref17.Children;
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref3.cn("SLabel", {
     "render": "text",
     "x": "0",
     "y": "0"
-  }), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+  }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})));
 }
 
 var Donut = createElement(DonutRoot, {
   Pie: Pie,
   Label: Label,
-  EmptyData: Pie
+  EmptyData: EmptyData
 });
 export default Donut;
 //# sourceMappingURL=Donut.js.map

package/lib/es6/Donut.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Donut.js"],"names":["React","arc","pie","Component","sstyled","canUseDOM","getOriginChildren","CONSTANT","createElement","uniqueIDEnhancement","interpolate","transition","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","attrTween","min","max","d3ArcOut","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","uid","id","top","right","bottom","left","Children","data","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","color","prevProps","$rootProps","selectAll","each","Element","k","getArcs","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\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\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, duration, innerRadius } = this.asProps;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\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: `#${this.id} [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: `#${this.id} [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"}
+{"version":3,"sources":["../../src/Donut.js"],"names":["React","arc","pie","Component","sstyled","canUseDOM","getOriginChildren","CONSTANT","createElement","uniqueIDEnhancement","interpolate","transition","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","attrTween","min","max","d3ArcOut","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","uid","id","top","right","bottom","left","Children","data","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","Element","k","getArcs","style","value","SPie","styles","color","EmptyData","SEmptyData","Label","SLabel"],"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\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\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, duration, innerRadius } = this.asProps;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\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: `#${this.id} [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: `#${this.id} [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      d3Arc,\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 }) {\n  return sstyled(styles)(<SPie render=\"path\" color={color} d={d3Arc(data)} />);\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\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 });\n\nexport default Donut;\n"],"file":"Donut.js"}

package/lib/es6/Dots.js

@@ -14,16 +14,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDot_vvre7_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:var(--color_8nea8t);transition-property:cx,cy;transition-duration:var(--duration_8nea8t);transition-timing-function:ease-in-out}.___SDot_vvre7_gg_.__hide_vvre7_gg_{display:none}.___SDot_vvre7_gg_.__active_vvre7_gg_{r:8px}"
+".___SDot_37a7m_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#50aef4;transition-property:cx,cy;transition-duration:var(--duration_1mcd7jn);transition-timing-function:ease-in-out}.___SDot_37a7m_gg_.__color_37a7m_gg_{fill:var(--color_1mcd7jn)}.___SDot_37a7m_gg_.__hide_37a7m_gg_{display:none}.___SDot_37a7m_gg_.__active_37a7m_gg_{r:8px}"
 /*__inner_css_end__*/
-, "8nea8t_gg_")
+, "1mcd7jn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDot": "___SDot_vvre7_gg_",
-  "--color": "--color_8nea8t",
-  "--duration": "--duration_8nea8t",
-  "_hide": "__hide_vvre7_gg_",
-  "_active": "__active_vvre7_gg_"
+  "__SDot": "___SDot_37a7m_gg_",
+  "--duration": "--duration_1mcd7jn",
+  "_color": "__color_37a7m_gg_",
+  "--color": "--color_1mcd7jn",
+  "_hide": "__hide_37a7m_gg_",
+  "_active": "__active_37a7m_gg_"
 });
 
 function Dots(props) {