@semcore/d3-chart 1.6.0 → 1.6.1

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [1.6.0] - 2021-01-21
+## [1.6.1] - 2021-01-21
 
 ### Added
 

package/lib/cjs/Bubble.js

@@ -43,6 +43,10 @@ var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 
 var _d3Scale = require("d3-scale");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -201,12 +205,12 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       }[labelPosition];
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref.cn("g", {
         "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, {
+        "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, {
+        })),
+        "onMouseLeave": this.bindHandlerTooltip(false, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        })
+        }))
       }), markedCross && /*#__PURE__*/_react["default"].createElement(SCenter, _ref.cn("SCenter", {
         "x": xScale(d[x]) + offset[0],
         "y": yScale(d[y]) + offset[1],

package/lib/cjs/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bubble.js"],"names":["memoize","func","results","argsKey","measureText","text","span","document","createElement","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","transition","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","marginX","marginY","renderCircle","bind","Component","Bubble"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  let span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}${uid}]`)\n      .attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function(_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}
+{"version":3,"sources":["../../src/Bubble.js"],"names":["memoize","func","results","argsKey","measureText","text","span","document","createElement","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","transition","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","marginX","marginY","renderCircle","bind","Component","Bubble"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  let span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}${uid}]`)\n      .attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function(_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}

package/lib/cjs/GroupBar.js

@@ -42,15 +42,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_1n0gc_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1n0gc_gg_.__color_1n0gc_gg_{fill:var(--color)}.___SBar_1n0gc_gg_.__hide_1n0gc_gg_{display:none}.___SBackground_1n0gc_gg_{fill:#e4ecf1}"
+".___SBar_1i6n2_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1i6n2_gg_.__color_1i6n2_gg_{fill:var(--color)}.___SBar_1i6n2_gg_.__hide_1i6n2_gg_{display:none}.___SBackground_1i6n2_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "agduuu_gg_")
+, "m0sxme_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1n0gc_gg_",
-  "_color": "__color_1n0gc_gg_",
-  "_hide": "__hide_1n0gc_gg_",
-  "__SBackground": "___SBackground_1n0gc_gg_"
+  "__SBar": "___SBar_1i6n2_gg_",
+  "_color": "__color_1i6n2_gg_",
+  "_hide": "__hide_1i6n2_gg_",
+  "__SBackground": "___SBackground_1i6n2_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 

package/lib/cjs/ScatterPlot.js

@@ -39,6 +39,10 @@ var _d3Transition = require("d3-transition");
 
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -157,19 +161,19 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var SValue = 'text';
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref.cn("g", {
         "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, {
+        "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, {
+        })),
+        "onMouseLeave": this.bindHandlerTooltip(false, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        })
+        }))
       }), /*#__PURE__*/_react["default"].createElement(SScatterPlot, _ref.cn("SScatterPlot", {
         "id": "".concat(uid).concat(i),
         "render": "circle",
         "clipPath": "url(#".concat(uid, ")"),
         "cx": xScale(d[x]) + offset[0],
         "cy": yScale(d[y]) + offset[1],
-        "color": d[color],
+        "color": color,
         "r": r,
         "use:duration": "".concat(duration, "ms")
       })), d[value] && /*#__PURE__*/_react["default"].createElement(SValue, _ref.cn("SValue", {
@@ -177,7 +181,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
-        "color": d[valueColor]
+        "color": valueColor
       }), d[value]));
     }
   }, {

package/lib/cjs/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ScatterPlot.js"],"names":["ScatterPlotRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","transition","animationCircle","d","i","color","scale","offset","styles","valueColor","xScale","yScale","SScatterPlot","Element","SValue","bindHandlerTooltip","xIndex","data","size","marginX","Math","min","range","marginY","map","renderCircle","bind","Component","style","ScatterPlot"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/scatterplot.shadow.css';\nimport ClipPath from './ClipPath';\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}]`)\n      .attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\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    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}\n      >\n        <SScatterPlot\n          id={`${uid}${i}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={r}\n          use:duration={`${duration}ms`}\n        />\n        {d[value] && (\n          <SValue\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[valueColor]}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot);\n\nexport default ScatterPlot;\n"],"file":"ScatterPlot.js"}
+{"version":3,"sources":["../../src/ScatterPlot.js"],"names":["ScatterPlotRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","transition","animationCircle","d","i","color","scale","offset","styles","valueColor","xScale","yScale","SScatterPlot","Element","SValue","bindHandlerTooltip","xIndex","data","size","marginX","Math","min","range","marginY","map","renderCircle","bind","Component","style","ScatterPlot"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/scatterplot.shadow.css';\nimport ClipPath from './ClipPath';\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}]`)\n      .attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\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    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        <SScatterPlot\n          id={`${uid}${i}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={color}\n          r={r}\n          use:duration={`${duration}ms`}\n        />\n        {d[value] && (\n          <SValue\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={valueColor}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot);\n\nexport default ScatterPlot;\n"],"file":"ScatterPlot.js"}

package/lib/cjs/StackBar.js

@@ -48,15 +48,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_1q91m_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1q91m_gg_.__color_1q91m_gg_{fill:var(--color)}.___SBar_1q91m_gg_.__hide_1q91m_gg_{display:none}.___SBackground_1q91m_gg_{fill:#e4ecf1}"
+".___SBar_1muvp_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1muvp_gg_.__color_1muvp_gg_{fill:var(--color)}.___SBar_1muvp_gg_.__hide_1muvp_gg_{display:none}.___SBackground_1muvp_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "1uiyv3q_gg_")
+, "1dswpkm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1q91m_gg_",
-  "_color": "__color_1q91m_gg_",
-  "_hide": "__hide_1q91m_gg_",
-  "__SBackground": "___SBackground_1q91m_gg_"
+  "__SBar": "___SBar_1muvp_gg_",
+  "_color": "__color_1muvp_gg_",
+  "_hide": "__hide_1muvp_gg_",
+  "__SBackground": "___SBackground_1muvp_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 

package/lib/cjs/StackedArea.js

@@ -46,16 +46,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SArea_1pbv6_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1pbv6_gg_.__color_1pbv6_gg_{fill:var(--color)}.___SAreaLine_1pbv6_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1pbv6_gg_.__color_1pbv6_gg_{stroke:var(--color)}.___SArea_1pbv6_gg_,.___SAreaLine_1pbv6_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1pbv6_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1pbv6_gg_.__hide_1pbv6_gg_{display:none}"
+".___SArea_izi7r_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_izi7r_gg_.__color_izi7r_gg_{fill:var(--color)}.___SAreaLine_izi7r_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_izi7r_gg_.__color_izi7r_gg_{stroke:var(--color)}.___SArea_izi7r_gg_,.___SAreaLine_izi7r_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_izi7r_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_izi7r_gg_.__hide_izi7r_gg_{display:none}"
 /*__inner_css_end__*/
-, "2qdwr1_gg_")
+, "1rolx81_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1pbv6_gg_",
-  "_color": "__color_1pbv6_gg_",
-  "__SAreaLine": "___SAreaLine_1pbv6_gg_",
-  "__SNull": "___SNull_1pbv6_gg_",
-  "_hide": "__hide_1pbv6_gg_"
+  "__SArea": "___SArea_izi7r_gg_",
+  "_color": "__color_izi7r_gg_",
+  "__SAreaLine": "___SAreaLine_izi7r_gg_",
+  "__SNull": "___SNull_izi7r_gg_",
+  "_hide": "__hide_izi7r_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 

package/lib/cjs/Tooltip.js

@@ -182,7 +182,9 @@ function PopperPopper(props) {
 
   var STooltip = props.Element,
       styles = props.styles,
-      $visible = props.$visible;
+      $visible = props.$visible,
+      x = props.x,
+      y = props.y;
   var handlerCancel = (0, _react.useCallback)(function () {
     return false;
   }, []);
@@ -190,7 +192,9 @@ function PopperPopper(props) {
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STooltip, _ref4.cn("STooltip", {
     "render": _popper["default"].Popper,
     "childrenPosition": "inside",
-    "onMouseMove": handlerCancel
+    "onMouseMove": handlerCancel,
+    "x": x,
+    "y": y
   }));
 }
 

package/lib/cjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip.js"],"names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Box","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip render={Popper.Popper} childrenPosition=\"inside\" onMouseMove={handlerCancel} />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../src/Tooltip.js"],"names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Box","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}

package/lib/es6/Bubble.js

@@ -9,6 +9,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -180,12 +184,12 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       }[labelPosition];
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref.cn("g", {
         "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, {
+        "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, {
+        })),
+        "onMouseLeave": this.bindHandlerTooltip(false, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        })
+        }))
       }), markedCross && /*#__PURE__*/React.createElement(SCenter, _ref.cn("SCenter", {
         "x": xScale(d[x]) + offset[0],
         "y": yScale(d[y]) + offset[1],

package/lib/es6/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bubble.js"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","memoize","func","results","argsKey","measureText","text","span","document","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","marginX","marginY","renderCircle","bind","Bubble"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,eAAnC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;AACA,SAASC,UAAT,QAA2B,eAA3B;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAU;AACxB,MAAMC,OAAO,GAAG,EAAhB;AACA,SAAO,UAACC,OAAD,EAAa;AAClB,QAAI,CAACD,OAAO,CAACC,OAAD,CAAZ,EAAuB;AACrBD,MAAAA,OAAO,CAACC,OAAD,CAAP,GAAmBF,IAAI,CAACE,OAAD,CAAvB;AACD;;AACD,WAAOD,OAAO,CAACC,OAAD,CAAd;AACD,GALD;AAMD,CARD;;AAUA,IAAMC,WAAW,GAAGJ,OAAO,CAAC,UAACK,IAAD,EAAU;AACpC,MAAIC,IAAI,GAAGC,QAAQ,CAACZ,aAAT,CAAuB,MAAvB,CAAX;AACAW,EAAAA,IAAI,CAACE,MAAL,CAAYD,QAAQ,CAACE,cAAT,CAAwBJ,IAAxB,CAAZ;AACAC,EAAAA,IAAI,CAACI,KAAL,CAAWC,OAAX,GAAqB,cAArB;AACAJ,EAAAA,QAAQ,CAACK,IAAT,CAAcJ,MAAd,CAAqBF,IAArB;AACA,MAAMO,UAAU,GAAGP,IAAI,CAACQ,WAAxB;AACAR,EAAAA,IAAI,CAACS,MAAL;AACA,SAAOF,UAAP;AACD,CAR0B,CAA3B;;IAUMG,U;;;;;;;;;;;;;;;;qEAWavB,SAAS,KAAKc,QAAQ,CAACZ,aAAT,CAAuB,KAAvB,CAAL,GAAqC,E;;yEAM1C,UAACsB,OAAD,EAAUC,KAAV;AAAA,aAAoB,iBAAgC;AAAA,YAApBC,CAAoB,SAA7BC,OAA6B;AAAA,YAARC,CAAQ,SAAjBC,OAAiB;AAAA,YAC/DC,YAD+D,GAC9C,MAAKC,OADyC,CAC/DD,YAD+D;AAEvE,cAAKE,cAAL,CAAoBC,qBAApB,GAA4C,MAAKC,6BAAL,CAAmCR,CAAnC,EAAsCE,CAAtC,CAA5C;AACA,cAAKI,cAAL,CAAoB/B,QAAQ,CAACkC,eAA7B,IAAgD,IAAhD;AACAL,QAAAA,YAAY,CAACM,IAAb,CAAkB,kBAAlB,EAAsCZ,OAAtC,EAA+CC,KAA/C,EAAsD,MAAKO,cAA3D;AACD,OALoB;AAAA,K;;;;;;;WAJrB,yCAA4C;AAAA,UAAdN,CAAc,uEAAV,CAAU;AAAA,UAAPE,CAAO,uEAAH,CAAG;AAC1C,aAAO;AAAA,eAAO;AAAES,UAAAA,KAAK,EAAE,CAAT;AAAYC,UAAAA,MAAM,EAAE,CAApB;AAAuBC,UAAAA,GAAG,EAAEX,CAA5B;AAA+BY,UAAAA,KAAK,EAAEd,CAAtC;AAAyCe,UAAAA,MAAM,EAAEb,CAAjD;AAAoDc,UAAAA,IAAI,EAAEhB;AAA1D,SAAP;AAAA,OAAP;AACD;;;WASD,2BAAkB;AAAA,0BACuB,KAAKK,OAD5B;AAAA,UACRY,QADQ,iBACRA,QADQ;AAAA,UACEC,GADF,iBACEA,GADF;AAAA,UACOC,IADP,iBACOA,IADP;AAAA,UACaC,KADb,iBACaA,KADb;AAEhB,UAAMC,CAAC,GAAGzC,SAAS,GAChB0C,MADO,CACA,CAAC,CAAD,EAAIC,IAAI,CAACC,GAAL,OAAAD,IAAI,qBAAQJ,IAAI,CAACM,GAAL,CAAS,UAACC,EAAD;AAAA,eAAQA,EAAE,CAACN,KAAD,CAAV;AAAA,OAAT,CAAR,EAAR,CADA,EAEPO,KAFO,CAED,CAAC,GAAD,EAAM,IAAN,CAFC,CAAV;AAIA,UAAMC,UAAU,GAAGlD,UAAU,GAC1BmD,SADgB,GAEhBC,SAFgB,gBAEEZ,GAFF,SAEQA,GAFR,QAGhBa,IAHgB,CAGX,GAHW,EAGN,CAHM,CAAnB;AAKA,UAAMC,cAAc,GAAGJ,UAAU,CAACK,IAAX,EAAvB;;AACA,UAAIhB,QAAQ,GAAG,CAAX,IAAgBe,cAApB,EAAoC;AAClCJ,QAAAA,UAAU,CACPlD,UADH,GAEGuC,QAFH,CAEYA,QAFZ,EAGGc,IAHH,CAGQ,GAHR,EAGa,UAASG,CAAT,EAAYC,GAAZ,EAAiB;AAC1B,iBAAOd,CAAC,CAACF,IAAI,CAACgB,GAAD,CAAJ,CAAUf,KAAV,CAAD,CAAR;AACD,SALH;AAMD;AACF;;;WAED,8BAAqB;AACnB,WAAKgB,eAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,eAAL;AACD;;;WAED,sBAAaC,CAAb,EAAgBC,CAAhB,EAAmB;AAAA;;AAAA,2BAeb,KAAKjC,OAfQ;AAAA,UAEfkC,KAFe,kBAEfA,KAFe;AAAA,UAGfC,KAHe,kBAGfA,KAHe;AAAA,UAIfxC,CAJe,kBAIfA,CAJe;AAAA,UAKfE,CALe,kBAKfA,CALe;AAAA,UAMfuC,MANe,kBAMfA,MANe;AAAA,UAOfC,MAPe,kBAOfA,MAPe;AAAA,UAQfxB,GARe,kBAQfA,GARe;AAAA,UASfD,QATe,kBASfA,QATe;AAAA,UAUfG,KAVe,kBAUfA,KAVe;AAAA,UAWfuB,KAXe,kBAWfA,KAXe;AAAA,UAYfC,WAZe,kBAYfA,WAZe;AAAA,UAafC,IAbe,kBAafA,IAbe;AAAA,UAcf1B,IAde,kBAcfA,IAde;;AAAA,kCAgBQqB,KAhBR;AAAA,UAgBVM,MAhBU;AAAA,UAgBFC,MAhBE;;AAkBjB,UAAMC,OAAO,GAAG,KAAKC,OAArB;AACA,UAAMC,OAAO,GAAG,MAAhB;AACA,UAAMC,MAAM,GAAG,MAAf;AACA,UAAM9B,CAAC,GAAGzC,SAAS,GAChB0C,MADO,CACA,CAAC,CAAD,EAAIC,IAAI,CAACC,GAAL,OAAAD,IAAI,qBAAQJ,IAAI,CAACM,GAAL,CAAS,UAACC,EAAD;AAAA,eAAQA,EAAE,CAACN,KAAD,CAAV;AAAA,OAAT,CAAR,EAAR,CADA,EAEPO,KAFO,CAED,CAAC,GAAD,EAAM,IAAN,CAFC,CAAV;AAIA,UAAMyB,MAAM,GAAG7B,IAAI,CAAC8B,GAAL,CAASP,MAAM,CAACnB,KAAP,GAAe,CAAf,CAAT,EAA4BmB,MAAM,CAACnB,KAAP,GAAe,CAAf,CAA5B,CAAf;AAEA,UAAM2B,aAAa,GACjBT,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIO,MAAd,IAAwBN,MAAM,CAACT,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAArB,GAA2BpB,CAAC,CAACgB,CAAC,CAACjB,KAAD,CAAF,CAApD,IAAkEnC,WAAW,CAACoD,CAAC,CAACM,KAAD,CAAF,CAA7E,GACI,OADJ,GAEI,MAHN;AAIA,UAAMY,aAAa,GAAG;AACpBzC,QAAAA,KAAK,EAAEgC,MAAM,CAACT,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAArB,GAA2BpB,CAAC,CAACgB,CAAC,CAACjB,KAAD,CAAF,CADf;AAEpBJ,QAAAA,IAAI,EAAE8B,MAAM,CAACT,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAArB,GAA2BpB,CAAC,CAACgB,CAAC,CAACjB,KAAD,CAAF;AAFd,QAGpBkC,aAHoB,CAAtB;AAKA,oBAAOjF,OAAO,CAACqE,MAAD,CAAd,eACE;AAAA,iCACkBJ,CADlB;AAAA,uBAEe,KAAKkB,kBAAL,CAAwB,IAAxB,EAA8B;AAAEC,UAAAA,MAAM,EAAEnB;AAAV,SAA9B,CAFf;AAAA,wBAGgB,KAAKkB,kBAAL,CAAwB,KAAxB,EAA+B;AAAEC,UAAAA,MAAM,EAAEnB;AAAV,SAA/B;AAHhB,UAKGM,WAAW,iBACV,oBAAC,OAAD;AAAA,aACKE,MAAM,CAACT,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAD1B;AAAA,aAEKM,MAAM,CAACV,CAAC,CAACnC,CAAD,CAAF,CAAN,GAAeuC,MAAM,CAAC,CAAD,CAF1B;AAAA,cAGK,MAHL;AAAA,mCAIoBvB,GAJpB;AAAA,6BAKSmB,CAAC,CAACE,KAAD,CALV,+CAKqBA;AALrB,cANJ,eAgBE,oBAAC,OAAD;AAAA,wBACSrB,GADT,SACeA,GADf;AAAA,kBAES,QAFT;AAAA,mCAGoBA,GAHpB;AAAA,cAIM4B,MAAM,CAACT,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAJ3B;AAAA,cAKMM,MAAM,CAACV,CAAC,CAACnC,CAAD,CAAF,CAAN,GAAeuC,MAAM,CAAC,CAAD,CAL3B;AAAA,iBAMSJ,CAAC,CAACE,KAAD,CANV;AAAA,aAOKlB,CAAC,CAACgB,CAAC,CAACjB,KAAD,CAAF,CAPN;AAAA,kCAQmBH,QARnB;AAAA,SAhBF,EA0BGoB,CAAC,CAACM,KAAD,CAAD,iBACC,oBAAC,MAAD;AAAA,aACKY,aADL;AAAA,aAEKR,MAAM,CAACV,CAAC,CAACnC,CAAD,CAAF,CAAN,GAAeuC,MAAM,CAAC,CAAD,CAF1B;AAAA,cAGK,MAHL;AAAA,mCAIoBvB,GAJpB;AAAA,oBAKYoC,aALZ;AAAA,iBAMSjB,CAAC,CAACE,KAAD;AANV,UAQGF,CAAC,CAACM,KAAD,CARJ,CA3BJ,CADF;AAyCD;;;WAED,kBAAS;AAAA,2BAC4B,KAAKtC,OADjC;AAAA,UACCc,IADD,kBACCA,IADD;AAAA,UACOD,GADP,kBACOA,GADP;AAAA,UACY2B,IADZ,kBACYA,IADZ;AAAA,UACkBL,KADlB,kBACkBA,KADlB;;AAAA,mCAEkBA,KAFlB;AAAA,UAEAM,MAFA;AAAA,UAEQC,MAFR;;AAGP,UAAMW,OAAO,GAAGnC,IAAI,CAAC8B,GAAL,CAASP,MAAM,CAACnB,KAAP,GAAe,CAAf,CAAT,EAA4BmB,MAAM,CAACnB,KAAP,GAAe,CAAf,CAA5B,CAAhB;AACA,UAAMgC,OAAO,GAAGpC,IAAI,CAAC8B,GAAL,CAASN,MAAM,CAACpB,KAAP,GAAe,CAAf,CAAT,EAA4BoB,MAAM,CAACpB,KAAP,GAAe,CAAf,CAA5B,CAAhB;AAEA,0BACE,0CACGR,IAAI,CAACM,GAAL,CAAS,KAAKmC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAAT,CADH,EAEG1C,IAAI,CAACM,GAAL,CAAS,KAAKW,eAAL,CAAqByB,IAArB,CAA0B,IAA1B,CAAT,CAFH,eAGE,oBAAC,QAAD;AACE,QAAA,EAAE,EAAE3C,GADN;AAEE,QAAA,CAAC,EAAEwC,OAFL;AAGE,QAAA,CAAC,EAAEC,OAHL;AAIE,QAAA,KAAK,YAAKd,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIa,OAAnB,OAJP;AAKE,QAAA,MAAM,YAAKb,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIc,OAAnB;AALR,QAHF,CADF;AAaD;;;;EAxJsBvF,S;;gBAAnByB,U,iBACiB,Q;;gBADjBA,U,WAEWN,K;;gBAFXM,U,aAGa,CAACpB,mBAAmB,EAApB,C;;gBAHboB,U,kBAKkB;AACpB4C,EAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ,CADY;AAEpBxB,EAAAA,QAAQ,EAAE,GAFU;AAGpB2B,EAAAA,WAAW,EAAE;AAHO,C;;AAsJxB,IAAMkB,MAAM,GAAGtF,aAAa,CAACqB,UAAD,CAA5B;AAEA,eAAeiE,MAAf","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  let span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}${uid}]`)\n      .attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function(_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}
+{"version":3,"sources":["../../src/Bubble.js"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","memoize","func","results","argsKey","measureText","text","span","document","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","marginX","marginY","renderCircle","bind","Bubble"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  let span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}${uid}]`)\n      .attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function(_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}

package/lib/es6/GroupBar.js

@@ -22,15 +22,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_1n0gc_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1n0gc_gg_.__color_1n0gc_gg_{fill:var(--color)}.___SBar_1n0gc_gg_.__hide_1n0gc_gg_{display:none}.___SBackground_1n0gc_gg_{fill:#e4ecf1}"
+".___SBar_1i6n2_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1i6n2_gg_.__color_1i6n2_gg_{fill:var(--color)}.___SBar_1i6n2_gg_.__hide_1i6n2_gg_{display:none}.___SBackground_1i6n2_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "agduuu_gg_")
+, "m0sxme_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1n0gc_gg_",
-  "_color": "__color_1n0gc_gg_",
-  "_hide": "__hide_1n0gc_gg_",
-  "__SBackground": "___SBackground_1n0gc_gg_"
+  "__SBar": "___SBar_1i6n2_gg_",
+  "_color": "__color_1i6n2_gg_",
+  "_hide": "__hide_1i6n2_gg_",
+  "__SBackground": "___SBackground_1i6n2_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/ScatterPlot.js

@@ -8,6 +8,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -138,19 +142,19 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var SValue = 'text';
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref.cn("g", {
         "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, {
+        "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, {
+        })),
+        "onMouseLeave": this.bindHandlerTooltip(false, _objectSpread(_objectSpread({}, this.props), {}, {
           xIndex: i
-        })
+        }))
       }), /*#__PURE__*/React.createElement(SScatterPlot, _ref.cn("SScatterPlot", {
         "id": "".concat(uid).concat(i),
         "render": "circle",
         "clipPath": "url(#".concat(uid, ")"),
         "cx": xScale(d[x]) + offset[0],
         "cy": yScale(d[y]) + offset[1],
-        "color": d[color],
+        "color": color,
         "r": r,
         "use:duration": "".concat(duration, "ms")
       })), d[value] && /*#__PURE__*/React.createElement(SValue, _ref.cn("SValue", {
@@ -158,7 +162,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
-        "color": d[valueColor]
+        "color": valueColor
       }), d[value]));
     }
   }, {

package/lib/es6/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ScatterPlot.js"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","ScatterPlotRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","animationCircle","d","i","color","scale","offset","styles","valueColor","xScale","yScale","SScatterPlot","Element","SValue","bindHandlerTooltip","xIndex","data","size","marginX","Math","min","range","marginY","map","renderCircle","bind","style","ScatterPlot"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/scatterplot.shadow.css';\nimport ClipPath from './ClipPath';\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}]`)\n      .attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\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    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}\n      >\n        <SScatterPlot\n          id={`${uid}${i}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={r}\n          use:duration={`${duration}ms`}\n        />\n        {d[value] && (\n          <SValue\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[valueColor]}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot);\n\nexport default ScatterPlot;\n"],"file":"ScatterPlot.js"}
+{"version":3,"sources":["../../src/ScatterPlot.js"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","ScatterPlotRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","animationCircle","d","i","color","scale","offset","styles","valueColor","xScale","yScale","SScatterPlot","Element","SValue","bindHandlerTooltip","xIndex","data","size","marginX","Math","min","range","marginY","map","renderCircle","bind","style","ScatterPlot"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,eAAnC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;AACA,SAASC,UAAT,QAA2B,eAA3B;;;;;;;;;;;;;;;;;;AAEA,OAAOC,QAAP,MAAqB,YAArB;;IAEMC,e;;;;;;;;;;;;;;;;qEAUaN,SAAS,KAAKO,QAAQ,CAACL,aAAT,CAAuB,KAAvB,CAAL,GAAqC,E;;yEAM1C,UAACM,OAAD,EAAUC,KAAV;AAAA,aAAoB,iBAAgC;AAAA,YAApBC,CAAoB,SAA7BC,OAA6B;AAAA,YAARC,CAAQ,SAAjBC,OAAiB;AAAA,YAC/DC,YAD+D,GAC9C,MAAKC,OADyC,CAC/DD,YAD+D;AAEvE,cAAKE,cAAL,CAAoBC,qBAApB,GAA4C,MAAKC,6BAAL,CAAmCR,CAAnC,EAAsCE,CAAtC,CAA5C;AACA,cAAKI,cAAL,CAAoBf,QAAQ,CAACkB,eAA7B,IAAgD,IAAhD;AACAL,QAAAA,YAAY,CAACM,IAAb,CAAkB,kBAAlB,EAAsCZ,OAAtC,EAA+CC,KAA/C,EAAsD,MAAKO,cAA3D;AACD,OALoB;AAAA,K;;;;;;;WAJrB,yCAA4C;AAAA,UAAdN,CAAc,uEAAV,CAAU;AAAA,UAAPE,CAAO,uEAAH,CAAG;AAC1C,aAAO;AAAA,eAAO;AAAES,UAAAA,KAAK,EAAE,CAAT;AAAYC,UAAAA,MAAM,EAAE,CAApB;AAAuBC,UAAAA,GAAG,EAAEX,CAA5B;AAA+BY,UAAAA,KAAK,EAAEd,CAAtC;AAAyCe,UAAAA,MAAM,EAAEb,CAAjD;AAAoDc,UAAAA,IAAI,EAAEhB;AAA1D,SAAP;AAAA,OAAP;AACD;;;WASD,2BAAkB;AAAA,0BACoB,KAAKK,OADzB;AAAA,UACRY,QADQ,iBACRA,QADQ;AAAA,UACEC,GADF,iBACEA,GADF;AAAA,UACOC,CADP,iBACOA,CADP;AAAA,UACUC,KADV,iBACUA,KADV;AAEhB,UAAMC,MAAM,GAAGF,CAAC,GAAGA,CAAH,GAAOC,KAAK,GAAG,EAAH,GAAQ,GAApC;AACA,UAAME,UAAU,GAAG5B,UAAU,GAC1B6B,SADgB,GAEhBC,SAFgB,gBAEEN,GAFF,QAGhBO,IAHgB,CAGX,GAHW,EAGN,CAHM,CAAnB;AAIA,UAAMC,cAAc,GAAGJ,UAAU,CAACK,IAAX,EAAvB;;AAEA,UAAIV,QAAQ,GAAG,CAAX,IAAgBS,cAApB,EAAoC;AAClCJ,QAAAA,UAAU,CACP5B,UADH,GAEGuB,QAFH,CAEYA,QAFZ,EAGGQ,IAHH,CAGQ,GAHR,EAGaJ,MAHb;AAID;AACF;;;WAED,8BAAqB;AACnB,WAAKO,eAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,eAAL;AACD;;;WAED,sBAAaC,CAAb,EAAgBC,CAAhB,EAAmB;AAAA;;AAAA,2BAab,KAAKzB,OAbQ;AAAA,UAEf0B,KAFe,kBAEfA,KAFe;AAAA,UAGfC,KAHe,kBAGfA,KAHe;AAAA,UAIfhC,CAJe,kBAIfA,CAJe;AAAA,UAKfE,CALe,kBAKfA,CALe;AAAA,UAMfiB,CANe,kBAMfA,CANe;AAAA,UAOfc,MAPe,kBAOfA,MAPe;AAAA,UAQfC,MARe,kBAQfA,MARe;AAAA,UASfhB,GATe,kBASfA,GATe;AAAA,UAUfD,QAVe,kBAUfA,QAVe;AAAA,UAWfG,KAXe,kBAWfA,KAXe;AAAA,UAYfe,UAZe,kBAYfA,UAZe;;AAAA,kCAcQH,KAdR;AAAA,UAcVI,MAdU;AAAA,UAcFC,MAdE;;AAejB,UAAMC,YAAY,GAAG,KAAKC,OAA1B;AACA,UAAMC,MAAM,GAAG,MAAf;AACA,oBAAOnD,OAAO,CAAC6C,MAAD,CAAd,eACE;AAAA,iCACkBJ,CADlB;AAAA,uBAEe,KAAKW,kBAAL,CAAwB,IAAxB,kCAAmC,KAAK1C,KAAxC;AAA+C2C,UAAAA,MAAM,EAAEZ;AAAvD,WAFf;AAAA,wBAGgB,KAAKW,kBAAL,CAAwB,KAAxB,kCAAoC,KAAK1C,KAAzC;AAAgD2C,UAAAA,MAAM,EAAEZ;AAAxD;AAHhB,uBAKE,oBAAC,YAAD;AAAA,wBACSZ,GADT,SACeY,CADf;AAAA,kBAES,QAFT;AAAA,mCAGoBZ,GAHpB;AAAA,cAIMkB,MAAM,CAACP,CAAC,CAAC7B,CAAD,CAAF,CAAN,GAAeiC,MAAM,CAAC,CAAD,CAJ3B;AAAA,cAKMI,MAAM,CAACR,CAAC,CAAC3B,CAAD,CAAF,CAAN,GAAe+B,MAAM,CAAC,CAAD,CAL3B;AAAA,iBAMSF,KANT;AAAA,aAOKZ,CAPL;AAAA,kCAQmBF,QARnB;AAAA,SALF,EAeGY,CAAC,CAACT,KAAD,CAAD,iBACC,oBAAC,MAAD;AAAA,aACKgB,MAAM,CAACP,CAAC,CAAC7B,CAAD,CAAF,CAAN,GAAeiC,MAAM,CAAC,CAAD,CAD1B;AAAA,aAEKI,MAAM,CAACR,CAAC,CAAC3B,CAAD,CAAF,CAAN,GAAe+B,MAAM,CAAC,CAAD,CAF1B;AAAA,cAGK,MAHL;AAAA,mCAIoBf,GAJpB;AAAA,iBAKSiB;AALT,UAOGN,CAAC,CAACT,KAAD,CAPJ,CAhBJ,CADF;AA6BD;;;WAED,kBAAS;AAAA,2BAC4B,KAAKf,OADjC;AAAA,UACCsC,IADD,kBACCA,IADD;AAAA,UACOzB,GADP,kBACOA,GADP;AAAA,UACY0B,IADZ,kBACYA,IADZ;AAAA,UACkBZ,KADlB,kBACkBA,KADlB;;AAAA,mCAEkBA,KAFlB;AAAA,UAEAI,MAFA;AAAA,UAEQC,MAFR;;AAGP,UAAMQ,OAAO,GAAGC,IAAI,CAACC,GAAL,CAASX,MAAM,CAACY,KAAP,GAAe,CAAf,CAAT,EAA4BZ,MAAM,CAACY,KAAP,GAAe,CAAf,CAA5B,CAAhB;AACA,UAAMC,OAAO,GAAGH,IAAI,CAACC,GAAL,CAASV,MAAM,CAACW,KAAP,GAAe,CAAf,CAAT,EAA4BX,MAAM,CAACW,KAAP,GAAe,CAAf,CAA5B,CAAhB;AAEA,0BACE,0CACGL,IAAI,CAACO,GAAL,CAAS,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAAT,CADH,eAEE,oBAAC,QAAD;AACE,QAAA,EAAE,EAAElC,GADN;AAEE,QAAA,CAAC,EAAE2B,OAFL;AAGE,QAAA,CAAC,EAAEI,OAHL;AAIE,QAAA,KAAK,YAAKL,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIC,OAAnB,OAJP;AAKE,QAAA,MAAM,YAAKD,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIK,OAAnB;AALR,QAFF,CADF;AAYD;;;;EAlH2B7D,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWyD,K;;gBAFXzD,e,aAGa,CAACH,mBAAmB,EAApB,C;;gBAHbG,e,kBAKkB;AACpBqC,EAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ,CADY;AAEpBhB,EAAAA,QAAQ,EAAE;AAFU,C;;AAgHxB,IAAMqC,WAAW,GAAG9D,aAAa,CAACI,eAAD,CAAjC;AAEA,eAAe0D,WAAf","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/scatterplot.shadow.css';\nimport ClipPath from './ClipPath';\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) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}]`)\n      .attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\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    } = this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        <SScatterPlot\n          id={`${uid}${i}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={color}\n          r={r}\n          use:duration={`${duration}ms`}\n        />\n        {d[value] && (\n          <SValue\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={valueColor}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot);\n\nexport default ScatterPlot;\n"],"file":"ScatterPlot.js"}

package/lib/es6/StackBar.js

@@ -27,15 +27,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_1q91m_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1q91m_gg_.__color_1q91m_gg_{fill:var(--color)}.___SBar_1q91m_gg_.__hide_1q91m_gg_{display:none}.___SBackground_1q91m_gg_{fill:#e4ecf1}"
+".___SBar_1muvp_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1muvp_gg_.__color_1muvp_gg_{fill:var(--color)}.___SBar_1muvp_gg_.__hide_1muvp_gg_{display:none}.___SBackground_1muvp_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "1uiyv3q_gg_")
+, "1dswpkm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1q91m_gg_",
-  "_color": "__color_1q91m_gg_",
-  "_hide": "__hide_1q91m_gg_",
-  "__SBackground": "___SBackground_1q91m_gg_"
+  "__SBar": "___SBar_1muvp_gg_",
+  "_color": "__color_1muvp_gg_",
+  "_hide": "__hide_1muvp_gg_",
+  "__SBackground": "___SBackground_1muvp_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/StackedArea.js

@@ -26,16 +26,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SArea_1pbv6_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1pbv6_gg_.__color_1pbv6_gg_{fill:var(--color)}.___SAreaLine_1pbv6_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1pbv6_gg_.__color_1pbv6_gg_{stroke:var(--color)}.___SArea_1pbv6_gg_,.___SAreaLine_1pbv6_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1pbv6_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1pbv6_gg_.__hide_1pbv6_gg_{display:none}"
+".___SArea_izi7r_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_izi7r_gg_.__color_izi7r_gg_{fill:var(--color)}.___SAreaLine_izi7r_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_izi7r_gg_.__color_izi7r_gg_{stroke:var(--color)}.___SArea_izi7r_gg_,.___SAreaLine_izi7r_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_izi7r_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_izi7r_gg_.__hide_izi7r_gg_{display:none}"
 /*__inner_css_end__*/
-, "2qdwr1_gg_")
+, "1rolx81_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1pbv6_gg_",
-  "_color": "__color_1pbv6_gg_",
-  "__SAreaLine": "___SAreaLine_1pbv6_gg_",
-  "__SNull": "___SNull_1pbv6_gg_",
-  "_hide": "__hide_1pbv6_gg_"
+  "__SArea": "___SArea_izi7r_gg_",
+  "_color": "__color_izi7r_gg_",
+  "__SAreaLine": "___SAreaLine_izi7r_gg_",
+  "__SNull": "___SNull_izi7r_gg_",
+  "_hide": "__hide_izi7r_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/Tooltip.js

@@ -167,7 +167,9 @@ function PopperPopper(props) {
 
   var STooltip = props.Element,
       styles = props.styles,
-      $visible = props.$visible;
+      $visible = props.$visible,
+      x = props.x,
+      y = props.y;
   var handlerCancel = useCallback(function () {
     return false;
   }, []);
@@ -175,7 +177,9 @@ function PopperPopper(props) {
   return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STooltip, _ref4.cn("STooltip", {
     "render": Popper.Popper,
     "childrenPosition": "inside",
-    "onMouseMove": handlerCancel
+    "onMouseMove": handlerCancel,
+    "x": x,
+    "y": y
   }));
 }
 

package/lib/es6/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip.js"],"names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","CONSTANT","createElement","resolveColor","TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","handlerCancel","allowedAutoPlacements","setTrigger","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Dot","color","SDotGroup","SDot","Footer"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,OAA1B,QAAyC,eAAzC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;;;;;;;;;;;;;;;;;;;;IAIMC,W;;;;;;;;;;;;;;;;4DAKI;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;;oEAIQ;AAAA,aAAM,KAAN;AAAA,K;;;;;;;WAEhB,2BAAkB;AAChB;AADgB,0BAEC,KAAKC,OAFN;AAAA,UAERC,CAFQ,iBAERA,CAFQ;AAAA,UAELC,CAFK,iBAELA,CAFK;AAGhB,aAAO;AAAED,QAAAA,CAAC,EAADA,CAAF;AAAKC,QAAAA,CAAC,EAADA;AAAL,OAAP;AACD;;;WAED,0BAAiB;AACf,+BACK,KAAKC,KADV;AAGD;;;WAED,6BAAoB;AAAA;;AAAA,2BACgB,KAAKH,OADrB;AAAA,UACVI,YADU,kBACVA,YADU;AAAA,UACIC,OADJ,kBACIA,OADJ;AAElB,WAAKC,yBAAL,GAAiCF,YAAY,CAACG,SAAb,CAC/B,kBAD+B,EAE/B,UAACC,OAAD,EAAUC,IAAV,EAAgBC,IAAhB,EAAyB;AACvB,QAAA,MAAI,CAACC,QAAL,iCAGOF,IAHP;AAIIV,UAAAA,QAAQ,EAAES;AAJd,YAME,YAAM;AACJ,cAAIE,IAAI,KAAKA,IAAI,CAACf,QAAQ,CAACiB,eAAV,CAAJ,IAAkCP,OAAO,CAACQ,OAAR,CAAgBC,QAAhB,CAAyBJ,IAAzB,CAAvC,CAAR,EAAgF;AAAA;;AAC9E,YAAA,MAAI,SAAJ,IAAA,MAAI,WAAJ,YAAA,MAAI,CAAEK,gBAAN,CAAuBL,IAAvB;AACA,qCAAA,MAAI,CAACM,MAAL,CAAYH,OAAZ,gFAAqBI,MAArB;AACD;AACF,SAXH;AAaD,OAhB8B,CAAjC;AAkBD;;;WAED,gCAAuB;AACrB,UAAI,KAAKX,yBAAT,EAAoC;AAClC,aAAKA,yBAAL;AACD;AACF;;;WAED,kBAAS;AAAA;AAAA;;AAAA,2BACuC,KAAKN,OAD5C;AAAA,UACCkB,QADD,kBACCA,QADD;AAAA,UACWC,QADX,kBACWA,QADX;AAAA,UACqBC,GADrB,kBACqBA,GADrB;AAAA,UAC6BC,KAD7B;;AAGP,UAAMC,WAAW,GAAG,CAAC,CAAC5B,aAAa,CAACwB,QAAD,EAAW,CAC5CK,OAAO,CAACC,OAAR,CAAgBC,WAD4B,EAE5CF,OAAO,CAAC/B,MAAR,CAAeiC,WAF6B,CAAX,CAAnC;AAIA,0BACE,oBACUjC,MADV;AAAA,mBAEW,KAAKW,KAAL,CAAWJ,QAFtB;AAAA,yBAGiB,KAAK2B,aAHtB;AAAA,0BAIkB,KAAKA,aAJvB;AAAA,uBAKc,MALd;AAAA,kBAMU,CANV;AAAA,gBAOQ;AAAEC,UAAAA,qBAAqB,EAAE,CAAC,MAAD,EAAS,OAAT;AAAzB;AAPR,gBASG,iBAA4B;AAAA;;AAAA,YAAzBX,MAAyB,SAAzBA,MAAyB;AAAA,YAAjBY,UAAiB,SAAjBA,UAAiB;AAC3B,QAAA,MAAI,CAACb,gBAAL,GAAwBa,UAAxB;AACA,QAAA,MAAI,CAACZ,MAAL,GAAcA,MAAd;AACA,iCAAA,MAAI,CAACA,MAAL,CAAYH,OAAZ,gFAAqBI,MAArB;AACA,eAAOK,WAAW,gBAChB,oBAAC,QAAD,OADgB,gBAGhB,0CACGF,GAAG,iBAAI,oBAAC,OAAD,CAAS,OAAT;AAAiB,UAAA,GAAG,EAAEA;AAAtB,UADV,eAEE,oBAAC,OAAD,CAAS,MAAT,EAAoBC,KAApB,EAA4BF,QAA5B,CAFF,CAHF;AAQD,OArBH,CADF;AAyBD;;;;EAnFuB9B,S;;gBAApBS,W,iBACiB,S;;gBADjBA,W,WAGW+B,K;;AAmFjB,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;AAAA;;AAAA,MACVC,QADU,GACqBD,KADrB,CACnBE,OADmB;AAAA,MACAC,MADA,GACqBH,KADrB,CACAG,MADA;AAAA,MACQnC,QADR,GACqBgC,KADrB,CACQhC,QADR;AAG3B,MAAM2B,aAAa,GAAGtC,WAAW,CAAC;AAAA,WAAM,KAAN;AAAA,GAAD,EAAc,EAAd,CAAjC;AAEA,MAAI,CAACW,QAAL,EAAe,OAAO,IAAP;AAEf,iBAAOR,OAAO,CAAC2C,MAAD,CAAd,eACE,oBAAC,QAAD;AAAA,cAAkB1C,MAAM,CAACA,MAAzB;AAAA,wBAAkD,QAAlD;AAAA,mBAAwEkC;AAAxE,KADF;AAGD;;AAED,SAASS,KAAT,CAAeJ,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMK,MAAM,GAE2B3C,GAFvC;AADoB,MAEZyC,MAFY,GAEDH,KAFC,CAEZG,MAFY;AAGpB,iBAAO3C,OAAO,CAAC2C,MAAD,CAAd,eAAuB,oBAAC,MAAD;AAAA,sBAAqC,CAAC,MAAD,EAAS,OAAT;AAArC,cAAvB;AACD;;AAED,SAASG,GAAT,CAAaN,KAAb,EAAoB;AAAA;AAAA;;AAAA,MACVG,MADU,GACkBH,KADlB,CACVG,MADU;AAAA,MACFI,KADE,GACkBP,KADlB,CACFO,KADE;AAAA,MACKpB,QADL,GACkBa,KADlB,CACKb,QADL;AAElB,MAAMqB,SAAS,GAGM9C,GAHrB;AACA,MAAM+C,IAAI,GAAG/C,GAAb;AACA,iBAAOF,OAAO,CAAC2C,MAAD,CAAd,eACE,oBAAC,SAAD,mFACE,oBAAC,IAAD;AAAA,sBAAsB,CAAC,MAAD,EAAS,OAAT,CAAtB;AAAA,aAAgDrC,YAAY,CAACyC,KAAD;AAA5D,KADF,eAEE,oBAAC,QAAD,2BAFF,CADF;AAMD;;AAED,SAASG,MAAT,GAAkB;AAChB,SAAO,IAAP;AACD;;AAED,IAAMlB,OAAO,GAAG3B,aAAa,CAACE,WAAD,EAAc;AACzC0B,EAAAA,OAAO,EAAEhC,MAAM,CAACgC,OADyB;AAEzChC,EAAAA,MAAM,EAAEsC,YAFiC;AAGzCK,EAAAA,KAAK,EAALA,KAHyC;AAIzCM,EAAAA,MAAM,EAANA,MAJyC;AAKzCJ,EAAAA,GAAG,EAAHA;AALyC,CAAd,CAA7B;AAQA,eAAed,OAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip render={Popper.Popper} childrenPosition=\"inside\" onMouseMove={handlerCancel} />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../src/Tooltip.js"],"names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","CONSTANT","createElement","resolveColor","TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","handlerCancel","allowedAutoPlacements","setTrigger","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "SEMRush D3 Chart Component",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",

