@semcore/d3-chart 1.7.1 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+
+## [1.9.0] - 2022-04-14
+
+### Added
+
+- Added `<RadialTree />` chart.
+
+## [1.8.0] - 2022-04-11
+
+### Fixed
+
+- Fixed left and right `<Axis.Title />` unexpected horizontal transition based on title characters count.
+
 ## [1.7.1] - 2022-04-03
 
 ### Changed

package/lib/cjs/Area.js

@@ -46,18 +46,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_cehn5_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_cehn5_gg_.__color_cehn5_gg_{fill:var(--color_clbofp)}.___SAreaLine_cehn5_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_cehn5_gg_.__color_cehn5_gg_{stroke:var(--color_clbofp)}.___SArea_cehn5_gg_,.___SAreaLine_cehn5_gg_{transition-property:d;transition-duration:var(--duration_clbofp);transition-timing-function:ease-in-out}.___SNull_cehn5_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_cehn5_gg_.__hide_cehn5_gg_{display:none}"
+".___SArea_1iyoe_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1iyoe_gg_.__color_1iyoe_gg_{fill:var(--color_14tehk4)}.___SAreaLine_1iyoe_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1iyoe_gg_.__color_1iyoe_gg_{stroke:var(--color_14tehk4)}.___SArea_1iyoe_gg_,.___SAreaLine_1iyoe_gg_{transition-property:d;transition-duration:var(--duration_14tehk4);transition-timing-function:ease-in-out}.___SNull_1iyoe_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1iyoe_gg_.__hide_1iyoe_gg_{display:none}"
 /*__inner_css_end__*/
-, "clbofp_gg_")
+, "14tehk4_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_cehn5_gg_",
-  "_color": "__color_cehn5_gg_",
-  "--color": "--color_clbofp",
-  "__SAreaLine": "___SAreaLine_cehn5_gg_",
-  "--duration": "--duration_clbofp",
-  "__SNull": "___SNull_cehn5_gg_",
-  "_hide": "__hide_cehn5_gg_"
+  "__SArea": "___SArea_1iyoe_gg_",
+  "_color": "__color_1iyoe_gg_",
+  "--color": "--color_14tehk4",
+  "__SAreaLine": "___SAreaLine_1iyoe_gg_",
+  "--duration": "--duration_14tehk4",
+  "__SNull": "___SNull_1iyoe_gg_",
+  "_hide": "__hide_1iyoe_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Axis.js

