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

package/lib/es6/Bar.js

@@ -1,38 +1,38 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
-import React from 'react';
-import { transition } from 'd3-transition';
+import { sstyled as _sstyled } from "@semcore/core";
 import { Component, sstyled } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-import createElement from './createElement';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import { transition } from 'd3-transition';
+import React from 'react';
 import AnimatedClipPath from './AnimatedClipPath';
-import { scaleToBand, roundedPath } from './utils';
+import createElement from './createElement';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_of1l0_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_of1l0);transition-timing-function:ease-in-out}.___SBar_of1l0_gg_.__color_of1l0_gg_{fill:var(--color_of1l0)}.___SBar_of1l0_gg_.__pattern_of1l0_gg_.__color_of1l0_gg_{fill:var(--pattern_of1l0);stroke:var(--color_of1l0);stroke-width:1px}.___SBar_of1l0_gg_.__hide_of1l0_gg_{display:none}.___SBar_of1l0_gg_.__transparent_of1l0_gg_{opacity:.3}.___SBackground_of1l0_gg_.__onClick_of1l0_gg_,.___SBar_of1l0_gg_.__onClick_of1l0_gg_{cursor:pointer}.___SBackground_of1l0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_of1l0_gg_{display:flex;justify-content:space-between}.___SBarLabel_of1l0_gg_,.___SBarPercent_of1l0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_of1l0_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_of1l0_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_of1l0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_of1l0_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_of1l0_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_of1l0_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"of1l0_gg_"),
+var style = (/*__reshadow_css_start__*/_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_of1l0_gg_",
-  "--duration": "--duration_of1l0",
-  "_color": "__color_of1l0_gg_",
-  "--color": "--color_of1l0",
-  "_pattern": "__pattern_of1l0_gg_",
-  "--pattern": "--pattern_of1l0",
-  "_hide": "__hide_of1l0_gg_",
-  "_transparent": "__transparent_of1l0_gg_",
-  "_onClick": "__onClick_of1l0_gg_",
-  "__SBackground": "___SBackground_of1l0_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_of1l0_gg_",
-  "__SBarLabel": "___SBarLabel_of1l0_gg_",
-  "__SBarPercent": "___SBarPercent_of1l0_gg_",
-  "__SBarValue": "___SBarValue_of1l0_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_of1l0_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_"
 });
