@semcore/d3-chart 2.13.4 → 2.13.5

package/lib/cjs/RadialTree.js

@@ -1,93 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = require("@semcore/core");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _d3Transition = require("d3-transition");
-
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-
 var _color = require("@semcore/utils/lib/color");
-
 var _assignProps = _interopRequireDefault(require("@semcore/utils/lib/assignProps"));
-
 var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
-
 var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
-
 var _createElement = _interopRequireDefault(require("./createElement"));
-
 var _utils = require("./utils");
-
 var _excluded = ["data"];
-
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SRadian_oyqzm_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_oyqzm_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_oyqzm_gg_.__color_oyqzm_gg_{stroke:var(--color_oyqzm)}.___SCap_oyqzm_gg_.__transparent_oyqzm_gg_,.___SIcon_oyqzm_gg_.__transparent_oyqzm_gg_,.___SLabel_oyqzm_gg_.__transparent_oyqzm_gg_,.___SLine_oyqzm_gg_.__transparent_oyqzm_gg_{opacity:.3}.___SCap_oyqzm_gg_{transition:r .1s}.___SLabel_oyqzm_gg_{fill:var(--color_oyqzm);cursor:var(--text-cursor_oyqzm)}@media (hover:hover){.___SRadian_oyqzm_gg_:hover .___SLabel_oyqzm_gg_{fill:var(--color-hovered_oyqzm)}}@media (prefers-reduced-motion){.___SLineCap_oyqzm_gg_{transition:none}}"
-/*__inner_css_end__*/
-, "oyqzm_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SRadian": "___SRadian_oyqzm_gg_",
-  "__SLine": "___SLine_oyqzm_gg_",
-  "_color": "__color_oyqzm_gg_",
-  "--color": "--color_oyqzm",
-  "_transparent": "__transparent_oyqzm_gg_",
-  "__SCap": "___SCap_oyqzm_gg_",
-  "__SIcon": "___SIcon_oyqzm_gg_",
-  "__SLabel": "___SLabel_oyqzm_gg_",
-  "--text-cursor": "--text-cursor_oyqzm",
-  "--color-hovered": "--color-hovered_oyqzm",
-  "__SLineCap": "___SLineCap_oyqzm_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_10je7_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10je7_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10je7_gg_.__color_10je7_gg_{stroke:var(--color_10je7)}.___SCap_10je7_gg_.__transparent_10je7_gg_,.___SIcon_10je7_gg_.__transparent_10je7_gg_,.___SLabel_10je7_gg_.__transparent_10je7_gg_,.___SLine_10je7_gg_.__transparent_10je7_gg_{opacity:.3}.___SCap_10je7_gg_{transition:r .1s}.___SLabel_10je7_gg_{fill:var(--color_10je7);cursor:var(--text-cursor_10je7)}@media (hover:hover){.___SRadian_10je7_gg_:hover .___SLabel_10je7_gg_{fill:var(--color-hovered_10je7)}}@media (prefers-reduced-motion){.___SLineCap_10je7_gg_{transition:none}}" /*__inner_css_end__*/, "10je7_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_10je7_gg_",
+  "__SLine": "___SLine_10je7_gg_",
+  "_color": "__color_10je7_gg_",
+  "--color": "--color_10je7",
+  "_transparent": "__transparent_10je7_gg_",
+  "__SCap": "___SCap_10je7_gg_",
+  "__SIcon": "___SIcon_10je7_gg_",
+  "__SLabel": "___SLabel_10je7_gg_",
+  "--text-cursor": "--text-cursor_10je7",
+  "--color-hovered": "--color-hovered_10je7",
+  "__SLineCap": "___SLineCap_10je7_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
-
 var RadialTreeBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RadialTreeBase, _Component);
-
   var _super = (0, _createSuper2["default"])(RadialTreeBase);
