@semcore/d3-chart 3.61.0-prerelease.5 → 3.61.0-prerelease.7

package/lib/cjs/ResponsiveContainer.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,24 +10,27 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 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 _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 _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 _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"));
+var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
+var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
+var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
 var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ResponsiveContainerRoot, _Component);
+  var _super = (0, _createSuper2["default"])(ResponsiveContainerRoot);
   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) {
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "size", [0, 0]);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleResize", (0, _rafTrottle["default"])(function (entries) {
       var _this$asProps = _this.asProps,
         Children = _this$asProps.Children,
         aspect = _this$asProps.aspect;
@@ -48,7 +52,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
       }
       if (_this.size[0] === width && _this.size[1] === height) return;
       _this.size = [width, height];
-      (0, _fire["default"])(_this, 'onResize', _this.size, entries);
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onResize', _this.size, entries);
       if (typeof (0, _getOriginChildren["default"])(Children) === 'function') {
         _this.forceUpdate();
       }
@@ -58,8 +62,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
     }
     return _this;
   }
-  (0, _inherits2["default"])(ResponsiveContainerRoot, _Component);
-  return (0, _createClass2["default"])(ResponsiveContainerRoot, [{
+  (0, _createClass2["default"])(ResponsiveContainerRoot, [{
     key: "$container",
     get: function get() {
       return this.containerRef.current;
@@ -81,7 +84,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
       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);
+        (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe(this.$container);
       }
     }
 
@@ -90,22 +93,24 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$observer2;
-      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref2;
-      var SResponsiveContainer = _baseComponents.Box;
+      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)({
         "ref": this.containerRef
       }, _ref))));
     }
   }]);
+  return ResponsiveContainerRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(ResponsiveContainerRoot, "displayName", 'ResponsiveContainer');
-var ResponsiveContainer = (0, _core.createComponent)(ResponsiveContainerRoot);
-var _default = exports["default"] = ResponsiveContainer;
+var ResponsiveContainer = (0, _core["default"])(ResponsiveContainerRoot);
+var _default = ResponsiveContainer;
+exports["default"] = _default;
 //# sourceMappingURL=ResponsiveContainer.js.map

package/lib/cjs/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","names":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_fire","_getOriginChildren","_rafTrottle","_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 { 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":[]}
+{"version":3,"file":"ResponsiveContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_rafTrottle","_fire","_getOriginChildren","_canUseDOM","ResponsiveContainerRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","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","_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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\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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"}

package/lib/cjs/ScatterPlot.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,56 +9,57 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 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 _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 _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
-var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
-var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
-var _d3Transition = require("d3-transition");
 var _react = _interopRequireDefault(require("react"));
+var _d3Transition = require("d3-transition");
+var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _Pattern = require("./Pattern");
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _utils = require("./utils");
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _Pattern = require("./Pattern");
 /*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_13gzn_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_13gzn);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_13gzn_gg_:hover{opacity:.8}}.___SScatterPlot_13gzn_gg_.__color_13gzn_gg_{fill:var(--color_13gzn)}.___SScatterPlot_13gzn_gg_.__pattern_13gzn_gg_.__color_13gzn_gg_{fill:var(--pattern_13gzn);stroke:var(--color_13gzn);stroke-width:1px}.___SScatterPlot_13gzn_gg_.__transparent_13gzn_gg_{opacity:.3}.___SValue_13gzn_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_13gzn_gg_.__color_13gzn_gg_{stroke:var(--color_13gzn)}.___SValue_13gzn_gg_.__transparent_13gzn_gg_{opacity:.3}", /*__inner_css_end__*/"13gzn_gg_"),
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_vgmji_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy;transition-duration:var(--duration_vgmji);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_vgmji_gg_:hover{opacity:.8}}.___SScatterPlot_vgmji_gg_.__color_vgmji_gg_{fill:var(--color_vgmji)}.___SScatterPlot_vgmji_gg_.__pattern_vgmji_gg_.__color_vgmji_gg_{fill:var(--pattern_vgmji);stroke:var(--color_vgmji);stroke-width:1px}.___SScatterPlot_vgmji_gg_.__transparent_vgmji_gg_{opacity:.3}.___SValue_vgmji_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, rgb(92, 92, 196))}.___SValue_vgmji_gg_.__color_vgmji_gg_{stroke:var(--color_vgmji)}.___SValue_vgmji_gg_.__transparent_vgmji_gg_{opacity:.3}", /*__inner_css_end__*/"vgmji_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScatterPlot": "___SScatterPlot_13gzn_gg_",
-  "_color": "__color_13gzn_gg_",
-  "--color": "--color_13gzn",
-  "_pattern": "__pattern_13gzn_gg_",
-  "--pattern": "--pattern_13gzn",
-  "_transparent": "__transparent_13gzn_gg_",
-  "__SValue": "___SValue_13gzn_gg_",
-  "--duration": "--duration_13gzn"
+  "__SScatterPlot": "___SScatterPlot_vgmji_gg_",
+  "_color": "__color_vgmji_gg_",
+  "--color": "--color_vgmji",
+  "_pattern": "__pattern_vgmji_gg_",
+  "--pattern": "--pattern_vgmji",
+  "_transparent": "__transparent_vgmji_gg_",
+  "__SValue": "___SValue_vgmji_gg_",
+  "--duration": "--duration_vgmji"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ScatterPlotRoot, _Component);
+  var _super = (0, _createSuper2["default"])(ScatterPlotRoot);
   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) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, 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);