+import { scaleToBand, roundedPath } from './utils';
 export var MIN_HEIGHT = 2;
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {
   // need for the correct rendering of negative values (bar should be under Y-axis)
@@ -43,13 +43,12 @@ var calcPartBarY = function calcPartBarY(y, minHeight, height) {
   return height <= minHeight ? minHeight : 0;
 };
 var BarRoot = /*#__PURE__*/function (_Component) {
-  _inherits(BarRoot, _Component);
-  var _super = _createSuper(BarRoot);
   function BarRoot() {
     _classCallCheck(this, BarRoot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, BarRoot, arguments);
   }
-  _createClass(BarRoot, [{
+  _inherits(BarRoot, _Component);
+  return _createClass(BarRoot, [{
     key: "getBackgroundProps",
     value: function getBackgroundProps(_props, index) {
       var _this$asProps = this.asProps,
@@ -106,7 +105,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;
@@ -183,7 +182,6 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return BarRoot;
 }(Component);
 _defineProperty(BarRoot, "displayName", 'Bar');
 _defineProperty(BarRoot, "style", style);

package/lib/es6/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","AnimatedClipPath","scaleToBand","roundedPath","PatternFill","style","_sstyled","insert","MIN_HEIGHT","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","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","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","bandWidth","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","Fragment","cn","undefined","render","_this$asProps4","size","map","bind","attributeName","values","id","_defineProperty","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3"],"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":["Component","sstyled","uniqueIDEnhancement","transition","React","AnimatedClipPath","createElement","PatternFill","style","_sstyled","insert","scaleToBand","roundedPath","MIN_HEIGHT","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","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","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","max","bandWidth","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","Fragment","cn","undefined","render","_this$asProps4","size","map","bind","attributeName","values","id","_defineProperty","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3"],"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/es6/Bubble.js

@@ -2,59 +2,64 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import { transition } from 'd3-transition';
 import { Component, Root, sstyled } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
+import findComponent from '@semcore/core/lib/utils/findComponent';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import { transition } from 'd3-transition';
+import React from 'react';
+import { SvgElement } from './component/SvgElement';
 import createElement from './createElement';
-import { getBubbleChartValueScale, measureText } from './utils';
-import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 /*!__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1vi52_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_1vi52);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1vi52_gg_:hover{opacity:.8}}.___SBubble_1vi52_gg_.__color_1vi52_gg_{fill:var(--color_1vi52)}.___SBubble_1vi52_gg_.__pattern_1vi52_gg_.__color_1vi52_gg_{fill:var(--pattern_1vi52);stroke:var(--color_1vi52);stroke-width:1px}.___SBubble_1vi52_gg_.__transparent_1vi52_gg_{opacity:.3}.___SCenter_1vi52_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_1vi52_gg_.__color_1vi52_gg_{stroke:var(--color_1vi52)}.___SCenter_1vi52_gg_.__transparent_1vi52_gg_{opacity:.3}.___SLabel_1vi52_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLabel_1vi52_gg_._position_right_1vi52_gg_{text-anchor:end}.___SLabel_1vi52_gg_._position_left_1vi52_gg_{text-anchor:start}.___SLabel_1vi52_gg_.__color_1vi52_gg_{fill:var(--color_1vi52)}.___SLabel_1vi52_gg_.__transparent_1vi52_gg_{opacity:.3}", /*__inner_css_end__*/"1vi52_gg_"),
+var style = (/*__reshadow_css_start__*/_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_1vi52_gg_",
-  "_color": "__color_1vi52_gg_",
-  "--color": "--color_1vi52",
-  "_pattern": "__pattern_1vi52_gg_",
-  "--pattern": "--pattern_1vi52",
-  "_transparent": "__transparent_1vi52_gg_",
-  "__SCenter": "___SCenter_1vi52_gg_",
-  "__SLabel": "___SLabel_1vi52_gg_",
-  "_position_right": "_position_right_1vi52_gg_",
-  "_position_left": "_position_left_1vi52_gg_",
-  "--duration": "--duration_1vi52"
+  "_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"
 });
+import Tooltip from './Tooltip';
+import { getBubbleChartValueScale, measureText } from './utils';
 var BubbleRoot = /*#__PURE__*/function (_Component) {
-  _inherits(BubbleRoot, _Component);
-  var _super = _createSuper(BubbleRoot);
   function BubbleRoot() {
     var _this;
     _classCallCheck(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));
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+    _this = _callSuper(this, BubbleRoot, [].concat(args));
+    _defineProperty(_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;
   }
-  _createClass(BubbleRoot, [{
+  _inherits(BubbleRoot, _Component);
+  return _createClass(BubbleRoot, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -73,11 +78,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 = getBubbleChartValueScale(data, value);
       var selectRect = transition().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
       var selectRectNode = selectRect.node();
@@ -91,11 +96,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;
@@ -110,108 +115,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 = _slicedToArray(scale, 2),
-        xScale = _scale[0],
-        yScale = _scale[1];
-      var SBubble = this.Element;
-      var SCenter = 'text';
-      var SLabel = 'text';
-      var z = 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])) < 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 = sstyled(styles), /*#__PURE__*/React.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.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.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.createElement(PatternFill, _ref2.cn("PatternFill", {
-        "id": "".concat(uid, "-").concat(i, "-pattern"),
-        "patternKey": d[color],
-        "color": resolveColor(d[color]),
-        "patterns": patterns
-      })), d[label] && /*#__PURE__*/React.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 = _slicedToArray(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 = _slicedToArray(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.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/React.createElement("clipPath", {
+      var isAdvancedMode = Boolean(findComponent(Children, [Bubble.Circle.displayName]));
+      return /*#__PURE__*/React.createElement(React.Fragment, null, isAdvancedMode ? /*#__PURE__*/React.createElement(Children, null) : data.map(function (_, idx) {
+        return /*#__PURE__*/React.createElement(Bubble.Circle, {
+          key: idx,
+          index: idx
+        });
+      }), /*#__PURE__*/React.createElement("clipPath", {
         "aria-hidden": true,
         id: uid
       }, /*#__PURE__*/React.createElement("rect", {
@@ -222,7 +204,6 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       }), ' '));
     }
   }]);
-  return BubbleRoot;
 }(Component);
 _defineProperty(BubbleRoot, "displayName", 'Bubble');
 _defineProperty(BubbleRoot, "style", style);
@@ -232,16 +213,111 @@ _defineProperty(BubbleRoot, "defaultProps", {
   duration: 500,
   markedCross: true
 });
-var BubbleTooltip = function BubbleTooltip(props) {
+function BubbleTooltip(props) {
   var _ref = arguments[0],
-    _ref3;
+    _ref2;
   var SBubbleTooltip = Tooltip;
-  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBubbleTooltip, _ref3.cn("SBubbleTooltip", _objectSpread({}, _assignProps({
+  return _ref2 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBubbleTooltip, _ref2.cn("SBubbleTooltip", _objectSpread({}, _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 = _slicedToArray(scale, 2),
+    xScale = _scale2[0],
+    yScale = _scale2[1];
+  var SBubble = Element;
+  var SCenter = 'text';
+  var SLabel = 'text';
+  var z = 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])) < 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 = sstyled(styles), /*#__PURE__*/React.createElement(SvgElement, _ref3.cn("SvgElement", {
+    "tag": 'g',
+    "key": "circle(#".concat(index, ")"),
+    "onClickCapture": 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.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.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.createElement(PatternFill, _ref3.cn("PatternFill", {
+    "id": "".concat(uid, "-").concat(index, "-pattern"),
+    "patternKey": circleData[color],
+    "color": resolveColor(circleData[color]),
+    "patterns": patterns
+  })), circleData[label] && /*#__PURE__*/React.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 = createElement(BubbleRoot, {
-  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents]
+  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],
+  Circle: BubbleCircle
 });
 export default Bubble;
 //# sourceMappingURL=Bubble.js.map