@semcore/d3-chart 3.0.0-beta.1 → 3.0.0

package/CHANGELOG.md

@@ -18,6 +18,8 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Typed `HoverLine.Tooltip`, `HoverRect.Tooltip`, `Radar.Tooltip`, `Bubble.Tooltip`, `Donut.Tooltip`, `ScatterPlot.Tooltip` and `Venn.Tooltip`.
 
+## [2.17.5] - 2023-06-30
+
 ## [2.17.4] - 2023-06-27
 
 ### Fixed

package/lib/cjs/Area.js

@@ -21,15 +21,15 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_113x8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_113x8_gg_.__color_113x8_gg_{fill:var(--color_113x8)}.___SArea_113x8_gg_.__transparent_113x8_gg_{opacity:.3}.___SAreaLine_113x8_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_113x8_gg_.__color_113x8_gg_{stroke:var(--color_113x8)}.___SAreaLine_113x8_gg_.__transparent_113x8_gg_{opacity:.3}.___SAreaLine_113x8_gg_,.___SArea_113x8_gg_{transition-property:d;transition-duration:var(--duration_113x8);transition-timing-function:ease-in-out}.___SNull_113x8_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_113x8_gg_.__hide_113x8_gg_{display:none}" /*__inner_css_end__*/, "113x8_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_113x8_gg_",
-  "_color": "__color_113x8_gg_",
-  "--color": "--color_113x8",
-  "_transparent": "__transparent_113x8_gg_",
-  "__SAreaLine": "___SAreaLine_113x8_gg_",
-  "--duration": "--duration_113x8",
-  "__SNull": "___SNull_113x8_gg_",
-  "_hide": "__hide_113x8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_7scnj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_7scnj_gg_.__color_7scnj_gg_{fill:var(--color_7scnj)}.___SArea_7scnj_gg_.__transparent_7scnj_gg_{opacity:.3}.___SAreaLine_7scnj_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_7scnj_gg_.__color_7scnj_gg_{stroke:var(--color_7scnj)}.___SAreaLine_7scnj_gg_.__transparent_7scnj_gg_{opacity:.3}.___SAreaLine_7scnj_gg_,.___SArea_7scnj_gg_{transition-property:d;transition-duration:var(--duration_7scnj);transition-timing-function:ease-in-out}.___SNull_7scnj_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_7scnj_gg_.__hide_7scnj_gg_{display:none}" /*__inner_css_end__*/, "7scnj_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_7scnj_gg_",
+  "_color": "__color_7scnj_gg_",
+  "--color": "--color_7scnj",
+  "_transparent": "__transparent_7scnj_gg_",
+  "__SAreaLine": "___SAreaLine_7scnj_gg_",
+  "--duration": "--duration_7scnj",
+  "__SNull": "___SNull_7scnj_gg_",
+  "_hide": "__hide_7scnj_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AreaRoot, _Component);

package/lib/cjs/Axis.js

