@semcore/d3-chart 1.7.0 → 1.9.0

package/lib/es6/Bubble.js

@@ -20,7 +20,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
-import { CONSTANT } from './utils';
+import { CONSTANT, measureText } from './utils';
 import createElement from './createElement';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { transition } from 'd3-transition';
@@ -47,27 +47,6 @@ _sstyled.insert(
 import ClipPath from './ClipPath';
 import { scaleSqrt } from 'd3-scale';
 
-var memoize = function memoize(func) {
-  var results = {};
-  return function (argsKey) {
-    if (!results[argsKey]) {
-      results[argsKey] = func(argsKey);
-    }
-
-    return results[argsKey];
-  };
-};
-
-var measureText = memoize(function (text) {
-  var span = document.createElement('span');
-  span.append(document.createTextNode(text));
-  span.style.display = 'inline-block';
-  document.body.append(span);
-  var textLength = span.offsetWidth;
-  span.remove();
-  return textLength;
-});
-
 var BubbleRoot = /*#__PURE__*/function (_Component) {
   _inherits(BubbleRoot, _Component);
 
@@ -149,7 +128,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCircle",
     value: function renderCircle(d, i) {
-      var _ref, _d$color;
+      var _ref;
 
       var _this$asProps2 = this.asProps,
           color = _this$asProps2.color,
@@ -195,7 +174,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
-        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+        "color": d[color] ?? color
       }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref.cn("SBubble", {
         "id": "".concat(uid).concat(uid),
         "render": "circle",

package/lib/es6/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bubble.jsx"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","memoize","func","results","argsKey","measureText","text","span","document","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","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","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","renderCircle","bind","Bubble"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  const span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}
+{"version":3,"sources":["../../src/Bubble.jsx"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","measureText","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","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","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","renderCircle","bind","style","Bubble"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT, measureText } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function (_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}

package/lib/es6/ClipPath.js

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

package/lib/es6/ClipPath.js.map

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

package/lib/es6/Donut.js

@@ -192,7 +192,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 
       if (d3Pie[DEFAULT_INSTANCE]) {
         var keys = React.Children.toArray(getOriginChildren(Children)).reduce(function (acc, child) {
-          if ( /*#__PURE__*/React.isValidElement(child) && child.type === Donut.Pie) {
+          if (React.isValidElement(child) && child.type === Donut.Pie) {
             acc.push(child.props.dataKey);
           }
 

package/lib/es6/Donut.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Donut.jsx"],"names":["React","arc","pie","Component","sstyled","canUseDOM","getOriginChildren","CONSTANT","createElement","uniqueIDEnhancement","interpolate","transition","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","arcs","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","d3ArcOut","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","uid","id","top","right","bottom","left","Children","data","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","Element","k","getArcs","style","value","SPie","styles","color","EmptyData","SEmptyData","Label","SLabel"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, arcs }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition()\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\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  getArcs() {\n    let { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\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  getPieProps(props) {\n    let { d3Arc, duration, innerRadius } = this.asProps;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n\n    return {\n      data,\n      d3Arc,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        animationHoverPie({\n          d: data,\n          selector: `#${this.id} [d=\"${e.target.getAttribute('d')}\"]`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        });\n      },\n      onMouseOut: (e) => {\n        animationHoverPie({\n          d: data,\n          selector: `#${this.id} [d=\"${e.target.getAttribute('d')}\"]`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationInitialPie({ halfsize, d3Arc, arcs }));\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({ Element: SPie, styles, d3Arc, data, color }) {\n  return sstyled(styles)(<SPie render=\"path\" color={color} d={d3Arc(data)} />);\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children }) {\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\">\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"file":"Donut.js"}
+{"version":3,"sources":["../../src/Donut.jsx"],"names":["React","arc","pie","Component","sstyled","canUseDOM","getOriginChildren","CONSTANT","createElement","uniqueIDEnhancement","interpolate","transition","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","arcs","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","d3ArcOut","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","uid","id","top","right","bottom","left","Children","data","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","Element","k","getArcs","style","value","SPie","styles","color","EmptyData","SEmptyData","Label","SLabel"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, arcs }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition()\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\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  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\n  }\n\n  bindHandlerTooltip = (visible, props) => ({ 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  getPieProps(props) {\n    let { d3Arc, duration, innerRadius } = this.asProps;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n\n    return {\n      data,\n      d3Arc,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        animationHoverPie({\n          d: data,\n          selector: `#${this.id} [d=\"${e.target.getAttribute('d')}\"]`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        });\n      },\n      onMouseOut: (e) => {\n        animationHoverPie({\n          d: data,\n          selector: `#${this.id} [d=\"${e.target.getAttribute('d')}\"]`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationInitialPie({ halfsize, d3Arc, arcs }));\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({ Element: SPie, styles, d3Arc, data, color }) {\n  return sstyled(styles)(<SPie render=\"path\" color={color} d={d3Arc(data)} />);\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children }) {\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\">\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"file":"Donut.js"}

package/lib/es6/Dots.js

@@ -76,7 +76,7 @@ function Dots(props) {
       unsubscribeMouseLeaveRoot();
     };
   }, [eventEmitter, data, x, y]);
-  var renderCircle = useCallback( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var renderCircle = useCallback(React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(FadeInOut, _extends({
       ref: ref,
       tag: "circle"

package/lib/es6/Dots.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dots.jsx"],"names":["bisector","React","useCallback","useEffect","useState","sstyled","eventToPoint","invert","createElement","FadeInOut","trottle","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","bisect","d","center","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","xScale","current","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","renderCircle","forwardRef","ref","reduce","acc","i","isPrev","defined","isNext","active","push","style"],"mappings":"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","sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport { FadeInOut } from '@semcore/animation';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    data,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n  } = props;\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n\n  const handlerMouseMoveRoot = useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, data, x, y]);\n\n  const renderCircle = useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"circle\" {...props} />;\n    }),\n    [props],\n  );\n\n  return data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    if (!d3.defined()(d)) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          key={i}\n          render={renderCircle}\n          visible={display || i === activeIndex || (!isPrev && !isNext)}\n          __excludeProps={['data', 'scale', 'value', 'display']}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"file":"Dots.js"}
+{"version":3,"sources":["../../src/Dots.jsx"],"names":["bisector","React","useCallback","useEffect","useState","sstyled","eventToPoint","invert","createElement","FadeInOut","trottle","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","bisect","d","center","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","xScale","current","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","renderCircle","forwardRef","ref","reduce","acc","i","isPrev","defined","isNext","active","push","style"],"mappings":"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","sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport { FadeInOut } from '@semcore/animation';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    data,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n  } = props;\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = useState(null);\n\n  const handlerMouseMoveRoot = useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, data, x, y]);\n\n  const renderCircle = useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"circle\" {...props} />;\n    }),\n    [props],\n  );\n\n  return data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    if (!d3.defined()(d)) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          key={i}\n          render={renderCircle}\n          visible={display || i === activeIndex || (!isPrev && !isNext)}\n          __excludeProps={['data', 'scale', 'value', 'display']}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"file":"Dots.js"}

package/lib/es6/GroupBar.js

@@ -22,15 +22,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_imd0n_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_imd0n_gg_.__color_imd0n_gg_{fill:var(--color)}.___SBar_imd0n_gg_.__hide_imd0n_gg_{display:none}.___SBackground_imd0n_gg_{fill:#e4ecf1}"
+".___SBar_1f75c_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1f75c_gg_.__color_1f75c_gg_{fill:var(--color)}.___SBar_1f75c_gg_.__hide_1f75c_gg_{display:none}.___SBackground_1f75c_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "1v9x12u_gg_")
+, "aih8l2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_imd0n_gg_",
-  "_color": "__color_imd0n_gg_",
-  "_hide": "__hide_imd0n_gg_",
-  "__SBackground": "___SBackground_imd0n_gg_"
+  "__SBar": "___SBar_1f75c_gg_",
+  "_color": "__color_1f75c_gg_",
+  "_hide": "__hide_1f75c_gg_",
+  "__SBackground": "___SBackground_1f75c_gg_"
 }),
     style = _extends({}, _ref);
 
@@ -57,11 +57,11 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
       var xyScale = x ? scale[0] : scale[1];
       if (scaleGroup) return scaleGroup;
       var domain = React.Children.toArray(getOriginChildren(Children)).reduce(function (acc, child) {
-        if ( /*#__PURE__*/React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {
+        if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {
           acc.push(child.props.y);
         }
 
-        if ( /*#__PURE__*/React.isValidElement(child) && child.type === GroupBar.HorizontalBar && !child.props.hide) {
+        if (React.isValidElement(child) && child.type === GroupBar.HorizontalBar && !child.props.hide) {
           acc.push(child.props.x);
         }
 

package/lib/es6/GroupBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/GroupBar.jsx"],"names":["React","Component","getOriginChildren","createElement","Bar","HorizontalBar","GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","toArray","reduce","acc","child","isValidElement","type","GroupBar","props","hide","push","y","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","height","Element","getScaleGroup","style"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  static style = style;\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: классный костыль =)\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return xyScale\n      .copy()\n      .range([0, xyScale.bandwidth()])\n      .domain(domain)\n      .paddingInner(xyScale.paddingOuter())\n      .paddingOuter(0);\n  }\n\n  getBarProps({ y }) {\n    const { x } = this.asProps;\n\n    return {\n      offset: [this.scaleGroup(y), 0],\n      width: this.scaleGroup.bandwidth(),\n      x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y } = this.asProps;\n\n    return {\n      offset: [0, this.scaleGroup(x)],\n      height: this.scaleGroup.bandwidth(),\n      y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n    return <Element render=\"g\" childrenPosition=\"inside\" scaleGroup={this.scaleGroup} />;\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"file":"GroupBar.js"}
+{"version":3,"sources":["../../src/GroupBar.jsx"],"names":["React","Component","getOriginChildren","createElement","Bar","HorizontalBar","GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","toArray","reduce","acc","child","isValidElement","type","GroupBar","props","hide","push","y","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","height","Element","getScaleGroup","style"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  static style = style;\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: классный костыль =)\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return xyScale\n      .copy()\n      .range([0, xyScale.bandwidth()])\n      .domain(domain)\n      .paddingInner(xyScale.paddingOuter())\n      .paddingOuter(0);\n  }\n\n  getBarProps({ y }) {\n    const { x } = this.asProps;\n\n    return {\n      offset: [this.scaleGroup(y), 0],\n      width: this.scaleGroup.bandwidth(),\n      x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y } = this.asProps;\n\n    return {\n      offset: [0, this.scaleGroup(x)],\n      height: this.scaleGroup.bandwidth(),\n      y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n    return <Element render=\"g\" childrenPosition=\"inside\" scaleGroup={this.scaleGroup} />;\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"file":"GroupBar.js"}

package/lib/es6/HorizontalBar.js

@@ -60,7 +60,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderBar",
     value: function renderBar(d, i) {
-      var _ref, _d$x, _d$x2;
+      var _ref;
 
       var SBar = this.Element;
       var _this$asProps2 = this.asProps,
@@ -84,9 +84,9 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
           yScale = _scale[1];
 
       var barY = yScale(d[y]) + offset[1];
-      var barX = xScale(Math.min((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 0, d[x])) + offset[0];
+      var barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];
       var height = heightProps || getBandwidth(yScale);
-      var width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$x2 = d[x0]) !== null && _d$x2 !== void 0 ? _d$x2 : 0)));
+      var width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));
       var dSvg = getHorizontalRect({
         x: barX,
         y: barY,

package/lib/es6/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/HorizontalBar.jsx"],"names":["React","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","heightProps","height","onMouseMove","onMouseLeave","xScale","yScale","barY","barX","Math","min","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","size","map","renderBar","bind","rect","setAttribute","style","Background","SBackground","xRange","range","bandwidth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset,\n      uid,\n      duration,\n      r,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(d[y]) + offset[1];\n    const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];\n    const height = heightProps || getBandwidth(yScale);\n    const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 ? 'right' : 'left',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`horizontal-bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\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 Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xRange[1] - xRange[0]}\n      height={yScale.bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width <= radius) return '';\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"file":"HorizontalBar.js"}
+{"version":3,"sources":["../../src/HorizontalBar.jsx"],"names":["React","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","heightProps","height","onMouseMove","onMouseLeave","xScale","yScale","barY","barX","Math","min","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","size","map","renderBar","bind","rect","setAttribute","style","Background","SBackground","xRange","range","bandwidth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset,\n      uid,\n      duration,\n      r,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(d[y]) + offset[1];\n    const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];\n    const height = heightProps || getBandwidth(yScale);\n    const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 ? 'right' : 'left',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`horizontal-bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\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 Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xRange[1] - xRange[0]}\n      height={yScale.bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width <= radius) return '';\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"file":"HorizontalBar.js"}

package/lib/es6/Plot.js

@@ -6,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -22,6 +23,19 @@ import { Box } from '@semcore/flex-box';
 import EventEmitter from '@semcore/utils/lib/eventEmitter';
 import { eventToPoint } from './utils';
 
+/*__reshadow-styles__:"./style/plot.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_sstyled.insert(
+/*__inner_css_start__*/
+".___SPlot_11q0k_gg_{overflow:hidden}"
+/*__inner_css_end__*/
+, "dvrka4_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SPlot": "___SPlot_11q0k_gg_"
+});
+
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);
 
@@ -34,7 +48,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "rootRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "rootRef", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "handlerMouseMove", function (e) {
       var scale = _this.asProps.scale;
@@ -100,7 +114,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var SPlot = Box;
@@ -124,6 +138,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
 
 _defineProperty(PlotRoot, "displayName", 'Plot');
 
+_defineProperty(PlotRoot, "style", style);
+
 _defineProperty(PlotRoot, "defaultProps", function () {
   return {
     width: 0,

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Plot.jsx"],"names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","eventToPoint","PlotRoot","props","createRef","e","scale","asProps","eventEmitter","emit","xScale","yScale","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","data","width","height","$rootProps","size","SPlot","styles","handlerMouseMove","handlerMouseLeave"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { eventToPoint } from './utils';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  rootRef = React.createRef();\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height } = this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag=\"svg\"\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n      />,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"file":"Plot.js"}
+{"version":3,"sources":["../../src/Plot.jsx"],"names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","eventToPoint","PlotRoot","props","createRef","e","scale","asProps","eventEmitter","emit","xScale","yScale","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","data","width","height","$rootProps","size","SPlot","styles","handlerMouseMove","handlerMouseLeave","style"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport { eventToPoint } from './utils';\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  rootRef = React.createRef();\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height } = this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag=\"svg\"\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n      />,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"file":"Plot.js"}