@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/cjs/ResponsiveContainer.js

@@ -1,43 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
 var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
 var _getOriginChildren = _interopRequireDefault(require("@semcore/core/lib/utils/getOriginChildren"));
 var _rafTrottle = _interopRequireDefault(require("@semcore/core/lib/utils/rafTrottle"));
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
-var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
-  function ResponsiveContainerRoot(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ResponsiveContainerRoot);
-    _this = (0, _callSuper2["default"])(this, ResponsiveContainerRoot, [props]);
-    (0, _defineProperty2["default"])(_this, "containerRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "size", [0, 0]);
-    (0, _defineProperty2["default"])(_this, "handleResize", (0, _rafTrottle["default"])(function (entries) {
-      var _this$asProps = _this.asProps,
-        Children = _this$asProps.Children,
-        aspect = _this$asProps.aspect;
-      if (!_this.$container) return;
-      var _this$$container = _this.$container,
-        width = _this$$container.clientWidth,
-        height = _this$$container.clientHeight;
+class ResponsiveContainerRoot extends _core.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "containerRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(this, "size", [0, 0]);
+    (0, _defineProperty2.default)(this, "handleResize", (0, _rafTrottle.default)(entries => {
+      const {
+        Children,
+        aspect
+      } = this.asProps;
+      if (!this.$container) return;
+      let {
+        clientWidth: width,
+        clientHeight: height
+      } = this.$container;
       if (aspect) {
-        var style = window.getComputedStyle(_this.$container);
-        var minHeight = Number.parseInt(style.getPropertyValue('min-height'));
-        var maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
+        const style = window.getComputedStyle(this.$container);
+        const minHeight = Number.parseInt(style.getPropertyValue('min-height'));
+        const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
         height = width * aspect;
         if (height < minHeight) {
           height = minHeight;
@@ -46,66 +40,54 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
           height = maxHeight;
         }
       }
-      if (_this.size[0] === width && _this.size[1] === height) return;
-      _this.size = [width, height];
-      (0, _fire["default"])(_this, 'onResize', _this.size, entries);
-      if (typeof (0, _getOriginChildren["default"])(Children) === 'function') {
-        _this.forceUpdate();
+      if (this.size[0] === width && this.size[1] === height) return;
+      this.size = [width, height];
+      (0, _fire.default)(this, 'onResize', this.size, entries);
+      if (typeof (0, _getOriginChildren.default)(Children) === 'function') {
+        this.forceUpdate();
       }
     }));
-    if ((0, _canUseDOM["default"])()) {
-      _this.observer = new ResizeObserver(_this.handleResize);
+    if ((0, _canUseDOM.default)()) {
+      this.observer = new ResizeObserver(this.handleResize);
     }
-    return _this;
   }
-  (0, _inherits2["default"])(ResponsiveContainerRoot, _Component);
-  return (0, _createClass2["default"])(ResponsiveContainerRoot, [{
-    key: "$container",
-    get: function get() {
-      return this.containerRef.current;
-    }
-  }, {
-    key: "setContext",
-    value: function setContext() {
-      var _this$size = (0, _slicedToArray2["default"])(this.size, 2),
-        width = _this$size[0],
-        height = _this$size[1];
-      return {
-        width: width,
-        height: height
-      };
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.$container) {
-        var _this$observer;
-        // TODO: may be we can increase perfomance here? (by lsroman)
-        (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe(this.$container);
-      }
+  get $container() {
+    return this.containerRef.current;
+  }
+  setContext() {
+    const [width, height] = this.size;
+    return {
+      width,
+      height
+    };
+  }
+  componentDidMount() {
+    if (this.$container) {
+      // TODO: may be we can increase perfomance here? (by lsroman)
+      this.observer?.observe(this.$container);
     }
+  }
 
-    // TODO component did update ref?
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SResponsiveContainer = _flexBox.Box;
-      var styles = this.asProps.styles;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SResponsiveContainer, _ref2.cn("SResponsiveContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  // TODO component did update ref?
+
+  componentWillUnmount() {
+    this.observer?.disconnect();
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SResponsiveContainer = _baseComponents.Box;
+    const {
+      styles
+    } = this.asProps;
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SResponsiveContainer, _ref2.cn("SResponsiveContainer", {
+      ...(0, _core.assignProps)({
         "ref": this.containerRef
-      }, _ref))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(ResponsiveContainerRoot, "displayName", 'ResponsiveContainer');
-var ResponsiveContainer = (0, _core.createComponent)(ResponsiveContainerRoot);
-var _default = exports["default"] = ResponsiveContainer;
+      }, _ref)
+    }));
+  }
+}
+(0, _defineProperty2.default)(ResponsiveContainerRoot, "displayName", 'ResponsiveContainer');
+const ResponsiveContainer = (0, _core.createComponent)(ResponsiveContainerRoot);
+var _default = exports.default = ResponsiveContainer;
 //# sourceMappingURL=ResponsiveContainer.js.map

package/lib/cjs/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","names":["_core","require","_canUseDOM","_interopRequireDefault","_fire","_getOriginChildren","_rafTrottle","_flexBox","_react","ResponsiveContainerRoot","_Component","props","_this","_classCallCheck2","_callSuper2","_defineProperty2","React","createRef","trottle","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","fire","getOriginChildren","forceUpdate","canUseDOM","observer","ResizeObserver","handleResize","_inherits2","_createClass2","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray2","componentDidMount","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","render","_ref","_ref2","SResponsiveContainer","Box","styles","sstyled","createElement","cn","_objectSpread2","assignProps","Component","ResponsiveContainer","createComponent","_default","exports"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport fire from '@semcore/core/lib/utils/fire';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport trottle from '@semcore/core/lib/utils/rafTrottle';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(this.handleResize);\n    }\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n\n    if (!this.$container) return;\n\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer?.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ResponsiveContainer.js","names":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_fire","_getOriginChildren","_rafTrottle","_react","ResponsiveContainerRoot","Component","constructor","props","_defineProperty2","default","React","createRef","trottle","entries","Children","aspect","asProps","$container","clientWidth","width","clientHeight","height","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","fire","getOriginChildren","forceUpdate","canUseDOM","observer","ResizeObserver","handleResize","containerRef","current","setContext","componentDidMount","observe","componentWillUnmount","disconnect","render","_ref","_ref2","SResponsiveContainer","Box","styles","sstyled","createElement","cn","assignProps","ResponsiveContainer","createComponent","_default","exports"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport fire from '@semcore/core/lib/utils/fire';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport trottle from '@semcore/core/lib/utils/rafTrottle';\nimport React from 'react';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(this.handleResize);\n    }\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n\n    if (!this.$container) return;\n\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer?.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/ScatterPlot.js

@@ -1,16 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
@@ -22,213 +16,189 @@ var _Pattern = require("./Pattern");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_1xwes_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1xwes);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1xwes_gg_:hover{opacity:.8}}.___SScatterPlot_1xwes_gg_.__color_1xwes_gg_{fill:var(--color_1xwes)}.___SScatterPlot_1xwes_gg_.__pattern_1xwes_gg_.__color_1xwes_gg_{fill:var(--pattern_1xwes);stroke:var(--color_1xwes);stroke-width:1px}.___SScatterPlot_1xwes_gg_.__transparent_1xwes_gg_{opacity:.3}.___SValue_1xwes_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1xwes_gg_.__color_1xwes_gg_{stroke:var(--color_1xwes)}.___SValue_1xwes_gg_.__transparent_1xwes_gg_{opacity:.3}", /*__inner_css_end__*/"1xwes_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_8h4j7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_8h4j7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_8h4j7_gg_:hover{opacity:.8}}.___SScatterPlot_8h4j7_gg_.__color_8h4j7_gg_{fill:var(--color_8h4j7)}.___SScatterPlot_8h4j7_gg_.__pattern_8h4j7_gg_.__color_8h4j7_gg_{fill:var(--pattern_8h4j7);stroke:var(--color_8h4j7);stroke-width:1px}.___SScatterPlot_8h4j7_gg_.__transparent_8h4j7_gg_{opacity:.3}.___SValue_8h4j7_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_8h4j7_gg_.__color_8h4j7_gg_{stroke:var(--color_8h4j7)}.___SValue_8h4j7_gg_.__transparent_8h4j7_gg_{opacity:.3}", /*__inner_css_end__*/"8h4j7_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScatterPlot": "___SScatterPlot_1xwes_gg_",
-  "_color": "__color_1xwes_gg_",
-  "--color": "--color_1xwes",
-  "_pattern": "__pattern_1xwes_gg_",
-  "--pattern": "--pattern_1xwes",
-  "_transparent": "__transparent_1xwes_gg_",
-  "__SValue": "___SValue_1xwes_gg_",
-  "--duration": "--duration_1xwes"
+  "__SScatterPlot": "___SScatterPlot_8h4j7_gg_",
+  "_color": "__color_8h4j7_gg_",
+  "--color": "--color_8h4j7",
+  "_pattern": "__pattern_8h4j7_gg_",
+  "--pattern": "--pattern_8h4j7",
+  "_transparent": "__transparent_8h4j7_gg_",
+  "__SValue": "___SValue_8h4j7_gg_",
+  "--duration": "--duration_8h4j7"
 });
