@semcore/d3-chart 1.5.0 → 1.5.4

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Area.js"],"names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","AreaRoot","asProps","x","y","color","data","d3Line","d3","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","Null","props","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear }) => {\n    const [xScale, yScale] = $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SAreaLine\n          clipPath={`url(#${uid})`}\n          d={d3Line(data)}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        <SArea\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\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 Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}
+{"version":3,"sources":["../../src/Area.js"],"names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","AreaRoot","asProps","x","y","color","data","d3Line","d3","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","Null","props","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SAreaLine\n          clipPath={`url(#${uid})`}\n          d={d3Line(data)}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        <SArea\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\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 Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}

package/lib/es6/Bar.js

@@ -107,8 +107,18 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       var barY = yScale(Math.max((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0, d[y])) + offset[1];
       var barX = xScale(d[x]) + offset[0];
       var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)));
+      height = isRounded ? height + r : height;
       var width = widthProps || getBandwidth(xScale);
       var isRounded = r !== 0;
+      var yValue = isRounded ? d[y] > 0 ? barY - r : barY : barY;
+      var dSvg = getRect({
+        x: barX,
+        y: yValue,
+        width: width,
+        height: height,
+        radius: r,
+        position: d[y] > 0 ? 'top' : 'bottom'
+      });
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
         "key": "bar-".concat(i),
         "render": "path",
@@ -119,14 +129,11 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "index": i,
         "hide": hide,
         "color": color,
-        "d": getRect({
-          x: barX,
-          y: isRounded ? d[y] > 0 ? barY - r : barY : barY,
-          width: width,
-          height: isRounded ? height + r : height,
-          radius: r,
-          position: d[y] > 0 ? 'top' : 'bottom'
-        }),
+        "x": barX,
+        "y": yValue,
+        "width": width,
+        "height": height,
+        "d": dSvg,
         "use:duration": "".concat(duration, "ms")
       }));
     }

