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

package/lib/cjs/Bar.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,40 +8,38 @@ exports["default"] = exports.MIN_HEIGHT = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _react = _interopRequireDefault(require("react"));
-var _d3Transition = require("d3-transition");
 var _core = require("@semcore/core");
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-var _createElement = _interopRequireDefault(require("./createElement"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _d3Transition = require("d3-transition");
+var _react = _interopRequireDefault(require("react"));
 var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
-var _utils = require("./utils");
+var _createElement = _interopRequireDefault(require("./createElement"));
 var _Pattern = require("./Pattern");
+var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_1rguf_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210));transition-property:height,width,y;transition-duration:var(--duration_1rguf);transition-timing-function:ease-in-out}.___SBar_1rguf_gg_.__color_1rguf_gg_{fill:var(--color_1rguf)}.___SBar_1rguf_gg_.__pattern_1rguf_gg_.__color_1rguf_gg_{fill:var(--pattern_1rguf);stroke:var(--color_1rguf);stroke-width:1px}.___SBar_1rguf_gg_.__hide_1rguf_gg_{display:none}.___SBar_1rguf_gg_.__transparent_1rguf_gg_{opacity:.3}.___SBackground_1rguf_gg_.__onClick_1rguf_gg_,.___SBar_1rguf_gg_.__onClick_1rguf_gg_{cursor:pointer}.___SBackground_1rguf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_1rguf_gg_{display:flex;justify-content:space-between}.___SBarLabel_1rguf_gg_,.___SBarPercent_1rguf_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_1rguf_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_1rguf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0)){.___SBarPercent_1rguf_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_1rguf_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_1rguf_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_1rguf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"1rguf_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_3jzeq_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_3jzeq);transition-timing-function:ease-in-out}.___SBar_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--color_3jzeq)}.___SBar_3jzeq_gg_.__pattern_3jzeq_gg_.__color_3jzeq_gg_{fill:var(--pattern_3jzeq);stroke:var(--color_3jzeq);stroke-width:1px}.___SBar_3jzeq_gg_.__hide_3jzeq_gg_{display:none}.___SBar_3jzeq_gg_.__transparent_3jzeq_gg_{opacity:.3}.___SBackground_3jzeq_gg_.__onClick_3jzeq_gg_,.___SBar_3jzeq_gg_.__onClick_3jzeq_gg_{cursor:pointer}.___SBackground_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_3jzeq_gg_{display:flex;justify-content:space-between}.___SBarLabel_3jzeq_gg_,.___SBarPercent_3jzeq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_3jzeq_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_3jzeq_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_3jzeq_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_3jzeq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"3jzeq_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBar": "___SBar_1rguf_gg_",
-  "--duration": "--duration_1rguf",
-  "_color": "__color_1rguf_gg_",
-  "--color": "--color_1rguf",
-  "_pattern": "__pattern_1rguf_gg_",
-  "--pattern": "--pattern_1rguf",
-  "_hide": "__hide_1rguf_gg_",
-  "_transparent": "__transparent_1rguf_gg_",
-  "_onClick": "__onClick_1rguf_gg_",
-  "__SBackground": "___SBackground_1rguf_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_1rguf_gg_",
-  "__SBarLabel": "___SBarLabel_1rguf_gg_",
-  "__SBarPercent": "___SBarPercent_1rguf_gg_",
-  "__SBarValue": "___SBarValue_1rguf_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1rguf_gg_"
+  "__SBar": "___SBar_3jzeq_gg_",
+  "--duration": "--duration_3jzeq",
+  "_color": "__color_3jzeq_gg_",
+  "--color": "--color_3jzeq",
+  "_pattern": "__pattern_3jzeq_gg_",
+  "--pattern": "--pattern_3jzeq",
+  "_hide": "__hide_3jzeq_gg_",
+  "_transparent": "__transparent_3jzeq_gg_",
+  "_onClick": "__onClick_3jzeq_gg_",
+  "__SBackground": "___SBackground_3jzeq_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_3jzeq_gg_",
+  "__SBarLabel": "___SBarLabel_3jzeq_gg_",
+  "__SBarPercent": "___SBarPercent_3jzeq_gg_",
+  "__SBarValue": "___SBarValue_3jzeq_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_3jzeq_gg_"
 });
