@semcore/d3-chart 2.13.4 → 2.13.5

package/lib/es6/Hover.js

@@ -12,64 +12,43 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
-
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SHoverLine_1hzuo_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1hzuo_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
-/*__inner_css_end__*/
-, "1hzuo_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SHoverLine": "___SHoverLine_1hzuo_gg_",
-  "__SHoverRect": "___SHoverRect_1hzuo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_113xh_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_113xh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "113xh_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_113xh_gg_",
+  "__SHoverRect": "___SHoverRect_113xh_gg_"
 });
-
 var Hover = /*#__PURE__*/function (_Component) {
   _inherits(Hover, _Component);
-
   var _super = _createSuper(Hover);
-
   function Hover() {
     var _this;
-
     _classCallCheck(this, Hover);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       xIndex: null,
       yIndex: null
     });
-
     _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
-
     _defineProperty(_assertThisInitialized(_this), "handlerMouseMoveRoot", trottle(function (e) {
       var _this$asProps = _this.asProps,
-          eventEmitter = _this$asProps.eventEmitter,
-          data = _this$asProps.data,
-          scale = _this$asProps.scale,
-          x = _this$asProps.x,
-          y = _this$asProps.y,
-          rootRef = _this$asProps.rootRef;
+        eventEmitter = _this$asProps.eventEmitter,
+        data = _this$asProps.data,
+        scale = _this$asProps.scale,
+        x = _this$asProps.x,
+        y = _this$asProps.y,
+        rootRef = _this$asProps.rootRef;
       var clientX = e.clientX,
-          clientY = e.clientY;
-
+        clientY = e.clientY;
       var _scale = _slicedToArray(scale, 2),
-          xScale = _scale[0],
-          yScale = _scale[1];
-
+        xScale = _scale[0],
+        yScale = _scale[1];
       var _eventToPoint = eventToPoint(e, rootRef.current),
-          _eventToPoint2 = _slicedToArray(_eventToPoint, 2),
-          pX = _eventToPoint2[0],
-          pY = _eventToPoint2[1];
-
+        _eventToPoint2 = _slicedToArray(_eventToPoint, 2),
+        pX = _eventToPoint2[0],
+        pY = _eventToPoint2[1];
       var vX = invert(xScale, pX);
       var vY = invert(yScale, pY);
       var xIndex = x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);
@@ -80,26 +59,21 @@ var Hover = /*#__PURE__*/function (_Component) {
       };
       _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(clientX, clientY);
       _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
-
       _this.setState(state, function () {
         eventEmitter.emit('onTooltipVisible', xIndex !== null || yIndex !== null, state, _this.virtualElement);
       });
     }));
-
     _defineProperty(_assertThisInitialized(_this), "handlerMouseLeaveRoot", trottle(function () {
       var state = {
         xIndex: null,
         yIndex: null
       };
-
       _this.setState(state, function () {
         _this.asProps.eventEmitter.emit('onTooltipVisible', false, state);
       });
     }));
-
     return _this;
   }
-
   _createClass(Hover, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
@@ -120,11 +94,9 @@ var Hover = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       var eventEmitter = this.asProps.eventEmitter;
       this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', function (e) {
         e.persist();
-
         _this2.handlerMouseMoveRoot(e);
       });
       this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe('onMouseLeaveChart', this.handlerMouseLeaveRoot);
@@ -135,49 +107,38 @@ var Hover = /*#__PURE__*/function (_Component) {
       if (this.unsubscribeMouseMoveRoot) {
         this.unsubscribeMouseMoveRoot();
       }
-
       if (this.unsubscribeMouseLeaveRoot) {
         this.unsubscribeMouseLeaveRoot();
       }
     }
   }]);
-
   return Hover;
 }(Component);
-
 _defineProperty(Hover, "style", style);