-
   function RadialTreeBase(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RadialTreeBase);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "Element", void 0);
     _this.handleRadianClick = _this.handleRadianClick.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
   (0, _createClass2["default"])(RadialTreeBase, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -99,14 +63,13 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "runAppearAnimation",
     value: function runAppearAnimation() {
       var _window$matchMedia;
-
       var _this$asProps = this.asProps,
-          duration = _this$asProps.duration,
-          uid = _this$asProps.uid;
+        duration = _this$asProps.duration,
+        uid = _this$asProps.uid;
       if (!(0, _canUseDOM["default"])()) return;
       var preferReduceMotion = (_window$matchMedia = window.matchMedia('(prefers-reduced-motion: reduce)')) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.matches;
-      /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */
 
+      /** using `!(>)` instead of `<=` to get true on NaN and non numbers stuff  */
       if (!(duration > 0)) return;
       if (preferReduceMotion) return;
       var circlesAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-cap-circle]")).interrupt();
@@ -117,11 +80,9 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
       var iconsNodes = iconsAnimation.nodes();
       var linesNodes = linesAnimation.nodes();
       var labelsNodes = linesAnimation.nodes();
-
       if (circlesNodes.length > 0) {
         var attrs = circlesNodes.map(function (node) {
           var _lineNode$x, _lineNode$x$baseVal, _lineNode$y, _lineNode$y$baseVal;
-
           var radianIndex = parseInt(node.dataset.radianIndex, 10);
           var lineNode = linesNodes[radianIndex];
           return {
@@ -137,27 +98,21 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
         });
         circlesAnimation.attr('opacity', 0).attr('cx', function (_, index) {
           var _attrs$index$from;
-
           return (_attrs$index$from = attrs[index].from) === null || _attrs$index$from === void 0 ? void 0 : _attrs$index$from.cx;
         }).attr('cy', function (_, index) {
           var _attrs$index$from2;
-
           return (_attrs$index$from2 = attrs[index].from) === null || _attrs$index$from2 === void 0 ? void 0 : _attrs$index$from2.cy;
         }).transition().duration(duration).attr('opacity', 1).attr('cx', function (_, index) {
           var _attrs$index$to;
-
           return (_attrs$index$to = attrs[index].to) === null || _attrs$index$to === void 0 ? void 0 : _attrs$index$to.cx;
         }).attr('cy', function (_, index) {
           var _attrs$index$to2;
-
           return (_attrs$index$to2 = attrs[index].to) === null || _attrs$index$to2 === void 0 ? void 0 : _attrs$index$to2.cy;
         });
       }
-
       if (iconsNodes.length > 0) {
         var _attrs = iconsNodes.map(function (node) {
           var _node$width, _node$width$baseVal, _node$height, _node$height$baseVal, _lineNode$x2, _lineNode$x2$baseVal, _lineNode$y2, _lineNode$y2$baseVal;
-
           var width = (_node$width = node.width) === null || _node$width === void 0 ? void 0 : (_node$width$baseVal = _node$width.baseVal) === null || _node$width$baseVal === void 0 ? void 0 : _node$width$baseVal.value;
           var height = (_node$height = node.height) === null || _node$height === void 0 ? void 0 : (_node$height$baseVal = _node$height.baseVal) === null || _node$height$baseVal === void 0 ? void 0 : _node$height$baseVal.value;
           var radianIndex = parseInt(node.dataset.radianIndex, 10);
@@ -173,30 +128,23 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
             }
           };
         });
-
         iconsAnimation.attr('opacity', 0).attr('x', function (_, index) {
           var _attrs$index$from3;
-
           return (_attrs$index$from3 = _attrs[index].from) === null || _attrs$index$from3 === void 0 ? void 0 : _attrs$index$from3.x;
         }).attr('y', function (_, index) {
           var _attrs$index$from4;
-
           return (_attrs$index$from4 = _attrs[index].from) === null || _attrs$index$from4 === void 0 ? void 0 : _attrs$index$from4.y;
         }).transition().duration(duration).attr('opacity', 1).attr('x', function (_, index) {
           var _attrs$index$to3;
-
           return (_attrs$index$to3 = _attrs[index].to) === null || _attrs$index$to3 === void 0 ? void 0 : _attrs$index$to3.x;
         }).attr('y', function (_, index) {
           var _attrs$index$to4;
-
           return (_attrs$index$to4 = _attrs[index].to) === null || _attrs$index$to4 === void 0 ? void 0 : _attrs$index$to4.y;
         });
       }
