@semcore/d3-chart 16.0.2-prerelease.4 → 16.0.3-prerelease.0

package/lib/es6/Radar.js

@@ -1,49 +1,51 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import React, { cloneElement } from 'react';
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { Component, sstyled, Root } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
 import getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';
 import trottle from '@semcore/core/lib/utils/rafTrottle';
-import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import { polygonContains } from 'd3-polygon';
 import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
+import React, { cloneElement } from 'react';
 import createElement from './createElement';
-import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
-import Tooltip from './Tooltip';
 import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
 /*!__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_6795m_gg_,.___SAxisTick_6795m_gg_,.___SAxis_6795m_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_6795m_gg_,.___SAxisTick_6795m_gg_{stroke-dasharray:2}.___SAxisLine_6795m_gg_.__active_6795m_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_6795m_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_6795m_gg_.__xDirection_6795m_gg_{text-anchor:var(--xDirection_6795m)}.___SAxisLabel_6795m_gg_.__yDirection_6795m_gg_{dominant-baseline:var(--yDirection_6795m)}.___SPolygonDot_6795m_gg_,.___SPolygon_6795m_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_6795m_gg_{opacity:.2}.___SPolygon_6795m_gg_.__color_6795m_gg_{fill:var(--color_6795m)}.___SPolygon_6795m_gg_.__pattern_6795m_gg_.__color_6795m_gg_{fill:var(--pattern_6795m);stroke:var(--color_6795m);stroke-width:1px}.___SPolygonDot_6795m_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_6795m_gg_.__transparent_6795m_gg_{opacity:.3}.___SPolygonDot_6795m_gg_.__color_6795m_gg_{fill:var(--color_6795m)}.___SPolygonLine_6795m_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_6795m_gg_.__transparent_6795m_gg_{opacity:.3}.___SPolygonLine_6795m_gg_.__color_6795m_gg_{stroke:var(--color_6795m)}.___SPieRect_6795m_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"6795m_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_1isib_gg_,.___SAxisTick_1isib_gg_,.___SAxis_1isib_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1isib_gg_,.___SAxisTick_1isib_gg_{stroke-dasharray:2}.___SAxisLine_1isib_gg_.__active_1isib_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1isib_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1isib_gg_.__xDirection_1isib_gg_{text-anchor:var(--xDirection_1isib)}.___SAxisLabel_1isib_gg_.__yDirection_1isib_gg_{dominant-baseline:var(--yDirection_1isib)}.___SPolygonDot_1isib_gg_,.___SPolygon_1isib_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1isib_gg_{opacity:.2}.___SPolygon_1isib_gg_.__color_1isib_gg_{fill:var(--color_1isib)}.___SPolygon_1isib_gg_.__pattern_1isib_gg_.__color_1isib_gg_{fill:var(--pattern_1isib);stroke:var(--color_1isib);stroke-width:1px}.___SPolygonDot_1isib_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1isib_gg_.__transparent_1isib_gg_{opacity:.3}.___SPolygonDot_1isib_gg_.__color_1isib_gg_{fill:var(--color_1isib)}.___SPolygonLine_1isib_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1isib_gg_.__transparent_1isib_gg_{opacity:.3}.___SPolygonLine_1isib_gg_.__color_1isib_gg_{stroke:var(--color_1isib)}.___SPieRect_1isib_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1isib_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAxis": "___SAxis_6795m_gg_",
-  "__SAxisLine": "___SAxisLine_6795m_gg_",
-  "__SAxisTick": "___SAxisTick_6795m_gg_",
-  "_active": "__active_6795m_gg_",
-  "__SAxisLabel": "___SAxisLabel_6795m_gg_",
-  "_xDirection": "__xDirection_6795m_gg_",
-  "--xDirection": "--xDirection_6795m",
-  "_yDirection": "__yDirection_6795m_gg_",
-  "--yDirection": "--yDirection_6795m",
-  "__SPolygon": "___SPolygon_6795m_gg_",
-  "_color": "__color_6795m_gg_",
-  "--color": "--color_6795m",
-  "_pattern": "__pattern_6795m_gg_",
-  "--pattern": "--pattern_6795m",
-  "__SPolygonDot": "___SPolygonDot_6795m_gg_",
-  "_transparent": "__transparent_6795m_gg_",
-  "__SPolygonLine": "___SPolygonLine_6795m_gg_",
-  "__SPieRect": "___SPieRect_6795m_gg_"
+  "__SAxis": "___SAxis_1isib_gg_",
+  "__SAxisLine": "___SAxisLine_1isib_gg_",
+  "__SAxisTick": "___SAxisTick_1isib_gg_",
+  "_active": "__active_1isib_gg_",
+  "__SAxisLabel": "___SAxisLabel_1isib_gg_",
+  "_xDirection": "__xDirection_1isib_gg_",
+  "--xDirection": "--xDirection_1isib",
+  "_yDirection": "__yDirection_1isib_gg_",
+  "--yDirection": "--yDirection_1isib",
+  "__SPolygon": "___SPolygon_1isib_gg_",
+  "_color": "__color_1isib_gg_",
+  "--color": "--color_1isib",
+  "_pattern": "__pattern_1isib_gg_",
+  "--pattern": "--pattern_1isib",
+  "__SPolygonDot": "___SPolygonDot_1isib_gg_",
+  "_transparent": "__transparent_1isib_gg_",
+  "__SPolygonLine": "___SPolygonLine_1isib_gg_",
+  "__SPieRect": "___SPieRect_1isib_gg_"
 });
+import Tooltip from './Tooltip';
+import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);
   if (angle < 0) angle += 2 * Math.PI;
@@ -79,7 +81,7 @@ function computeTextWidth(texts, textSize) {
     if (typeof text === 'string') {
       return measureText(text, textSize);
     }
-    if ( /*#__PURE__*/React.isValidElement(text)) {
+    if (/*#__PURE__*/React.isValidElement(text)) {
       var _text$props, _text$props2;
       // @ts-ignore
       return Math.max(((_text$props = text.props) === null || _text$props === void 0 ? void 0 : _text$props.width) || defaultWidth, ((_text$props2 = text.props) === null || _text$props2 === void 0 ? void 0 : _text$props2.height) || defaultHeight);
@@ -93,19 +95,19 @@ function getTicks(tickSize, radius) {
   while (Math.trunc(radius / (tickSize / 2)) > ticks) {
     ticks += 1;
   }
-  return _toConsumableArray(Array(ticks).keys()).reduce(function (ticks, t, i, total) {
+  return _toConsumableArray(Array(ticks).keys()).reduce(function (ticks, _t, i, total) {
     if (i) ticks.push(i / total.length);
     return ticks;
   }, []);
 }
-function pieContains(_ref13, _ref14) {
-  var _ref15 = _slicedToArray(_ref13, 3),
-    startAngle = _ref15[0],
-    endAngle = _ref15[1],
-    radius = _ref15[2];
-  var _ref16 = _slicedToArray(_ref14, 2),
-    x = _ref16[0],
-    y = _ref16[1];
+function pieContains(_ref11, _ref12) {
+  var _ref13 = _slicedToArray(_ref11, 3),
+    startAngle = _ref13[0],
+    endAngle = _ref13[1],
+    radius = _ref13[2];
+  var _ref14 = _slicedToArray(_ref12, 2),
+    x = _ref14[0],
+    y = _ref14[1];
   var distance = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
   if (distance > radius) return false;
   startAngle = clampAngle(startAngle);
@@ -140,20 +142,19 @@ export function getLabelOffsetPosition(xDirection, yDirection, width, height) {
 }
 var MINIMUM_OFFSET = 5;
 var RadarRoot = /*#__PURE__*/function (_Component) {
-  _inherits(RadarRoot, _Component);
-  var _super = _createSuper(RadarRoot);
   function RadarRoot() {
     var _this;
     _classCallCheck(this, RadarRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "computeOffset", 0);
-    _defineProperty(_assertThisInitialized(_this), "categoriesKey", null);
+    _this = _callSuper(this, RadarRoot, [].concat(args));
+    _defineProperty(_this, "computeOffset", 0);
+    _defineProperty(_this, "categoriesKey", null);
     return _this;
   }
-  _createClass(RadarRoot, [{
+  _inherits(RadarRoot, _Component);
+  return _createClass(RadarRoot, [{
     key: "id",
     get: function get() {
       var _this$asProps = this.asProps,
@@ -185,8 +186,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getPolygonProps",
-    value: function getPolygonProps(_ref17, index) {
-      var dataKey = _ref17.dataKey;
+    value: function getPolygonProps(_ref15, index) {
+      var dataKey = _ref15.dataKey;
       var _this$asProps2 = this.asProps,
         data = _this$asProps2.data,
         scale = _this$asProps2.scale,
@@ -230,7 +231,7 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
       this.asProps.dataHintsHandler.establishDataType('indexed-groups');
       var dataKey;
       React.Children.toArray(getOriginChildren(Children)).forEach(function (child) {
-        if ( /*#__PURE__*/React.isValidElement(child) && child.type === Radar.Axis) {
+        if (/*#__PURE__*/React.isValidElement(child) && child.type === Radar.Axis) {
           dataKey = child.props.dataKey;
         }
       });
@@ -250,7 +251,6 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return RadarRoot;
 }(Component);
 _defineProperty(RadarRoot, "displayName", 'Line');
 _defineProperty(RadarRoot, "style", style);
@@ -260,13 +260,12 @@ _defineProperty(RadarRoot, "defaultProps", {
   angleOffset: 0
 });
 var PolygonRoot = /*#__PURE__*/function (_Component2) {
-  _inherits(PolygonRoot, _Component2);
-  var _super2 = _createSuper(PolygonRoot);
   function PolygonRoot() {
     _classCallCheck(this, PolygonRoot);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, PolygonRoot, arguments);
   }
-  _createClass(PolygonRoot, [{
+  _inherits(PolygonRoot, _Component2);
+  return _createClass(PolygonRoot, [{
     key: "getDotsProps",
     value: function getDotsProps() {
       var _this$asProps4 = this.asProps,
@@ -335,22 +334,21 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
       })));
     }
   }]);
-  return PolygonRoot;
 }(Component);
 _defineProperty(PolygonRoot, "displayName", 'Polygon');
 _defineProperty(PolygonRoot, "style", style);
-_defineProperty(PolygonRoot, "defaultProps", function (_ref22) {
-  var scale = _ref22.scale,
-    _ref22$curve = _ref22.curve,
-    curve = _ref22$curve === void 0 ? curveLinearClosed : _ref22$curve,
-    size = _ref22.size,
-    offset = _ref22.offset,
-    angleOffset = _ref22.angleOffset;
+_defineProperty(PolygonRoot, "defaultProps", function (_ref20) {
+  var scale = _ref20.scale,
+    _ref20$curve = _ref20.curve,
+    curve = _ref20$curve === void 0 ? curveLinearClosed : _ref20$curve,
+    size = _ref20.size,
+    offset = _ref20.offset,
+    angleOffset = _ref20.angleOffset;
   scale.range([0, Math.min(size[0], size[1]) / 2 - offset]);
   return {
     d3: lineRadial().curve(curve).radius(function (d) {
       return scale(d || 0);
-    }).angle(function (d, i, data) {
+    }).angle(function (_d, i, data) {
       return i / data.length * 2 * Math.PI - angleOffset;
     })
   };
@@ -423,41 +421,40 @@ function PolygonDots(props) {
   });
 }
 var AxisRoot = /*#__PURE__*/function (_Component3) {
-  _inherits(AxisRoot, _Component3);
-  var _super3 = _createSuper(AxisRoot);
   function AxisRoot() {
     var _this2;
     _classCallCheck(this, AxisRoot);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super3.call.apply(_super3, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "unsubscribeTooltipVisible", null);
-    _defineProperty(_assertThisInitialized(_this2), "state", {
+    _this2 = _callSuper(this, AxisRoot, [].concat(args));
+    _defineProperty(_this2, "unsubscribeTooltipVisible", null);
+    _defineProperty(_this2, "state", {
       activeLineIndex: null
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleTooltipRenderingProps", function (_anchorProps, _ref18) {
-      var index = _ref18.index;
+    _defineProperty(_this2, "handleTooltipRenderingProps", function (_anchorProps, _ref16) {
+      var index = _ref16.index;
       _this2.setState({
         activeLineIndex: index
       });
     });
     return _this2;
   }
-  _createClass(AxisRoot, [{
+  _inherits(AxisRoot, _Component3);
+  return _createClass(AxisRoot, [{
     key: "createLineRadial",
     value: function createLineRadial(radius, total) {
       return lineRadial().curve(curveLinearClosed).radius(function () {
         return radius;
-      }).angle(function (d, i) {
+      }).angle(function (_d, i) {
         return i / total * 2 * Math.PI;
       });
     }
   }, {
     key: "getTicksProps",
-    value: function getTicksProps(_ref19) {
-      var _ref19$tickSize = _ref19.tickSize,
-        tickSize = _ref19$tickSize === void 0 ? 100 : _ref19$tickSize;
+    value: function getTicksProps(_ref17) {
+      var _ref17$tickSize = _ref17.tickSize,
+        tickSize = _ref17$tickSize === void 0 ? 100 : _ref17$tickSize;
       var _this$asProps7 = this.asProps,
         data = _this$asProps7.data,
         offset = _this$asProps7.offset,
@@ -476,9 +473,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getLabelsProps",
-    value: function getLabelsProps(_ref20) {
-      var _ref20$labelOffset = _ref20.labelOffset,
-        labelOffset = _ref20$labelOffset === void 0 ? 10 : _ref20$labelOffset;
+    value: function getLabelsProps(_ref18) {
+      var _ref18$labelOffset = _ref18.labelOffset,
+        labelOffset = _ref18$labelOffset === void 0 ? 10 : _ref18$labelOffset;
       var _this$asProps8 = this.asProps,
         offset = _this$asProps8.offset,
         categories = _this$asProps8.categories,
@@ -501,7 +498,7 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$unsubscribeTool;
-      (_this$unsubscribeTool = this.unsubscribeTooltipVisible) === null || _this$unsubscribeTool === void 0 ? void 0 : _this$unsubscribeTool.call(this);
+      (_this$unsubscribeTool = this.unsubscribeTooltipVisible) === null || _this$unsubscribeTool === void 0 || _this$unsubscribeTool.call(this);
     }
   }, {
     key: "render",
@@ -526,7 +523,7 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       })) : /*#__PURE__*/React.createElement(SAxis, _ref7.cn("SAxis", {
         "render": 'path',
         "d": this.createLineRadial(radius, total)(categories)
-      })), categories.map(function (category, i) {
+      })), categories.map(function (_category, i) {
         var _getRadianPosition3 = getRadianPosition(i, radius, total, angleOffset),
           _getRadianPosition4 = _slicedToArray(_getRadianPosition3, 2),
           x = _getRadianPosition4[0],
@@ -546,13 +543,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       }));
     }
   }]);
-  return AxisRoot;
 }(Component);
 _defineProperty(AxisRoot, "displayName", 'Polygon');
 _defineProperty(AxisRoot, "style", style);
-_defineProperty(AxisRoot, "defaultProps", function (_ref23) {
-  var data = _ref23.data,
-    dataKey = _ref23.dataKey;
+_defineProperty(AxisRoot, "defaultProps", function (_ref21) {
+  var data = _ref21.data,
+    dataKey = _ref21.dataKey;
   var categories = data[dataKey];
   return {
     categories: categories
@@ -624,13 +620,13 @@ function AxisLabels(props) {
         }, lineText);
       }));
     }
-    if ( /*#__PURE__*/React.isValidElement(category)) {
+    if (/*#__PURE__*/React.isValidElement(category)) {
       var _category$props;
-      var _ref21 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
-        _ref21$width = _ref21.width,
-        width = _ref21$width === void 0 ? 0 : _ref21$width,
-        _ref21$height = _ref21.height,
-        height = _ref21$height === void 0 ? 0 : _ref21$height;
+      var _ref19 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
+        _ref19$width = _ref19.width,
+        width = _ref19$width === void 0 ? 0 : _ref19$width,
+        _ref19$height = _ref19.height,
+        height = _ref19$height === void 0 ? 0 : _ref19$height;
       var _getLabelOffsetPositi = getLabelOffsetPosition(xDirection, yDirection, width, height),
         _getLabelOffsetPositi2 = _slicedToArray(_getLabelOffsetPositi, 2),
         xOffset = _getLabelOffsetPositi2[0],
@@ -644,22 +640,20 @@ function AxisLabels(props) {
   });
 }
 var Hover = /*#__PURE__*/function (_Component4) {
-  _inherits(Hover, _Component4);
-  var _super4 = _createSuper(Hover);
   function Hover() {
     var _this3;
     _classCallCheck(this, Hover);
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-    _this3 = _super4.call.apply(_super4, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this3), "state", {
+    _this3 = _callSuper(this, Hover, [].concat(args));
+    _defineProperty(_this3, "state", {
       index: null
     });
-    _defineProperty(_assertThisInitialized(_this3), "virtualElement", canUseDOM() ? document.createElement('div') : {});
-    _defineProperty(_assertThisInitialized(_this3), "unsubscribeMouseMoveRoot", null);
-    _defineProperty(_assertThisInitialized(_this3), "unsubscribeMouseLeaveRoot", null);
-    _defineProperty(_assertThisInitialized(_this3), "handlerMouseMoveRoot", trottle(function (e) {
+    _defineProperty(_this3, "virtualElement", canUseDOM() ? document.createElement('div') : {});
+    _defineProperty(_this3, "unsubscribeMouseMoveRoot", null);
+    _defineProperty(_this3, "unsubscribeMouseLeaveRoot", null);
+    _defineProperty(_this3, "handlerMouseMoveRoot", trottle(function (e) {
       var _this3$asProps = _this3.asProps,
         eventEmitter = _this3$asProps.eventEmitter,
         size = _this3$asProps.size,
@@ -683,7 +677,7 @@ var Hover = /*#__PURE__*/function (_Component4) {
         eventEmitter.emit('setTooltipVisible', index !== null);
       });
     }));
-    _defineProperty(_assertThisInitialized(_this3), "handlerMouseLeaveRoot", trottle(function () {
+    _defineProperty(_this3, "handlerMouseLeaveRoot", trottle(function () {
       _this3.setState({
         index: null
       }, function () {
@@ -692,7 +686,8 @@ var Hover = /*#__PURE__*/function (_Component4) {
     }));
     return _this3;
   }
-  _createClass(Hover, [{
+  _inherits(Hover, _Component4);
+  return _createClass(Hover, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -711,11 +706,11 @@ var Hover = /*#__PURE__*/function (_Component4) {
   }, {
     key: "getPolygon",
     value: function getPolygon(index) {
-      var _this$asProps10 = this.asProps,
-        categories = _this$asProps10.categories,
-        size = _this$asProps10.size,
-        offset = _this$asProps10.offset,
-        angleOffset = _this$asProps10.angleOffset;
+      var _this$asProps0 = this.asProps,
+        categories = _this$asProps0.categories,
+        size = _this$asProps0.size,
+        offset = _this$asProps0.offset,
+        angleOffset = _this$asProps0.angleOffset;
       var total = categories.length;
       var diam = Math.min(size[0], size[1]);
       var radius = diam / 2 - offset;
@@ -726,23 +721,23 @@ var Hover = /*#__PURE__*/function (_Component4) {
         prevX1 = _getRadianPosition8[0],
         prevY1 = _getRadianPosition8[1];
       var _getRadianPosition9 = getRadianPosition(index, radius, total, angleOffset),
-        _getRadianPosition10 = _slicedToArray(_getRadianPosition9, 2),
-        x = _getRadianPosition10[0],
-        y = _getRadianPosition10[1];
-      var _getRadianPosition11 = getRadianPosition(nextIndex, radius, total, angleOffset),
-        _getRadianPosition12 = _slicedToArray(_getRadianPosition11, 2),
-        nextX1 = _getRadianPosition12[0],
-        nextY1 = _getRadianPosition12[1];
+        _getRadianPosition0 = _slicedToArray(_getRadianPosition9, 2),
+        x = _getRadianPosition0[0],
+        y = _getRadianPosition0[1];
+      var _getRadianPosition1 = getRadianPosition(nextIndex, radius, total, angleOffset),
+        _getRadianPosition10 = _slicedToArray(_getRadianPosition1, 2),
+        nextX1 = _getRadianPosition10[0],
+        nextY1 = _getRadianPosition10[1];
       return [[0, 0], [(prevX1 + x) / 2, (prevY1 + y) / 2], [x, y], [(nextX1 + x) / 2, (nextY1 + y) / 2]];
     }
   }, {
     key: "getPie",
     value: function getPie(index) {
-      var _this$asProps11 = this.asProps,
-        categories = _this$asProps11.categories,
-        size = _this$asProps11.size,
-        offset = _this$asProps11.offset,
-        angleOffset = _this$asProps11.angleOffset;
+      var _this$asProps1 = this.asProps,
+        categories = _this$asProps1.categories,
+        size = _this$asProps1.size,
+        offset = _this$asProps1.offset,
+        angleOffset = _this$asProps1.angleOffset;
       var angle = Math.PI * 2 / categories.length;
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       return [index * angle - angle / 2 - angleOffset, (index + 1) * angle - angle / 2 - angleOffset, radius];
@@ -751,16 +746,16 @@ var Hover = /*#__PURE__*/function (_Component4) {
     key: "getIndex",
     value: function getIndex(point) {
       var _this4 = this;
-      var _this$asProps12 = this.asProps,
-        categories = _this$asProps12.categories,
-        type = _this$asProps12.type;
+      var _this$asProps10 = this.asProps,
+        categories = _this$asProps10.categories,
+        type = _this$asProps10.type;
       var index;
       if (type === 'circle') {
-        index = categories.findIndex(function (c, i) {
+        index = categories.findIndex(function (_c, i) {
           return pieContains(_this4.getPie(i), point);
         });
       } else {
-        index = categories.findIndex(function (c, i) {
+        index = categories.findIndex(function (_c, i) {
           return polygonContains(_this4.getPolygon(i), point);
         });
       }
@@ -790,27 +785,27 @@ var Hover = /*#__PURE__*/function (_Component4) {
   }, {
     key: "render",
     value: function render() {
-      var _this$asProps13 = this.asProps,
-        styles = _this$asProps13.styles,
-        type = _this$asProps13.type;
+      var _this$asProps11 = this.asProps,
+        styles = _this$asProps11.styles,
+        type = _this$asProps11.type;
       var index = this.state.index;
       var SPieRect = this.Element;
       if (index !== null) {
         if (type === 'circle') {
-          var _ref10;
+          var _ref0;
           var _this$getPie = this.getPie(index),
             _this$getPie2 = _slicedToArray(_this$getPie, 3),
             startAngle = _this$getPie2[0],
             endAngle = _this$getPie2[1],
             radius = _this$getPie2[2];
           var circle = arc().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
-          return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref10.cn("SPieRect", {
+          return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref0.cn("SPieRect", {
             "render": 'path',
             "d": circle()
           }));
         } else {
-          var _ref11;
-          return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref11.cn("SPieRect", {
+          var _ref1;
+          return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref1.cn("SPieRect", {
             "render": 'path',
             "d": line()(this.getPolygon(index))
           }));
@@ -819,7 +814,6 @@ var Hover = /*#__PURE__*/function (_Component4) {
       return null;
     }
   }]);
-  return Hover;
 }(Component);
 var Axis = createElement(AxisRoot, {
   Ticks: AxisTicks,
@@ -831,9 +825,9 @@ var Polygon = createElement(PolygonRoot, {
 });
 var RadarTooltip = function RadarTooltip(props) {
   var _ref = arguments[0],
-    _ref12;
+    _ref10;
   var SRadarTooltip = Tooltip;
-  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SRadarTooltip, _ref12.cn("SRadarTooltip", _objectSpread({}, _assignProps({
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SRadarTooltip, _ref10.cn("SRadarTooltip", _objectSpread({}, _assignProps({
     "tag": Radar.Hover,
     "excludeAnchorProps": true
   }, _ref))));