package/lib/es6/Bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bar.js"],"names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","isRounded","getRect","radius","position","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,eAAnC;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,SAA1C;;;;;;;;;;;;;;;;;;;IAIMC,O;;;;;;;;;;;;;WAYJ,4BAAmBC,KAAnB,EAA0BC,KAA1B,EAAiC;AAAA,0BACX,KAAKC,OADM;AAAA,UACvBC,CADuB,iBACvBA,CADuB;AAAA,UACpBC,IADoB,iBACpBA,IADoB;AAE/B,aAAO;AACLC,QAAAA,KAAK,EAAED,IAAI,CAACH,KAAD,CAAJ,CAAYE,CAAZ;AADF,OAAP;AAGD;;;WAED,wBAAe;AAAA,2BACa,KAAKD,OADlB;AAAA,UACLI,QADK,kBACLA,QADK;AAAA,UACKC,GADL,kBACKA,GADL;AAEb,UAAMC,UAAU,GAAGjB,UAAU,GAC1BkB,SADgB,GAEhBC,SAFgB,YAEFH,GAFE,WAAnB;AAGA,UAAMI,cAAc,GAAGH,UAAU,CAACI,IAAX,EAAvB;;AAEA,UAAIN,QAAQ,GAAG,CAAX,IAAgBK,cAAhB,IAAkCA,cAAc,CAACE,YAAf,CAA4B,GAA5B,MAAqC,GAA3E,EAAgF;AAC9EL,QAAAA,UAAU,CACPjB,UADH,GAEGe,QAFH,CAEYA,QAFZ,EAGGQ,IAHH,CAGQ,GAHR,EAGa,CAHb;AAID;AACF;;;WAED,8BAAqB;AACnB,WAAKC,YAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,YAAL;AACD;;;WAED,mBAAUC,CAAV,EAAaC,CAAb,EAAgB;AAAA;;AACd,UAAMC,IAAI,GAAG,KAAKC,OAAlB;AADc,2BAeV,KAAKjB,OAfK;AAAA,UAGZkB,MAHY,kBAGZA,MAHY;AAAA,UAIZC,KAJY,kBAIZA,KAJY;AAAA,UAKZlB,CALY,kBAKZA,CALY;AAAA,UAMZmB,CANY,kBAMZA,CANY;AAAA,UAOZC,EAPY,kBAOZA,EAPY;AAAA,UAQZC,KARY,kBAQZA,KARY;AAAA,UASZC,IATY,kBASZA,IATY;AAAA,UAUZC,MAVY,kBAUZA,MAVY;AAAA,UAWZpB,QAXY,kBAWZA,QAXY;AAAA,UAYZC,GAZY,kBAYZA,GAZY;AAAA,UAaZoB,CAbY,kBAaZA,CAbY;AAAA,UAcLC,UAdK,kBAcZC,KAdY;;AAAA,kCAiBWL,KAjBX;AAAA,UAiBPM,MAjBO;AAAA,UAiBCC,MAjBD;;AAkBd,UAAMC,IAAI,GAAGD,MAAM,CAACE,IAAI,CAACC,GAAL,SAASlB,CAAC,CAACO,EAAD,CAAV,uCAAkB,CAAlB,EAAqBP,CAAC,CAACM,CAAD,CAAtB,CAAD,CAAN,GAAqCI,MAAM,CAAC,CAAD,CAAxD;AACA,UAAMS,IAAI,GAAGL,MAAM,CAACd,CAAC,CAACb,CAAD,CAAF,CAAN,GAAeuB,MAAM,CAAC,CAAD,CAAlC;AACA,UAAMU,MAAM,GAAGH,IAAI,CAACI,GAAL,CACbN,MAAM,CAACf,CAAC,CAACM,CAAD,CAAF,CAAN,GAAeW,IAAI,CAACK,GAAL,CAASP,MAAM,CAACA,MAAM,CAACQ,MAAP,GAAgB,CAAhB,CAAD,CAAf,EAAqCR,MAAM,UAACf,CAAC,CAACO,EAAD,CAAF,yCAAU,CAAV,CAA3C,CADF,CAAf;AAGA,UAAMM,KAAK,GAAGD,UAAU,IAAI/B,YAAY,CAACiC,MAAD,CAAxC;AACA,UAAMU,SAAS,GAAGb,CAAC,KAAK,CAAxB;AAEA,oBAAOlC,OAAO,CAAC2B,MAAD,CAAd,eACE,oBAAC,IAAD;AAAA,6BACcH,CADd;AAAA,kBAES,MAFT;AAAA,mCAGoBV,GAHpB;AAAA,0BAIkB,CAAC,MAAD,EAAS,OAAT,EAAkB,OAAlB,CAJlB;AAAA,4BAKmB,OALnB;AAAA,iBAMSS,CANT;AAAA,iBAOSC,CAPT;AAAA,gBAQQQ,IARR;AAAA,iBASSJ,KATT;AAAA,aAUKoB,OAAO,CAAC;AACTtC,UAAAA,CAAC,EAAEgC,IADM;AAETb,UAAAA,CAAC,EAAEkB,SAAS,GAAIxB,CAAC,CAACM,CAAD,CAAD,GAAO,CAAP,GAAWU,IAAI,GAAGL,CAAlB,GAAsBK,IAA1B,GAAkCA,IAFrC;AAGTH,UAAAA,KAAK,EAALA,KAHS;AAITO,UAAAA,MAAM,EAAEI,SAAS,GAAGJ,MAAM,GAAGT,CAAZ,GAAgBS,MAJxB;AAKTM,UAAAA,MAAM,EAAEf,CALC;AAMTgB,UAAAA,QAAQ,EAAE3B,CAAC,CAACM,CAAD,CAAD,GAAO,CAAP,GAAW,KAAX,GAAmB;AANpB,SAAD,CAVZ;AAAA,kCAkBmBhB,QAlBnB;AAAA,SADF;AAsBD;;;WACD,kBAAS;AAAA,2BAC+B,KAAKJ,OADpC;AAAA,UACCE,IADD,kBACCA,IADD;AAAA,UACOG,GADP,kBACOA,GADP;AAAA,UACYqC,IADZ,kBACYA,IADZ;AAAA,UACkBtC,QADlB,kBACkBA,QADlB;AAEP,0BACE,0CACGF,IAAI,CAACyC,GAAL,CAAS,KAAKC,SAAL,CAAeC,IAAf,CAAoB,IAApB,CAAT,CADH,EAEGzC,QAAQ,iBACP,oBAAC,QAAD;AACE,QAAA,GAAG,YAAKC,GAAL,eADL;AAEE,QAAA,EAAE,EAAEA,GAFN;AAGE,QAAA,CAAC,EAAC,GAHJ;AAIE,QAAA,CAAC,EAAEqC,IAAI,CAAC,CAAD,CAJT;AAKE,QAAA,KAAK,EAAEA,IAAI,CAAC,CAAD,CALb;AAME,QAAA,MAAM,YAAKA,IAAI,CAAC,CAAD,CAAT;AANR,QAHJ,CADF;AAeD;;;;EA5GmBpD,S;;gBAAhBO,O,iBACiB,K;;gBADjBA,O,WAEWiD,K;;gBAFXjD,O,aAGa,CAACL,mBAAmB,EAApB,C;;gBAHbK,O,kBAKkB;AACpBsB,EAAAA,KAAK,EAAE,SADa;AAEpBK,EAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ,CAFY;AAGpBpB,EAAAA,QAAQ,EAAE,GAHU;AAIpBqB,EAAAA,CAAC,EAAE;AAJiB,C;;AA0GxB,SAASsB,UAAT,CAAoBjD,KAApB,EAA2B;AAAA;;AAAA,MACRkD,WADQ,GAC8BlD,KAD9B,CACjBmB,OADiB;AAAA,MACKC,MADL,GAC8BpB,KAD9B,CACKoB,MADL;AAAA,MACaI,KADb,GAC8BxB,KAD9B,CACawB,KADb;AAAA,MACoBnB,KADpB,GAC8BL,KAD9B,CACoBK,KADpB;;AAAA,+BAGAmB,KAHA;AAAA,MAGlBM,MAHkB;AAAA,MAGVC,MAHU;;AAIzB,MAAMoB,MAAM,GAAGpB,MAAM,CAACqB,KAAP,EAAf;AAEA,iBAAO3D,OAAO,CAAC2B,MAAD,CAAd,eACE,oBAAC,WAAD;AAAA,cACS,MADT;AAAA,wBAEmB,OAFnB;AAAA,aAGSU,MAAM,CAACuB,SAAP,EAHT;AAAA,cAIUF,MAAM,CAAC,CAAD,CAAN,GAAYA,MAAM,CAAC,CAAD,CAJ5B;AAAA,SAKKrB,MAAM,CAACzB,KAAD,CALX;AAAA,SAMK8C,MAAM,CAAC,CAAD;AANX,KADF;AAUD;;AAED,SAASV,OAAT,QAA4D;AAAA,MAAzCtC,CAAyC,SAAzCA,CAAyC;AAAA,MAAtCmB,CAAsC,SAAtCA,CAAsC;AAAA,MAAnCO,KAAmC,SAAnCA,KAAmC;AAAA,MAA5BO,MAA4B,SAA5BA,MAA4B;AAAA,MAApBM,MAAoB,SAApBA,MAAoB;AAAA,MAAZC,QAAY,SAAZA,QAAY;AAC1D,MAAIP,MAAM,IAAIM,MAAd,EAAsB,OAAO,EAAP;;AACtB,MAAIA,MAAJ,EAAY;AACV,QAAIC,QAAQ,KAAK,KAAjB,EACE,OAAO7C,WAAW,CAACK,CAAD,EAAImB,CAAJ,EAAOO,KAAP,EAAcO,MAAd,EAAsBM,MAAtB,EAA8B,IAA9B,EAAoC,IAApC,EAA0C,KAA1C,EAAiD,KAAjD,CAAlB;AACF,WAAO5C,WAAW,CAACK,CAAD,EAAImB,CAAJ,EAAOO,KAAP,EAAcO,MAAd,EAAsBM,MAAtB,EAA8B,KAA9B,EAAqC,KAArC,EAA4C,IAA5C,EAAkD,IAAlD,CAAlB;AACD;;AACD,SAAO5C,WAAW,CAACK,CAAD,EAAImB,CAAJ,EAAOO,KAAP,EAAcO,MAAd,EAAsBM,MAAtB,CAAlB;AACD;;AAED,eAAe/C,aAAa,CAACI,OAAD,EAAU;AAAEkD,EAAAA,UAAU,EAAVA;AAAF,CAAV,CAA5B","sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    color: '#50aef4',\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    const height = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const width = widthProps || getBandwidth(xScale);\n    const isRounded = r !== 0;\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        d={getRect({\n          x: barX,\n          y: isRounded ? (d[y] > 0 ? barY - r : barY) : barY,\n          width,\n          height: isRounded ? height + r : height,\n          radius: r,\n          position: d[y] > 0 ? 'top' : 'bottom',\n        })}\n        use:duration={`${duration}ms`}\n      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"file":"Bar.js"}
+{"version":3,"sources":["../../src/Bar.js"],"names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","isRounded","yValue","dSvg","getRect","radius","position","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    color: '#50aef4',\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    let height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)));\n    height = isRounded ? height + r : height;\n    const width = widthProps || getBandwidth(xScale);\n    const isRounded = r !== 0;\n    const yValue = isRounded ? (d[y] > 0 ? barY - r : barY) : barY;\n    const dSvg = getRect({\n      x: barX,\n      y: yValue,\n      width,\n      height,\n      radius: r,\n      position: d[y] > 0 ? 'top' : 'bottom',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={yValue}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"file":"Bar.js"}

package/lib/es6/Dots.js

@@ -4,10 +4,10 @@ import { sstyled as _sstyled } from "@semcore/core";
 import { bisector } from 'd3-array';
 import React, { useCallback, useEffect, useState } from 'react';
 import { sstyled } from '@semcore/core';
-import trottle from '@semcore/utils/lib/rafTrottle';
 import { eventToPoint, invert } from './utils';
 import createElement from './createElement';
 import { FadeInOut } from '@semcore/animation';
+import trottle from '@semcore/utils/lib/rafTrottle';
 
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
 var style = (

package/lib/es6/Dots.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dots.js"],"names":["bisector","React","useCallback","useEffect","useState","sstyled","trottle","eventToPoint","invert","createElement","FadeInOut","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 trottle from '@semcore/utils/lib/rafTrottle';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport { FadeInOut } from '@semcore/animation';\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.js"],"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,14 +22,14 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_1wbqh_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1wbqh_gg_.__hide_1wbqh_gg_{display:none}.___SBackground_1wbqh_gg_{fill:#e4ecf1}"
+".___SBar_1th36_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1th36_gg_.__hide_1th36_gg_{display:none}.___SBackground_1th36_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "ohrhbp_gg_")
+, "6bb9rp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1wbqh_gg_",
-  "_hide": "__hide_1wbqh_gg_",
-  "__SBackground": "___SBackground_1wbqh_gg_"
+  "__SBar": "___SBar_1th36_gg_",
+  "_hide": "__hide_1th36_gg_",
+  "__SBackground": "___SBackground_1th36_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/HorizontalBar.js

@@ -86,7 +86,17 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
       var barX = xScale(Math.min((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 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)));
+      width = isRounded ? width + r : width;
       var isRounded = r !== 0;
+      var xValue = isRounded ? d[x] > 0 ? barX : barX - r : barX;
+      var dSvg = getHorizontalRect({
+        x: xValue,
+        y: barY,
+        width: width,
+        height: height,
+        radius: r,
+        position: d[x] > 0 ? 'right' : 'left'
+      });
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
         "key": "horizontal-bar-".concat(i),
         "render": "path",
@@ -97,14 +107,11 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
         "index": i,
         "hide": hide,
         "color": color,
-        "d": getHorizontalRect({
-          x: isRounded ? d[x] > 0 ? barX : barX - r : barX,
-          y: barY,
-          width: isRounded ? width + r : width,
-          height: height,
-          radius: r,
-          position: d[x] > 0 ? 'right' : 'left'
-        }),
+        "x": xValue,
+        "y": barY,
+        "width": width,
+        "height": height,
+        "d": dSvg,
         "use:duration": "".concat(duration, "ms"),
         "onMouseMove": onMouseMove,
         "onMouseLeave": onMouseLeave

package/lib/es6/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/HorizontalBar.js"],"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","isRounded","getHorizontalRect","radius","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    color: '#50aef4',\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    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 isRounded = r !== 0;\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        d={getHorizontalRect({\n          x: isRounded ? (d[x] > 0 ? barX : barX - r) : barX,\n          y: barY,\n          width: isRounded ? width + r : width,\n          height,\n          radius: r,\n          position: d[x] > 0 ? 'right' : 'left',\n        })}\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.js"],"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","isRounded","xValue","dSvg","getHorizontalRect","radius","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    color: '#50aef4',\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    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    let width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n    width = isRounded ? width + r : width;\n    const isRounded = r !== 0;\n    const xValue = isRounded ? (d[x] > 0 ? barX : barX - r) : barX;\n    const dSvg = getHorizontalRect({\n      x: xValue,\n      y: barY,\n      width,\n      height,\n      radius: 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={xValue}\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/Hover.js

@@ -15,9 +15,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
-import trottle from '@semcore/utils/lib/rafTrottle';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
+import trottle from '@semcore/utils/lib/rafTrottle';
 
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
 var style = (

package/lib/es6/Hover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Hover.js"],"names":["React","Component","sstyled","createElement","trottle","canUseDOM","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","Hover","xIndex","yIndex","document","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","current","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","y1","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\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  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine render=\"line\" index={xIndex} x1={x1} y1={yRange[0]} x2={x1} y2={yRange[1]} />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine render=\"line\" index={yIndex} x1={xRange[0]} y1={y1} x2={xRange[1]} y2={y1} />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            render=\"rect\"\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            render=\"rect\"\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"file":"Hover.js"}
+{"version":3,"sources":["../../src/Hover.js"],"names":["React","Component","sstyled","createElement","canUseDOM","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","trottle","Hover","xIndex","yIndex","document","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","current","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","y1","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\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  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine render=\"line\" index={xIndex} x1={x1} y1={yRange[0]} x2={x1} y2={yRange[1]} />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine render=\"line\" index={yIndex} x1={xRange[0]} y1={y1} x2={xRange[1]} y2={y1} />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            render=\"rect\"\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            render=\"rect\"\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"file":"Hover.js"}

package/lib/es6/Line.js

@@ -129,11 +129,13 @@ _defineProperty(LineRoot, "defaultProps", function (_ref3) {
       y = _ref3.y,
       $rootProps = _ref3.$rootProps,
       _ref3$curve = _ref3.curve,
-      curve = _ref3$curve === void 0 ? curveLinear : _ref3$curve;
+      curve = _ref3$curve === void 0 ? curveLinear : _ref3$curve,
+      scale = _ref3.scale;
 
-  var _$rootProps$scale = _slicedToArray($rootProps.scale, 2),
-      xScale = _$rootProps$scale[0],
-      yScale = _$rootProps$scale[1];
+  var _ref4 = scale || $rootProps.scale,
+      _ref5 = _slicedToArray(_ref4, 2),
+      xScale = _ref5[0],
+      yScale = _ref5[1];
 
   return {
     d3: d3Line().defined(definedData(x, y)).curve(curve).x(function (p) {

package/lib/es6/Line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Line.js"],"names":["React","curveLinear","line","d3Line","Component","sstyled","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","uniqueIDEnhancement","LineRoot","asProps","x","y","d3","color","data","SLine","Element","styles","hide","uid","size","duration","rect","setAttribute","style","$rootProps","curve","scale","xScale","yScale","defined","p","Null","props","SNull"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,IAAI,IAAIC,MAA9B,QAA4C,UAA5C;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,eAAnC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,WAAT,EAAsBC,eAAtB,EAAuCC,gBAAvC,EAAyDC,WAAzD,QAA4E,SAA5E;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;;;;;;;;;;;;;;;;;;;IAIMC,Q;;;;;;;;;;;;;WAkBJ,wBAAe;AAAA,0BACe,KAAKC,OADpB;AAAA,UACLC,CADK,iBACLA,CADK;AAAA,UACFC,CADE,iBACFA,CADE;AAAA,UACCC,EADD,iBACCA,EADD;AAAA,UACKC,KADL,iBACKA,KADL;AAEb,aAAO;AACLH,QAAAA,CAAC,EAADA,CADK;AAELC,QAAAA,CAAC,EAADA,CAFK;AAGLC,QAAAA,EAAE,EAAFA,EAHK;AAILC,QAAAA,KAAK,EAALA;AAJK,OAAP;AAMD;;;WAED,wBAAe;AAAA,2BACqB,KAAKJ,OAD1B;AAAA,UACLC,CADK,kBACLA,CADK;AAAA,UACFC,CADE,kBACFA,CADE;AAAA,UACCC,EADD,kBACCA,EADD;AAAA,UACKC,KADL,kBACKA,KADL;AAAA,UACYC,IADZ,kBACYA,IADZ;AAEb,aAAO;AACLF,QAAAA,EAAE,EAAFA,EADK;AAEL;AACAE,QAAAA,IAAI,EAAEV,WAAW,CAACU,IAAD,EAAOZ,eAAe,CAACQ,CAAD,EAAIC,CAAJ,CAAtB,EAA8BA,CAA9B,CAHZ;AAILE,QAAAA,KAAK,EAALA;AAJK,OAAP;AAMD;;;WAED,kBAAS;AAAA;;AACP,UAAME,KAAK,GAAG,KAAKC,OAAnB;AADO,2BAEwD,KAAKP,OAF7D;AAAA,UAECQ,MAFD,kBAECA,MAFD;AAAA,UAESC,IAFT,kBAESA,IAFT;AAAA,UAEeL,KAFf,kBAEeA,KAFf;AAAA,UAEsBM,GAFtB,kBAEsBA,GAFtB;AAAA,UAE2BC,IAF3B,kBAE2BA,IAF3B;AAAA,UAEiCR,EAFjC,kBAEiCA,EAFjC;AAAA,UAEqCE,IAFrC,kBAEqCA,IAFrC;AAAA,UAE2CO,QAF3C,kBAE2CA,QAF3C;AAGP,oBAAOtB,OAAO,CAACkB,MAAD,CAAd,eACE,uDACE,oBAAC,KAAD;AAAA,mCACoBE,GADpB;AAAA,kBAES,MAFT;AAAA,gBAGQD,IAHR;AAAA,iBAISL,KAJT;AAAA,aAKKD,EAAE,CAACE,IAAD,CALP;AAAA,kCAMmBO,QANnB;AAAA,SADF,EASGA,QAAQ,iBACP,oBAAC,QAAD;AAAA,2BACmB,yBAACC,IAAD,EAAU;AACzBA,UAAAA,IAAI,CAACC,YAAL,CAAkB,OAAlB,EAA2BH,IAAI,CAAC,CAAD,CAA/B;AACD,SAHH;AAAA,cAIMD,GAJN;AAAA,aAKI,GALJ;AAAA,aAMI,GANJ;AAAA,iBAOS,CAPT;AAAA,kBAQUC,IAAI,CAAC,CAAD,CARd;AAAA,sCASuBC,QATvB;AAAA,SAVJ,CADF;AAyBD;;;;EAlEoBvB,S;;gBAAjBU,Q,iBACiB,M;;gBADjBA,Q,WAEWgB,K;;gBAFXhB,Q,aAGa,CAACD,mBAAmB,EAApB,C;;gBAHbC,Q,kBAKkB,iBAA+C;AAAA,MAA5CE,CAA4C,SAA5CA,CAA4C;AAAA,MAAzCC,CAAyC,SAAzCA,CAAyC;AAAA,MAAtCc,UAAsC,SAAtCA,UAAsC;AAAA,0BAA1BC,KAA0B;AAAA,MAA1BA,KAA0B,4BAAlB/B,WAAkB;;AAAA,yCAC1C8B,UAAU,CAACE,KAD+B;AAAA,MAC5DC,MAD4D;AAAA,MACpDC,MADoD;;AAEnE,SAAO;AACLjB,IAAAA,EAAE,EAAEf,MAAM,GACPiC,OADC,CACO7B,WAAW,CAACS,CAAD,EAAIC,CAAJ,CADlB,EAEDe,KAFC,CAEKA,KAFL,EAGDhB,CAHC,CAGC,UAACqB,CAAD;AAAA,aAAO5B,gBAAgB,CAACyB,MAAD,EAASG,CAAC,CAACrB,CAAD,CAAV,CAAvB;AAAA,KAHD,EAIDC,CAJC,CAIC,UAACoB,CAAD;AAAA,aAAO5B,gBAAgB,CAAC0B,MAAD,EAASE,CAAC,CAACpB,CAAD,CAAV,CAAvB;AAAA,KAJD,CADC;AAMLE,IAAAA,KAAK,EAAE,SANF;AAOLQ,IAAAA,QAAQ,EAAE;AAPL,GAAP;AASD,C;;AAqDH,SAASW,IAAT,CAAcC,KAAd,EAAqB;AAAA;;AAAA,MACFC,KADE,GACgCD,KADhC,CACXjB,OADW;AAAA,MACKC,MADL,GACgCgB,KADhC,CACKhB,MADL;AAAA,MACaL,EADb,GACgCqB,KADhC,CACarB,EADb;AAAA,MACiBE,IADjB,GACgCmB,KADhC,CACiBnB,IADjB;AAAA,MACuBI,IADvB,GACgCe,KADhC,CACuBf,IADvB;AAEnB,iBAAOnB,OAAO,CAACkB,MAAD,CAAd,eAAuB,oBAAC,KAAD;AAAA,cAAc,MAAd;AAAA,SAAwBL,EAAE,CAACE,IAAD,CAA1B;AAAA,YAAwCI;AAAxC,KAAvB;AACD;;AAED,eAAelB,aAAa,CAACQ,QAAD,EAAW;AACrCH,EAAAA,IAAI,EAAJA,IADqC;AAErC2B,EAAAA,IAAI,EAAJA;AAFqC,CAAX,CAA5B","sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear }) => {\n    const [xScale, yScale] = $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SLine\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\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 Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Line.js"}
+{"version":3,"sources":["../../src/Line.js"],"names":["React","curveLinear","line","d3Line","Component","sstyled","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","uniqueIDEnhancement","LineRoot","asProps","x","y","d3","color","data","SLine","Element","styles","hide","uid","size","duration","rect","setAttribute","style","$rootProps","curve","scale","xScale","yScale","defined","p","Null","props","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SLine\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\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 Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Line.js"}

package/lib/es6/Plot.js

@@ -71,6 +71,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "handlerMouseLeave", function (e) {
       _this.eventEmitter.emit("onMouseLeaveRoot", e);
+
+      _this.eventEmitter.emit('onMouseLeaveChart', e);
     });
 
     _this.eventEmitter = props.eventEmitter || new EventEmitter();

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Plot.js"],"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":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,SAASC,YAAT,QAA6B,SAA7B;;IAEMC,Q;;;;;AAGJ,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,2EAUTT,KAAK,CAACU,SAAN,EAVS;;AAAA,uEAYA,UAACC,CAAD,EAAO;AAAA,UAChBC,KADgB,GACN,MAAKC,OADC,CAChBD,KADgB;;AAExB,YAAKE,YAAL,CAAkBC,IAAlB,oBAA0CJ,CAA1C;;AAEA,UAAIC,KAAJ,EAAW;AAAA,oCACgBA,KADhB;AAAA,YACFI,MADE;AAAA,YACMC,MADN;;AAAA,4BAEQV,YAAY,CAACI,CAAD,EAAI,MAAKO,OAAL,CAAaC,OAAjB,CAFpB;AAAA;AAAA,YAEFC,EAFE;AAAA,YAEEC,EAFF;;AAAA,4BAGYL,MAAM,CAACM,KAAP,EAHZ;AAAA;AAAA,YAGFC,IAHE;AAAA,YAGIC,IAHJ;;AAAA,4BAIYP,MAAM,CAACK,KAAP,EAJZ;AAAA;AAAA,YAIFG,IAJE;AAAA,YAIIC,IAJJ;;AAMT,YAAIN,EAAE,IAAIG,IAAN,IAAcH,EAAE,IAAII,IAApB,IAA6BH,EAAE,IAAIK,IAAN,IAAcL,EAAE,IAAII,IAArD,EAA4D;AAC1D,gBAAKX,YAAL,CAAkBC,IAAlB,CAAuB,kBAAvB,EAA2CJ,CAA3C;AACD,SAFD,MAEO;AACL,gBAAKG,YAAL,CAAkBC,IAAlB,CAAuB,mBAAvB,EAA4CJ,CAA5C;AACD;AACF;AACF,KA5BkB;;AAAA,wEA8BC,UAACA,CAAD,EAAO;AACzB,YAAKG,YAAL,CAAkBC,IAAlB,qBAA2CJ,CAA3C;AACD,KAhCkB;;AAEjB,UAAKG,YAAL,GAAoBL,KAAK,CAACK,YAAN,IAAsB,IAAIR,YAAJ,EAA1C;AAFiB;AAGlB;;;;WA+BD,sBAAa;AAAA,0BAC4B,KAAKO,OADjC;AAAA,UACHD,KADG,iBACHA,KADG;AAAA,UACIe,IADJ,iBACIA,IADJ;AAAA,UACUC,KADV,iBACUA,KADV;AAAA,UACiBC,MADjB,iBACiBA,MADjB;AAEX,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,IAAI,EAAE,CAACH,KAAD,EAAQC,MAAR,CADI;AAEVF,UAAAA,IAAI,EAAEA,IAFI;AAGVf,UAAAA,KAAK,EAAEA,KAHG;AAIVE,UAAAA,YAAY,EAAE,KAAKA,YAJT;AAKVI,UAAAA,OAAO,EAAE,KAAKA;AALJ;AADP,OAAP;AASD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMc,KAAK,GAOC3B,GAPZ;AADO,2BAE2B,KAAKQ,OAFhC;AAAA,UAECoB,MAFD,kBAECA,MAFD;AAAA,UAESL,KAFT,kBAESA,KAFT;AAAA,UAEgBC,MAFhB,kBAEgBA,MAFhB;AAIP,UAAI,CAACD,KAAD,IAAU,CAACC,MAAf,EAAuB,OAAO,IAAP;AAEvB,qBAAOzB,OAAO,CAAC6B,MAAD,CAAd,eACE,oBAAC,KAAD;AAAA,eAEM,KAFN;AAAA,0BAGkB,CAAC,MAAD,EAAS,OAAT,CAHlB;AAAA,eAIO,KAAKf,OAJZ;AAAA,uBAKe,KAAKgB,gBALpB;AAAA,wBAMgB,KAAKC;AANrB,iBADF;AAUD;;;;EAlEoBjC,S;;gBAAjBM,Q,iBACiB,M;;gBADjBA,Q,kBAQkB;AAAA,SAAO;AAC3BoB,IAAAA,KAAK,EAAE,CADoB;AAE3BC,IAAAA,MAAM,EAAE;AAFmB,GAAP;AAAA,C;;AA6DxB,eAAe5B,eAAe,CAACO,QAAD,CAA9B","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  };\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.js"],"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"}

package/lib/es6/StackBar.js

@@ -27,14 +27,14 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_16dzo_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_16dzo_gg_.__hide_16dzo_gg_{display:none}.___SBackground_16dzo_gg_{fill:#e4ecf1}"
+".___SBar_13jcd_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_13jcd_gg_.__hide_13jcd_gg_{display:none}.___SBackground_13jcd_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "x77zp1_gg_")
+, "1wcy585_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_16dzo_gg_",
-  "_hide": "__hide_16dzo_gg_",
-  "__SBackground": "___SBackground_16dzo_gg_"
+  "__SBar": "___SBar_13jcd_gg_",
+  "_hide": "__hide_13jcd_gg_",
+  "__SBackground": "___SBackground_13jcd_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/StackedArea.js

@@ -26,15 +26,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SArea_s64xq_gg_{fill:var(--color);fill-opacity:.4}.___SAreaLine_s64xq_gg_{stroke:var(--color);stroke-width:3;fill:transparent}.___SArea_s64xq_gg_,.___SAreaLine_s64xq_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_s64xq_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_s64xq_gg_.__hide_s64xq_gg_{display:none}"
+".___SArea_1hbu9_gg_{fill:var(--color);fill-opacity:.4}.___SAreaLine_1hbu9_gg_{stroke:var(--color);stroke-width:3;fill:transparent}.___SArea_1hbu9_gg_,.___SAreaLine_1hbu9_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1hbu9_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1hbu9_gg_.__hide_1hbu9_gg_{display:none}"
 /*__inner_css_end__*/
-, "1nwwiar_gg_")
+, "edyr64_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_s64xq_gg_",
-  "__SAreaLine": "___SAreaLine_s64xq_gg_",
-  "__SNull": "___SNull_s64xq_gg_",
-  "_hide": "__hide_s64xq_gg_"
+  "__SArea": "___SArea_1hbu9_gg_",
+  "__SAreaLine": "___SAreaLine_1hbu9_gg_",
+  "__SNull": "___SNull_1hbu9_gg_",
+  "_hide": "__hide_1hbu9_gg_"
 }),
     style = _extends({}, _ref);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "SEMRush D3 Chart Component",
-  "version": "1.5.0",
+  "version": "1.5.4",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",

package/src/Area.js

@@ -14,8 +14,8 @@ class AreaRoot extends Component {
   static style = style;
   static enhance = [uniqueIDEnhancement()];
 
-  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear }) => {
-    const [xScale, yScale] = $rootProps.scale;
+  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {
+    const [xScale, yScale] = scale || $rootProps.scale;
     const yRange = yScale.range();
 
     return {

package/src/Bar.js

@@ -70,11 +70,19 @@ class BarRoot extends Component {
     const [xScale, yScale] = scale;
     const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];
     const barX = xScale(d[x]) + offset[0];
-    const height = Math.abs(
-      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),
-    );
+    let height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)));
+    height = isRounded ? height + r : height;
     const width = widthProps || getBandwidth(xScale);
     const isRounded = r !== 0;
+    const yValue = isRounded ? (d[y] > 0 ? barY - r : barY) : barY;
+    const dSvg = getRect({
+      x: barX,
+      y: yValue,
+      width,
+      height,
+      radius: r,
+      position: d[y] > 0 ? 'top' : 'bottom',
+    });
 
     return sstyled(styles)(
       <SBar
@@ -87,14 +95,11 @@ class BarRoot extends Component {
         index={i}
         hide={hide}
         color={color}
-        d={getRect({
-          x: barX,
-          y: isRounded ? (d[y] > 0 ? barY - r : barY) : barY,
-          width,
-          height: isRounded ? height + r : height,
-          radius: r,
-          position: d[y] > 0 ? 'top' : 'bottom',
-        })}
+        x={barX}
+        y={yValue}
+        width={width}
+        height={height}
+        d={dSvg}
         use:duration={`${duration}ms`}
       />,
     );

package/src/Dots.js

@@ -1,10 +1,10 @@
 import { bisector } from 'd3-array';
 import React, { useCallback, useEffect, useState } from 'react';
 import { sstyled } from '@semcore/core';
-import trottle from '@semcore/utils/lib/rafTrottle';
 import { eventToPoint, invert } from './utils';
 import createElement from './createElement';
 import { FadeInOut } from '@semcore/animation';
+import trottle from '@semcore/utils/lib/rafTrottle';
 
 import style from './style/dot.shadow.css';