-
 var HoverLineRoot = /*#__PURE__*/function (_Hover) {
   _inherits(HoverLineRoot, _Hover);
-
   var _super2 = _createSuper(HoverLineRoot);
-
   function HoverLineRoot() {
     _classCallCheck(this, HoverLineRoot);
-
     return _super2.apply(this, arguments);
   }
-
   _createClass(HoverLineRoot, [{
     key: "render",
     value: function render() {
       var _ref;
-
       var SHoverLine = this.Element;
       var _this$asProps2 = this.asProps,
-          styles = _this$asProps2.styles,
-          x = _this$asProps2.x,
-          y = _this$asProps2.y,
-          data = _this$asProps2.data,
-          scale = _this$asProps2.scale;
+        styles = _this$asProps2.styles,
+        x = _this$asProps2.x,
+        y = _this$asProps2.y,
+        data = _this$asProps2.data,
+        scale = _this$asProps2.scale;
       var _this$state = this.state,
-          xIndex = _this$state.xIndex,
-          yIndex = _this$state.yIndex;
-
+        xIndex = _this$state.xIndex,
+        yIndex = _this$state.yIndex;
       var _scale2 = _slicedToArray(scale, 2),
-          xScale = _scale2[0],
-          yScale = _scale2[1];
-
+        xScale = _scale2[0],
+        yScale = _scale2[1];
       var xRange = xScale.range();
       var yRange = yScale.range();
       var x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;
@@ -201,43 +162,33 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
       })) : null);
     }
   }]);
-
   return HoverLineRoot;
 }(Hover);
-
 _defineProperty(HoverLineRoot, "displayName", 'HoverLine');
-
 var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
   _inherits(HoverRectRoot, _Hover2);
-
   var _super3 = _createSuper(HoverRectRoot);
-
   function HoverRectRoot() {
     _classCallCheck(this, HoverRectRoot);
-
     return _super3.apply(this, arguments);
   }
-
   _createClass(HoverRectRoot, [{
     key: "render",
     value: function render() {
       var _ref2;
-
       var SHoverRect = this.Element;
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          x = _this$asProps3.x,
-          y = _this$asProps3.y,
-          data = _this$asProps3.data,
-          scale = _this$asProps3.scale;
+        styles = _this$asProps3.styles,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        data = _this$asProps3.data,
+        scale = _this$asProps3.scale;
       var _this$state2 = this.state,
-          xIndex = _this$state2.xIndex,
-          yIndex = _this$state2.yIndex;
-
+        xIndex = _this$state2.xIndex,
+        yIndex = _this$state2.yIndex;
       var _scale3 = _slicedToArray(scale, 2),
-          xScale = _scale3[0],
-          yScale = _scale3[1];
-
+        xScale = _scale3[0],
+        yScale = _scale3[1];
       var xRange = xScale.range();
       var yRange = yScale.range();
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
@@ -259,12 +210,9 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
       })) : null);
     }
   }]);
-
   return HoverRectRoot;
 }(Hover);
-
 _defineProperty(HoverRectRoot, "displayName", 'HoverRect');
-
 var HoverLine = createElement(HoverLineRoot);
 var HoverRect = createElement(HoverRectRoot);
 export { HoverLine, HoverRect };