+        var eventEmitter = _this.asProps.eventEmitter;
+        eventEmitter.emit('setTooltipPosition', clientX, clientY);
+        eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);
+        eventEmitter.emit('setTooltipVisible', visible);
       };
     });
     return _this;
   }
-  (0, _inherits2["default"])(ScatterPlotRoot, _Component);
-  return (0, _createClass2["default"])(ScatterPlotRoot, [{
+  (0, _createClass2["default"])(ScatterPlotRoot, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -77,11 +78,11 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   }, {
     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 _this$asProps = this.asProps,
+        duration = _this$asProps.duration,
+        uid = _this$asProps.uid,
+        r = _this$asProps.r,
+        value = _this$asProps.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();
@@ -101,36 +102,25 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       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 _this$asProps2 = this.asProps,
+        color = _this$asProps2.color,
+        scale = _this$asProps2.scale,
+        x = _this$asProps2.x,
+        y = _this$asProps2.y,
+        r = _this$asProps2.r,
+        offset = _this$asProps2.offset,
+        styles = _this$asProps2.styles,
+        uid = _this$asProps2.uid,
+        duration = _this$asProps2.duration,
+        value = _this$asProps2.value,
+        valueColor = _this$asProps2.valueColor,
+        transparent = _this$asProps2.transparent,
+        resolveColor = _this$asProps2.resolveColor,
+        patterns = _this$asProps2.patterns;
       var _scale = (0, _slicedToArray2["default"])(scale, 2),
         xScale = _scale[0],
         yScale = _scale[1];
@@ -151,8 +141,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
           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),
@@ -184,13 +173,13 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   }, {
     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 _this$asProps3 = this.asProps,
+        data = _this$asProps3.data,
+        uid = _this$asProps3.uid,
+        scale = _this$asProps3.scale,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        value = _this$asProps3.value;
       var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
         xScale = _scale2[0],
         yScale = _scale2[1];
@@ -210,6 +199,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
+  return ScatterPlotRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(ScatterPlotRoot, "displayName", 'ScatterPlot');
 (0, _defineProperty2["default"])(ScatterPlotRoot, "style", style);
@@ -218,17 +208,17 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   offset: [0, 0],
   duration: 500
 });
-function ScatterPlotTooltip(props) {
+var ScatterPlotTooltip = 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))));
-}
-;
+};
 var ScatterPlot = (0, _createElement["default"])(ScatterPlotRoot, {
   Tooltip: [ScatterPlotTooltip, _Tooltip["default"]._______childrenComponents]
 });
-var _default = exports["default"] = ScatterPlot;
+var _default = ScatterPlot;
+exports["default"] = _default;
 //# sourceMappingURL=ScatterPlot.js.map

