@semcore/d3-chart 3.21.2 → 3.21.3-prerelease.1

package/CHANGELOG.md

@@ -2,7 +2,14 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.21.2-prerelease.1] - 2023-12-13
+## [3.21.3-prerelease.1] - 2023-12-14
+
+### Fixed
+
+- Chart dots were not displaying in Firefox.
+- Charts appearing animation in Firefox.
+
+## [3.21.2] - 2023-12-13
 
 ### Fixed
 
@@ -20,6 +27,12 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version preminor update due to children dependencies update (`@semcore/animation` [2.12.0 ~> 2.13.0], `@semcore/popper` [5.11.0 ~> 5.12.0], `@semcore/core` [2.11.0 ~> 2.12.0]).
 
+## [3.20.1] - 2023-12-06
+
+### Fixed
+
+- base element for `Dots`.
+
 ## [3.20.0] - 2023-12-04
 
 ### Changed

package/lib/cjs/AnimatedClipPath.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _propsForElement = _interopRequireDefault(require("@semcore/utils/lib/propsForElement"));
+var _excluded = ["id", "transition", "tag", "style", "className"];
+var AnimatedClipPath = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(AnimatedClipPath, _Component);
+  var _super = (0, _createSuper2["default"])(AnimatedClipPath);
+  function AnimatedClipPath() {
+    (0, _classCallCheck2["default"])(this, AnimatedClipPath);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(AnimatedClipPath, [{
+    key: "render",
+    value: function render() {
+      var _this$asProps = this.asProps,
+        id = _this$asProps.id,
+        transition = _this$asProps.transition,
+        Tag = _this$asProps.tag,
+        style = _this$asProps.style,
+        className = _this$asProps.className,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
+      var duration = typeof this.asProps.duration === 'number' ? "".concat(this.asProps.duration, "ms") : this.asProps.duration;
+      return /*#__PURE__*/_react["default"].createElement("clipPath", {
+        "aria-hidden": true,
+        ref: this.refClipPath,
+        id: id
+      }, /*#__PURE__*/_react["default"].createElement("rect", {
+        x: 0,
+        y: 0,
+        width: "100%",
+        height: "100%"
+      }, /*#__PURE__*/_react["default"].createElement("animate", (0, _extends2["default"])({
+        dur: duration
+      }, (0, _propsForElement["default"])(other, Tag)))));
+    }
+  }]);
+  return AnimatedClipPath;
+}(_core.Component);
+(0, _defineProperty2["default"])(AnimatedClipPath, "defaultProps", {
+  tag: 'rect',
+  duration: 500,
+  attributeName: 'width',
+  values: '0;100%'
+});
+var _default = (0, _core["default"])(AnimatedClipPath);
+exports["default"] = _default;
+//# sourceMappingURL=AnimatedClipPath.js.map