-var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
-  function ScatterPlotRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, ScatterPlotRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, ScatterPlotRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
-    (0, _defineProperty2["default"])(_this, "bindHandlerTooltip", function (visible, props, tooltipProps) {
-      return function (_ref4) {
-        var clientX = _ref4.clientX,
-          clientY = _ref4.clientY;
-        var _this$asProps = _this.asProps,
-          eventEmitter = _this$asProps.eventEmitter,
-          plotId = _this$asProps.plotId;
-        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
-        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
-        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
-      };
+class ScatterPlotRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "virtualElement", (0, _canUseDOM.default)() ? document.createElement('div') : {});
+    (0, _defineProperty2.default)(this, "bindHandlerTooltip", (visible, props, tooltipProps) => ({
+      clientX,
+      clientY
+    }) => {
+      const {
+        eventEmitter,
+        plotId
+      } = this.asProps;
+      eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);
+      eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);
+      eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);
     });
-    return _this;
   }
-  (0, _inherits2["default"])(ScatterPlotRoot, _Component);
-  return (0, _createClass2["default"])(ScatterPlotRoot, [{
-    key: "generateGetBoundingClientRect",
-    value: function generateGetBoundingClientRect() {
-      var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      return function () {
-        return {
-          width: 0,
-          height: 0,
-          top: y,
-          right: x,
-          bottom: y,
-          left: x
-        };
-      };
-    }
-  }, {
-    key: "animationCircle",
-    value: function animationCircle() {
-      var _this$asProps2 = this.asProps,
-        duration = _this$asProps2.duration,
-        uid = _this$asProps2.uid,
-        r = _this$asProps2.r,
-        value = _this$asProps2.value;
-      var radius = r ? r : (0, _utils.getScatterPlotRadius)(value);
-      var selectRect = (0, _d3Transition.transition)().selection().selectAll("[id^=".concat(uid, "]")).attr('r', 0);
-      var selectRectNode = selectRect.node();
-      if (duration > 0 && selectRectNode) {
-        selectRect.transition().duration(duration).attr('r', radius);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.data !== this.props.data) {
-        this.animationCircle();
-      }
+  generateGetBoundingClientRect(x = 0, y = 0) {
+    return () => ({
+      width: 0,
+      height: 0,
+      top: y,
+      right: x,
+      bottom: y,
+      left: x
+    });
+  }
+  animationCircle() {
+    const {
+      duration,
+      uid,
+      r,
+      value
+    } = this.asProps;
+    const radius = r ? r : (0, _utils.getScatterPlotRadius)(value);
+    const selectRect = (0, _d3Transition.transition)().selection().selectAll(`[id^=${uid}]`).attr('r', 0);
+    const selectRectNode = selectRect.node();
+    if (duration > 0 && selectRectNode) {
+      selectRect.transition().duration(duration).attr('r', radius);
     }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.data !== this.props.data) {
       this.animationCircle();
     }
-  }, {
-    key: "handlerOnClick",
-    value: function handlerOnClick(index) {
-      var _this2 = this;
-      return function (e) {
-        e.stopPropagation();
-        var onClick = _this2.asProps.onClick;
-        if (!onClick) return;
-        onClick(index, e);
-      };
-    }
-  }, {
-    key: "renderCircle",
-    value: function renderCircle(d, i) {
-      var _ref2;
-      var _this$asProps3 = this.asProps,
-        color = _this$asProps3.color,
-        scale = _this$asProps3.scale,
-        x = _this$asProps3.x,
-        y = _this$asProps3.y,
-        r = _this$asProps3.r,
-        offset = _this$asProps3.offset,
-        styles = _this$asProps3.styles,
-        uid = _this$asProps3.uid,
-        duration = _this$asProps3.duration,
-        value = _this$asProps3.value,
-        valueColor = _this$asProps3.valueColor,
-        transparent = _this$asProps3.transparent,
-        resolveColor = _this$asProps3.resolveColor,
-        patterns = _this$asProps3.patterns;
-      var _scale = (0, _slicedToArray2["default"])(scale, 2),
-        xScale = _scale[0],
-        yScale = _scale[1];
-      var SScatterPlot = this.Element;
-      var SValue = 'text';
-      if (Number.isNaN(d[x]) || Number.isNaN(d[y])) {
-        return null;
-      }
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref2.cn("g", {
-        "aria-hidden": true,
-        "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, this.props, {
-          xIndex: i,
-          index: i,
-          patterns: patterns
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, this.props, {
-          xIndex: i,
-          index: i,
-          patterns: patterns
-        }),
-        "onClickCapture": this.handlerOnClick(i)
-      }), /*#__PURE__*/_react["default"].createElement(SScatterPlot, _ref2.cn("SScatterPlot", {
-        "aria-hidden": true,
-        "id": "".concat(uid).concat(i),
-        "index": i,
-        "render": 'circle',
-        "clipPath": "url(#".concat(uid, ")"),
-        "cx": xScale(d[x]) + offset[0],
-        "cy": yScale(d[y]) + offset[1],
-        "color": resolveColor(color),
-        "pattern": patterns ? "url(#".concat(uid, "-").concat(i, "-pattern)") : undefined,
-        "r": r,
-        "use:duration": "".concat(duration, "ms"),
-        "transparent": transparent
-      })), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref2.cn("PatternFill", {
-        "id": "".concat(uid, "-").concat(i, "-pattern"),
-        "patternKey": color,
-        "color": resolveColor(color),
-        "patterns": patterns
-      })), d[value] !== undefined && /*#__PURE__*/_react["default"].createElement(SValue, _ref2.cn("SValue", {
-        "aria-hidden": true,
-        "x": xScale(d[x]) + offset[0],
-        "y": yScale(d[y]) + offset[1],
-        "dy": '.3em',
-        "clipPath": "url(#".concat(uid, ")"),
-        "color": resolveColor(valueColor),
-        "transparent": transparent
-      }), d[value]));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$asProps4 = this.asProps,
-        data = _this$asProps4.data,
-        uid = _this$asProps4.uid,
-        scale = _this$asProps4.scale,
-        x = _this$asProps4.x,
-        y = _this$asProps4.y,
-        value = _this$asProps4.value;
-      var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
-        xScale = _scale2[0],
-        yScale = _scale2[1];
-      var xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
-      var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
-      var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
-      var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
-      this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
-      this.asProps.dataHintsHandler.establishDataType('points-cloud');
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react["default"].createElement("clipPath", {
-        id: uid
-      }, /*#__PURE__*/_react["default"].createElement("rect", {
-        x: xMargin,
-        y: yMargin,
-        width: "".concat(xSize, "px"),
-        height: "".concat(ySize, "px")
-      })));
+  }
+  componentDidMount() {
+    this.animationCircle();
+  }
+  handlerOnClick(index) {
+    return e => {
+      e.stopPropagation();
+      const {
+        onClick
+      } = this.asProps;
+      if (!onClick) return;
+      onClick(index, e);
+    };
+  }
+  renderCircle(d, i) {
+    var _ref2;
+    const {
+      color,
+      scale,
+      x,
+      y,
+      r,
+      offset,
+      styles,
+      uid,
+      duration,
+      value,
+      valueColor,
+      transparent,
+      resolveColor,
+      patterns
+    } = this.asProps;
+    const [xScale, yScale] = scale;
+    const SScatterPlot = this.Element;
+    const SValue = 'text';
+    if (Number.isNaN(d[x]) || Number.isNaN(d[y])) {
+      return null;
     }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(ScatterPlotRoot, "displayName", 'ScatterPlot');
-(0, _defineProperty2["default"])(ScatterPlotRoot, "style", style);
-(0, _defineProperty2["default"])(ScatterPlotRoot, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(ScatterPlotRoot, "defaultProps", {
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement("g", _ref2.cn("g", {
+      "aria-hidden": true,
+      "key": `circle(#${i})`,
+      "onMouseMove": this.bindHandlerTooltip(true, this.props, {
+        xIndex: i,
+        index: i,
+        patterns
+      }),
+      "onMouseLeave": this.bindHandlerTooltip(false, this.props, {
+        xIndex: i,
+        index: i,
+        patterns
+      }),
+      "onClickCapture": this.handlerOnClick(i)
+    }), /*#__PURE__*/_react.default.createElement(SScatterPlot, _ref2.cn("SScatterPlot", {
+      "aria-hidden": true,
+      "id": `${uid}${i}`,
+      "index": i,
+      "render": 'circle',
+      "clipPath": `url(#${uid})`,
+      "cx": xScale(d[x]) + offset[0],
+      "cy": yScale(d[y]) + offset[1],
+      "color": resolveColor(color),
+      "pattern": patterns ? `url(#${uid}-${i}-pattern)` : undefined,
+      "r": r,
+      "use:duration": `${duration}ms`,
+      "transparent": transparent
+    })), patterns && /*#__PURE__*/_react.default.createElement(_Pattern.PatternFill, _ref2.cn("PatternFill", {
+      "id": `${uid}-${i}-pattern`,
+      "patternKey": color,
+      "color": resolveColor(color),
+      "patterns": patterns
+    })), d[value] !== undefined && /*#__PURE__*/_react.default.createElement(SValue, _ref2.cn("SValue", {
+      "aria-hidden": true,
+      "x": xScale(d[x]) + offset[0],
+      "y": yScale(d[y]) + offset[1],
+      "dy": '.3em',
+      "clipPath": `url(#${uid})`,
+      "color": resolveColor(valueColor),
+      "transparent": transparent
+    }), d[value]));
+  }
+  render() {
+    const {
+      data,
+      uid,
+      scale,
+      x,
+      y,
+      value
+    } = this.asProps;
+    const [xScale, yScale] = scale;
+    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
+    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
+    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
+    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
+    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
+    this.asProps.dataHintsHandler.establishDataType('points-cloud');
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react.default.createElement("clipPath", {
+      id: uid
+    }, /*#__PURE__*/_react.default.createElement("rect", {
+      x: xMargin,
+      y: yMargin,
+      width: `${xSize}px`,
+      height: `${ySize}px`
+    })));
+  }
+}
+(0, _defineProperty2.default)(ScatterPlotRoot, "displayName", 'ScatterPlot');
+(0, _defineProperty2.default)(ScatterPlotRoot, "style", style);
+(0, _defineProperty2.default)(ScatterPlotRoot, "enhance", [(0, _uniqueID.default)()]);
+(0, _defineProperty2.default)(ScatterPlotRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500
 });
 function ScatterPlotTooltip(props) {
   var _ref = arguments[0],
     _ref3;
-  var SScatterPlotTooltip = _Tooltip["default"];
-  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SScatterPlotTooltip, _ref3.cn("SScatterPlotTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "excludeAnchorProps": true
-  }, _ref))));
+  const SScatterPlotTooltip = _Tooltip.default;
+  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SScatterPlotTooltip, _ref3.cn("SScatterPlotTooltip", {
+    ...(0, _core.assignProps)({
+      "excludeAnchorProps": true
+    }, _ref)
+  }));
 }
 ;
-var ScatterPlot = (0, _createElement["default"])(ScatterPlotRoot, {
-  Tooltip: [ScatterPlotTooltip, _Tooltip["default"]._______childrenComponents]
+const ScatterPlot = (0, _createElement.default)(ScatterPlotRoot, {
+  Tooltip: [ScatterPlotTooltip, _Tooltip.default._______childrenComponents]
 });
-var _default = exports["default"] = ScatterPlot;
+var _default = exports.default = ScatterPlot;
 //# sourceMappingURL=ScatterPlot.js.map