@@ -44,22 +44,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_j24dv_gg_{stroke:#a6b0b3}.___SAxis_j24dv_gg_.__hide_j24dv_gg_{display:none}.___STick_j24dv_gg_{font-size:12px;fill:#757575}.___STick_j24dv_gg_.__hide_j24dv_gg_{display:none}.___SGrid_j24dv_gg_{fill:transparent;stroke:#dee3e5}.___STitle_j24dv_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_j24dv_gg_._position_top_j24dv_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_j24dv_gg_._position_bottom_j24dv_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_j24dv_gg_._position_right_j24dv_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_j24dv_gg_._position_left_j24dv_gg_{transform:rotate(-90deg);text-anchor:end;transform-box:fill-box;alignment-baseline:middle}.___STick_j24dv_gg_._position_top_j24dv_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_j24dv_gg_._position_bottom_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_right_j24dv_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_j24dv_gg_._position_left_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_j24dv_gg_._position_custom_0_j24dv_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_j24dv_gg_._position_custom_1_j24dv_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_1uh3e_gg_{stroke:#c4c7cf}.___SAxis_1uh3e_gg_.__hide_1uh3e_gg_{display:none}.___STick_1uh3e_gg_{font-size:12px;fill:#6c6e79}.___STick_1uh3e_gg_.__hide_1uh3e_gg_{display:none}.___SGrid_1uh3e_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_1uh3e_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_10rkj03)}.___STitle_1uh3e_gg_._position_top_1uh3e_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_1uh3e_gg_._position_bottom_1uh3e_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_1uh3e_gg_._position_right_1uh3e_gg_{transform:rotate(-90deg);alignment-baseline:middle}.___STitle_1uh3e_gg_._position_left_1uh3e_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_1uh3e_gg_._position_top_1uh3e_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1uh3e_gg_._position_bottom_1uh3e_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1uh3e_gg_._position_right_1uh3e_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1uh3e_gg_._position_left_1uh3e_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1uh3e_gg_._position_custom_0_1uh3e_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1uh3e_gg_._position_custom_1_1uh3e_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "8vu5zg_gg_")
+, "10rkj03_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_j24dv_gg_",
-  "_hide": "__hide_j24dv_gg_",
-  "__STick": "___STick_j24dv_gg_",
-  "__SGrid": "___SGrid_j24dv_gg_",
-  "__STitle": "___STitle_j24dv_gg_",
-  "_position_top": "_position_top_j24dv_gg_",
-  "_position_bottom": "_position_bottom_j24dv_gg_",
-  "_position_right": "_position_right_j24dv_gg_",
-  "_position_left": "_position_left_j24dv_gg_",
-  "_position_custom_0": "_position_custom_0_j24dv_gg_",
-  "_position_custom_1": "_position_custom_1_j24dv_gg_"
+  "__SAxis": "___SAxis_1uh3e_gg_",
+  "_hide": "__hide_1uh3e_gg_",
+  "__STick": "___STick_1uh3e_gg_",
+  "__SGrid": "___SGrid_1uh3e_gg_",
+  "__STitle": "___STitle_1uh3e_gg_",
+  "--transform-origin": "--transform-origin_10rkj03",
+  "_position_top": "_position_top_1uh3e_gg_",
+  "_position_bottom": "_position_bottom_1uh3e_gg_",
+  "_position_right": "_position_right_1uh3e_gg_",
+  "_position_left": "_position_left_1uh3e_gg_",
+  "_position_custom_0": "_position_custom_0_1uh3e_gg_",
+  "_position_custom_1": "_position_custom_1_1uh3e_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');
@@ -361,7 +362,7 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref, _MAP_POSITION_AXIS$po;
+      var _ref;
 
       var SAxis = this.Element;
       var _this$asProps3 = this.asProps,
@@ -370,7 +371,7 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
           scale = _this$asProps3.scale,
           hide = _this$asProps3.hide,
           indexScale = _this$asProps3.indexScale;
-      var pos = (_MAP_POSITION_AXIS$po = MAP_POSITION_AXIS[position]) !== null && _MAP_POSITION_AXIS$po !== void 0 ? _MAP_POSITION_AXIS$po : MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
+      var pos = MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxis, _ref.cn("SAxis", _objectSpread({
         "render": "line",
         "hide": hide
@@ -384,8 +385,6 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(AxisRoot, "style", style);
 
 function Ticks(props) {
-  var _MAP_POSITION_TICK$po;
-
   var STick = props.Element,
       styles = props.styles,
       scale = props.scale,
@@ -393,7 +392,7 @@ function Ticks(props) {
       position = props.position,
       hide = props.hide,
       indexScale = props.indexScale;
-  var pos = (_MAP_POSITION_TICK$po = MAP_POSITION_TICK[position]) !== null && _MAP_POSITION_TICK$po !== void 0 ? _MAP_POSITION_TICK$po : MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
+  var pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
   var positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;
   return ticks.map(function (value, i) {
     var _ref2;
@@ -434,11 +433,24 @@ function Title(props) {
       styles = props.styles,
       scale = props.scale,
       position = props.position;
-  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref4.cn("STitle", _objectSpread({
+
+  var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale),
+      x = _MAP_POSITION_TITlE$p.x,
+      y = _MAP_POSITION_TITlE$p.y;
+
+  var sstyles = (0, _core.sstyled)(styles);
+  var sTitleStyles = sstyles.cn('STitle', {
+    'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
+  });
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref4.cn("STitle", {
     "render": "text",
     "childrenPosition": "inside",
-    "position": position
-  }, MAP_POSITION_TITlE[position](scale))));
+    "position": position,
+    "className": sTitleStyles.className,
+    "style": sTitleStyles.style,
+    "x": x,
+    "y": y
+  }));
 }
 
 var XAxis = (0, _createElement["default"])(AxisRoot, {

package/lib/cjs/Axis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Axis.jsx"],"names":["CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","TICKS_OVERLAP_SHIFT","MAP_POSITION_TITlE","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","Component","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","XAxis","defaultProps","YAxis"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n  0: CUSTOM_0,\n  1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n  top: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[1],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[0],\n    };\n  },\n  right: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[1],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  left: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[0],\n      y2: yRange[1],\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], pos) => {\n    const xRange = xScale.range();\n    return {\n      x1: xRange[0],\n      y1: scaleOfBandwidth(yScale, pos),\n      x2: xRange[1],\n      y2: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], pos) => {\n    const yRange = yScale.range();\n    return {\n      x1: scaleOfBandwidth(xScale, pos),\n      y1: yRange[0],\n      x2: scaleOfBandwidth(xScale, pos),\n      y2: yRange[1],\n    };\n  },\n};\n\nconst MAP_POSITION_TICK = {\n  top: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[0],\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[1],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  left: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[0],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, pos),\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n};\n\nconst MAP_POSITION_GRID = {\n  0: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      y1: yRange[0],\n      x2: x,\n      y2: yRange[1],\n    };\n  },\n  1: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      y1: y,\n      x2: xRange[1],\n      y2: y,\n    };\n  },\n};\n\nconst TICKS_OVERLAP_SHIFT = 15;\nconst MAP_POSITION_TITlE = {\n  top: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[1] / 2,\n      y: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[1] / 2,\n      y: yRange[0] + TICKS_OVERLAP_SHIFT,\n    };\n  },\n  right: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[1],\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  left: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[0] / 2,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n};\n\nfunction renderValue(value) {\n  if (value instanceof Date) {\n    return value.toLocaleDateString();\n  }\n  return value;\n}\n\nclass AxisRoot extends Component {\n  static displayName = 'Axis';\n\n  static style = style;\n\n  get ticks() {\n    const { ticks, indexScale, scale } = this.asProps;\n    const scl = scale[indexScale];\n    return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n  }\n\n  getTitleProps() {\n    const { position } = this.asProps;\n    return {\n      position: MAP_POSITION_REVERT[position],\n    };\n  }\n\n  getTicksProps() {\n    const { position, indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n      position,\n    };\n  }\n\n  getGridProps() {\n    const { indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n    };\n  }\n\n  render() {\n    const SAxis = this.Element;\n    const { styles, position, scale, hide, indexScale } = this.asProps;\n\n    const pos =\n      MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n    return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n  }\n}\n\nfunction Ticks(props) {\n  const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n  const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n  const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <STick\n        key={i}\n        render=\"text\"\n        childrenPosition=\"inside\"\n        __excludeProps={['data', 'scale', 'format', 'value']}\n        value={value}\n        index={i}\n        position={positionClass}\n        hide={hide}\n        {...pos(scale, value, position)}\n      >\n        {renderValue(value)}\n      </STick>,\n    );\n  });\n}\n\nfunction Grid(props) {\n  const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n    );\n  });\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position } = props;\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      position={position}\n      {...MAP_POSITION_TITlE[position](scale)}\n    />,\n  );\n}\n\nconst XAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nXAxis.defaultProps = {\n  indexScale: 0,\n  position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nYAxis.defaultProps = {\n  indexScale: 1,\n  position: 'left',\n  hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}
+{"version":3,"sources":["../../src/Axis.jsx"],"names":["CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","TICKS_OVERLAP_SHIFT","MAP_POSITION_TITlE","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","Component","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","sstyles","sTitleStyles","cn","toFixed","className","XAxis","defaultProps","YAxis"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n  0: CUSTOM_0,\n  1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n  top: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[1],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[0],\n    };\n  },\n  right: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[1],\n      y1: yRange[0],\n      x2: xRange[1],\n      y2: yRange[1],\n    };\n  },\n  left: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x1: xRange[0],\n      y1: yRange[0],\n      x2: xRange[0],\n      y2: yRange[1],\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], pos) => {\n    const xRange = xScale.range();\n    return {\n      x1: xRange[0],\n      y1: scaleOfBandwidth(yScale, pos),\n      x2: xRange[1],\n      y2: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], pos) => {\n    const yRange = yScale.range();\n    return {\n      x1: scaleOfBandwidth(xScale, pos),\n      y1: yRange[0],\n      x2: scaleOfBandwidth(xScale, pos),\n      y2: yRange[1],\n    };\n  },\n};\n\nconst MAP_POSITION_TICK = {\n  top: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: yRange[0],\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[1],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  left: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    return {\n      x: xRange[0],\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n  [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, value),\n      y: scaleOfBandwidth(yScale, pos),\n    };\n  },\n  [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n    return {\n      x: scaleOfBandwidth(xScale, pos),\n      y: scaleOfBandwidth(yScale, value),\n    };\n  },\n};\n\nconst MAP_POSITION_GRID = {\n  0: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      y1: yRange[0],\n      x2: x,\n      y2: yRange[1],\n    };\n  },\n  1: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      y1: y,\n      x2: xRange[1],\n      y2: y,\n    };\n  },\n};\n\nconst TICKS_OVERLAP_SHIFT = 15;\nconst MAP_POSITION_TITlE = {\n  top: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[1] / 2,\n      y: yRange[1],\n    };\n  },\n  bottom: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[1] / 2,\n      y: yRange[0] + TICKS_OVERLAP_SHIFT,\n    };\n  },\n  right: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[1],\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  left: ([xScale, yScale]) => {\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    return {\n      x: xRange[0] / 2,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n};\n\nfunction renderValue(value) {\n  if (value instanceof Date) {\n    return value.toLocaleDateString();\n  }\n  return value;\n}\n\nclass AxisRoot extends Component {\n  static displayName = 'Axis';\n\n  static style = style;\n\n  get ticks() {\n    const { ticks, indexScale, scale } = this.asProps;\n    const scl = scale[indexScale];\n    return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n  }\n\n  getTitleProps() {\n    const { position } = this.asProps;\n    return {\n      position: MAP_POSITION_REVERT[position],\n    };\n  }\n\n  getTicksProps() {\n    const { position, indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n      position,\n    };\n  }\n\n  getGridProps() {\n    const { indexScale } = this.asProps;\n    return {\n      ticks: this.ticks,\n      indexScale,\n    };\n  }\n\n  render() {\n    const SAxis = this.Element;\n    const { styles, position, scale, hide, indexScale } = this.asProps;\n\n    const pos =\n      MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n    return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n  }\n}\n\nfunction Ticks(props) {\n  const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n  const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n  const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <STick\n        key={i}\n        render=\"text\"\n        childrenPosition=\"inside\"\n        __excludeProps={['data', 'scale', 'format', 'value']}\n        value={value}\n        index={i}\n        position={positionClass}\n        hide={hide}\n        {...pos(scale, value, position)}\n      >\n        {renderValue(value)}\n      </STick>,\n    );\n  });\n}\n\nfunction Grid(props) {\n  const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n  return ticks.map((value, i) => {\n    return sstyled(styles)(\n      <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n    );\n  });\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position } = props;\n\n  const { x, y } = MAP_POSITION_TITlE[position](scale);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      position={position}\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nconst XAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nXAxis.defaultProps = {\n  indexScale: 0,\n  position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n  Ticks,\n  Grid,\n  Title,\n});\nYAxis.defaultProps = {\n  indexScale: 1,\n  position: 'left',\n  hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}

package/lib/cjs/Bar.js

@@ -44,17 +44,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1p4r4_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration_6qtpvs);transition-timing-function:ease-in-out}.___SBar_1p4r4_gg_.__color_1p4r4_gg_{fill:var(--color_6qtpvs)}.___SBar_1p4r4_gg_.__hide_1p4r4_gg_{display:none}.___SBackground_1p4r4_gg_{fill:#e4ecf1}"
+".___SBar_1fm2a_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1iw4ich);transition-timing-function:ease-in-out}.___SBar_1fm2a_gg_.__color_1fm2a_gg_{fill:var(--color_1iw4ich)}.___SBar_1fm2a_gg_.__hide_1fm2a_gg_{display:none}.___SBackground_1fm2a_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "6qtpvs_gg_")
+, "1iw4ich_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1p4r4_gg_",
-  "--duration": "--duration_6qtpvs",
-  "_color": "__color_1p4r4_gg_",
-  "--color": "--color_6qtpvs",
-  "_hide": "__hide_1p4r4_gg_",
-  "__SBackground": "___SBackground_1p4r4_gg_"
+  "__SBar": "___SBar_1fm2a_gg_",
+  "--duration": "--duration_1iw4ich",
+  "_color": "__color_1fm2a_gg_",
+  "--color": "--color_1iw4ich",
+  "_hide": "__hide_1fm2a_gg_",
+  "__SBackground": "___SBackground_1fm2a_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {
@@ -103,7 +103,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderBar",
     value: function renderBar(d, i) {
-      var _ref, _d$y, _d$y2;
+      var _ref;
 
       var SBar = this.Element;
       var _this$asProps3 = this.asProps,
@@ -124,9 +124,9 @@ var BarRoot = /*#__PURE__*/function (_Component) {
           xScale = _scale[0],
           yScale = _scale[1];
 
-      var barY = yScale(Math.max((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0, d[y])) + offset[1];
+      var barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];
       var barX = xScale(d[x]) + offset[0];
-      var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)));
+      var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)));
       var width = widthProps || (0, _utils.getBandwidth)(xScale);
       var dSvg = getRect({
         x: barX,

package/lib/cjs/Bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bar.jsx"],"names":["BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","transition","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","dSvg","getRect","radius","Array","isArray","position","size","map","renderBar","bind","Component","style","Background","SBackground","yRange","range","bandwidth"],"mappings":"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","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 ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\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  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\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      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    const height = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const width = widthProps || getBandwidth(xScale);\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 ? 'top' : 'bottom',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\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          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\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      render=\"rect\"\n      childrenPosition=\"above\"\n      width={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) return '';\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"],"file":"Bar.js"}
+{"version":3,"sources":["../../src/Bar.jsx"],"names":["BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","transition","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","dSvg","getRect","radius","Array","isArray","position","size","map","renderBar","bind","Component","style","Background","SBackground","yRange","range","bandwidth"],"mappings":"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","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 ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\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  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\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      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    const height = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const width = widthProps || getBandwidth(xScale);\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 ? 'top' : 'bottom',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\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          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\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      render=\"rect\"\n      childrenPosition=\"above\"\n      width={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) return '';\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"],"file":"Bar.js"}