-var MIN_HEIGHT = 2;
-exports.MIN_HEIGHT = MIN_HEIGHT;
+var MIN_HEIGHT = exports.MIN_HEIGHT = 2;
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {
   // need for the correct rendering of negative values (bar should be under Y-axis)
   if (y <= 0) {
@@ -51,13 +49,12 @@ var calcPartBarY = function calcPartBarY(y, minHeight, height) {
   return height <= minHeight ? minHeight : 0;
 };
 var BarRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(BarRoot, _Component);
-  var _super = (0, _createSuper2["default"])(BarRoot);
   function BarRoot() {
     (0, _classCallCheck2["default"])(this, BarRoot);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, BarRoot, arguments);
   }
-  (0, _createClass2["default"])(BarRoot, [{
+  (0, _inherits2["default"])(BarRoot, _Component);
+  return (0, _createClass2["default"])(BarRoot, [{
     key: "getBackgroundProps",
     value: function getBackgroundProps(_props, index) {
       var _this$asProps = this.asProps,
@@ -114,7 +111,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         onClick = _this$asProps3.onClick,
         transparent = _this$asProps3.transparent,
         _this$asProps3$maxBar = _this$asProps3.maxBarSize,
-        maxBarSize = _this$asProps3$maxBar === void 0 ? Infinity : _this$asProps3$maxBar,
+        maxBarSize = _this$asProps3$maxBar === void 0 ? Number.POSITIVE_INFINITY : _this$asProps3$maxBar,
         patterns = _this$asProps3.patterns,
         dataHintsHandler = _this$asProps3.dataHintsHandler;
       var offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
@@ -191,7 +188,6 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return BarRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(BarRoot, "displayName", 'Bar');
 (0, _defineProperty2["default"])(BarRoot, "style", style);
@@ -236,8 +232,7 @@ function getRect(_ref3) {
   }
   return (0, _utils.roundedPath)(x, y, width, height, radius);
 }
-var _default = (0, _createElement["default"])(BarRoot, {
+var _default = exports["default"] = (0, _createElement["default"])(BarRoot, {
   Background: Background
 });
-exports["default"] = _default;
 //# sourceMappingURL=Bar.js.map

package/lib/cjs/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["_react","_interopRequireDefault","require","_d3Transition","_core","_uniqueID","_createElement","_AnimatedClipPath","_utils","_Pattern","style","_index","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","resolveColor","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_this$asProps3$maxBar","maxBarSize","Infinity","patterns","dataHintsHandler","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","bandWidth","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","createElement","Fragment","cn","undefined","PatternFill","render","_this$asProps4","size","map","bind","attributeName","values","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n  // need for the correct rendering of negative values (bar should be under Y-axis)\n  if (y <= 0) {\n    return Object.is(y, 0) ? minHeight : 0;\n  }\n  // need for the correct rendering of the minimum positive values\n  return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    hMin: MIN_HEIGHT,\n  };\n\n  getBackgroundProps(_props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n      index,\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition().selection().selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect.transition().duration(duration).attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      resolveColor,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset: offsetProps,\n      duration,\n      uid,\n      r,\n      hMin,\n      width: widthProps,\n      groupKey,\n      onClick,\n      transparent,\n      maxBarSize = Infinity,\n      patterns,\n      dataHintsHandler,\n    } = this.asProps;\n    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n    const [xScale, yScale] = scale;\n    const absHeight = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n    const bandWidth = widthProps || scaleToBand(xScale).bandwidth();\n    const width = Math.min(bandWidth, maxBarSize);\n    const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];\n    const barY =\n      yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n      offset[1] -\n      calcPartBarY(d[y], hMin, height);\n    const handleClick = (event) => onClick?.(d, event, i, y);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n    });\n\n    if (groupKey) {\n      dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n      dataHintsHandler.specifyDataRowFields(x, y);\n    }\n\n    return (\n      <React.Fragment key={`bar-${i}`}>\n        {sstyled(styles)(\n          <SBar\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n            childrenPosition='above'\n            value={d}\n            index={i}\n            hide={hide}\n            pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n            color={resolveColor(color)}\n            x={barX}\n            y={barY}\n            width={width}\n            height={height}\n            d={dSvg}\n            onClickCapture={handleClick}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <AnimatedClipPath\n            duration={duration}\n            key={`${uid}-animation`}\n            attributeName='y'\n            values='100%;0'\n            id={uid}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={scaleToBand(xScale).bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height < radius) radius = height;\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"Bar.js","names":["_core","require","_uniqueID","_interopRequireDefault","_d3Transition","_react","_AnimatedClipPath","_createElement","_Pattern","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","resolveColor","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_this$asProps3$maxBar","maxBarSize","Number","POSITIVE_INFINITY","patterns","dataHintsHandler","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","max","bandWidth","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","createElement","Fragment","cn","undefined","PatternFill","render","_this$asProps4","size","map","bind","attributeName","values","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bar.shadow.css';\nimport { scaleToBand, roundedPath } from './utils';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n  // need for the correct rendering of negative values (bar should be under Y-axis)\n  if (y <= 0) {\n    return Object.is(y, 0) ? minHeight : 0;\n  }\n  // need for the correct rendering of the minimum positive values\n  return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    hMin: MIN_HEIGHT,\n  };\n\n  getBackgroundProps(_props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n      index,\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition().selection().selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect.transition().duration(duration).attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      resolveColor,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset: offsetProps,\n      duration,\n      uid,\n      r,\n      hMin,\n      width: widthProps,\n      groupKey,\n      onClick,\n      transparent,\n      maxBarSize = Number.POSITIVE_INFINITY,\n      patterns,\n      dataHintsHandler,\n    } = this.asProps;\n    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n    const [xScale, yScale] = scale;\n    const absHeight = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n    const bandWidth = widthProps || scaleToBand(xScale).bandwidth();\n    const width = Math.min(bandWidth, maxBarSize);\n    const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];\n    const barY =\n      yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n      offset[1] -\n      calcPartBarY(d[y], hMin, height);\n    const handleClick = (event) => onClick?.(d, event, i, y);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n    });\n\n    if (groupKey) {\n      dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n      dataHintsHandler.specifyDataRowFields(x, y);\n    }\n\n    return (\n      <React.Fragment key={`bar-${i}`}>\n        {sstyled(styles)(\n          <SBar\n            aria-hidden\n            render='path'\n            clipPath={`url(#${uid})`}\n            __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n            childrenPosition='above'\n            value={d}\n            index={i}\n            hide={hide}\n            pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n            color={resolveColor(color)}\n            x={barX}\n            y={barY}\n            width={width}\n            height={height}\n            d={dSvg}\n            onClickCapture={handleClick}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />,\n        )}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-${i}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </React.Fragment>\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <AnimatedClipPath\n            duration={duration}\n            key={`${uid}-animation`}\n            attributeName='y'\n            values='100%;0'\n            id={uid}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={scaleToBand(xScale).bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height < radius) radius = height;\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/Bubble.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,58 +9,62 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
+var _assignProps2 = require("@semcore/core/lib/utils/assignProps");
+var _findComponent = _interopRequireDefault(require("@semcore/core/lib/utils/findComponent"));
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
 var _d3Transition = require("d3-transition");
-var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+var _react = _interopRequireDefault(require("react"));
+var _SvgElement = require("./component/SvgElement");
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _utils = require("./utils");
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _Pattern = require("./Pattern");
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBubble_bosjb_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210));stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_bosjb);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_bosjb_gg_:hover{opacity:.8}}.___SBubble_bosjb_gg_.__color_bosjb_gg_{fill:var(--color_bosjb)}.___SBubble_bosjb_gg_.__pattern_bosjb_gg_.__color_bosjb_gg_{fill:var(--pattern_bosjb);stroke:var(--color_bosjb);stroke-width:1px}.___SBubble_bosjb_gg_.__transparent_bosjb_gg_{opacity:.3}.___SCenter_bosjb_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210))}.___SCenter_bosjb_gg_.__color_bosjb_gg_{stroke:var(--color_bosjb)}.___SCenter_bosjb_gg_.__transparent_bosjb_gg_{opacity:.3}.___SLabel_bosjb_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(104, 109, 210))}.___SLabel_bosjb_gg_._position_right_bosjb_gg_{text-anchor:end}.___SLabel_bosjb_gg_._position_left_bosjb_gg_{text-anchor:start}.___SLabel_bosjb_gg_.__color_bosjb_gg_{fill:var(--color_bosjb)}.___SLabel_bosjb_gg_.__transparent_bosjb_gg_{opacity:.3}", /*__inner_css_end__*/"bosjb_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBubble_cs3io_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_cs3io);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_cs3io_gg_:hover{opacity:.8}}g._visible_false_cs3io_gg_{display:none}.___SBubble_cs3io_gg_.__clickable_cs3io_gg_{cursor:pointer}.___SBubble_cs3io_gg_.__color_cs3io_gg_{fill:var(--color_cs3io)}.___SBubble_cs3io_gg_.__pattern_cs3io_gg_.__color_cs3io_gg_{fill:var(--pattern_cs3io);stroke:var(--color_cs3io);stroke-width:1px}.___SBubble_cs3io_gg_.__transparent_cs3io_gg_{opacity:.3}.___SCenter_cs3io_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SCenter_cs3io_gg_.__color_cs3io_gg_{stroke:var(--color_cs3io)}.___SCenter_cs3io_gg_.__transparent_cs3io_gg_{opacity:.3}.___SLabel_cs3io_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLabel_cs3io_gg_._position_right_cs3io_gg_{text-anchor:end}.___SLabel_cs3io_gg_._position_left_cs3io_gg_{text-anchor:start}.___SLabel_cs3io_gg_.__color_cs3io_gg_{fill:var(--color_cs3io)}.___SLabel_cs3io_gg_.__transparent_cs3io_gg_{opacity:.3}", /*__inner_css_end__*/"cs3io_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBubble": "___SBubble_bosjb_gg_",
-  "_color": "__color_bosjb_gg_",
-  "--color": "--color_bosjb",
-  "_pattern": "__pattern_bosjb_gg_",
-  "--pattern": "--pattern_bosjb",
-  "_transparent": "__transparent_bosjb_gg_",
-  "__SCenter": "___SCenter_bosjb_gg_",
-  "__SLabel": "___SLabel_bosjb_gg_",
-  "_position_right": "_position_right_bosjb_gg_",
-  "_position_left": "_position_left_bosjb_gg_",
-  "--duration": "--duration_bosjb"
+  "_visible_false": "_visible_false_cs3io_gg_",
+  "__SBubble": "___SBubble_cs3io_gg_",
+  "_clickable": "__clickable_cs3io_gg_",
+  "_color": "__color_cs3io_gg_",
+  "--color": "--color_cs3io",
+  "_pattern": "__pattern_cs3io_gg_",
+  "--pattern": "--pattern_cs3io",
+  "_transparent": "__transparent_cs3io_gg_",
+  "__SCenter": "___SCenter_cs3io_gg_",
+  "__SLabel": "___SLabel_cs3io_gg_",
+  "_position_right": "_position_right_cs3io_gg_",
+  "_position_left": "_position_left_cs3io_gg_",
+  "--duration": "--duration_cs3io"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(BubbleRoot, _Component);
-  var _super = (0, _createSuper2["default"])(BubbleRoot);
   function BubbleRoot() {
     var _this;
     (0, _classCallCheck2["default"])(this, BubbleRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+    _this = (0, _callSuper2["default"])(this, BubbleRoot, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "bindHandlerTooltip", function (visible, props, tooltipProps) {
       return function (_ref4) {
         var clientX = _ref4.clientX,
           clientY = _ref4.clientY;
-        var eventEmitter = _this.asProps.eventEmitter;
-        eventEmitter.emit('setTooltipPosition', clientX, clientY);
-        eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);
-        eventEmitter.emit('setTooltipVisible', visible);
+        var _this$asProps = _this.asProps,
+          eventEmitter = _this$asProps.eventEmitter,
+          plotId = _this$asProps.plotId;
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
       };
     });
     return _this;
   }