-
       if (linesNodes.length > 0) {
         var _attrs2 = linesNodes.map(function (node) {
           var _node$x, _node$x$baseVal, _node$y, _node$y$baseVal;
-
           return {
             from: {
               x2: (_node$x = node.x1) === null || _node$x === void 0 ? void 0 : (_node$x$baseVal = _node$x.baseVal) === null || _node$x$baseVal === void 0 ? void 0 : _node$x$baseVal.value,
@@ -208,26 +156,20 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
             }
           };
         });
-
         linesAnimation.attr('opacity', 0).attr('x2', function (_, index) {
           var _attrs2$index$from;
-
           return (_attrs2$index$from = _attrs2[index].from) === null || _attrs2$index$from === void 0 ? void 0 : _attrs2$index$from.x2;
         }).attr('y2', function (_, index) {
           var _attrs2$index$from2;
-
           return (_attrs2$index$from2 = _attrs2[index].from) === null || _attrs2$index$from2 === void 0 ? void 0 : _attrs2$index$from2.y2;
         }).transition().duration(duration).attr('opacity', 1).attr('x2', function (_, index) {
           var _attrs2$index$to;
-
           return (_attrs2$index$to = _attrs2[index].to) === null || _attrs2$index$to === void 0 ? void 0 : _attrs2$index$to.x2;
         }).attr('y2', function (_, index) {
           var _attrs2$index$to2;
-
           return (_attrs2$index$to2 = _attrs2[index].to) === null || _attrs2$index$to2 === void 0 ? void 0 : _attrs2$index$to2.y2;
         });
       }