package/lib/cjs/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","names":["_core","require","_canUseDOM","_interopRequireDefault","_uniqueID","_d3Transition","_react","_createElement","_Pattern","_Tooltip","_utils","style","sstyled","insert","ScatterPlotRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","_inherits2","_createClass2","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","animationCircle","_this$asProps2","duration","uid","r","radius","getScatterPlotRadius","selectRect","transition","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","prevProps","data","componentDidMount","handlerOnClick","index","_this2","e","stopPropagation","onClick","renderCircle","d","i","_ref2","_this$asProps3","color","scale","offset","styles","valueColor","transparent","resolveColor","patterns","_scale","_slicedToArray2","xScale","yScale","SScatterPlot","Element","SValue","Number","isNaN","cn","bindHandlerTooltip","xIndex","PatternFill","render","_this$asProps4","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","Tooltip","_objectSpread2","assignProps","ScatterPlot","_______childrenComponents","_default","exports"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/scatterplot.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getScatterPlotRadius } from './utils';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n    const { eventEmitter, plotId } = this.asProps;\n\n    eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n    eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n    eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : getScatterPlotRadius(value);\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.data !== this.props.data) {\n      this.animationCircle();\n    }\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  handlerOnClick(index) {\n    return (e) => {\n      e.stopPropagation();\n\n      const { onClick } = this.asProps;\n\n      if (!onClick) return;\n\n      onClick(index, e);\n    };\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      r,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      valueColor,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    if (Number.isNaN(d[x]) || Number.isNaN(d[y])) {\n      return null;\n    }\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n        onClickCapture={this.handlerOnClick(i)}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(color)}\n          pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n        {d[value] !== undefined && (\n          <SValue\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(valueColor)}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <clipPath id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n        </clipPath>\n      </>\n    );\n  }\n}\n\nfunction ScatterPlotTooltip(props) {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_Tooltip","_Pattern","style","_index","sstyled","insert","ScatterPlotRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","clientX","clientY","eventEmitter","asProps","emit","_createClass2","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","getScatterPlotRadius","selectRect","transition","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","prevProps","data","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","patterns","_scale","_slicedToArray2","xScale","yScale","SScatterPlot","Element","SValue","Number","isNaN","cn","bindHandlerTooltip","xIndex","index","PatternFill","render","_this$asProps3","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","Tooltip","_objectSpread2","assignProps","ScatterPlot","_______childrenComponents","_default","exports"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { getScatterPlotRadius } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n    const { eventEmitter } = this.asProps;\n\n    eventEmitter.emit('setTooltipPosition', clientX, clientY);\n    eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);\n    eventEmitter.emit('setTooltipVisible', visible);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : getScatterPlotRadius(value);\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.data !== this.props.data) {\n      this.animationCircle();\n    }\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      r,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      valueColor,\n      transparent,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    if (Number.isNaN(d[x]) || Number.isNaN(d[y])) {\n      return null;\n    }\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(color)}\n          pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n        {d[value] !== undefined && (\n          <SValue\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(valueColor)}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <clipPath id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n        </clipPath>\n      </>\n    );\n  }\n}\n\nconst ScatterPlotTooltip = (props) => {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAwC;AAAA,IAAAU,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIlCC,eAAe,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,eAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,qBAUF,IAAAa,qBAAS,GAAE,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,yBAM5C,UAACgB,OAAO,EAAEC,KAAK,EAAEC,YAAY;MAAA,OAAK,UAAAC,KAAA,EAA0B;QAAA,IAAvBC,OAAO,GAAAD,KAAA,CAAPC,OAAO;UAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;QACxE,IAAQC,YAAY,GAAKtB,KAAA,CAAKuB,OAAO,CAA7BD,YAAY;QAEpBA,YAAY,CAACE,IAAI,CAAC,oBAAoB,EAAEJ,OAAO,EAAEC,OAAO,CAAC;QACzDC,YAAY,CAACE,IAAI,CAAC,0BAA0B,EAAEP,KAAK,EAAEC,YAAY,CAAC;QAClEI,YAAY,CAACE,IAAI,CAAC,mBAAmB,EAAER,OAAO,CAAC;MACjD,CAAC;IAAA;IAAA,OAAAhB,KAAA;EAAA;EAAA,IAAAyB,aAAA,aAAA9B,eAAA;IAAA+B,GAAA;IAAAC,KAAA,EAVD,SAAAC,8BAAA,EAA4C;MAAA,IAAdC,CAAC,GAAA1B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,CAAC;MAAA,IAAE4B,CAAC,GAAA5B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,CAAC;MACxC,OAAO;QAAA,OAAO;UAAE6B,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,GAAG,EAAEH,CAAC;UAAEI,KAAK,EAAEN,CAAC;UAAEO,MAAM,EAAEL,CAAC;UAAEM,IAAI,EAAER;QAAE,CAAC;MAAA,CAAC;IAC9E;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAUD,SAAAW,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAoC,IAAI,CAAChB,OAAO;QAAxCiB,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;QAAEf,KAAK,GAAAY,aAAA,CAALZ,KAAK;MAC/B,IAAMgB,MAAM,GAAGD,CAAC,GAAGA,CAAC,GAAG,IAAAE,2BAAoB,EAACjB,KAAK,CAAC;MAClD,IAAMkB,UAAU,GAAG,IAAAC,wBAAU,GAAE,CAACC,SAAS,EAAE,CAACC,SAAS,SAAAtC,MAAA,CAAS+B,GAAG,OAAI,CAACQ,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;MAClF,IAAMC,cAAc,GAAGL,UAAU,CAACM,IAAI,EAAE;MAExC,IAAIX,QAAQ,GAAG,CAAC,IAAIU,cAAc,EAAE;QAClCL,UAAU,CAACC,UAAU,EAAE,CAACN,QAAQ,CAACA,QAAQ,CAAC,CAACS,IAAI,CAAC,GAAG,EAAEN,MAAM,CAAC;MAC9D;IACF;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAyB,mBAAmBC,SAAS,EAAE;MAC5B,IAAIA,SAAS,CAACC,IAAI,KAAK,IAAI,CAACrC,KAAK,CAACqC,IAAI,EAAE;QACtC,IAAI,CAAChB,eAAe,EAAE;MACxB;IACF;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAA4B,kBAAA,EAAoB;MAClB,IAAI,CAACjB,eAAe,EAAE;IACxB;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAA6B,aAAaC,CAAC,EAAEC,CAAC,EAAE;MAAA,IAAAC,KAAA;MACjB,IAAAC,cAAA,GAeI,IAAI,CAACrC,OAAO;QAddsC,KAAK,GAAAD,cAAA,CAALC,KAAK;QACLC,KAAK,GAAAF,cAAA,CAALE,KAAK;QACLjC,CAAC,GAAA+B,cAAA,CAAD/B,CAAC;QACDE,CAAC,GAAA6B,cAAA,CAAD7B,CAAC;QACDW,CAAC,GAAAkB,cAAA,CAADlB,CAAC;QACDqB,MAAM,GAAAH,cAAA,CAANG,MAAM;QACNC,MAAM,GAAAJ,cAAA,CAANI,MAAM;QACNvB,GAAG,GAAAmB,cAAA,CAAHnB,GAAG;QACHD,QAAQ,GAAAoB,cAAA,CAARpB,QAAQ;QACRb,KAAK,GAAAiC,cAAA,CAALjC,KAAK;QACLsC,UAAU,GAAAL,cAAA,CAAVK,UAAU;QACVC,WAAW,GAAAN,cAAA,CAAXM,WAAW;QACXC,YAAY,GAAAP,cAAA,CAAZO,YAAY;QACZC,QAAQ,GAAAR,cAAA,CAARQ,QAAQ;MAEV,IAAAC,MAAA,OAAAC,eAAA,aAAyBR,KAAK;QAAvBS,MAAM,GAAAF,MAAA;QAAEG,MAAM,GAAAH,MAAA;MACrB,IAAMI,YAAY,GAAG,IAAI,CAACC,OAAO;MACjC,IAAMC,MAAM,GAAG,MAAM;MAErB,IAAIC,MAAM,CAACC,KAAK,CAACpB,CAAC,CAAC5B,CAAC,CAAC,CAAC,IAAI+C,MAAM,CAACC,KAAK,CAACpB,CAAC,CAAC1B,CAAC,CAAC,CAAC,EAAE;QAC5C,OAAO,IAAI;MACb;MAEA,OAAA4B,KAAA,GAAO,IAAAlE,aAAO,EAACuE,MAAM,CAAC,eACpBlF,MAAA,YAAAiC,aAAA,MAAA4C,KAAA,CAAAmB,EAAA;QAAA;QAAA,kBAAApE,MAAA,CAEkBgD,CAAC;QAAA,eACJ,IAAI,CAACqB,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC9D,KAAK,EAAE;UAAE+D,MAAM,EAAEtB,CAAC;UAAEuB,KAAK,EAAEvB,CAAC;UAAEU,QAAQ,EAARA;QAAS,CAAC,CAAC;QAAA,gBAC3E,IAAI,CAACW,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC9D,KAAK,EAAE;UAAE+D,MAAM,EAAEtB,CAAC;UAAEuB,KAAK,EAAEvB,CAAC;UAAEU,QAAQ,EAARA;QAAS,CAAC;MAAC,iBAE3FtF,MAAA,YAAAiC,aAAA,CAAC0D,YAAY,EAAAd,KAAA,CAAAmB,EAAA;QAAA;QAAA,SAAApE,MAAA,CAEJ+B,GAAG,EAAA/B,MAAA,CAAGgD,CAAC;QAAA,SACPA,CAAC;QAAA,UACD,QAAQ;QAAA,oBAAAhD,MAAA,CACG+B,GAAG;QAAA,MACjB8B,MAAM,CAACd,CAAC,CAAC5B,CAAC,CAAC,CAAC,GAAGkC,MAAM,CAAC,CAAC,CAAC;QAAA,MACxBS,MAAM,CAACf,CAAC,CAAC1B,CAAC,CAAC,CAAC,GAAGgC,MAAM,CAAC,CAAC,CAAC;QAAA,SACrBI,YAAY,CAACN,KAAK,CAAC;QAAA,WACjBO,QAAQ,WAAA1D,MAAA,CAAW+B,GAAG,OAAA/B,MAAA,CAAIgD,CAAC,iBAAc5B,SAAS;QAAA,KACxDY,CAAC;QAAA,mBAAAhC,MAAA,CACa8B,QAAQ;QAAA,eACZ0B;MAAW,GACxB,EACDE,QAAQ,iBACPtF,MAAA,YAAAiC,aAAA,CAACzB,QAAA,CAAA4F,WAAW,EAAAvB,KAAA,CAAAmB,EAAA;QAAA,SAAApE,MAAA,CACH+B,GAAG,OAAA/B,MAAA,CAAIgD,CAAC;QAAA,cACHG,KAAK;QAAA,SACVM,YAAY,CAACN,KAAK,CAAC;QAAA,YAChBO;MAAQ,GAErB,EACAX,CAAC,CAAC9B,KAAK,CAAC,KAAKG,SAAS,iBACrBhD,MAAA,YAAAiC,aAAA,CAAC4D,MAAM,EAAAhB,KAAA,CAAAmB,EAAA;QAAA;QAAA,KAEFP,MAAM,CAACd,CAAC,CAAC5B,CAAC,CAAC,CAAC,GAAGkC,MAAM,CAAC,CAAC,CAAC;QAAA,KACxBS,MAAM,CAACf,CAAC,CAAC1B,CAAC,CAAC,CAAC,GAAGgC,MAAM,CAAC,CAAC,CAAC;QAAA,MACxB,MAAM;QAAA,oBAAArD,MAAA,CACS+B,GAAG;QAAA,SACd0B,YAAY,CAACF,UAAU,CAAC;QAAA,eAClBC;MAAW,IAEvBT,CAAC,CAAC9B,KAAK,CAAC,CAEZ,CACC;IAER;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAwD,OAAA,EAAS;MACP,IAAAC,cAAA,GAA0C,IAAI,CAAC7D,OAAO;QAA9C+B,IAAI,GAAA8B,cAAA,CAAJ9B,IAAI;QAAEb,GAAG,GAAA2C,cAAA,CAAH3C,GAAG;QAAEqB,KAAK,GAAAsB,cAAA,CAALtB,KAAK;QAAEjC,CAAC,GAAAuD,cAAA,CAADvD,CAAC;QAAEE,CAAC,GAAAqD,cAAA,CAADrD,CAAC;QAAEJ,KAAK,GAAAyD,cAAA,CAALzD,KAAK;MACrC,IAAA0D,OAAA,OAAAf,eAAA,aAAyBR,KAAK;QAAvBS,MAAM,GAAAc,OAAA;QAAEb,MAAM,GAAAa,OAAA;MACrB,IAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACjB,MAAM,CAACkB,KAAK,EAAE,CAAC,CAAC,CAAC,GAAGlB,MAAM,CAACkB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAC7D,IAAMC,KAAK,GAAGH,IAAI,CAACC,GAAG,CAAChB,MAAM,CAACiB,KAAK,EAAE,CAAC,CAAC,CAAC,GAAGjB,MAAM,CAACiB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAC7D,IAAME,OAAO,GAAGJ,IAAI,CAACK,GAAG,CAACrB,MAAM,CAACkB,KAAK,EAAE,CAAC,CAAC,CAAC,EAAElB,MAAM,CAACkB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAC9D,IAAMI,OAAO,GAAGN,IAAI,CAACK,GAAG,CAACpB,MAAM,CAACiB,KAAK,EAAE,CAAC,CAAC,CAAC,EAAEjB,MAAM,CAACiB,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAE9D,IAAI,CAAClE,OAAO,CAACuE,gBAAgB,CAACC,oBAAoB,CAAClE,CAAC,EAAEE,CAAC,EAAEJ,KAAK,CAAC;MAC/D,IAAI,CAACJ,OAAO,CAACuE,gBAAgB,CAACE,iBAAiB,CAAC,cAAc,CAAC;MAE/D,oBACElH,MAAA,YAAAiC,aAAA,CAAAjC,MAAA,YAAAmH,QAAA,QACG3C,IAAI,CAAC4C,GAAG,CAAC,IAAI,CAAC1C,YAAY,CAAC2C,IAAI,CAAC,IAAI,CAAC,CAAC,eACvCrH,MAAA,YAAAiC,aAAA;QAAUqF,EAAE,EAAE3D;MAAI,gBAChB3D,MAAA,YAAAiC,aAAA;QAAMc,CAAC,EAAE8D,OAAQ;QAAC5D,CAAC,EAAE8D,OAAQ;QAAC7D,KAAK,KAAAtB,MAAA,CAAK4E,KAAK,OAAK;QAACrD,MAAM,KAAAvB,MAAA,CAAKgF,KAAK;MAAK,EAAG,CAClE,CACV;IAEP;EAAC;EAAA,OAAA/F,eAAA;AAAA,EAvI2B0G,eAAS;AAAA,IAAA1F,gBAAA,aAAjChB,eAAe,iBACE,aAAa;AAAA,IAAAgB,gBAAA,aAD9BhB,eAAe,WAEJJ,KAAK;AAAA,IAAAoB,gBAAA,aAFhBhB,eAAe,aAGF,CAAC,IAAA2G,oBAAmB,GAAE,CAAC;AAAA,IAAA3F,gBAAA,aAHpChB,eAAe,kBAKG;EACpBoE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdvB,QAAQ,EAAE;AACZ,CAAC;AAkIH,IAAM+D,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAItF,KAAK,EAAK;EAAA,IAAAuF,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,mBAAmB,GACiCC,mBAAO;EAAjE,OAAAF,KAAA,GAAO,IAAAjH,aAAO,EAACwB,KAAK,CAAC+C,MAAM,CAAC,eAAClF,MAAA,YAAAiC,aAAA,CAAC4F,mBAAmB,EAAAD,KAAA,CAAA5B,EAAA,4BAAA+B,cAAA,qBAAAjI,KAAA,CAAAkI,WAAA;IAAA;EAAA,GAAAN,IAAA,IAAuC;AAC1F,CAAC;AAED,IAAMO,WAAW,GAAG,IAAAhG,yBAAa,EAACpB,eAAe,EAAE;EACjDiH,OAAO,EAAE,CAACL,kBAAkB,EAAEK,mBAAO,CAACI,yBAAyB;AACjE,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYF,WAAW;AAAAG,OAAA,cAAAD,QAAA"}

package/lib/cjs/StackBar.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,32 +10,34 @@ var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 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 _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 _getOriginChildren = _interopRequireDefault(require("@semcore/core/lib/utils/getOriginChildren"));
-var _d3Shape = require("d3-shape");
 var _react = _interopRequireDefault(require("react"));
-var _Bar = _interopRequireWildcard(require("./Bar"));
+var _d3Shape = require("d3-shape");
+var _core = require("@semcore/core");
+var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
 var _createElement = _interopRequireDefault(require("./createElement"));
+var _Bar = _interopRequireWildcard(require("./Bar"));
 var _HorizontalBar = _interopRequireWildcard(require("./HorizontalBar"));
 var _utils = require("./utils");
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 var XY0 = Symbol('XY0');
 var StackBarRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(StackBarRoot, _Component);
+  var _super = (0, _createSuper2["default"])(StackBarRoot);
   function StackBarRoot() {
     var _this;
     (0, _classCallCheck2["default"])(this, StackBarRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2["default"])(this, StackBarRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "offsetBars", []);
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "offsetBars", []);
     return _this;
   }