package/lib/cjs/AnimatedClipPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedClipPath.js","names":["_react","_interopRequireDefault","require","_core","_interopRequireWildcard","_propsForElement","_excluded","AnimatedClipPath","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_this$asProps","asProps","id","transition","Tag","tag","style","className","other","_objectWithoutProperties2","duration","concat","createElement","ref","refClipPath","x","y","width","height","_extends2","dur","propsForElement","Component","_defineProperty2","attributeName","values","_default","createComponent","exports"],"sources":["../../src/AnimatedClipPath.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component } from '@semcore/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nclass AnimatedClipPath extends Component {\n  static defaultProps = {\n    tag: 'rect',\n    duration: 500,\n    attributeName: 'width',\n    values: '0;100%',\n  };\n\n  render() {\n    const { id, transition, tag: Tag, style, className, ...other } = this.asProps;\n    const duration =\n      typeof this.asProps.duration === 'number'\n        ? `${this.asProps.duration}ms`\n        : this.asProps.duration;\n    return (\n      <clipPath aria-hidden ref={this.refClipPath} id={id}>\n        <rect x={0} y={0} width='100%' height='100%'>\n          <animate dur={duration} {...propsForElement(other, Tag)} />\n        </rect>\n      </clipPath>\n    );\n  }\n}\n\nexport default createComponent(AnimatedClipPath);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAiE,IAAAI,SAAA;AAAA,IAE3DC,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,gBAAA,mBAAAL,gBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,gBAAA;IAAAS,GAAA;IAAAC,KAAA,EAQpB,SAAAC,OAAA,EAAS;MACP,IAAAC,aAAA,GAAiE,IAAI,CAACC,OAAO;QAArEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAOC,GAAG,GAAAJ,aAAA,CAARK,GAAG;QAAOC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAEC,SAAS,GAAAP,aAAA,CAATO,SAAS;QAAKC,KAAK,OAAAC,yBAAA,aAAAT,aAAA,EAAAb,SAAA;MAC5D,IAAMuB,QAAQ,GACZ,OAAO,IAAI,CAACT,OAAO,CAACS,QAAQ,KAAK,QAAQ,MAAAC,MAAA,CAClC,IAAI,CAACV,OAAO,CAACS,QAAQ,UACxB,IAAI,CAACT,OAAO,CAACS,QAAQ;MAC3B,oBACE7B,MAAA,YAAA+B,aAAA;QAAU,mBAAW;QAACC,GAAG,EAAE,IAAI,CAACC,WAAY;QAACZ,EAAE,EAAEA;MAAG,gBAClDrB,MAAA,YAAA+B,aAAA;QAAMG,CAAC,EAAE,CAAE;QAACC,CAAC,EAAE,CAAE;QAACC,KAAK,EAAC,MAAM;QAACC,MAAM,EAAC;MAAM,gBAC1CrC,MAAA,YAAA+B,aAAA,gBAAAO,SAAA;QAASC,GAAG,EAAEV;MAAS,GAAK,IAAAW,2BAAe,EAACb,KAAK,EAAEJ,GAAG,CAAC,EAAI,CACtD,CACE;IAEf;EAAC;EAAA,OAAAhB,gBAAA;AAAA,EArB4BkC,eAAS;AAAA,IAAAC,gBAAA,aAAlCnC,gBAAgB,kBACE;EACpBiB,GAAG,EAAE,MAAM;EACXK,QAAQ,EAAE,GAAG;EACbc,aAAa,EAAE,OAAO;EACtBC,MAAM,EAAE;AACV,CAAC;AAAA,IAAAC,QAAA,GAkBY,IAAAC,gBAAe,EAACvC,gBAAgB,CAAC;AAAAwC,OAAA,cAAAF,QAAA"}

package/lib/cjs/Area.js

@@ -19,17 +19,17 @@ var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComp
 var _Dots = _interopRequireDefault(require("./Dots"));
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
-var _ClipPath = _interopRequireDefault(require("./ClipPath"));
+var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_z7pbn_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_z7pbn_gg_.__color_z7pbn_gg_{fill:var(--color_z7pbn)}.___SArea_z7pbn_gg_.__transparent_z7pbn_gg_{opacity:.3}.___SAreaLine_z7pbn_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_z7pbn_gg_.__color_z7pbn_gg_{stroke:var(--color_z7pbn)}.___SAreaLine_z7pbn_gg_.__transparent_z7pbn_gg_{opacity:.3}.___SAreaLine_z7pbn_gg_,.___SArea_z7pbn_gg_{transition-property:d;transition-duration:var(--duration_z7pbn);transition-timing-function:ease-in-out}.___SNull_z7pbn_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_z7pbn_gg_.__hide_z7pbn_gg_{display:none}" /*__inner_css_end__*/, "z7pbn_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_z7pbn_gg_",
-  "_color": "__color_z7pbn_gg_",
-  "--color": "--color_z7pbn",
-  "_transparent": "__transparent_z7pbn_gg_",
-  "__SAreaLine": "___SAreaLine_z7pbn_gg_",
-  "--duration": "--duration_z7pbn",
-  "__SNull": "___SNull_z7pbn_gg_",
-  "_hide": "__hide_z7pbn_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_88bu6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_88bu6_gg_.__color_88bu6_gg_{fill:var(--color_88bu6)}.___SArea_88bu6_gg_.__transparent_88bu6_gg_{opacity:.3}.___SAreaLine_88bu6_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_88bu6_gg_.__color_88bu6_gg_{stroke:var(--color_88bu6)}.___SAreaLine_88bu6_gg_.__transparent_88bu6_gg_{opacity:.3}.___SAreaLine_88bu6_gg_,.___SArea_88bu6_gg_{transition-property:d;transition-duration:var(--duration_88bu6);transition-timing-function:ease-in-out}.___SNull_88bu6_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_88bu6_gg_.__hide_88bu6_gg_{display:none}" /*__inner_css_end__*/, "88bu6_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_88bu6_gg_",
+  "_color": "__color_88bu6_gg_",
+  "--color": "--color_88bu6",
+  "_transparent": "__transparent_88bu6_gg_",
+  "__SAreaLine": "___SAreaLine_88bu6_gg_",
+  "--duration": "--duration_88bu6",
+  "__SNull": "___SNull_88bu6_gg_",
+  "_hide": "__hide_88bu6_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AreaRoot, _Component);
@@ -142,17 +142,11 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         "color": resolveColor(color),
         "use:duration": "".concat(duration, "ms"),
         "transparent": transparent
