@semcore/d3-chart 2.13.4 → 2.13.5

package/lib/es6/Bar.js

@@ -12,53 +12,37 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { getBandwidth, roundedPath } from './utils';
-
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SBar_1n9fo_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1n9fo);transition-timing-function:ease-in-out}.___SBar_1n9fo_gg_.__color_1n9fo_gg_{fill:var(--color_1n9fo)}.___SBar_1n9fo_gg_.__hide_1n9fo_gg_{display:none}.___SBar_1n9fo_gg_.__transparent_1n9fo_gg_{opacity:.3}.___SBackground_1n9fo_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
-/*__inner_css_end__*/
-, "1n9fo_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SBar": "___SBar_1n9fo_gg_",
-  "--duration": "--duration_1n9fo",
-  "_color": "__color_1n9fo_gg_",
-  "--color": "--color_1n9fo",
-  "_hide": "__hide_1n9fo_gg_",
-  "_transparent": "__transparent_1n9fo_gg_",
-  "__SBackground": "___SBackground_1n9fo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_fv3d7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_fv3d7);transition-timing-function:ease-in-out}.___SBar_fv3d7_gg_.__color_fv3d7_gg_{fill:var(--color_fv3d7)}.___SBar_fv3d7_gg_.__hide_fv3d7_gg_{display:none}.___SBar_fv3d7_gg_.__transparent_fv3d7_gg_{opacity:.3}.___SBackground_fv3d7_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "fv3d7_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_fv3d7_gg_",
+  "--duration": "--duration_fv3d7",
+  "_color": "__color_fv3d7_gg_",
+  "--color": "--color_fv3d7",
+  "_hide": "__hide_fv3d7_gg_",
+  "_transparent": "__transparent_fv3d7_gg_",
+  "__SBackground": "___SBackground_fv3d7_gg_"
 });
-
 var calcPartBarY = function calcPartBarY(y, minHeight, height) {
   // need for the correct rendering of negative values (bar should be under Y-axis)
   if (y <= 0) {
     return Object.is(y, 0) ? minHeight : 0;
-  } // need for the correct rendering of the minimum positive values
-
-
+  }
+  // need for the correct rendering of the minimum positive values
   return height <= minHeight ? minHeight : 0;
 };