package/lib/es6/Hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","names":["React","Component","sstyled","canUseDOM","trottle","createElement","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"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\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\n            aria-hidden\n            render=\"line\"\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render=\"line\"\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\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            aria-hidden\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            aria-hidden\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"],"mappings":"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"}
+{"version":3,"file":"Hover.js","names":["React","Component","sstyled","canUseDOM","trottle","createElement","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","style","_sstyled","insert","Hover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","xIndex","yIndex","document","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray","xScale","yScale","_eventToPoint","current","_eventToPoint2","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","_createClass","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","HoverLineRoot","_Hover","_super2","render","_ref","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref2","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\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\n            aria-hidden\n            render=\"line\"\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render=\"line\"\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\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            aria-hidden\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            aria-hidden\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"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,OAAO,MAAM,+BAA+B;AACnD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,gBAAgB,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,SAAS;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIvFC,KAAK,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,KAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,KAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAGD;MACNa,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE;IACV,CAAC;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,qBAEgBhB,SAAS,EAAE,GAAG+B,QAAQ,CAAC7B,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAAAyB,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BAM1Cf,OAAO,CAAC,UAAC+B,CAAC,EAAK;MACpC,IAAAC,aAAA,GAAqDjB,KAAA,CAAKkB,OAAO;QAAzDC,YAAY,GAAAF,aAAA,CAAZE,YAAY;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,CAAC,GAAAL,aAAA,CAADK,CAAC;QAAEC,CAAC,GAAAN,aAAA,CAADM,CAAC;QAAEC,OAAO,GAAAP,aAAA,CAAPO,OAAO;MAChD,IAAQC,OAAO,GAAcT,CAAC,CAAtBS,OAAO;QAAEC,OAAO,GAAKV,CAAC,CAAbU,OAAO;MACxB,IAAAC,MAAA,GAAAC,cAAA,CAAyBP,KAAK;QAAvBQ,MAAM,GAAAF,MAAA;QAAEG,MAAM,GAAAH,MAAA;MACrB,IAAAI,aAAA,GAAiB1C,YAAY,CAAC2B,CAAC,EAAEQ,OAAO,CAACQ,OAAO,CAAC;QAAAC,cAAA,GAAAL,cAAA,CAAAG,aAAA;QAA1CG,EAAE,GAAAD,cAAA;QAAEE,EAAE,GAAAF,cAAA;MACb,IAAMG,EAAE,GAAG9C,MAAM,CAACuC,MAAM,EAAEK,EAAE,CAAC;MAC7B,IAAMG,EAAE,GAAG/C,MAAM,CAACwC,MAAM,EAAEK,EAAE,CAAC;MAC7B,IAAMtB,MAAM,GACVS,CAAC,KAAKgB,SAAS,IAAIF,EAAE,KAAKE,SAAS,GAAG,IAAI,GAAGlD,gBAAgB,CAACgC,IAAI,EAAES,MAAM,EAAEP,CAAC,EAAEc,EAAE,CAAC;MACpF,IAAMtB,MAAM,GACVS,CAAC,KAAKe,SAAS,IAAID,EAAE,KAAKC,SAAS,GAAG,IAAI,GAAGlD,gBAAgB,CAACgC,IAAI,EAAEU,MAAM,EAAEP,CAAC,EAAEc,EAAE,CAAC;MACpF,IAAME,KAAK,GAAG;QAAE1B,MAAM,EAANA,MAAM;QAAEC,MAAM,EAANA;MAAO,CAAC;MAChCd,KAAA,CAAKwC,cAAc,CAACC,qBAAqB,GAAGzC,KAAA,CAAK0C,6BAA6B,CAC5EjB,OAAO,EACPC,OAAO,CACR;MACD1B,KAAA,CAAKwC,cAAc,CAACjD,QAAQ,CAACoD,eAAe,CAAC,GAAG,IAAI;MAEpD3C,KAAA,CAAK4C,QAAQ,CAACL,KAAK,EAAE,YAAM;QACzBpB,YAAY,CAAC0B,IAAI,CACf,kBAAkB,EAClBhC,MAAM,KAAK,IAAI,IAAIC,MAAM,KAAK,IAAI,EAClCyB,KAAK,EACLvC,KAAA,CAAKwC,cAAc,CACpB;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAAA7B,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BAEsBf,OAAO,CAAC,YAAM;MACpC,IAAMsD,KAAK,GAAG;QACZ1B,MAAM,EAAE,IAAI;QACZC,MAAM,EAAE;MACV,CAAC;MACDd,KAAA,CAAK4C,QAAQ,CAACL,KAAK,EAAE,YAAM;QACzBvC,KAAA,CAAKkB,OAAO,CAACC,YAAY,CAAC0B,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAEN,KAAK,CAAC;MAClE,CAAC,CAAC;IACJ,CAAC,CAAC;IAAA,OAAAvC,KAAA;EAAA;EAAA8C,YAAA,CAAAnD,KAAA;IAAAoD,GAAA;IAAAC,KAAA,EAxCF,SAAAN,8BAAA,EAA4C;MAAA,IAAdpB,CAAC,GAAAnB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmC,SAAA,GAAAnC,SAAA,MAAG,CAAC;MAAA,IAAEoB,CAAC,GAAApB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmC,SAAA,GAAAnC,SAAA,MAAG,CAAC;MACxC,OAAO;QAAA,OAAO;UAAE8C,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,GAAG,EAAE5B,CAAC;UAAE6B,KAAK,EAAE9B,CAAC;UAAE+B,MAAM,EAAE9B,CAAC;UAAE+B,IAAI,EAAEhC;QAAE,CAAC;MAAA,CAAC;IAC9E;EAAC;IAAAyB,GAAA;IAAAC,KAAA,EAwCD,SAAAO,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAQrC,YAAY,GAAK,IAAI,CAACD,OAAO,CAA7BC,YAAY;MACpB,IAAI,CAACsC,wBAAwB,GAAGtC,YAAY,CAACuC,SAAS,CAAC,kBAAkB,EAAE,UAAC1C,CAAC,EAAK;QAChFA,CAAC,CAAC2C,OAAO,EAAE;QACXH,MAAI,CAACI,oBAAoB,CAAC5C,CAAC,CAAC;MAC9B,CAAC,CAAC;MACF,IAAI,CAAC6C,yBAAyB,GAAG1C,YAAY,CAACuC,SAAS,CACrD,mBAAmB,EACnB,IAAI,CAACI,qBAAqB,CAC3B;IACH;EAAC;IAAAf,GAAA;IAAAC,KAAA,EAED,SAAAe,qBAAA,EAAuB;MACrB,IAAI,IAAI,CAACN,wBAAwB,EAAE;QACjC,IAAI,CAACA,wBAAwB,EAAE;MACjC;MACA,IAAI,IAAI,CAACI,yBAAyB,EAAE;QAClC,IAAI,CAACA,yBAAyB,EAAE;MAClC;IACF;EAAC;EAAA,OAAAlE,KAAA;AAAA,EAvEiBb,SAAS;AAAA6B,eAAA,CAAvBhB,KAAK,WACMH,KAAK;AAAA,IAyEhBwE,aAAa,0BAAAC,MAAA;EAAApE,SAAA,CAAAmE,aAAA,EAAAC,MAAA;EAAA,IAAAC,OAAA,GAAAnE,YAAA,CAAAiE,aAAA;EAAA,SAAAA,cAAA;IAAA/D,eAAA,OAAA+D,aAAA;IAAA,OAAAE,OAAA,CAAAzD,KAAA,OAAAN,SAAA;EAAA;EAAA2C,YAAA,CAAAkB,aAAA;IAAAjB,GAAA;IAAAC,KAAA,EAGjB,SAAAmB,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,UAAU,GAAG,IAAI,CAACC,OAAO;MAC/B,IAAAC,cAAA,GAAsC,IAAI,CAACrD,OAAO;QAA1CsD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAElD,CAAC,GAAAiD,cAAA,CAADjD,CAAC;QAAEC,CAAC,GAAAgD,cAAA,CAADhD,CAAC;QAAEH,IAAI,GAAAmD,cAAA,CAAJnD,IAAI;QAAEC,KAAK,GAAAkD,cAAA,CAALlD,KAAK;MACjC,IAAAoD,WAAA,GAA2B,IAAI,CAAClC,KAAK;QAA7B1B,MAAM,GAAA4D,WAAA,CAAN5D,MAAM;QAAEC,MAAM,GAAA2D,WAAA,CAAN3D,MAAM;MACtB,IAAA4D,OAAA,GAAA9C,cAAA,CAAyBP,KAAK;QAAvBQ,MAAM,GAAA6C,OAAA;QAAE5C,MAAM,GAAA4C,OAAA;MAErB,IAAMC,MAAM,GAAG9C,MAAM,CAAC+C,KAAK,EAAE;MAC7B,IAAMC,MAAM,GAAG/C,MAAM,CAAC8C,KAAK,EAAE;MAC7B,IAAME,EAAE,GAAGjE,MAAM,KAAK,IAAI,GAAG1B,gBAAgB,CAAC0C,MAAM,EAAET,IAAI,CAACP,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAGgB,SAAS;MAClF,IAAMyC,EAAE,GAAGjE,MAAM,KAAK,IAAI,GAAG3B,gBAAgB,CAAC2C,MAAM,EAAEV,IAAI,CAACN,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAGe,SAAS;MAElF,OAAA8B,IAAA,GAAOrF,OAAO,CAACyF,MAAM,CAAC,eACpB3F,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAmG,QAAA,QACGnE,MAAM,KAAK,IAAI,gBACdhC,KAAA,CAAAK,aAAA,CAACmF,UAAU,EAAAD,IAAA,CAAAa,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNpE,MAAM;QAAA,MACTiE,EAAE;QAAA,MACFD,MAAM,CAAC,CAAC,CAAC;QAAA,MACTC,EAAE;QAAA,MACFD,MAAM,CAAC,CAAC;MAAC,GACb,GACA,IAAI,EACP/D,MAAM,KAAK,IAAI,gBACdjC,KAAA,CAAAK,aAAA,CAACmF,UAAU,EAAAD,IAAA,CAAAa,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNnE,MAAM;QAAA,MACT6D,MAAM,CAAC,CAAC,CAAC;QAAA,MACTI,EAAE;QAAA,MACFJ,MAAM,CAAC,CAAC,CAAC;QAAA,MACTI;MAAE,GACN,GACA,IAAI,CACP;IAEP;EAAC;EAAA,OAAAf,aAAA;AAAA,EAxCyBrE,KAAK;AAAAgB,eAAA,CAA3BqD,aAAa,iBACI,WAAW;AAAA,IA0C5BkB,aAAa,0BAAAC,OAAA;EAAAtF,SAAA,CAAAqF,aAAA,EAAAC,OAAA;EAAA,IAAAC,OAAA,GAAArF,YAAA,CAAAmF,aAAA;EAAA,SAAAA,cAAA;IAAAjF,eAAA,OAAAiF,aAAA;IAAA,OAAAE,OAAA,CAAA3E,KAAA,OAAAN,SAAA;EAAA;EAAA2C,YAAA,CAAAoC,aAAA;IAAAnC,GAAA;IAAAC,KAAA,EAGjB,SAAAmB,OAAA,EAAS;MAAA,IAAAkB,KAAA;MACP,IAAMC,UAAU,GAAG,IAAI,CAAChB,OAAO;MAC/B,IAAAiB,cAAA,GAAsC,IAAI,CAACrE,OAAO;QAA1CsD,MAAM,GAAAe,cAAA,CAANf,MAAM;QAAElD,CAAC,GAAAiE,cAAA,CAADjE,CAAC;QAAEC,CAAC,GAAAgE,cAAA,CAADhE,CAAC;QAAEH,IAAI,GAAAmE,cAAA,CAAJnE,IAAI;QAAEC,KAAK,GAAAkE,cAAA,CAALlE,KAAK;MACjC,IAAAmE,YAAA,GAA2B,IAAI,CAACjD,KAAK;QAA7B1B,MAAM,GAAA2E,YAAA,CAAN3E,MAAM;QAAEC,MAAM,GAAA0E,YAAA,CAAN1E,MAAM;MACtB,IAAA2E,OAAA,GAAA7D,cAAA,CAAyBP,KAAK;QAAvBQ,MAAM,GAAA4D,OAAA;QAAE3D,MAAM,GAAA2D,OAAA;MAErB,IAAMd,MAAM,GAAG9C,MAAM,CAAC+C,KAAK,EAAE;MAC7B,IAAMC,MAAM,GAAG/C,MAAM,CAAC8C,KAAK,EAAE;MAE7B,OAAAS,KAAA,GAAOtG,OAAO,CAACyF,MAAM,CAAC,eACpB3F,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAmG,QAAA,QACGnE,MAAM,KAAK,IAAI,gBACdhC,KAAA,CAAAK,aAAA,CAACoG,UAAU,EAAAD,KAAA,CAAAJ,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNpE,MAAM;QAAA,SACNgB,MAAM,CAAC6D,IAAI,EAAE,GAAG7D,MAAM,CAAC8D,YAAY,EAAE,GAAG,CAAC;QAAA,UACxCd,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;QAAA,KAC1BhD,MAAM,CAACT,IAAI,CAACP,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAIO,MAAM,CAAC6D,IAAI,EAAE,GAAG7D,MAAM,CAAC8D,YAAY,EAAE,GAAI,CAAC;QAAA,KACrEd,MAAM,CAAC,CAAC;MAAC,GACZ,GACA,IAAI,EACP/D,MAAM,KAAK,IAAI,gBACdjC,KAAA,CAAAK,aAAA,CAACoG,UAAU,EAAAD,KAAA,CAAAJ,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNnE,MAAM;QAAA,SACN6D,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;QAAA,UACpB7C,MAAM,CAAC4D,IAAI,EAAE,GAAG5D,MAAM,CAAC6D,YAAY,EAAE,GAAG,CAAC;QAAA,KAC9ChB,MAAM,CAAC,CAAC,CAAC;QAAA,KACT7C,MAAM,CAACV,IAAI,CAACN,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAIO,MAAM,CAAC4D,IAAI,EAAE,GAAG5D,MAAM,CAAC6D,YAAY,EAAE,GAAI;MAAC,GACxE,GACA,IAAI,CACP;IAEP;EAAC;EAAA,OAAAT,aAAA;AAAA,EAtCyBvF,KAAK;AAAAgB,eAAA,CAA3BuE,aAAa,iBACI,WAAW;AAwClC,IAAMU,SAAS,GAAG1G,aAAa,CAAC8E,aAAa,CAAC;AAC9C,IAAM6B,SAAS,GAAG3G,aAAa,CAACgG,aAAa,CAAC;AAE9C,SAASU,SAAS,EAAEC,SAAS"}

package/lib/es6/Line.js

@@ -13,47 +13,33 @@ import createElement from './createElement';
 import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';
 import Dots from './Dots';
 import ClipPath from './ClipPath';
-
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SLine_wnfow_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_wnfow);transition-timing-function:ease-in-out}.___SLine_wnfow_gg_.__color_wnfow_gg_{stroke:var(--color_wnfow)}.___SLine_wnfow_gg_.__hide_wnfow_gg_{display:none}.___SLine_wnfow_gg_.__transparent_wnfow_gg_{opacity:.3}.___SNull_wnfow_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_wnfow_gg_.__hide_wnfow_gg_{display:none}"
-/*__inner_css_end__*/
-, "wnfow_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SLine": "___SLine_wnfow_gg_",
-  "--duration": "--duration_wnfow",
-  "_color": "__color_wnfow_gg_",
-  "--color": "--color_wnfow",
-  "_hide": "__hide_wnfow_gg_",
-  "_transparent": "__transparent_wnfow_gg_",
-  "__SNull": "___SNull_wnfow_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_mcetz_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_mcetz);transition-timing-function:ease-in-out}.___SLine_mcetz_gg_.__color_mcetz_gg_{stroke:var(--color_mcetz)}.___SLine_mcetz_gg_.__hide_mcetz_gg_{display:none}.___SLine_mcetz_gg_.__transparent_mcetz_gg_{opacity:.3}.___SNull_mcetz_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_mcetz_gg_.__hide_mcetz_gg_{display:none}" /*__inner_css_end__*/, "mcetz_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_mcetz_gg_",
+  "--duration": "--duration_mcetz",
+  "_color": "__color_mcetz_gg_",
+  "--color": "--color_mcetz",
+  "_hide": "__hide_mcetz_gg_",
+  "_transparent": "__transparent_mcetz_gg_",
+  "__SNull": "___SNull_mcetz_gg_"
 });