-      })), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], _ref.cn("ClipPath", {
-        "aria-hidden": true,
-        "setAttributeTag": function setAttributeTag(rect) {
-          rect.setAttribute('width', size[0]);
-        },
+      })), duration && /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], _ref.cn("AnimatedClipPath", {
+        "duration": duration,
         "id": uid,
-        "x": '0',
-        "y": '0',
         "width": 0,
-        "height": size[1],
-        "transition": "width ".concat(duration, "ms ease-in-out")
+        "height": size[1]
       })));
     }
   }]);

package/lib/cjs/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_findComponent","_Dots","_createElement","_utils","_ClipPath","style","sstyled","insert","AreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","data","filter","item","interpolateValue","d3","getNullProps","_this$asProps2","getNullData","definedNullData","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref4","y0","$rootProps","_ref4$curve","curve","curveLinear","scale","_ref5","_ref6","_slicedToArray2","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, d3Line, transparent, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
+{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_findComponent","_Dots","_createElement","_utils","_AnimatedClipPath","style","sstyled","insert","AreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","data","filter","item","interpolateValue","d3","getNullProps","_this$asProps2","getNullData","definedNullData","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","Component","_defineProperty2","uniqueIDEnhancement","_ref4","y0","$rootProps","_ref4$curve","curve","curveLinear","scale","_ref5","_ref6","_slicedToArray2","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport AnimatedClipPath from './AnimatedClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, d3Line, transparent, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}

package/lib/cjs/Axis.js

@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
 /*__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_108qh_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_108qh_gg_.__hide_108qh_gg_,.___STick_108qh_gg_.__hide_108qh_gg_{display:none}.___STick_108qh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_108qh_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_108qh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_108qh)}.___STitle_108qh_gg_._position_top_108qh_gg_{text-anchor:middle}.___STitle_108qh_gg_._position_bottom_108qh_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_108qh_gg_._position_left_108qh_gg_,.___STitle_108qh_gg_._position_right_108qh_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_108qh_gg_._position_left_108qh_gg_.__verticalWritingMode_108qh_gg_,.___STitle_108qh_gg_._position_right_108qh_gg_.__verticalWritingMode_108qh_gg_{writing-mode:vertical-rl;transform:none}.___STick_108qh_gg_._position_top_108qh_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_108qh_gg_._position_bottom_108qh_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_108qh_gg_._position_right_108qh_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_108qh_gg_._position_left_108qh_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_108qh_gg_._position_custom_0_108qh_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_108qh_gg_._position_custom_1_108qh_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "108qh_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_108qh_gg_",
-  "_hide": "__hide_108qh_gg_",
-  "__STick": "___STick_108qh_gg_",
-  "__SGrid": "___SGrid_108qh_gg_",
-  "__STitle": "___STitle_108qh_gg_",
-  "--transform-origin": "--transform-origin_108qh",
-  "_position_top": "_position_top_108qh_gg_",
-  "_position_bottom": "_position_bottom_108qh_gg_",
-  "_position_right": "_position_right_108qh_gg_",
-  "_position_left": "_position_left_108qh_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_108qh_gg_",
-  "_position_custom_0": "_position_custom_0_108qh_gg_",
-  "_position_custom_1": "_position_custom_1_108qh_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_1mjyy_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1mjyy_gg_.__hide_1mjyy_gg_,.___STick_1mjyy_gg_.__hide_1mjyy_gg_{display:none}.___STick_1mjyy_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1mjyy_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1mjyy_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1mjyy)}.___STitle_1mjyy_gg_._position_top_1mjyy_gg_{text-anchor:middle}.___STitle_1mjyy_gg_._position_bottom_1mjyy_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1mjyy_gg_._position_left_1mjyy_gg_,.___STitle_1mjyy_gg_._position_right_1mjyy_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1mjyy_gg_._position_left_1mjyy_gg_.__verticalWritingMode_1mjyy_gg_,.___STitle_1mjyy_gg_._position_right_1mjyy_gg_.__verticalWritingMode_1mjyy_gg_{writing-mode:vertical-rl;transform:none}.___STick_1mjyy_gg_._position_top_1mjyy_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1mjyy_gg_._position_bottom_1mjyy_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1mjyy_gg_._position_right_1mjyy_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1mjyy_gg_._position_left_1mjyy_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1mjyy_gg_._position_custom_0_1mjyy_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1mjyy_gg_._position_custom_1_1mjyy_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1mjyy_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_1mjyy_gg_",
+  "_hide": "__hide_1mjyy_gg_",
+  "__STick": "___STick_1mjyy_gg_",
+  "__SGrid": "___SGrid_1mjyy_gg_",
+  "__STitle": "___STitle_1mjyy_gg_",
+  "--transform-origin": "--transform-origin_1mjyy",
+  "_position_top": "_position_top_1mjyy_gg_",
+  "_position_bottom": "_position_bottom_1mjyy_gg_",
+  "_position_right": "_position_right_1mjyy_gg_",
+  "_position_left": "_position_left_1mjyy_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_1mjyy_gg_",
+  "_position_custom_0": "_position_custom_0_1mjyy_gg_",
+  "_position_custom_1": "_position_custom_1_1mjyy_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -16,17 +16,17 @@ var _react = _interopRequireDefault(require("react"));
 var _d3Transition = require("d3-transition");
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _ClipPath = _interopRequireDefault(require("./ClipPath"));
+var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ysr6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ysr6);transition-timing-function:ease-in-out}.___SBar_1ysr6_gg_.__color_1ysr6_gg_{fill:var(--color_1ysr6)}.___SBar_1ysr6_gg_.__hide_1ysr6_gg_{display:none}.___SBar_1ysr6_gg_.__transparent_1ysr6_gg_{opacity:.3}.___SBackground_1ysr6_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ysr6_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ysr6_gg_",
-  "--duration": "--duration_1ysr6",
-  "_color": "__color_1ysr6_gg_",
-  "--color": "--color_1ysr6",
-  "_hide": "__hide_1ysr6_gg_",
-  "_transparent": "__transparent_1ysr6_gg_",
-  "__SBackground": "___SBackground_1ysr6_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ipdh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ipdh);transition-timing-function:ease-in-out}.___SBar_1ipdh_gg_.__color_1ipdh_gg_{fill:var(--color_1ipdh)}.___SBar_1ipdh_gg_.__hide_1ipdh_gg_{display:none}.___SBar_1ipdh_gg_.__transparent_1ipdh_gg_{opacity:.3}.___SBackground_1ipdh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ipdh_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1ipdh_gg_",
+  "--duration": "--duration_1ipdh",
+  "_color": "__color_1ipdh_gg_",
+  "--color": "--color_1ipdh",
+  "_hide": "__hide_1ipdh_gg_",
+  "_transparent": "__transparent_1ipdh_gg_",
+  "__SBackground": "___SBackground_1ipdh_gg_"
 });
 var MIN_HEIGHT = 2;
 exports.MIN_HEIGHT = MIN_HEIGHT;
@@ -158,12 +158,12 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         uid = _this$asProps4.uid,
         size = _this$asProps4.size,
         duration = _this$asProps4.duration;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
-        "aria-hidden": true,
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], {
+        duration: duration,
         key: "".concat(uid, "-animation"),
+        attributeName: "y",
+        values: "100%;0",
         id: uid,
-        x: "0",
-        y: size[1],
         width: size[0],
         height: "".concat(size[1], "px")
       }));

package/lib/cjs/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","resolveColor","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_this$asProps3$maxBar","maxBarSize","Infinity","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","bandWidth","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","createElement","cn","render","_this$asProps4","size","Fragment","map","bind","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { scaleToBand, roundedPath } from './utils';\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    } = 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);\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      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`bar-${i}`}\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        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  }\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            aria-hidden\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      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={scaleToBand(xScale).bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height < radius) radius = height;\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_uniqueID","_createElement","_AnimatedClipPath","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","resolveColor","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_this$asProps3$maxBar","maxBarSize","Infinity","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","bandWidth","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","createElement","cn","render","_this$asProps4","size","Fragment","map","bind","attributeName","values","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\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    } = 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);\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      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`bar-${i}`}\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        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  }\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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"}

package/lib/cjs/Bubble.js

@@ -21,20 +21,19 @@ var _d3Transition = require("d3-transition");
 var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1lx4g_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1lx4g);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1lx4g_gg_:hover{opacity:.8}}.___SBubble_1lx4g_gg_.__color_1lx4g_gg_{fill:var(--color_1lx4g)}.___SBubble_1lx4g_gg_.__transparent_1lx4g_gg_{opacity:.3}.___SCenter_1lx4g_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1lx4g_gg_.__color_1lx4g_gg_{stroke:var(--color_1lx4g)}.___SCenter_1lx4g_gg_.__transparent_1lx4g_gg_{opacity:.3}.___SLabel_1lx4g_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1lx4g_gg_._position_right_1lx4g_gg_{text-anchor:end}.___SLabel_1lx4g_gg_._position_left_1lx4g_gg_{text-anchor:start}.___SLabel_1lx4g_gg_.__color_1lx4g_gg_{fill:var(--color_1lx4g)}.___SLabel_1lx4g_gg_.__transparent_1lx4g_gg_{opacity:.3}" /*__inner_css_end__*/, "1lx4g_gg_") /*__reshadow_css_end__*/, {
-  "__SBubble": "___SBubble_1lx4g_gg_",
-  "_color": "__color_1lx4g_gg_",
-  "--color": "--color_1lx4g",
-  "_transparent": "__transparent_1lx4g_gg_",
-  "__SCenter": "___SCenter_1lx4g_gg_",
-  "__SLabel": "___SLabel_1lx4g_gg_",
-  "_position_right": "_position_right_1lx4g_gg_",
-  "_position_left": "_position_left_1lx4g_gg_",
-  "--duration": "--duration_1lx4g"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_bj3h0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_bj3h0);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_bj3h0_gg_:hover{opacity:.8}}.___SBubble_bj3h0_gg_.__color_bj3h0_gg_{fill:var(--color_bj3h0)}.___SBubble_bj3h0_gg_.__transparent_bj3h0_gg_{opacity:.3}.___SCenter_bj3h0_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_bj3h0_gg_.__color_bj3h0_gg_{stroke:var(--color_bj3h0)}.___SCenter_bj3h0_gg_.__transparent_bj3h0_gg_{opacity:.3}.___SLabel_bj3h0_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_bj3h0_gg_._position_right_bj3h0_gg_{text-anchor:end}.___SLabel_bj3h0_gg_._position_left_bj3h0_gg_{text-anchor:start}.___SLabel_bj3h0_gg_.__color_bj3h0_gg_{fill:var(--color_bj3h0)}.___SLabel_bj3h0_gg_.__transparent_bj3h0_gg_{opacity:.3}" /*__inner_css_end__*/, "bj3h0_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_bj3h0_gg_",
+  "_color": "__color_bj3h0_gg_",
+  "--color": "--color_bj3h0",
+  "_transparent": "__transparent_bj3h0_gg_",
+  "__SCenter": "___SCenter_bj3h0_gg_",
+  "__SLabel": "___SLabel_bj3h0_gg_",
+  "_position_right": "_position_right_bj3h0_gg_",
+  "_position_left": "_position_left_bj3h0_gg_",
+  "--duration": "--duration_bj3h0"
 });
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(BubbleRoot, _Component);
@@ -199,14 +198,15 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
       this.asProps.dataHintsHandler.establishDataType('points-cloud');
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/_react["default"].createElement("clipPath", {
         "aria-hidden": true,
-        id: uid,
+        id: uid
+      }, /*#__PURE__*/_react["default"].createElement("rect", {
         x: xMargin,
         y: yMargin,
         width: "".concat(xSize, "px"),
         height: "".concat(ySize, "px")
-      }));
+      }), ' '));
     }
   }]);
   return BubbleRoot;