-  (0, _inherits2["default"])(StackBarRoot, _Component);
-  return (0, _createClass2["default"])(StackBarRoot, [{
+  (0, _createClass2["default"])(StackBarRoot, [{
     key: "getSeries",
     value: function getSeries() {
       var _this$asProps = this.asProps,
@@ -44,10 +46,10 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
         stack = _this$asProps.stack;
       if (stack[DEFAULT_INSTANCE]) {
         var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
-          if (/*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {
+          if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackBar.Bar && !child.props.hide) {
             acc.push(child.props.y);
           }
-          if (/*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackBar.HorizontalBar && !child.props.hide) {
+          if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackBar.HorizontalBar && !child.props.hide) {
             acc.push(child.props.x);
           }
           return acc;
@@ -77,14 +79,15 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
       });
       // or [] if hide bar
       var series = this.series[seriesIndex] || [];
-      var rBar = series.map(function (_s, i) {
+      var rBar = series.map(function (s, i) {
         return _this2.series.slice(seriesIndex + 1).some(function (bar) {
           return bar[i][0] !== bar[i][1];
         }) ? 0 : r;
       });
       this.offsetBars[seriesIndex] = (_this$offsetBars$seri = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri !== void 0 ? _this$offsetBars$seri : [];
       var data = series.map(function (s) {
-        return (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, s.data), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, y, s[1]), XY0, s[0]));
+        var _objectSpread2;
+        return (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, s.data), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, y, s[1]), (0, _defineProperty2["default"])(_objectSpread2, XY0, s[0]), _objectSpread2));
       });
       var calcOffset = function calcOffset(i) {
         var _d$XY, _d$XY2;
@@ -119,8 +122,8 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getHorizontalBarProps",
     value: function getHorizontalBarProps(_ref2, index) {
-      var _this$offsetBars$seri2,
-        _this3 = this;
+      var _this3 = this,
+        _this$offsetBars$seri2;
       var x = _ref2.x,
         _ref2$wMin = _ref2.wMin,
         wMin = _ref2$wMin === void 0 ? _HorizontalBar.MIN_WIDTH : _ref2$wMin;
@@ -136,9 +139,15 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
         return s.key === x;
       });
       var series = this.series[seriesIndex];
+      var rBar = series.map(function (s, i) {
+        return _this3.series.slice(seriesIndex + 1).some(function (bar) {
+          return bar[i][0] !== bar[i][1];
+        }) ? 0 : r;
+      });
       this.offsetBars[seriesIndex] = (_this$offsetBars$seri2 = this.offsetBars[seriesIndex]) !== null && _this$offsetBars$seri2 !== void 0 ? _this$offsetBars$seri2 : [];
       var data = series.map(function (s) {
-        return (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, s.data), {}, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, x, s[1]), XY0, s[0]));
+        var _objectSpread3;
+        return (0, _objectSpread4["default"])((0, _objectSpread4["default"])({}, s.data), {}, (_objectSpread3 = {}, (0, _defineProperty2["default"])(_objectSpread3, x, s[1]), (0, _defineProperty2["default"])(_objectSpread3, XY0, s[0]), _objectSpread3));
       });
       var calcOffset = function calcOffset(i) {
         var _d$XY3, _d$XY4;
@@ -156,7 +165,7 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
         wMin: wMin,
         x0: XY0,
         y: y,
-        r: 0,
+        r: rBar,
         groupKey: y,
         offset: calcOffset,
         maxBarSize: maxBarSize,
@@ -178,6 +187,7 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
+  return StackBarRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(StackBarRoot, "displayName", 'StackBar');
 (0, _defineProperty2["default"])(StackBarRoot, "defaultProps", function () {
@@ -192,5 +202,6 @@ var StackBar = (0, _createElement["default"])(StackBarRoot, {
   Bar: _Bar["default"],
   HorizontalBar: _HorizontalBar["default"]
 });
-var _default = exports["default"] = StackBar;
+var _default = StackBar;
+exports["default"] = _default;
 //# sourceMappingURL=StackBar.js.map