-  (0, _createClass2["default"])(BubbleRoot, [{
+  (0, _inherits2["default"])(BubbleRoot, _Component);
+  return (0, _createClass2["default"])(BubbleRoot, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -79,11 +83,11 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "animationCircle",
     value: function animationCircle() {
-      var _this$asProps = this.asProps,
-        duration = _this$asProps.duration,
-        uid = _this$asProps.uid,
-        data = _this$asProps.data,
-        value = _this$asProps.value;
+      var _this$asProps2 = this.asProps,
+        duration = _this$asProps2.duration,
+        uid = _this$asProps2.uid,
+        data = _this$asProps2.data,
+        value = _this$asProps2.value;
       var z = (0, _utils.getBubbleChartValueScale)(data, value);
       var selectRect = (0, _d3Transition.transition)().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
       var selectRectNode = selectRect.node();
@@ -97,11 +101,11 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this$asProps2 = this.asProps,
-        data = _this$asProps2.data,
-        x = _this$asProps2.x,
-        y = _this$asProps2.y,
-        value = _this$asProps2.value;
+      var _this$asProps3 = this.asProps,
+        data = _this$asProps3.data,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        value = _this$asProps3.value;
       var prevX = prevProps.x,
         prevY = prevProps.y,
         prevValue = prevProps.value;
@@ -116,108 +120,85 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       this.animationCircle();
     }
   }, {
-    key: "renderCircle",
-    value: function renderCircle(d, i) {
-      var _ref2, _d$color;
-      var _this$asProps3 = this.asProps,
-        color = _this$asProps3.color,
-        scale = _this$asProps3.scale,
-        x = _this$asProps3.x,
-        y = _this$asProps3.y,
-        offset = _this$asProps3.offset,
-        styles = _this$asProps3.styles,
-        uid = _this$asProps3.uid,
-        duration = _this$asProps3.duration,
-        value = _this$asProps3.value,
-        label = _this$asProps3.label,
-        markedCross = _this$asProps3.markedCross,
-        size = _this$asProps3.size,
-        data = _this$asProps3.data,
-        transparent = _this$asProps3.transparent,
-        resolveColor = _this$asProps3.resolveColor,
-        patterns = _this$asProps3.patterns;
-      var _scale = (0, _slicedToArray2["default"])(scale, 2),
-        xScale = _scale[0],
-        yScale = _scale[1];
-      var SBubble = this.Element;
-      var SCenter = 'text';
-      var SLabel = 'text';
-      var z = (0, _utils.getBubbleChartValueScale)(data, value);
-      var margin = Math.min(xScale.range()[0], xScale.range()[1]);
-      var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < (0, _utils.measureText)(d[label]) ? 'right' : 'left';
-      var labelDistance = {
-        right: xScale(d[x]) + offset[0] - z(d[value]),
-        left: xScale(d[x]) + offset[0] + z(d[value])
-      }[labelPosition];
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref2.cn("g", {
-        "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, this.props, {
-          xIndex: i,
-          index: i,
-          patterns: patterns
-        }),
-        "onMouseLeave": this.bindHandlerTooltip(false, this.props, {
-          xIndex: i,
-          index: i,
-          patterns: patterns
-        })
-      }), markedCross && /*#__PURE__*/_react["default"].createElement(SCenter, _ref2.cn("SCenter", {
-        "aria-hidden": true,
-        "x": xScale(d[x]) + offset[0],
-        "y": yScale(d[y]) + offset[1],
-        "dy": '.3em',
-        "clipPath": "url(#".concat(uid, ")"),
-        "color": resolveColor((_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color),
-        "transparent": transparent
-      }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref2.cn("SBubble", {
-        "aria-hidden": true,
-        "id": "".concat(uid).concat(uid),
-        "index": i,
-        "render": 'circle',
-        "clipPath": "url(#".concat(uid, ")"),
-        "cx": xScale(d[x]) + offset[0],
-        "cy": yScale(d[y]) + offset[1],
-        "color": resolveColor(d[color]),
-        "pattern": patterns ? "url(#".concat(uid, "-").concat(i, "-pattern)") : undefined,
-        "r": z(d[value]),
-        "use:duration": "".concat(duration, "ms"),
-        "transparent": transparent
-      })), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref2.cn("PatternFill", {
-        "id": "".concat(uid, "-").concat(i, "-pattern"),
-        "patternKey": d[color],
-        "color": resolveColor(d[color]),
-        "patterns": patterns
-      })), d[label] && /*#__PURE__*/_react["default"].createElement(SLabel, _ref2.cn("SLabel", {
-        "aria-hidden": true,
-        "x": labelDistance,
-        "y": yScale(d[y]) + offset[1],
-        "dy": '.3em',
-        "clipPath": "url(#".concat(uid, ")"),
-        "position": labelPosition,
-        "color": resolveColor(d[color]),
-        "transparent": transparent
-      }), d[label]));
+    key: "handlerOnClick",
+    value: function handlerOnClick(index) {
+      var _this2 = this;
+      return function (e) {
+        e.stopPropagation();
+        var onClick = _this2.asProps.onClick;
+        onClick === null || onClick === void 0 || onClick(index, e);
+      };
     }
   }, {
-    key: "render",
-    value: function render() {
+    key: "getCircleProps",
+    value: function getCircleProps() {
       var _this$asProps4 = this.asProps,
-        data = _this$asProps4.data,
-        uid = _this$asProps4.uid,
+        color = _this$asProps4.color,
         scale = _this$asProps4.scale,
         x = _this$asProps4.x,
         y = _this$asProps4.y,
-        value = _this$asProps4.value;
-      var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
-        xScale = _scale2[0],
-        yScale = _scale2[1];
+        offset = _this$asProps4.offset,
+        styles = _this$asProps4.styles,
+        uid = _this$asProps4.uid,
+        duration = _this$asProps4.duration,
+        value = _this$asProps4.value,
+        label = _this$asProps4.label,
+        markedCross = _this$asProps4.markedCross,
+        size = _this$asProps4.size,
+        data = _this$asProps4.data,
+        transparent = _this$asProps4.transparent,
+        resolveColor = _this$asProps4.resolveColor,
+        patterns = _this$asProps4.patterns,
+        onClick = _this$asProps4.onClick;
+      return {
+        color: color,
+        scale: scale,
+        x: x,
+        y: y,
+        offset: offset,
+        styles: styles,
+        uid: uid,
+        duration: duration,
+        value: value,
+        label: label,
+        markedCross: markedCross,
+        size: size,
+        data: data,
+        transparent: transparent,
+        resolveColor: resolveColor,
+        patterns: patterns,
+        bindHandlerTooltip: this.bindHandlerTooltip,
+        clickable: Boolean(onClick),
+        onClickCircleRoot: this.handlerOnClick.bind(this)
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$asProps5 = this.asProps,
+        data = _this$asProps5.data,
+        uid = _this$asProps5.uid,
+        scale = _this$asProps5.scale,
+        x = _this$asProps5.x,
+        y = _this$asProps5.y,
+        value = _this$asProps5.value,
+        Children = _this$asProps5.Children;
+      var _scale = (0, _slicedToArray2["default"])(scale, 2),
+        xScale = _scale[0],
+        yScale = _scale[1];
       var xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
       var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
       var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
       this.asProps.dataHintsHandler.establishDataType('points-cloud');
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react["default"].createElement("clipPath", {
+      var isAdvancedMode = Boolean((0, _findComponent["default"])(Children, [Bubble.Circle.displayName]));
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isAdvancedMode ? /*#__PURE__*/_react["default"].createElement(Children, null) : data.map(function (_, idx) {
+        return /*#__PURE__*/_react["default"].createElement(Bubble.Circle, {
+          key: idx,
+          index: idx
+        });
+      }), /*#__PURE__*/_react["default"].createElement("clipPath", {
         "aria-hidden": true,
         id: uid
       }, /*#__PURE__*/_react["default"].createElement("rect", {
@@ -228,7 +209,6 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       }), ' '));
     }
   }]);
-  return BubbleRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(BubbleRoot, "displayName", 'Bubble');
 (0, _defineProperty2["default"])(BubbleRoot, "style", style);
@@ -238,17 +218,111 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   duration: 500,
   markedCross: true
 });
-var BubbleTooltip = function BubbleTooltip(props) {
+function BubbleTooltip(props) {
   var _ref = arguments[0],
-    _ref3;
+    _ref2;
   var SBubbleTooltip = _Tooltip["default"];
-  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBubbleTooltip, _ref3.cn("SBubbleTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref2 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBubbleTooltip, _ref2.cn("SBubbleTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "excludeAnchorProps": true
   }, _ref))));