package/lib/cjs/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Scale","_d3Transition","_canUseDOM","_uniqueID","_createElement","_ClipPath","_utils","_Tooltip","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","scaleSqrt","domain","Math","max","_toConsumableArray2","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","Tooltip","_objectSpread2","assignProps","Bubble","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ 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, tooltipProps, 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      transparent,\n      resolveColor,\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, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(d[color] ?? color)}\n            transparent={transparent}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(d[color])}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={resolveColor(d[color])}\n            transparent={transparent}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst BubbleTooltip = (props) => {\n  const SBubbleTooltip = Root;\n  return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Scale","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_Tooltip","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","scaleSqrt","domain","Math","max","_toConsumableArray2","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","Tooltip","_objectSpread2","assignProps","Bubble","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props, tooltipProps) => ({ 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, tooltipProps, 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      transparent,\n      resolveColor,\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, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        {markedCross && (\n          <SCenter\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={resolveColor(d[color] ?? color)}\n            transparent={transparent}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          aria-hidden\n          id={`${uid}${uid}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={resolveColor(d[color])}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[label] && (\n          <SLabel\n            aria-hidden\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={resolveColor(d[color])}\n            transparent={transparent}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <clipPath aria-hidden id={uid}>\n          <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />{' '}\n        </clipPath>\n      </>\n    );\n  }\n}\n\nconst BubbleTooltip = (props) => {\n  const SBubbleTooltip = Root;\n  return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n  Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}

package/lib/cjs/Donut.js

@@ -27,13 +27,13 @@ var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize"];
 /*__reshadow-styles__:"./style/donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_bz735_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_bz735_gg_.__color_bz735_gg_{fill:var(--color_bz735)}.___SPie_bz735_gg_.__transparent_bz735_gg_{opacity:.3}.___SEmptyData_bz735_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_bz735_gg_.__color_bz735_gg_{fill:var(--color_bz735)}.___SLabel_bz735_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "bz735_gg_") /*__reshadow_css_end__*/, {
-  "__SPie": "___SPie_bz735_gg_",
-  "_color": "__color_bz735_gg_",
-  "--color": "--color_bz735",
-  "_transparent": "__transparent_bz735_gg_",
-  "__SEmptyData": "___SEmptyData_bz735_gg_",
-  "__SLabel": "___SLabel_bz735_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_15ez0_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_15ez0_gg_.__color_15ez0_gg_{fill:var(--color_15ez0)}.___SPie_15ez0_gg_.__transparent_15ez0_gg_{opacity:.3}.___SEmptyData_15ez0_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_15ez0_gg_.__color_15ez0_gg_{fill:var(--color_15ez0)}.___SLabel_15ez0_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "15ez0_gg_") /*__reshadow_css_end__*/, {
+  "__SPie": "___SPie_15ez0_gg_",
+  "_color": "__color_15ez0_gg_",
+  "--color": "--color_15ez0",
+  "_transparent": "__transparent_15ez0_gg_",
+  "__SEmptyData": "___SEmptyData_15ez0_gg_",
+  "__SLabel": "___SLabel_15ez0_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 function transitionAnglePie(_ref6) {