package/lib/cjs/Bubble.js

@@ -56,40 +56,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_qnd2k_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1pe3cbw);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_qnd2k_gg_:hover{opacity:.8}.___SBubble_qnd2k_gg_.__color_qnd2k_gg_{fill:var(--color_1pe3cbw)}.___SCenter_qnd2k_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_qnd2k_gg_.__color_qnd2k_gg_{stroke:var(--color_1pe3cbw)}.___SLabel_qnd2k_gg_{fill:#2bb3ff}.___SLabel_qnd2k_gg_._position_right_qnd2k_gg_{text-anchor:end}.___SLabel_qnd2k_gg_._position_left_qnd2k_gg_{text-anchor:start}.___SLabel_qnd2k_gg_.__color_qnd2k_gg_{fill:var(--color_1pe3cbw)}"
+".___SBubble_1hkv5_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_no5xh6);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_1hkv5_gg_:hover{opacity:.8}.___SBubble_1hkv5_gg_.__color_1hkv5_gg_{fill:var(--color_no5xh6)}.___SCenter_1hkv5_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_1hkv5_gg_.__color_1hkv5_gg_{stroke:var(--color_no5xh6)}.___SLabel_1hkv5_gg_{fill:#2bb3ff}.___SLabel_1hkv5_gg_._position_right_1hkv5_gg_{text-anchor:end}.___SLabel_1hkv5_gg_._position_left_1hkv5_gg_{text-anchor:start}.___SLabel_1hkv5_gg_.__color_1hkv5_gg_{fill:var(--color_no5xh6)}"
 /*__inner_css_end__*/
-, "1pe3cbw_gg_")
+, "no5xh6_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_qnd2k_gg_",
-  "--duration": "--duration_1pe3cbw",
-  "_color": "__color_qnd2k_gg_",
-  "--color": "--color_1pe3cbw",
-  "__SCenter": "___SCenter_qnd2k_gg_",
-  "__SLabel": "___SLabel_qnd2k_gg_",
-  "_position_right": "_position_right_qnd2k_gg_",
-  "_position_left": "_position_left_qnd2k_gg_"
-});
-
-var memoize = function memoize(func) {
-  var results = {};
-  return function (argsKey) {
-    if (!results[argsKey]) {
-      results[argsKey] = func(argsKey);
-    }
-
-    return results[argsKey];
-  };
-};
-
-var measureText = memoize(function (text) {
-  var span = document.createElement('span');
-  span.append(document.createTextNode(text));
-  span.style.display = 'inline-block';
-  document.body.append(span);
-  var textLength = span.offsetWidth;
-  span.remove();
-  return textLength;
+  "__SBubble": "___SBubble_1hkv5_gg_",
+  "--duration": "--duration_no5xh6",
+  "_color": "__color_1hkv5_gg_",
+  "--color": "--color_no5xh6",
+  "__SCenter": "___SCenter_1hkv5_gg_",
+  "__SLabel": "___SLabel_1hkv5_gg_",
+  "_position_right": "_position_right_1hkv5_gg_",
+  "_position_left": "_position_left_1hkv5_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {
@@ -170,7 +149,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCircle",
     value: function renderCircle(d, i) {
-      var _ref, _d$color;
+      var _ref;
 
       var _this$asProps2 = this.asProps,
           color = _this$asProps2.color,
@@ -198,7 +177,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         return el[value];
       })))]).range([5.5, 50.5]);
       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 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])