@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_rna6f_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_rna6f_gg_.__hide_rna6f_gg_,.___STick_rna6f_gg_.__hide_rna6f_gg_{display:none}.___STick_rna6f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_rna6f_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_rna6f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_rna6f)}.___STitle_rna6f_gg_._position_top_rna6f_gg_{text-anchor:middle}.___STitle_rna6f_gg_._position_bottom_rna6f_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_rna6f_gg_._position_left_rna6f_gg_,.___STitle_rna6f_gg_._position_right_rna6f_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_rna6f_gg_._position_left_rna6f_gg_.__verticalWritingMode_rna6f_gg_,.___STitle_rna6f_gg_._position_right_rna6f_gg_.__verticalWritingMode_rna6f_gg_{writing-mode:vertical-rl;transform:none}.___STick_rna6f_gg_._position_top_rna6f_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_rna6f_gg_._position_bottom_rna6f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_rna6f_gg_._position_right_rna6f_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_rna6f_gg_._position_left_rna6f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_rna6f_gg_._position_custom_0_rna6f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_rna6f_gg_._position_custom_1_rna6f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "rna6f_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_rna6f_gg_",
-  "_hide": "__hide_rna6f_gg_",
-  "__STick": "___STick_rna6f_gg_",
-  "__SGrid": "___SGrid_rna6f_gg_",
-  "__STitle": "___STitle_rna6f_gg_",
-  "--transform-origin": "--transform-origin_rna6f",
-  "_position_top": "_position_top_rna6f_gg_",
-  "_position_bottom": "_position_bottom_rna6f_gg_",
-  "_position_right": "_position_right_rna6f_gg_",
-  "_position_left": "_position_left_rna6f_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_rna6f_gg_",
-  "_position_custom_0": "_position_custom_0_rna6f_gg_",
-  "_position_custom_1": "_position_custom_1_rna6f_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_ed1z7_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_ed1z7_gg_.__hide_ed1z7_gg_,.___STick_ed1z7_gg_.__hide_ed1z7_gg_{display:none}.___STick_ed1z7_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_ed1z7_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_ed1z7_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_ed1z7)}.___STitle_ed1z7_gg_._position_top_ed1z7_gg_{text-anchor:middle}.___STitle_ed1z7_gg_._position_bottom_ed1z7_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_ed1z7_gg_._position_left_ed1z7_gg_,.___STitle_ed1z7_gg_._position_right_ed1z7_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_ed1z7_gg_._position_left_ed1z7_gg_.__verticalWritingMode_ed1z7_gg_,.___STitle_ed1z7_gg_._position_right_ed1z7_gg_.__verticalWritingMode_ed1z7_gg_{writing-mode:vertical-rl;transform:none}.___STick_ed1z7_gg_._position_top_ed1z7_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_ed1z7_gg_._position_bottom_ed1z7_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_ed1z7_gg_._position_right_ed1z7_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_ed1z7_gg_._position_left_ed1z7_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_ed1z7_gg_._position_custom_0_ed1z7_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_ed1z7_gg_._position_custom_1_ed1z7_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "ed1z7_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_ed1z7_gg_",
+  "_hide": "__hide_ed1z7_gg_",
+  "__STick": "___STick_ed1z7_gg_",
+  "__SGrid": "___SGrid_ed1z7_gg_",
+  "__STitle": "___STitle_ed1z7_gg_",
+  "--transform-origin": "--transform-origin_ed1z7",
+  "_position_top": "_position_top_ed1z7_gg_",
+  "_position_bottom": "_position_bottom_ed1z7_gg_",
+  "_position_right": "_position_right_ed1z7_gg_",
+  "_position_left": "_position_left_ed1z7_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_ed1z7_gg_",
+  "_position_custom_0": "_position_custom_0_ed1z7_gg_",
+  "_position_custom_1": "_position_custom_1_ed1z7_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -19,14 +19,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ywra_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ywra);transition-timing-function:ease-in-out}.___SBar_1ywra_gg_.__color_1ywra_gg_{fill:var(--color_1ywra)}.___SBar_1ywra_gg_.__hide_1ywra_gg_{display:none}.___SBar_1ywra_gg_.__transparent_1ywra_gg_{opacity:.3}.___SBackground_1ywra_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ywra_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ywra_gg_",
-  "--duration": "--duration_1ywra",
-  "_color": "__color_1ywra_gg_",
-  "--color": "--color_1ywra",
-  "_hide": "__hide_1ywra_gg_",
-  "_transparent": "__transparent_1ywra_gg_",
-  "__SBackground": "___SBackground_1ywra_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_rno89_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_rno89);transition-timing-function:ease-in-out}.___SBar_rno89_gg_.__color_rno89_gg_{fill:var(--color_rno89)}.___SBar_rno89_gg_.__hide_rno89_gg_{display:none}.___SBar_rno89_gg_.__transparent_rno89_gg_{opacity:.3}.___SBackground_rno89_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "rno89_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_rno89_gg_",
+  "--duration": "--duration_rno89",
+  "_color": "__color_rno89_gg_",
+  "--color": "--color_rno89",
+  "_hide": "__hide_rno89_gg_",
+  "_transparent": "__transparent_rno89_gg_",
+  "__SBackground": "___SBackground_rno89_gg_"
 });
 var MIN_HEIGHT = 2;
 exports.MIN_HEIGHT = MIN_HEIGHT;

package/lib/cjs/Bubble.js

