@semcore/d3-chart 2.13.3 → 2.13.5

package/lib/es6/RadialTree.js

@@ -20,49 +20,32 @@ import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import createElement from './createElement';
 import { measureText } from './utils';
-
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SRadian_s7r6s_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_s7r6s_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_s7r6s_gg_.__color_s7r6s_gg_{stroke:var(--color_s7r6s)}.___SCap_s7r6s_gg_.__transparent_s7r6s_gg_,.___SIcon_s7r6s_gg_.__transparent_s7r6s_gg_,.___SLabel_s7r6s_gg_.__transparent_s7r6s_gg_,.___SLine_s7r6s_gg_.__transparent_s7r6s_gg_{opacity:.3}.___SCap_s7r6s_gg_{transition:r .1s}.___SLabel_s7r6s_gg_{fill:var(--color_s7r6s);cursor:var(--text-cursor_s7r6s)}@media (hover:hover){.___SRadian_s7r6s_gg_:hover .___SLabel_s7r6s_gg_{fill:var(--color-hovered_s7r6s)}}@media (prefers-reduced-motion){.___SLineCap_s7r6s_gg_{transition:none}}"
-/*__inner_css_end__*/
-, "s7r6s_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SRadian": "___SRadian_s7r6s_gg_",
-  "__SLine": "___SLine_s7r6s_gg_",
-  "_color": "__color_s7r6s_gg_",
-  "--color": "--color_s7r6s",
-  "_transparent": "__transparent_s7r6s_gg_",
-  "__SCap": "___SCap_s7r6s_gg_",
-  "__SIcon": "___SIcon_s7r6s_gg_",
-  "__SLabel": "___SLabel_s7r6s_gg_",
-  "--text-cursor": "--text-cursor_s7r6s",
-  "--color-hovered": "--color-hovered_s7r6s",
-  "__SLineCap": "___SLineCap_s7r6s_gg_"
+var style = ( /*__reshadow_css_start__*/_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) {
   _inherits(RadialTreeBase, _Component);
-
   var _super = _createSuper(RadialTreeBase);
-
   function RadialTreeBase(props) {
     var _this;
-
     _classCallCheck(this, RadialTreeBase);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "Element", void 0);
-
     _this.handleRadianClick = _this.handleRadianClick.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(RadialTreeBase, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -74,14 +57,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 (!canUseDOM()) 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 = transition().selection().selectAll("[data-radial-animation=".concat(uid, "-cap-circle]")).interrupt();
@@ -92,11 +74,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 {
@@ -112,27 +92,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);
@@ -148,30 +122,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,
@@ -183,26 +150,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);
@@ -224,10 +185,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);
       };
     }
@@ -235,8 +194,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 measureText(label, textSize);
@@ -247,17 +206,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 = _slicedToArray(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 _defineProperty({
         x: x,
         y: y,
@@ -268,9 +225,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
     key: "getRadianProps",
     value: function getRadianProps() {
       var _this$asProps4 = this.asProps,
-          data = _this$asProps4.data,
-          restRootProps = _objectWithoutProperties(_this$asProps4, _excluded);
-
+        data = _this$asProps4.data,
+        restRootProps = _objectWithoutProperties(_this$asProps4, _excluded);
       var textWidth = this.computeTextWidth();
       return _objectSpread(_objectSpread({}, restRootProps), {}, {
         radiansCount: data.length,
@@ -283,7 +239,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');
@@ -292,16 +247,11 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(Children, _ref.cn("Children", {})));
     }
   }]);
-
   return RadialTreeBase;
 }(Component);
-
 _defineProperty(RadialTreeBase, "displayName", 'RadialTree');
-
 _defineProperty(RadialTreeBase, "style", style);
-
 _defineProperty(RadialTreeBase, "enhance", [uniqueIDEnhancement()]);
-
 _defineProperty(RadialTreeBase, "defaultProps", {
   angleOffset: 0,
   duration: 300,
@@ -313,38 +263,28 @@ _defineProperty(RadialTreeBase, "defaultProps", {
   textSize: 14,
   defaultActiveKey: null
 });
-
 var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
   _inherits(RadialTreeRadian, _Component2);
-
   var _super2 = _createSuper(RadialTreeRadian);
-
   function RadialTreeRadian(props) {
     var _this3;
-
     _classCallCheck(this, RadialTreeRadian);
-
     _this3 = _super2.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this3), "Element", void 0);
-
     _this3.renderRadian = _this3.renderRadian.bind(_assertThisInitialized(_this3));
     return _this3;
   }
-
   _createClass(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,
@@ -357,19 +297,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,
@@ -384,18 +321,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,
@@ -406,15 +340,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;
@@ -430,20 +361,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 = {
@@ -456,27 +384,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 = _slicedToArray(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;
@@ -489,16 +413,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,
@@ -516,24 +440,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 = getOriginChildren(Children);
-
       if (typeof children === 'function') {
         var _child = this.asProps.children;
         var mergedProps = assignProps(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 = sstyled(styles), /*#__PURE__*/React.createElement(SRadian, _ref2.cn("SRadian", {
         "aria-hidden": true,
@@ -545,8 +467,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 = sstyled(this.asProps.styles), /*#__PURE__*/React.createElement(SRadianList, _ref3.cn("SRadianList", {}), data.map(function (data, index) {
@@ -554,14 +475,10 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
       }));
     }
   }]);
-
   return RadialTreeRadian;
 }(Component);
-
 _defineProperty(RadialTreeRadian, "displayName", 'RadialTreeRadian');
-
 _defineProperty(RadialTreeRadian, "style", style);
-
 _defineProperty(RadialTreeRadian, "defaultProps", {
   centralMargin: 50,
   labelMargin: 2,
@@ -570,42 +487,36 @@ _defineProperty(RadialTreeRadian, "defaultProps", {
   iconSize: 16,
   textSize: 14
 });
-
 var InteractiveArea = function InteractiveArea(_ref20) {
   var _ref4;
-
   var SInteractiveArea = _ref20.Element,
-      styles = _ref20.styles;
+    styles = _ref20.styles;
   return _ref4 = sstyled(styles), /*#__PURE__*/React.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 = sstyled(styles), /*#__PURE__*/React.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 = sstyled(styles), /*#__PURE__*/React.createElement(SCap, _ref6.cn("SCap", {
     "render": 'circle',
     "cx": x,
@@ -615,18 +526,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;
@@ -639,19 +548,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';
@@ -683,7 +591,6 @@ var Label = function Label(_ref24) {
     }, lineText);
   }), /*#__PURE__*/React.createElement(Children, null));
 };
-
 var Radian = createElement(RadialTreeRadian, {
   InteractiveArea: InteractiveArea,
   Line: Line,
@@ -691,24 +598,20 @@ var Radian = createElement(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 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref8.cn("STitle", {
     "aria-hidden": true,
     "render": 'text',
@@ -720,7 +623,6 @@ var Title = function Title(_ref25) {
     "y": y
   }), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
 };
-
 var RadialTree = createElement(RadialTreeBase, {
   Title: Title,
   Radian: Radian