package/src/Bubble.js

@@ -122,8 +122,8 @@ class BubbleRoot extends Component {
     return sstyled(styles)(
       <g
         key={`circle(#${i})`}
-        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}
-        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}
+        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}
+        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}
       >
         {markedCross && (
           <SCenter

package/src/ScatterPlot.js

@@ -76,8 +76,8 @@ class ScatterPlotRoot extends Component {
     return sstyled(styles)(
       <g
         key={`circle(#${i})`}
-        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}
-        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}
+        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}
+        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}
       >
         <SScatterPlot
           id={`${uid}${i}`}
@@ -85,7 +85,7 @@ class ScatterPlotRoot extends Component {
           clipPath={`url(#${uid})`}
           cx={xScale(d[x]) + offset[0]}
           cy={yScale(d[y]) + offset[1]}
-          color={d[color]}
+          color={color}
           r={r}
           use:duration={`${duration}ms`}
         />
@@ -95,7 +95,7 @@ class ScatterPlotRoot extends Component {
             y={yScale(d[y]) + offset[1]}
             dy=".3em"
             clipPath={`url(#${uid})`}
-            color={d[valueColor]}
+            color={valueColor}
           >
             {d[value]}
           </SValue>

package/src/Tooltip.js

@@ -96,14 +96,20 @@ class TooltipRoot extends Component {
 }
 
 function PopperPopper(props) {
-  const { Element: STooltip, styles, $visible } = props;
+  const { Element: STooltip, styles, $visible, x, y } = props;
 
   const handlerCancel = useCallback(() => false, []);
 
   if (!$visible) return null;
 
   return sstyled(styles)(
-    <STooltip render={Popper.Popper} childrenPosition="inside" onMouseMove={handlerCancel} />,
+    <STooltip
+      render={Popper.Popper}
+      childrenPosition="inside"
+      onMouseMove={handlerCancel}
+      x={x}
+      y={y}
+    />,
   );
 }