@@ -25,16 +25,16 @@ var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1fggl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1fggl);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1fggl_gg_:hover{opacity:.8}}.___SBubble_1fggl_gg_.__color_1fggl_gg_{fill:var(--color_1fggl)}.___SBubble_1fggl_gg_.__transparent_1fggl_gg_{opacity:.3}.___SCenter_1fggl_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1fggl_gg_.__color_1fggl_gg_{stroke:var(--color_1fggl)}.___SCenter_1fggl_gg_.__transparent_1fggl_gg_{opacity:.3}.___SLabel_1fggl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1fggl_gg_._position_right_1fggl_gg_{text-anchor:end}.___SLabel_1fggl_gg_._position_left_1fggl_gg_{text-anchor:start}.___SLabel_1fggl_gg_.__color_1fggl_gg_{fill:var(--color_1fggl)}.___SLabel_1fggl_gg_.__transparent_1fggl_gg_{opacity:.3}" /*__inner_css_end__*/, "1fggl_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_1fggl_gg_",
-  "--duration": "--duration_1fggl",
-  "_color": "__color_1fggl_gg_",
-  "--color": "--color_1fggl",
-  "_transparent": "__transparent_1fggl_gg_",
-  "__SCenter": "___SCenter_1fggl_gg_",
-  "__SLabel": "___SLabel_1fggl_gg_",
-  "_position_right": "_position_right_1fggl_gg_",
-  "_position_left": "_position_left_1fggl_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1xqhi_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1xqhi);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1xqhi_gg_:hover{opacity:.8}}.___SBubble_1xqhi_gg_.__color_1xqhi_gg_{fill:var(--color_1xqhi)}.___SBubble_1xqhi_gg_.__transparent_1xqhi_gg_{opacity:.3}.___SCenter_1xqhi_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1xqhi_gg_.__color_1xqhi_gg_{stroke:var(--color_1xqhi)}.___SCenter_1xqhi_gg_.__transparent_1xqhi_gg_{opacity:.3}.___SLabel_1xqhi_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1xqhi_gg_._position_right_1xqhi_gg_{text-anchor:end}.___SLabel_1xqhi_gg_._position_left_1xqhi_gg_{text-anchor:start}.___SLabel_1xqhi_gg_.__color_1xqhi_gg_{fill:var(--color_1xqhi)}.___SLabel_1xqhi_gg_.__transparent_1xqhi_gg_{opacity:.3}" /*__inner_css_end__*/, "1xqhi_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_1xqhi_gg_",
+  "--duration": "--duration_1xqhi",
+  "_color": "__color_1xqhi_gg_",
+  "--color": "--color_1xqhi",
+  "_transparent": "__transparent_1xqhi_gg_",
+  "__SCenter": "___SCenter_1xqhi_gg_",
+  "__SLabel": "___SLabel_1xqhi_gg_",
+  "_position_right": "_position_right_1xqhi_gg_",
+  "_position_left": "_position_left_1xqhi_gg_"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(BubbleRoot, _Component);
@@ -47,14 +47,14 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref2) {
-        var x = _ref2.clientX,
-          y = _ref2.clientY;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+      return function (_ref4) {
+        var x = _ref4.clientX,
+          y = _ref4.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
-        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+        eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
       };
     });
     return _this;
@@ -107,7 +107,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCircle",
     value: function renderCircle(d, i) {
-      var _ref, _d$color;
+      var _ref2, _d$color;
       var _this$asProps2 = this.asProps,
         color = _this$asProps2.color,
         scale = _this$asProps2.scale,
@@ -138,17 +138,17 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         right: xScale(d[x]) + offset[0] - z(d[value]),
         left: xScale(d[x]) + offset[0] + z(d[value])
       }[labelPosition];