-
 var BarRoot = /*#__PURE__*/function (_Component) {
   _inherits(BarRoot, _Component);
-
   var _super = _createSuper(BarRoot);
-
   function BarRoot() {
     _classCallCheck(this, BarRoot);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(BarRoot, [{
     key: "getBackgroundProps",
     value: function getBackgroundProps(props, index) {
       var _this$asProps = this.asProps,
-          x = _this$asProps.x,
-          data = _this$asProps.data;
+        x = _this$asProps.x,
+        data = _this$asProps.data;
       return {
         value: data[index][x]
       };
@@ -67,11 +51,10 @@ var BarRoot = /*#__PURE__*/function (_Component) {
     key: "animationBar",
     value: function animationBar() {
       var _this$asProps2 = this.asProps,
-          duration = _this$asProps2.duration,
-          uid = _this$asProps2.uid;
+        duration = _this$asProps2.duration,
+        uid = _this$asProps2.uid;
       var selectRect = transition().selection().selectAll("#".concat(uid, " rect"));
       var selectRectNode = selectRect.node();
-
       if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {
         selectRect.transition().duration(duration).attr('y', 0);
       }
@@ -89,40 +72,35 @@ var BarRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderBar",
     value: function renderBar(d, i) {
-      var _ref, _d$y, _d$y2;
-
+      var _ref, _d$y, _d$y2, _d$y3;
       var SBar = this.Element;
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          color = _this$asProps3.color,
-          x = _this$asProps3.x,
-          y = _this$asProps3.y,
-          y0 = _this$asProps3.y0,
-          scale = _this$asProps3.scale,
-          hide = _this$asProps3.hide,
-          offset = _this$asProps3.offset,
-          duration = _this$asProps3.duration,
-          uid = _this$asProps3.uid,
-          r = _this$asProps3.r,
-          hMin = _this$asProps3.hMin,
-          widthProps = _this$asProps3.width,
-          groupKey = _this$asProps3.groupKey,
-          onClick = _this$asProps3.onClick,
-          transparent = _this$asProps3.transparent;
-
+        styles = _this$asProps3.styles,
+        color = _this$asProps3.color,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        y0 = _this$asProps3.y0,
+        scale = _this$asProps3.scale,
+        hide = _this$asProps3.hide,
+        offset = _this$asProps3.offset,
+        duration = _this$asProps3.duration,
+        uid = _this$asProps3.uid,
+        r = _this$asProps3.r,
+        hMin = _this$asProps3.hMin,
+        widthProps = _this$asProps3.width,
+        groupKey = _this$asProps3.groupKey,
+        onClick = _this$asProps3.onClick,
+        transparent = _this$asProps3.transparent;
       var _scale = _slicedToArray(scale, 2),
-          xScale = _scale[0],
-          yScale = _scale[1];
-
+        xScale = _scale[0],
+        yScale = _scale[1];
       var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0)));
-      var height = Number(d[y]) === 0 ? 0 : Math.max(absHeight, hMin);
-      var barY = yScale(Math.max((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0, height <= hMin ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
+      var height = Number(d[y] - ((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)) === 0 ? 0 : Math.max(absHeight, hMin);
+      var barY = yScale(Math.max((_d$y3 = d[y0]) !== null && _d$y3 !== void 0 ? _d$y3 : 0, height <= hMin ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
       var barX = xScale(d[x]) + offset[0];
-
       var handleClick = function handleClick(event) {
         return onClick === null || onClick === void 0 ? void 0 : onClick(d, event);
       };
-
       var width = widthProps || getBandwidth(xScale);
       var dSvg = getRect({
         x: barX,
@@ -132,13 +110,11 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         radius: Array.isArray(r) ? r[i] : r,
         position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom'
       });
-
       if (groupKey) {
         this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);
       } else {
         this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(y), groupKey !== null && groupKey !== void 0 ? groupKey : d[x]);
       }
-
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
         "aria-hidden": true,
         "key": "bar-".concat(i),
@@ -164,10 +140,10 @@ var BarRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$asProps4 = this.asProps,
-          data = _this$asProps4.data,
-          uid = _this$asProps4.uid,
-          size = _this$asProps4.size,
-          duration = _this$asProps4.duration;
+        data = _this$asProps4.data,
+        uid = _this$asProps4.uid,
+        size = _this$asProps4.size,
+        duration = _this$asProps4.duration;
       return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/React.createElement(ClipPath, {
         "aria-hidden": true,
         key: "".concat(uid, "-animation"),
@@ -179,35 +155,26 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return BarRoot;
 }(Component);
-
 _defineProperty(BarRoot, "displayName", 'Bar');
-
 _defineProperty(BarRoot, "style", style);
-
 _defineProperty(BarRoot, "enhance", [uniqueIDEnhancement()]);
-
 _defineProperty(BarRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500,
   r: 2,
   hMin: 2
 });
-
 function Background(props) {
   var _ref2;
-
   var SBackground = props.Element,
-      styles = props.styles,
-      scale = props.scale,
-      value = props.value;
-
+    styles = props.styles,
+    scale = props.scale,
+    value = props.value;
   var _scale2 = _slicedToArray(scale, 2),
-      xScale = _scale2[0],
-      yScale = _scale2[1];
-
+    xScale = _scale2[0],
+    yScale = _scale2[1];
   var yRange = yScale.range();
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref2.cn("SBackground", {
     "aria-hidden": true,
@@ -219,24 +186,20 @@ function Background(props) {
     "y": yRange[1]
   }));
 }
-
 function getRect(_ref3) {
   var x = _ref3.x,
-      y = _ref3.y,
-      width = _ref3.width,
-      height = _ref3.height,
-      radius = _ref3.radius,
-      position = _ref3.position;
+    y = _ref3.y,
+    width = _ref3.width,
+    height = _ref3.height,
+    radius = _ref3.radius,
+    position = _ref3.position;
   if (height < radius) radius = height;
-
   if (radius) {
     if (position === 'top') return roundedPath(x, y, width, height, radius, true, true, false, false);
     return roundedPath(x, y, width, height, radius, false, false, true, true);
   }
-
   return roundedPath(x, y, width, height, radius);
 }
-
 export default createElement(BarRoot, {
   Background: Background
 });

package/lib/es6/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","calcPartBarY","y","minHeight","height","Object","is","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","barY","barX","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"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 { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\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: 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      hMin,\n      width: widthProps,\n      groupKey,\n      onClick,\n      transparent,\n    } = this.asProps;\n\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]) === 0 ? 0 : Math.max(absHeight, hMin);\n    const barY =\n      yScale(Math.max(d[y0] ?? 0, height <= hMin ? 0 : d[y])) +\n      offset[1] -\n      calcPartBarY(d[y], hMin, height);\n    const barX = xScale(d[x]) + offset[0];\n    const handleClick = (event) => onClick?.(d, event);\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 || 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']}\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        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={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":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","style","_sstyled","insert","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_scale","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","barY","barX","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","cn","render","_this$asProps4","size","Fragment","map","bind","id","_defineProperty","Background","_ref2","SBackground","_scale2","yRange","range","bandwidth","_ref3"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\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: 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      hMin,\n      width: widthProps,\n      groupKey,\n      onClick,\n      transparent,\n    } = this.asProps;\n\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 barY =\n      yScale(Math.max(d[y0] ?? 0, height <= hMin ? 0 : d[y])) +\n      offset[1] -\n      calcPartBarY(d[y], hMin, height);\n    const barX = xScale(d[x]) + offset[0];\n    const handleClick = (event) => onClick?.(d, event);\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 || 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']}\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        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={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/es6/Bubble.js

@@ -17,60 +17,41 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
 import ClipPath from './ClipPath';
 import { CONSTANT, measureText } from './utils';
-
 /*__reshadow-styles__:"./style/bubble.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SBubble_1ygv7_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_1ygv7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1ygv7_gg_:hover{opacity:.8}}.___SBubble_1ygv7_gg_.__color_1ygv7_gg_{fill:var(--color_1ygv7)}.___SBubble_1ygv7_gg_.__transparent_1ygv7_gg_{opacity:.3}.___SCenter_1ygv7_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1ygv7_gg_.__color_1ygv7_gg_{stroke:var(--color_1ygv7)}.___SCenter_1ygv7_gg_.__transparent_1ygv7_gg_{opacity:.3}.___SLabel_1ygv7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1ygv7_gg_._position_right_1ygv7_gg_{text-anchor:end}.___SLabel_1ygv7_gg_._position_left_1ygv7_gg_{text-anchor:start}.___SLabel_1ygv7_gg_.__color_1ygv7_gg_{fill:var(--color_1ygv7)}.___SLabel_1ygv7_gg_.__transparent_1ygv7_gg_{opacity:.3}"
-/*__inner_css_end__*/
-, "1ygv7_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SBubble": "___SBubble_1ygv7_gg_",
-  "--duration": "--duration_1ygv7",
-  "_color": "__color_1ygv7_gg_",
-  "--color": "--color_1ygv7",
-  "_transparent": "__transparent_1ygv7_gg_",
-  "__SCenter": "___SCenter_1ygv7_gg_",
-  "__SLabel": "___SLabel_1ygv7_gg_",
-  "_position_right": "_position_right_1ygv7_gg_",
-  "_position_left": "_position_left_1ygv7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_bdnrc_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_bdnrc);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_bdnrc_gg_:hover{opacity:.8}}.___SBubble_bdnrc_gg_.__color_bdnrc_gg_{fill:var(--color_bdnrc)}.___SBubble_bdnrc_gg_.__transparent_bdnrc_gg_{opacity:.3}.___SCenter_bdnrc_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_bdnrc_gg_.__color_bdnrc_gg_{stroke:var(--color_bdnrc)}.___SCenter_bdnrc_gg_.__transparent_bdnrc_gg_{opacity:.3}.___SLabel_bdnrc_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_bdnrc_gg_._position_right_bdnrc_gg_{text-anchor:end}.___SLabel_bdnrc_gg_._position_left_bdnrc_gg_{text-anchor:start}.___SLabel_bdnrc_gg_.__color_bdnrc_gg_{fill:var(--color_bdnrc)}.___SLabel_bdnrc_gg_.__transparent_bdnrc_gg_{opacity:.3}" /*__inner_css_end__*/, "bdnrc_gg_") /*__reshadow_css_end__*/, {
+  "__SBubble": "___SBubble_bdnrc_gg_",
+  "--duration": "--duration_bdnrc",
+  "_color": "__color_bdnrc_gg_",
+  "--color": "--color_bdnrc",
+  "_transparent": "__transparent_bdnrc_gg_",
+  "__SCenter": "___SCenter_bdnrc_gg_",
+  "__SLabel": "___SLabel_bdnrc_gg_",
+  "_position_right": "_position_right_bdnrc_gg_",
+  "_position_left": "_position_left_bdnrc_gg_"
 });
-
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   _inherits(BubbleRoot, _Component);
-
   var _super = _createSuper(BubbleRoot);
-
   function BubbleRoot() {
     var _this;
-
     _classCallCheck(this, BubbleRoot);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
-
     _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
       return function (_ref2) {
         var x = _ref2.clientX,
-            y = _ref2.clientY;
+          y = _ref2.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
         eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
       };
     });
-
     return _this;
   }
-
   _createClass(BubbleRoot, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
@@ -91,16 +72,15 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
     key: "animationCircle",
     value: function animationCircle() {
       var _this$asProps = this.asProps,
-          duration = _this$asProps.duration,
-          uid = _this$asProps.uid,
-          data = _this$asProps.data,
-          value = _this$asProps.value;
+        duration = _this$asProps.duration,
+        uid = _this$asProps.uid,
+        data = _this$asProps.data,
+        value = _this$asProps.value;
       var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
         return el[value];
       })))]).range([5.5, 50.5]);
       var selectRect = transition().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
       var selectRectNode = selectRect.node();
-
       if (duration > 0 && selectRectNode) {
         selectRect.transition().duration(duration).attr('r', function (_, ind) {
           return z(data[ind][value]);
@@ -121,27 +101,24 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
     key: "renderCircle",
     value: function renderCircle(d, i) {
       var _ref, _d$color;
-
       var _this$asProps2 = this.asProps,
-          color = _this$asProps2.color,
-          scale = _this$asProps2.scale,
-          x = _this$asProps2.x,
-          y = _this$asProps2.y,
-          offset = _this$asProps2.offset,
-          styles = _this$asProps2.styles,
-          uid = _this$asProps2.uid,
-          duration = _this$asProps2.duration,
-          value = _this$asProps2.value,
-          label = _this$asProps2.label,
-          markedCross = _this$asProps2.markedCross,
-          size = _this$asProps2.size,
-          data = _this$asProps2.data,
-          transparent = _this$asProps2.transparent;
-
+        color = _this$asProps2.color,
+        scale = _this$asProps2.scale,
+        x = _this$asProps2.x,
+        y = _this$asProps2.y,
+        offset = _this$asProps2.offset,
+        styles = _this$asProps2.styles,
+        uid = _this$asProps2.uid,
+        duration = _this$asProps2.duration,
+        value = _this$asProps2.value,
+        label = _this$asProps2.label,
+        markedCross = _this$asProps2.markedCross,
+        size = _this$asProps2.size,
+        data = _this$asProps2.data,
+        transparent = _this$asProps2.transparent;
       var _scale = _slicedToArray(scale, 2),
-          xScale = _scale[0],
-          yScale = _scale[1];
-
+        xScale = _scale[0],
+        yScale = _scale[1];
       var SBubble = this.Element;
       var SCenter = 'text';
       var SLabel = 'text';
@@ -197,17 +174,15 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$asProps3 = this.asProps,
-          data = _this$asProps3.data,
-          uid = _this$asProps3.uid,
-          scale = _this$asProps3.scale,
-          x = _this$asProps3.x,
-          y = _this$asProps3.y,
-          value = _this$asProps3.value;
-
+        data = _this$asProps3.data,
+        uid = _this$asProps3.uid,
+        scale = _this$asProps3.scale,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        value = _this$asProps3.value;
       var _scale2 = _slicedToArray(scale, 2),
-          xScale = _scale2[0],
-          yScale = _scale2[1];
-
+        xScale = _scale2[0],
+        yScale = _scale2[1];
       var xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
       var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
       var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
@@ -224,22 +199,16 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return BubbleRoot;
 }(Component);
-
 _defineProperty(BubbleRoot, "displayName", 'Bubble');
-
 _defineProperty(BubbleRoot, "style", style);
-
 _defineProperty(BubbleRoot, "enhance", [uniqueIDEnhancement()]);
-
 _defineProperty(BubbleRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500,
   markedCross: true
 });
-
 var Bubble = createElement(BubbleRoot);
 export default Bubble;
 //# sourceMappingURL=Bubble.js.map

package/lib/es6/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","scaleSqrt","transition","Component","sstyled","canUseDOM","uniqueIDEnhancement","createElement","ClipPath","CONSTANT","measureText","BubbleRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","transparent","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","style","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, 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';\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 =\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      transparent,\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            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={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={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={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 Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["React","scaleSqrt","transition","Component","sstyled","canUseDOM","uniqueIDEnhancement","createElement","ClipPath","CONSTANT","measureText","style","_sstyled","insert","BubbleRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","_ref2","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","domain","Math","max","_toConsumableArray","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","_scale","_slicedToArray","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","cn","bindHandlerTooltip","_objectSpread","xIndex","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, 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';\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 =\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      transparent,\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            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={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={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={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 Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}

package/lib/es6/ClipPath.js

@@ -11,36 +11,26 @@ var _excluded = ["id", "transition", "tag", "style", "className"];
 import React from 'react';
 import createComponent, { Component } from '@semcore/core';
 import propsForElement from '@semcore/utils/lib/propsForElement';
-
 var ClipPath = /*#__PURE__*/function (_Component) {
   _inherits(ClipPath, _Component);
-
   var _super = _createSuper(ClipPath);
-
   function ClipPath() {
     var _this;
-
     _classCallCheck(this, ClipPath);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "refClipPath", /*#__PURE__*/React.createRef());
-
     return _this;
   }
-
   _createClass(ClipPath, [{
     key: "setAttributeTag",
     value: function setAttributeTag() {
       var _this$asProps = this.asProps,
-          id = _this$asProps.id,
-          tag = _this$asProps.tag,
-          setAttributeTag = _this$asProps.setAttributeTag;
-
+        id = _this$asProps.id,
+        tag = _this$asProps.tag,
+        setAttributeTag = _this$asProps.setAttributeTag;
       if (setAttributeTag) {
         Array.from(document.querySelectorAll("#".concat(id, " ").concat(tag))).forEach(setAttributeTag);
       }
@@ -66,13 +56,12 @@ var ClipPath = /*#__PURE__*/function (_Component) {
     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,
-          Tag = _this$asProps2.tag,
-          style = _this$asProps2.style,
-          className = _this$asProps2.className,
-          other = _objectWithoutProperties(_this$asProps2, _excluded);
-
+        id = _this$asProps2.id,
+        transition = _this$asProps2.transition,
+        Tag = _this$asProps2.tag,
+        style = _this$asProps2.style,
+        className = _this$asProps2.className,
+        other = _objectWithoutProperties(_this$asProps2, _excluded);
       return /*#__PURE__*/React.createElement("clipPath", {
         "aria-hidden": true,
         ref: this.refClipPath,
@@ -84,16 +73,13 @@ var ClipPath = /*#__PURE__*/function (_Component) {
       }, propsForElement(other, Tag))));
     }
   }]);
-
   return ClipPath;
 }(Component);
-
 _defineProperty(ClipPath, "defaultProps", {
   tag: 'rect',
   id: '',
   transition: '',
   setAttributeTag: null
 });
-
 export default createComponent(ClipPath);
 //# sourceMappingURL=ClipPath.js.map