-
       if (labelsNodes.length > 0) {
         labelsAnimation.attr('opacity', 0);
         labelsAnimation.transition().duration(duration).attr('opacity', 1);
@@ -249,10 +191,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "handleRadianClick",
     value: function handleRadianClick(key) {
       var _this2 = this;
-
       return function (event) {
         var newKey = key !== _this2.asProps.activeKey ? key : null;
-
         _this2.handlers.activeKey(newKey, event);
       };
     }
@@ -260,8 +200,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "computeTextWidth",
     value: function computeTextWidth() {
       var _this$asProps2 = this.asProps,
-          data = _this$asProps2.data,
-          textSize = _this$asProps2.textSize;
+        data = _this$asProps2.data,
+        textSize = _this$asProps2.textSize;
       var widths = data.map(function (_ref9) {
         var label = _ref9.label;
         return (0, _utils.measureText)(label, textSize);
@@ -272,17 +212,15 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "getTitleProps",
     value: function getTitleProps() {
       var _this$asProps3 = this.asProps,
-          uid = _this$asProps3.uid,
-          size = _this$asProps3.size,
-          textSize = _this$asProps3.textSize;
-
+        uid = _this$asProps3.uid,
+        size = _this$asProps3.size,
+        textSize = _this$asProps3.textSize;
       var _size = (0, _slicedToArray2["default"])(size, 2),
-          width = _size[0],
-          height = _size[1];
-
+        width = _size[0],
+        height = _size[1];
       var center = [width / 2, height / 2];
       var x = center[0],
-          y = center[1];
+        y = center[1];
       return (0, _defineProperty2["default"])({
         x: x,
         y: y,
@@ -293,8 +231,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "getRadianProps",
     value: function getRadianProps() {
       var _this$asProps4 = this.asProps,
-          data = _this$asProps4.data,
-          restRootProps = (0, _objectWithoutProperties2["default"])(_this$asProps4, _excluded);
+        data = _this$asProps4.data,
+        restRootProps = (0, _objectWithoutProperties2["default"])(_this$asProps4, _excluded);
       var textWidth = this.computeTextWidth();
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, restRootProps), {}, {
         radiansCount: data.length,
@@ -307,7 +245,6 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref;
-
       var SRadialTree = this.Element;
       var Children = this.asProps.Children;
       this.asProps.dataHintsHandler.establishDataType('values-set');
@@ -318,7 +255,6 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
   }]);
   return RadialTreeBase;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(RadialTreeBase, "displayName", 'RadialTree');
 (0, _defineProperty2["default"])(RadialTreeBase, "style", style);
 (0, _defineProperty2["default"])(RadialTreeBase, "enhance", [(0, _uniqueID["default"])()]);
@@ -333,35 +269,28 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
   textSize: 14,
   defaultActiveKey: null
 });
-
 var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(RadialTreeRadian, _Component2);
-
   var _super2 = (0, _createSuper2["default"])(RadialTreeRadian);
-
   function RadialTreeRadian(props) {
     var _this3;
-
     (0, _classCallCheck2["default"])(this, RadialTreeRadian);
     _this3 = _super2.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "Element", void 0);
     _this3.renderRadian = _this3.renderRadian.bind((0, _assertThisInitialized2["default"])(_this3));
     return _this3;
   }
-
   (0, _createClass2["default"])(RadialTreeRadian, [{
     key: "getInteractiveAreaProps",
     value: function getInteractiveAreaProps(_ref11, index) {
       var $rootProps = _ref11.$rootProps;
       var data = $rootProps.data[index];
-
       var _this$computeRadianPo = this.computeRadianPosition(data, index),
-          xStart = _this$computeRadianPo.xStart,
-          yStart = _this$computeRadianPo.yStart,
-          xLabelCenter = _this$computeRadianPo.xLabelCenter,
-          yLabelCenter = _this$computeRadianPo.yLabelCenter,
-          capSize = _this$computeRadianPo.capSize;
-
+        xStart = _this$computeRadianPo.xStart,
+        yStart = _this$computeRadianPo.yStart,
+        xLabelCenter = _this$computeRadianPo.xLabelCenter,
+        yLabelCenter = _this$computeRadianPo.yLabelCenter,
+        capSize = _this$computeRadianPo.capSize;
       return {
         x1: xStart,
         y1: yStart,
@@ -374,19 +303,16 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "getLineProps",
     value: function getLineProps(_ref12, index) {
       var _data$color, _ref13;
-
       var $rootProps = _ref12.$rootProps;
       var data = $rootProps.data[index];
-
       var _this$computeRadianPo2 = this.computeRadianPosition(data, index),
-          xStart = _this$computeRadianPo2.xStart,
-          yStart = _this$computeRadianPo2.yStart,
-          xEnd = _this$computeRadianPo2.xEnd,
-          yEnd = _this$computeRadianPo2.yEnd;
-
+        xStart = _this$computeRadianPo2.xStart,
+        yStart = _this$computeRadianPo2.yStart,
+        xEnd = _this$computeRadianPo2.xEnd,
+        yEnd = _this$computeRadianPo2.yEnd;
       var _this$asProps5 = this.asProps,
-          uid = _this$asProps5.uid,
-          transparent = _this$asProps5.transparent;
+        uid = _this$asProps5.uid,
+        transparent = _this$asProps5.transparent;
       var color = (_data$color = data.color) !== null && _data$color !== void 0 ? _data$color : this.asProps.color;
       return _ref13 = {
         x1: xStart,
@@ -401,18 +327,15 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "getCapProps",
     value: function getCapProps(_ref14, index) {
       var _data$color2, _ref15;
-
       var $rootProps = _ref14.$rootProps;
       var data = $rootProps.data[index];
-
       var _this$computeRadianPo3 = this.computeRadianPosition(data, index),
-          xEnd = _this$computeRadianPo3.xEnd,
-          yEnd = _this$computeRadianPo3.yEnd,
-          capSize = _this$computeRadianPo3.capSize;
-
+        xEnd = _this$computeRadianPo3.xEnd,
+        yEnd = _this$computeRadianPo3.yEnd,
+        capSize = _this$computeRadianPo3.capSize;
       var _this$asProps6 = this.asProps,
-          uid = _this$asProps6.uid,
-          transparent = _this$asProps6.transparent;
+        uid = _this$asProps6.uid,
+        transparent = _this$asProps6.transparent;
       var color = (_data$color2 = data.color) !== null && _data$color2 !== void 0 ? _data$color2 : this.asProps.color;
       return _ref15 = {
         x: xEnd,
@@ -423,15 +346,12 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "getIconProps",
     value: function getIconProps(_ref16, index) {
       var _data$iconColor, _data$iconSize, _data$icon, _ref17;
-
       var $rootProps = _ref16.$rootProps;
       var data = $rootProps.data[index];
-
       var _this$computeRadianPo4 = this.computeRadianPosition(data, index),
-          xEnd = _this$computeRadianPo4.xEnd,
-          yEnd = _this$computeRadianPo4.yEnd,
-          isActive = _this$computeRadianPo4.isActive;
-
+        xEnd = _this$computeRadianPo4.xEnd,
+        yEnd = _this$computeRadianPo4.yEnd,
+        isActive = _this$computeRadianPo4.isActive;
       var uid = this.asProps.uid;
       var iconColor = (_data$iconColor = data.iconColor) !== null && _data$iconColor !== void 0 ? _data$iconColor : this.asProps.iconColor;
       var iconSize = (_data$iconSize = data.iconSize) !== null && _data$iconSize !== void 0 ? _data$iconSize : this.asProps.iconSize;
@@ -447,20 +367,17 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "getLabelProps",
     value: function getLabelProps(_ref18, index) {
       var _data$color3, _ref19;
-
       var $rootProps = _ref18.$rootProps;
       var data = $rootProps.data[index];
-
       var _this$computeRadianPo5 = this.computeRadianPosition(data, index),
-          xLabelCenter = _this$computeRadianPo5.xLabelCenter,
-          yLabelCenter = _this$computeRadianPo5.yLabelCenter,
-          labelAngle = _this$computeRadianPo5.labelAngle,
-          isHorizontal = _this$computeRadianPo5.isHorizontal;
-
+        xLabelCenter = _this$computeRadianPo5.xLabelCenter,
+        yLabelCenter = _this$computeRadianPo5.yLabelCenter,
+        labelAngle = _this$computeRadianPo5.labelAngle,
+        isHorizontal = _this$computeRadianPo5.isHorizontal;
       var _this$asProps7 = this.asProps,
-          uid = _this$asProps7.uid,
-          textSize = _this$asProps7.textSize,
-          transparent = _this$asProps7.transparent;
+        uid = _this$asProps7.uid,
+        textSize = _this$asProps7.textSize,
+        transparent = _this$asProps7.transparent;
       var label = data.label;
       var color = (_data$color3 = data.color) !== null && _data$color3 !== void 0 ? _data$color3 : this.asProps.color;
       return _ref19 = {
@@ -473,27 +390,23 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "getRadianKey",
     value: function getRadianKey(data, index) {
       var _data$key;
-
       return (_data$key = data.key) !== null && _data$key !== void 0 ? _data$key : "radian-".concat(index);
     }
   }, {
     key: "computeRadianPosition",
     value: function computeRadianPosition(data, index) {
       var _data$capSize;
-
       var _this$asProps8 = this.asProps,
-          centralMargin = _this$asProps8.centralMargin,
-          labelMargin = _this$asProps8.labelMargin,
-          angleOffset = _this$asProps8.angleOffset,
-          activeKey = _this$asProps8.activeKey,
-          size = _this$asProps8.size,
-          radiansCount = _this$asProps8.radiansCount,
-          textWidth = _this$asProps8.textWidth;
-
+        centralMargin = _this$asProps8.centralMargin,
+        labelMargin = _this$asProps8.labelMargin,
+        angleOffset = _this$asProps8.angleOffset,
+        activeKey = _this$asProps8.activeKey,
+        size = _this$asProps8.size,
+        radiansCount = _this$asProps8.radiansCount,
+        textWidth = _this$asProps8.textWidth;
       var _size2 = (0, _slicedToArray2["default"])(size, 2),
-          width = _size2[0],
-          height = _size2[1];
-
+        width = _size2[0],
+        height = _size2[1];
       var key = this.getRadianKey(data, index);
       var isActive = activeKey === key;
       var baseCapSize = (_data$capSize = data.capSize) !== null && _data$capSize !== void 0 ? _data$capSize : this.asProps.capSize;
@@ -506,16 +419,16 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
       var labelAngle = (angle - topAngle) % Math.PI + topAngle;
       var center = [width / 2, height / 2];
       var xCenter = center[0],
-          yCenter = center[1];
+        yCenter = center[1];
       var start = [xCenter + Math.cos(angle) * centralMargin, yCenter + Math.sin(angle) * centralMargin];
       var end = [xCenter + Math.cos(angle) * (centralMargin + length), yCenter + Math.sin(angle) * (centralMargin + length)];
       var xStart = start[0],
-          yStart = start[1];
+        yStart = start[1];
       var xEnd = end[0],
-          yEnd = end[1];
+        yEnd = end[1];
       var labelCenter = [xCenter + Math.cos(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin), yCenter + Math.sin(angle) * (centralMargin + length + baseCapSize + textWidth / 2 + labelMargin)];
       var xLabelCenter = labelCenter[0],
-          yLabelCenter = labelCenter[1];
+        yLabelCenter = labelCenter[1];
       return {
         xStart: xStart,
         yStart: yStart,
@@ -533,24 +446,22 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "renderRadian",
     value: function renderRadian(data, index) {
       var _ref2;
-
       var _this$asProps9 = this.asProps,
-          styles = _this$asProps9.styles,
-          Children = _this$asProps9.Children,
-          onRadianClick = _this$asProps9.onRadianClick;
+        styles = _this$asProps9.styles,
+        Children = _this$asProps9.Children,
+        onRadianClick = _this$asProps9.onRadianClick;
       var key = this.getRadianKey(data, index);
       var SRadian = 'g';
       var children = (0, _getOriginChildren["default"])(Children);
-
       if (typeof children === 'function') {
         var _child = this.asProps.children;
         var mergedProps = (0, _assignProps["default"])(children(this.asProps), this.asProps);
         children = mergedProps.children;
         mergedProps.children = _child;
       }
+      this.asProps.dataHintsHandler.describeValueEntity("".concat(index, ".").concat(data.label), data.label);
 
-      this.asProps.dataHintsHandler.describeValueEntity("".concat(index, ".").concat(data.label), data.label); // hidden from publicly typed export
-
+      // hidden from publicly typed export
       var InteractiveArea = RadialTree.Radian.InteractiveArea;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadian, _ref2.cn("SRadian", {
         "aria-hidden": true,
@@ -562,8 +473,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     key: "render",
     value: function render() {
       var _ref3,
-          _this4 = this;
-
+        _this4 = this;
       var data = this.asProps.data;
       var SRadianList = 'g';
       return _ref3 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SRadianList, _ref3.cn("SRadianList", {}), data.map(function (data, index) {
@@ -573,7 +483,6 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   }]);
   return RadialTreeRadian;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(RadialTreeRadian, "displayName", 'RadialTreeRadian');
 (0, _defineProperty2["default"])(RadialTreeRadian, "style", style);
 (0, _defineProperty2["default"])(RadialTreeRadian, "defaultProps", {
@@ -584,42 +493,36 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   iconSize: 16,
   textSize: 14
 });
-
 var InteractiveArea = function InteractiveArea(_ref20) {
   var _ref4;
-
   var SInteractiveArea = _ref20.Element,
-      styles = _ref20.styles;
+    styles = _ref20.styles;
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInteractiveArea, _ref4.cn("SInteractiveArea", {
     "stroke": 'transparent',
     "render": 'line'
   }));
 };
-
 var Line = function Line(_ref21) {
   var _ref5;
-
   var SLine = _ref21.Element,
-      styles = _ref21.styles,
-      stroke = _ref21.stroke,
-      transparent = _ref21.transparent;
+    styles = _ref21.styles,
+    stroke = _ref21.stroke,
+    transparent = _ref21.transparent;
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLine, _ref5.cn("SLine", {
     "render": 'line',
     "stroke": stroke,
     "transparent": transparent
   }));
 };
-
 var Cap = function Cap(_ref22) {
   var _ref6;
-
   var SCap = _ref22.Element,
-      styles = _ref22.styles,
-      x = _ref22.x,
-      y = _ref22.y,
-      radius = _ref22.radius,
-      color = _ref22.color,
-      transparent = _ref22.transparent;
+    styles = _ref22.styles,
+    x = _ref22.x,
+    y = _ref22.y,
+    radius = _ref22.radius,
+    color = _ref22.color,
+    transparent = _ref22.transparent;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCap, _ref6.cn("SCap", {
     "render": 'circle',
     "cx": x,
@@ -629,18 +532,16 @@ var Cap = function Cap(_ref22) {
     "transparent": transparent
   }));
 };
-
 var Icon = function Icon(_ref23) {
   var _ref7;
-
   var SIcon = _ref23.Element,
-      styles = _ref23.styles,
-      isActive = _ref23.isActive,
-      tag = _ref23.tag,
-      x = _ref23.x,
-      y = _ref23.y,
-      iconSize = _ref23.iconSize,
-      transparent = _ref23.transparent;
+    styles = _ref23.styles,
+    isActive = _ref23.isActive,
+    tag = _ref23.tag,
+    x = _ref23.x,
+    y = _ref23.y,
+    iconSize = _ref23.iconSize,
+    transparent = _ref23.transparent;
   if (!(isActive && tag)) return null;
   var width = iconSize;
   var height = iconSize;
@@ -653,19 +554,18 @@ var Icon = function Icon(_ref23) {
     "transparent": transparent
   }));
 };
-
 var Label = function Label(_ref24) {
   var SLabel = _ref24.Element,
-      Children = _ref24.Children,
-      styles = _ref24.styles,
-      label = _ref24.label,
-      color = _ref24.color,
-      isHorizontal = _ref24.isHorizontal,
-      x = _ref24.x,
-      y = _ref24.y,
-      textSize = _ref24.textSize,
-      angle = _ref24.angle,
-      transparent = _ref24.transparent;
+    Children = _ref24.Children,
+    styles = _ref24.styles,
+    label = _ref24.label,
+    color = _ref24.color,
+    isHorizontal = _ref24.isHorizontal,
+    x = _ref24.x,
+    y = _ref24.y,
+    textSize = _ref24.textSize,
+    angle = _ref24.angle,
+    transparent = _ref24.transparent;
   var lines = String(label).split('\n');
   var linesCount = lines.length;
   var SLabelLine = 'tspan';
@@ -697,7 +597,6 @@ var Label = function Label(_ref24) {
     }, lineText);
   }), /*#__PURE__*/_react["default"].createElement(Children, null));
 };
-
 var Radian = (0, _createElement["default"])(RadialTreeRadian, {
   InteractiveArea: InteractiveArea,
   Line: Line,
@@ -705,24 +604,20 @@ var Radian = (0, _createElement["default"])(RadialTreeRadian, {
   Icon: Icon,
   Label: Label
 });
-
 var Title = function Title(_ref25) {
   var _ref8;
-
   var STitle = _ref25.Element,
-      Children = _ref25.Children,
-      children = _ref25.children,
-      styles = _ref25.styles,
-      textSize = _ref25.textSize,
-      color = _ref25.color,
-      x = _ref25.x,
-      y = _ref25.y,
-      dataHintsHandler = _ref25.dataHintsHandler;
-
+    Children = _ref25.Children,
+    children = _ref25.children,
+    styles = _ref25.styles,
+    textSize = _ref25.textSize,
+    color = _ref25.color,
+    x = _ref25.x,
+    y = _ref25.y,
+    dataHintsHandler = _ref25.dataHintsHandler;
   if (typeof children === 'string') {
     dataHintsHandler.setTitle('vertical', children);
   }
-
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref8.cn("STitle", {
     "aria-hidden": true,
     "render": 'text',
@@ -734,7 +629,6 @@ var Title = function Title(_ref25) {
     "y": y
   }), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
 };
-
 var RadialTree = (0, _createElement["default"])(RadialTreeBase, {
   Title: Title,
   Radian: Radian