-      return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref.cn("g", {
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref2.cn("g", {
         "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, this.props), {}, {
+        "onMouseMove": this.bindHandlerTooltip(true, this.props, {
           xIndex: i,
           index: i
-        })),
-        "onMouseLeave": this.bindHandlerTooltip(false, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, this.props), {}, {
+        }),
+        "onMouseLeave": this.bindHandlerTooltip(false, this.props, {
           xIndex: i,
           index: i
-        }))
-      }), markedCross && /*#__PURE__*/_react["default"].createElement(SCenter, _ref.cn("SCenter", {
+        })
+      }), markedCross && /*#__PURE__*/_react["default"].createElement(SCenter, _ref2.cn("SCenter", {
         "aria-hidden": true,
         "x": xScale(d[x]) + offset[0],
         "y": yScale(d[y]) + offset[1],
@@ -156,7 +156,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "clipPath": "url(#".concat(uid, ")"),
         "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color,
         "transparent": transparent
-      }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref.cn("SBubble", {
+      }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref2.cn("SBubble", {
         "aria-hidden": true,
         "id": "".concat(uid).concat(uid),
         "index": i,
@@ -168,7 +168,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "r": z(d[value]),
         "use:duration": "".concat(duration, "ms"),
         "transparent": transparent
-      })), d[label] && /*#__PURE__*/_react["default"].createElement(SLabel, _ref.cn("SLabel", {
+      })), d[label] && /*#__PURE__*/_react["default"].createElement(SLabel, _ref2.cn("SLabel", {
         "aria-hidden": true,
         "x": labelDistance,
         "y": yScale(d[y]) + offset[1],
@@ -218,8 +218,16 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   duration: 500,
   markedCross: true
 });
+var BubbleTooltip = function BubbleTooltip(props) {
+  var _ref = arguments[0],
+    _ref3;
+  var SBubbleTooltip = _Tooltip["default"];
+  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBubbleTooltip, _ref3.cn("SBubbleTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "excludeAnchorProps": true
+  }, _ref))));
+};
 var Bubble = (0, _createElement["default"])(BubbleRoot, {
-  Tooltip: _Tooltip["default"]
+  Tooltip: [BubbleTooltip, _Tooltip["default"]._______childrenComponents]
 });
 var _default = Bubble;
 exports["default"] = _default;