-
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);
-
   var _super = _createSuper(LineRoot);
-
   function LineRoot() {
     _classCallCheck(this, LineRoot);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(LineRoot, [{
     key: "getDotsProps",
     value: function getDotsProps() {
       var _this$asProps = this.asProps,
-          x = _this$asProps.x,
-          y = _this$asProps.y,
-          d3 = _this$asProps.d3,
-          color = _this$asProps.color,
-          duration = _this$asProps.duration,
-          transparent = _this$asProps.transparent;
+        x = _this$asProps.x,
+        y = _this$asProps.y,
+        d3 = _this$asProps.d3,
+        color = _this$asProps.color,
+        duration = _this$asProps.duration,
+        transparent = _this$asProps.transparent;
       return {
         x: x,
         y: y,
@@ -67,11 +53,11 @@ var LineRoot = /*#__PURE__*/function (_Component) {
     key: "getNullProps",
     value: function getNullProps() {
       var _this$asProps2 = this.asProps,
-          x = _this$asProps2.x,
-          y = _this$asProps2.y,
-          d3 = _this$asProps2.d3,
-          color = _this$asProps2.color,
-          data = _this$asProps2.data;
+        x = _this$asProps2.x,
+        y = _this$asProps2.y,
+        d3 = _this$asProps2.d3,
+        color = _this$asProps2.color,
+        data = _this$asProps2.data;
       return {
         d3: d3,
         // TODO: vertical
@@ -83,20 +69,19 @@ var LineRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref;
-
       var SLine = this.Element;
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          hide = _this$asProps3.hide,
-          color = _this$asProps3.color,
-          uid = _this$asProps3.uid,
-          size = _this$asProps3.size,
-          d3 = _this$asProps3.d3,
-          data = _this$asProps3.data,
-          duration = _this$asProps3.duration,
-          x = _this$asProps3.x,
-          y = _this$asProps3.y,
-          transparent = _this$asProps3.transparent;
+        styles = _this$asProps3.styles,
+        hide = _this$asProps3.hide,
+        color = _this$asProps3.color,
+        uid = _this$asProps3.uid,
+        size = _this$asProps3.size,
+        d3 = _this$asProps3.d3,
+        data = _this$asProps3.data,
+        duration = _this$asProps3.duration,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        transparent = _this$asProps3.transparent;
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
       this.asProps.dataHintsHandler.establishDataType('time-series');
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
@@ -122,29 +107,22 @@ var LineRoot = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-
   return LineRoot;
 }(Component);
-
 _defineProperty(LineRoot, "displayName", 'Line');
-
 _defineProperty(LineRoot, "style", style);
-
 _defineProperty(LineRoot, "enhance", [uniqueIDEnhancement()]);
-
 _defineProperty(LineRoot, "defaultProps", function (_ref3) {
   var x = _ref3.x,
-      y = _ref3.y,
-      $rootProps = _ref3.$rootProps,
-      _ref3$curve = _ref3.curve,
-      curve = _ref3$curve === void 0 ? curveLinear : _ref3$curve,
-      scale = _ref3.scale;
-
+    y = _ref3.y,
+    $rootProps = _ref3.$rootProps,
+    _ref3$curve = _ref3.curve,
+    curve = _ref3$curve === void 0 ? curveLinear : _ref3$curve,
+    scale = _ref3.scale;
   var _ref4 = scale || $rootProps.scale,
-      _ref5 = _slicedToArray(_ref4, 2),
-      xScale = _ref5[0],
-      yScale = _ref5[1];
-
+    _ref5 = _slicedToArray(_ref4, 2),
+    xScale = _ref5[0],
+    yScale = _ref5[1];
   return {
     d3: d3Line().defined(definedData(x, y)).curve(curve).x(function (p) {
       return scaleOfBandwidth(xScale, p[x]);
@@ -154,22 +132,19 @@ _defineProperty(LineRoot, "defaultProps", function (_ref3) {
     duration: 500
   };
 });
-
 function Null(props) {
   var _ref2;
-
   var SNull = props.Element,
-      styles = props.styles,
-      d3 = props.d3,
-      data = props.data,
-      hide = props.hide;
+    styles = props.styles,
+    d3 = props.d3,
+    data = props.data,
+    hide = props.hide;
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SNull, _ref2.cn("SNull", {
     "render": "path",
     "d": d3(data),
     "hide": hide
   }));
 }
-
 export default createElement(LineRoot, {
   Dots: Dots,
   Null: Null

package/lib/es6/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","LineRoot","asProps","x","y","d3","color","duration","transparent","data","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","rect","setAttribute","style","$rootProps","curve","scale","xScale","yScale","defined","p","Null","props","SNull"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\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      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n      transparent,\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, x, y, transparent } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction 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"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\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      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n      transparent,\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, x, y, transparent } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction 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"],"mappings":"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"}