-};
+}
+function BubbleCircle(props) {
+  var _ref3, _circleData$color;
+  var color = props.color,
+    scale = props.scale,
+    x = props.x,
+    y = props.y,
+    offset = props.offset,
+    styles = props.styles,
+    uid = props.uid,
+    duration = props.duration,
+    value = props.value,
+    label = props.label,
+    markedCross = props.markedCross,
+    size = props.size,
+    data = props.data,
+    transparent = props.transparent,
+    resolveColor = props.resolveColor,
+    patterns = props.patterns,
+    index = props.index,
+    bindHandlerTooltip = props.bindHandlerTooltip,
+    Element = props.Element,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    clickable = props.clickable,
+    onClick = props.onClick,
+    onClickCircleRoot = props.onClickCircleRoot;
+  var circleData = data[index];
+  if (!circleData) return null;
+  var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
+    xScale = _scale2[0],
+    yScale = _scale2[1];
+  var SBubble = Element;
+  var SCenter = 'text';
+  var SLabel = 'text';
+  var z = (0, _utils.getBubbleChartValueScale)(data, value);
+  var margin = Math.min(xScale.range()[0], xScale.range()[1]);
+  var labelPosition = size[0] - 2 * margin - (xScale(circleData[x]) + offset[0] + z(circleData[value])) < (0, _utils.measureText)(circleData[label]) ? 'right' : 'left';
+  var labelDistance = {
+    right: xScale(circleData[x]) + offset[0] - z(circleData[value]),
+    left: xScale(circleData[x]) + offset[0] + z(circleData[value])
+  }[labelPosition];
+  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_SvgElement.SvgElement, _ref3.cn("SvgElement", {
+    "tag": 'g',
+    "key": "circle(#".concat(index, ")"),
+    "onClickCapture": (0, _assignProps2.callAllEventHandlers)(onClickCircleRoot(index), onClick),
+    "onMouseMove": bindHandlerTooltip(true, props, {
+      xIndex: index,
+      index: index,
+      patterns: patterns
+    }),
+    "onMouseLeave": bindHandlerTooltip(false, props, {
+      xIndex: index,
+      index: index,
+      patterns: patterns
+    }),
+    "visible": "".concat(visible)
+  }), markedCross && /*#__PURE__*/_react["default"].createElement(SCenter, _ref3.cn("SCenter", {
+    "aria-hidden": true,
+    "x": xScale(circleData[x]) + offset[0],
+    "y": yScale(circleData[y]) + offset[1],
+    "dy": '.3em',
+    "clipPath": "url(#".concat(uid, ")"),
+    "color": resolveColor((_circleData$color = circleData[color]) !== null && _circleData$color !== void 0 ? _circleData$color : color),
+    "transparent": transparent
+  }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref3.cn("SBubble", {
+    "aria-hidden": true,
+    "id": "".concat(uid).concat(uid),
+    "index": index,
+    "render": 'circle',
+    "clipPath": "url(#".concat(uid, ")"),
+    "cx": xScale(circleData[x]) + offset[0],
+    "cy": yScale(circleData[y]) + offset[1],
+    "color": resolveColor(circleData[color]),
+    "pattern": patterns ? "url(#".concat(uid, "-").concat(index, "-pattern)") : undefined,
+    "r": z(circleData[value]),
+    "use:duration": "".concat(duration, "ms"),
+    "transparent": transparent,
+    "clickable": clickable || Boolean(onClick)
+  })), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref3.cn("PatternFill", {
+    "id": "".concat(uid, "-").concat(index, "-pattern"),
+    "patternKey": circleData[color],
+    "color": resolveColor(circleData[color]),
+    "patterns": patterns
+  })), circleData[label] && /*#__PURE__*/_react["default"].createElement(SLabel, _ref3.cn("SLabel", {
+    "aria-hidden": true,
+    "x": labelDistance,
+    "y": yScale(circleData[y]) + offset[1],
+    "dy": '.3em',
+    "clipPath": "url(#".concat(uid, ")"),
+    "position": labelPosition,
+    "color": resolveColor(circleData[color]),
+    "transparent": transparent
+  }), circleData[label]));
+}
 var Bubble = (0, _createElement["default"])(BubbleRoot, {
-  Tooltip: [BubbleTooltip, _Tooltip["default"]._______childrenComponents]
+  Tooltip: [BubbleTooltip, _Tooltip["default"]._______childrenComponents],
+  Circle: BubbleCircle
 });
-var _default = Bubble;
-exports["default"] = _default;
+var _default = exports["default"] = Bubble;
 //# sourceMappingURL=Bubble.js.map