package/lib/cjs/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Scale","_d3Transition","_canUseDOM","_uniqueID","_createElement","_ClipPath","_utils","_Tooltip","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","_ref2","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","scaleSqrt","domain","Math","max","_toConsumableArray2","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","_objectSpread2","xIndex","index","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Component","uniqueIDEnhancement","Bubble","Tooltip","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/bubble.shadow.css';\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().selection().selectAll(`[id^=${uid}${uid}]`).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      transparent,\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, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i, index: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\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            transparent={transparent}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\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          transparent={transparent}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\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            transparent={transparent}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot, { Tooltip });\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Scale","_d3Transition","_canUseDOM","_uniqueID","_createElement","_ClipPath","_utils","_Tooltip","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","scaleSqrt","domain","Math","max","_toConsumableArray2","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","Tooltip","_objectSpread2","assignProps","Bubble","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/bubble.shadow.css';\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, tooltipProps) => ({ 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, tooltipProps, 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().selection().selectAll(`[id^=${uid}${uid}]`).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      transparent,\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, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\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            transparent={transparent}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\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          transparent={transparent}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\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            transparent={transparent}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst BubbleTooltip = (props) => {\n  const SBubbleTooltip = Root;\n  return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}

package/lib/cjs/Donut.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+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"));
@@ -27,23 +28,23 @@ var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 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_s10f8_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_s10f8_gg_.__color_s10f8_gg_{fill:var(--color_s10f8)}.___SPie_s10f8_gg_.__transparent_s10f8_gg_{opacity:.3}.___SEmptyData_s10f8_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_s10f8_gg_.__color_s10f8_gg_{fill:var(--color_s10f8)}.___SLabel_s10f8_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "s10f8_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_s10f8_gg_",
-  "_color": "__color_s10f8_gg_",
-  "--color": "--color_s10f8",
-  "_transparent": "__transparent_s10f8_gg_",
-  "__SEmptyData": "___SEmptyData_s10f8_gg_",
-  "__SLabel": "___SLabel_s10f8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_139j2_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_139j2_gg_.__color_139j2_gg_{fill:var(--color_139j2)}.___SPie_139j2_gg_.__transparent_139j2_gg_{opacity:.3}.___SEmptyData_139j2_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_139j2_gg_.__color_139j2_gg_{fill:var(--color_139j2)}.___SLabel_139j2_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "139j2_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_139j2_gg_",
+  "_color": "__color_139j2_gg_",
+  "--color": "--color_139j2",
+  "_transparent": "__transparent_139j2_gg_",
+  "__SEmptyData": "___SEmptyData_139j2_gg_",
+  "__SLabel": "___SLabel_139j2_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;
+function transitionAnglePie(_ref6) {
+  var selector = _ref6.selector,
+    duration = _ref6.duration,
+    halfsize = _ref6.halfsize,
+    d3Arc = _ref6.d3Arc,
+    d3ArcOut = _ref6.d3ArcOut,
+    arcs = _ref6.arcs,
+    activeIndexPie = _ref6.activeIndexPie;
   return (0, _d3Transition.transition)().selection().selectAll(selector).interrupt().transition().duration(duration).attrTween('d', function (_, ind) {
     if (!arcs[ind]) return function () {
       return '';
@@ -67,13 +68,13 @@ function transitionAnglePie(_ref4) {
     };
   });
 }
-function transitionRadiusPie(_ref5) {
-  var data = _ref5.data,
-    selector = _ref5.selector,
-    element = _ref5.element,
-    duration = _ref5.duration,
-    innerRadius = _ref5.innerRadius,
-    outerRadiusStartEnd = _ref5.outerRadiusStartEnd;
+function transitionRadiusPie(_ref7) {
+  var data = _ref7.data,
+    selector = _ref7.selector,
+    element = _ref7.element,
+    duration = _ref7.duration,
+    innerRadius = _ref7.innerRadius,
+    outerRadiusStartEnd = _ref7.outerRadiusStartEnd;
   return (0, _d3Transition.transition)().selection().select(selector).interrupt().transition().duration(duration).attrTween('d', function () {
     var _outerRadiusStartEnd = (0, _slicedToArray2["default"])(outerRadiusStartEnd, 2),
       start = _outerRadiusStartEnd[0],
@@ -88,9 +89,9 @@ function transitionRadiusPie(_ref5) {
   });
 }
 var increaseFactor = 8;
-function getOuterRadius(_ref6) {
-  var size = _ref6.size,
-    halfsize = _ref6.halfsize;
+function getOuterRadius(_ref8) {
+  var size = _ref8.size,
+    halfsize = _ref8.halfsize;
   var _size = (0, _slicedToArray2["default"])(size, 2),
     width = _size[0],
     height = _size[1];
@@ -110,21 +111,21 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     (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) {
-      return function (_ref7) {
-        var x = _ref7.clientX,
-          y = _ref7.clientY;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+      return function (_ref9) {
+        var x = _ref9.clientX,
+          y = _ref9.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
-        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+        eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationActivePie", function (_ref8) {
-      var data = _ref8.data,
-        active = _ref8.active,
-        selector = _ref8.selector,
-        element = _ref8.element;
+    (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,
@@ -205,15 +206,15 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
           }
           return acc;
         }, []);
-        pieData = Object.entries(data).filter(function (_ref9) {
-          var _ref10 = (0, _slicedToArray2["default"])(_ref9, 1),
-            key = _ref10[0];
+        pieData = Object.entries(data).filter(function (_ref11) {
+          var _ref12 = (0, _slicedToArray2["default"])(_ref11, 1),
+            key = _ref12[0];
           return keys.includes(key);
-        }).sort(function (_ref11, _ref12) {
-          var _ref13 = (0, _slicedToArray2["default"])(_ref11, 1),
-            a = _ref13[0];
-          var _ref14 = (0, _slicedToArray2["default"])(_ref12, 1),
-            b = _ref14[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];
           return keys.indexOf(a) > keys.indexOf(b) ? 1 : -1;
         });
       }
@@ -241,13 +242,20 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       if (active) {
         this.activeIndexPie = ind;
       }
+      var tooltipProps = {
+        dataKey: props.dataKey,
+        name: props.name,
+        color: props.color,
+        active: props.active,
+        transparent: props.transparent
+      };
       return {
         data: data,
         d3Arc: d3Arc,
         d3ArcOut: d3ArcOut,
         $animationActivePie: this.animationActivePie,
-        onMouseMove: this.bindHandlerTooltip(true, props),
-        onMouseLeave: this.bindHandlerTooltip(false, props),
+        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         onMouseOver: function onMouseOver(e) {
           if (!active) {
             _this2.animationActivePie({
@@ -318,13 +326,13 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(DonutRoot, "displayName", 'Donut');
 (0, _defineProperty2["default"])(DonutRoot, "style", style);
 (0, _defineProperty2["default"])(DonutRoot, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(DonutRoot, "defaultProps", function (_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;
+(0, _defineProperty2["default"])(DonutRoot, "defaultProps", function (_ref20) {
+  var _ref20$innerRadius = _ref20.innerRadius,
+    innerRadius = _ref20$innerRadius === void 0 ? 0 : _ref20$innerRadius,
+    outerRadius = _ref20.outerRadius,
+    _ref20$halfsize = _ref20.halfsize,
+    halfsize = _ref20$halfsize === void 0 ? false : _ref20$halfsize,
+    size = _ref20.$rootProps.size;
   var d3Arc = (0, _d3Shape.arc)().outerRadius(outerRadius || getOuterRadius({
     size: size,
     halfsize: halfsize,
@@ -334,9 +342,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     size: size,
     halfsize: halfsize
   })) + increaseFactor).innerRadius(innerRadius);
-  var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref19) {
-    var _ref20 = (0, _slicedToArray2["default"])(_ref19, 2),
-      value = _ref20[1];
+  var d3Pie = (0, _d3Shape.pie)().sort(null).value(function (_ref21) {
+    var _ref22 = (0, _slicedToArray2["default"])(_ref21, 2),
+      value = _ref22[1];
     return value;
   });
   d3Pie[DEFAULT_INSTANCE] = true;
@@ -350,21 +358,21 @@ 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);
+function Pie(_ref17) {
+  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,
+    other = (0, _objectWithoutProperties2["default"])(_ref17, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isMount = _useState2[0],
@@ -389,7 +397,7 @@ function Pie(_ref15) {
   }, [active]);
   dataHintsHandler.establishDataType('values-set');
   dataHintsHandler.describeValueEntity(dataKey, name);
-  return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPie, _ref.cn("SPie", {
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPie, _ref2.cn("SPie", {
     "render": 'path',
     "ref": pieRef,
     "color": color,
@@ -397,13 +405,13 @@ function Pie(_ref15) {
     "transparent": transparent
   }));
 }
-function EmptyData(_ref16) {
-  var _ref2;
-  var SEmptyData = _ref16.Element,
-    styles = _ref16.styles,
-    d3Arc = _ref16.d3Arc,
-    color = _ref16.color;
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SEmptyData, _ref2.cn("SEmptyData", {
+function EmptyData(_ref18) {
+  var _ref3;
+  var SEmptyData = _ref18.Element,
+    styles = _ref18.styles,
+    d3Arc = _ref18.d3Arc,
+    color = _ref18.color;
+  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SEmptyData, _ref3.cn("SEmptyData", {
     "render": 'path',
     "color": color,
     "d": d3Arc({
@@ -412,27 +420,35 @@ function EmptyData(_ref16) {
     })
   }));
 }
-function Label(_ref17) {
-  var _ref3;
-  var SLabel = _ref17.Element,
-    styles = _ref17.styles,
-    Children = _ref17.Children,
-    children = _ref17.children,
-    label = _ref17.label,
-    dataHintsHandler = _ref17.dataHintsHandler;
+function Label(_ref19) {
+  var _ref4;
+  var SLabel = _ref19.Element,
+    styles = _ref19.styles,
+    Children = _ref19.Children,
+    children = _ref19.children,
+    label = _ref19.label,
+    dataHintsHandler = _ref19.dataHintsHandler;
   dataHintsHandler.setTitle('vertical', label || children);
-  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref3.cn("SLabel", {
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLabel, _ref4.cn("SLabel", {
     "render": 'text',
     "x": '0',
     "y": '0',
     "aria-hidden": true
-  }), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})));
+  }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
 }
+var DonutTooltip = 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: _Tooltip["default"]
+  Tooltip: [DonutTooltip, _Tooltip["default"]._______childrenComponents]
 });
 var _default = Donut;
 exports["default"] = _default;