@@ -216,7 +195,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
-        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+        "color": d[color] ?? color
       }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref.cn("SBubble", {
         "id": "".concat(uid).concat(uid),
         "render": "circle",

package/lib/cjs/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bubble.jsx"],"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","xSize","abs","ySize","xMargin","yMargin","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  const 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 =\n    (visible, props) =>\n    ({ 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().selection().selectAll(`[id^=${uid}${uid}]`).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, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}
+{"version":3,"sources":["../../src/Bubble.jsx"],"names":["BubbleRoot","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","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","xSize","abs","ySize","xMargin","yMargin","renderCircle","bind","Component","style","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, measureText } 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\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 =\n    (visible, props) =>\n    ({ 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().selection().selectAll(`[id^=${uid}${uid}]`).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, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}

package/lib/cjs/ClipPath.js

@@ -62,7 +62,7 @@ var ClipPath = /*#__PURE__*/function (_Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refClipPath", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refClipPath", _react["default"].createRef());
     return _this;
   }
 
@@ -97,6 +97,7 @@ var ClipPath = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$asProps2 = this.asProps,
           id = _this$asProps2.id,
           transition = _this$asProps2.transition,

package/lib/cjs/ClipPath.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ClipPath.jsx"],"names":["ClipPath","React","createRef","asProps","id","tag","setAttributeTag","Array","from","document","querySelectorAll","forEach","querySelector","svg","closest","node","getTotalLength","transition","Tag","style","className","other","refClipPath","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;;;;iHAQUC,kBAAMC,SAAN,E;;;;;;WAEd,2BAAkB;AAChB,0BAAqC,KAAKC,OAA1C;AAAA,UAAQC,EAAR,iBAAQA,EAAR;AAAA,UAAYC,GAAZ,iBAAYA,GAAZ;AAAA,UAAiBC,eAAjB,iBAAiBA,eAAjB;;AACA,UAAIA,eAAJ,EAAqB;AACnBC,QAAAA,KAAK,CAACC,IAAN,CAAWC,QAAQ,CAACC,gBAAT,YAA8BN,EAA9B,cAAoCC,GAApC,EAAX,EAAuDM,OAAvD,CAA+DL,eAA/D;AACD;AACF;;;WAED,6BAAoB;AAClB,UAAQF,EAAR,GAAe,KAAKD,OAApB,CAAQC,EAAR;AACA,UAAI,CAACK,QAAD,IAAa,CAACL,EAAd,IAAoB,CAACK,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,EAAzB,EAA2D;AAC3D,UAAMS,GAAG,GAAGJ,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,GAAiCU,OAAjC,CAAyC,KAAzC,CAAZ;AACAP,MAAAA,KAAK,CAACC,IAAN,CAAWK,GAAG,CAACH,gBAAJ,6BAAyCN,EAAzC,UAAX,EAA8DO,OAA9D,CAAsE,UAACI,IAAD,EAAU;AAC9EA,QAAAA,IAAI,IAAIA,IAAI,CAACC,cAAb,IAA+BD,IAAI,CAACC,cAAL,EAA/B;AACD,OAFD;AAGA,WAAKV,eAAL;AACD;;;WAED,8BAAqB;AACnB,WAAKA,eAAL;AACD;;;WAED,kBAAS;AACP,2BAAiE,KAAKH,OAAtE;AAAA,UAAQC,EAAR,kBAAQA,EAAR;AAAA,UAAYa,UAAZ,kBAAYA,UAAZ;AAAA,UAA6BC,GAA7B,kBAAwBb,GAAxB;AAAA,UAAkCc,KAAlC,kBAAkCA,KAAlC;AAAA,UAAyCC,SAAzC,kBAAyCA,SAAzC;AAAA,UAAuDC,KAAvD;AACA,0BACE;AAAU,QAAA,GAAG,EAAE,KAAKC,WAApB;AAAiC,QAAA,EAAE,EAAElB;AAArC,sBACE,gCAAC,GAAD;AAAK,QAAA,KAAK,kCAAOe,KAAP;AAAcF,UAAAA,UAAU,EAAVA;AAAd;AAAV,SAA0C,iCAAgBI,KAAhB,EAAuBH,GAAvB,CAA1C,EADF,CADF;AAKD;;;EAtCoBK,e;;iCAAjBvB,Q,kBACkB;AACpBK,EAAAA,GAAG,EAAE,MADe;AAEpBD,EAAAA,EAAE,EAAE,EAFgB;AAGpBa,EAAAA,UAAU,EAAE,EAHQ;AAIpBX,EAAAA,eAAe,EAAE;AAJG,C;;eAwCT,sBAAgBN,QAAhB,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass ClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    id: '',\n    transition: '',\n    setAttributeTag: null,\n  };\n\n  refClipPath = React.createRef();\n\n  setAttributeTag() {\n    const { id, tag, setAttributeTag } = this.asProps;\n    if (setAttributeTag) {\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n    }\n  }\n\n  componentDidMount() {\n    const { id } = this.asProps;\n    if (!document || !id || !document.querySelector(`#${id}`)) return;\n    const svg = document.querySelector(`#${id}`).closest('svg');\n    Array.from(svg.querySelectorAll(`[clip-path=\"url(#${id})\"]`)).forEach((node) => {\n      node && node.getTotalLength && node.getTotalLength();\n    });\n    this.setAttributeTag();\n  }\n\n  componentDidUpdate() {\n    this.setAttributeTag();\n  }\n\n  render() {\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    return (\n      <clipPath ref={this.refClipPath} id={id}>\n        <Tag style={{ ...style, transition }} {...propsForElement(other, Tag)} />\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(ClipPath);\n"],"file":"ClipPath.js"}
+{"version":3,"sources":["../../src/ClipPath.jsx"],"names":["ClipPath","React","createRef","asProps","id","tag","setAttributeTag","Array","from","document","querySelectorAll","forEach","querySelector","svg","closest","node","getTotalLength","transition","Tag","style","className","other","refClipPath","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;;;;oGAQUC,kBAAMC,SAAN,E;;;;;;WAEd,2BAAkB;AAChB,0BAAqC,KAAKC,OAA1C;AAAA,UAAQC,EAAR,iBAAQA,EAAR;AAAA,UAAYC,GAAZ,iBAAYA,GAAZ;AAAA,UAAiBC,eAAjB,iBAAiBA,eAAjB;;AACA,UAAIA,eAAJ,EAAqB;AACnBC,QAAAA,KAAK,CAACC,IAAN,CAAWC,QAAQ,CAACC,gBAAT,YAA8BN,EAA9B,cAAoCC,GAApC,EAAX,EAAuDM,OAAvD,CAA+DL,eAA/D;AACD;AACF;;;WAED,6BAAoB;AAClB,UAAQF,EAAR,GAAe,KAAKD,OAApB,CAAQC,EAAR;AACA,UAAI,CAACK,QAAD,IAAa,CAACL,EAAd,IAAoB,CAACK,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,EAAzB,EAA2D;AAC3D,UAAMS,GAAG,GAAGJ,QAAQ,CAACG,aAAT,YAA2BR,EAA3B,GAAiCU,OAAjC,CAAyC,KAAzC,CAAZ;AACAP,MAAAA,KAAK,CAACC,IAAN,CAAWK,GAAG,CAACH,gBAAJ,6BAAyCN,EAAzC,UAAX,EAA8DO,OAA9D,CAAsE,UAACI,IAAD,EAAU;AAC9EA,QAAAA,IAAI,IAAIA,IAAI,CAACC,cAAb,IAA+BD,IAAI,CAACC,cAAL,EAA/B;AACD,OAFD;AAGA,WAAKV,eAAL;AACD;;;WAED,8BAAqB;AACnB,WAAKA,eAAL;AACD;;;WAED,kBAAS;AACP;AACA,2BAAiE,KAAKH,OAAtE;AAAA,UAAQC,EAAR,kBAAQA,EAAR;AAAA,UAAYa,UAAZ,kBAAYA,UAAZ;AAAA,UAA6BC,GAA7B,kBAAwBb,GAAxB;AAAA,UAAkCc,KAAlC,kBAAkCA,KAAlC;AAAA,UAAyCC,SAAzC,kBAAyCA,SAAzC;AAAA,UAAuDC,KAAvD;AACA,0BACE;AAAU,QAAA,GAAG,EAAE,KAAKC,WAApB;AAAiC,QAAA,EAAE,EAAElB;AAArC,sBACE,gCAAC,GAAD;AAAK,QAAA,KAAK,kCAAOe,KAAP;AAAcF,UAAAA,UAAU,EAAVA;AAAd;AAAV,SAA0C,iCAAgBI,KAAhB,EAAuBH,GAAvB,CAA1C,EADF,CADF;AAKD;;;EAvCoBK,e;;iCAAjBvB,Q,kBACkB;AACpBK,EAAAA,GAAG,EAAE,MADe;AAEpBD,EAAAA,EAAE,EAAE,EAFgB;AAGpBa,EAAAA,UAAU,EAAE,EAHQ;AAIpBX,EAAAA,eAAe,EAAE;AAJG,C;;eAyCT,sBAAgBN,QAAhB,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass ClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    id: '',\n    transition: '',\n    setAttributeTag: null,\n  };\n\n  refClipPath = React.createRef();\n\n  setAttributeTag() {\n    const { id, tag, setAttributeTag } = this.asProps;\n    if (setAttributeTag) {\n      Array.from(document.querySelectorAll(`#${id} ${tag}`)).forEach(setAttributeTag);\n    }\n  }\n\n  componentDidMount() {\n    const { id } = this.asProps;\n    if (!document || !id || !document.querySelector(`#${id}`)) return;\n    const svg = document.querySelector(`#${id}`).closest('svg');\n    Array.from(svg.querySelectorAll(`[clip-path=\"url(#${id})\"]`)).forEach((node) => {\n      node && node.getTotalLength && node.getTotalLength();\n    });\n    this.setAttributeTag();\n  }\n\n  componentDidUpdate() {\n    this.setAttributeTag();\n  }\n\n  render() {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    return (\n      <clipPath ref={this.refClipPath} id={id}>\n        <Tag style={{ ...style, transition }} {...propsForElement(other, Tag)} />\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(ClipPath);\n"],"file":"ClipPath.js"}

package/lib/cjs/Donut.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1f47o_gg_{stroke:#fff;fill:#50aef4}.___SPie_1f47o_gg_.__color_1f47o_gg_{fill:var(--color_40fbm0)}.___SEmptyData_1f47o_gg_{fill:#e4ecf1}.___SEmptyData_1f47o_gg_.__color_1f47o_gg_{fill:var(--color_40fbm0)}.___SLabel_1f47o_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_60wu6_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_60wu6_gg_.__color_60wu6_gg_{fill:var(--color_q6oc02)}.___SEmptyData_60wu6_gg_{fill:#e0e1e9}.___SEmptyData_60wu6_gg_.__color_60wu6_gg_{fill:var(--color_q6oc02)}.___SLabel_60wu6_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "40fbm0_gg_")
+, "q6oc02_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1f47o_gg_",
-  "_color": "__color_1f47o_gg_",
-  "--color": "--color_40fbm0",
-  "__SEmptyData": "___SEmptyData_1f47o_gg_",
-  "__SLabel": "___SLabel_1f47o_gg_"
+  "__SPie": "___SPie_60wu6_gg_",
+  "_color": "__color_60wu6_gg_",
+  "--color": "--color_q6oc02",
+  "__SEmptyData": "___SEmptyData_60wu6_gg_",
+  "__SLabel": "___SLabel_60wu6_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
@@ -213,7 +213,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 
       if (d3Pie[DEFAULT_INSTANCE]) {
         var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
-          if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === Donut.Pie) {
+          if (_react["default"].isValidElement(child) && child.type === Donut.Pie) {
             acc.push(child.props.dataKey);
           }