@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/es6/Line.js

@@ -1,8 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { Component, sstyled } from '@semcore/core';
@@ -15,192 +10,165 @@ import createElement from './createElement';
 import Dots from './Dots';
 import { resolvePatternDasharray } from './Pattern';
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_17d3x_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_17d3x);transition-timing-function:ease-in-out}.___SLine_17d3x_gg_.__color_17d3x_gg_{stroke:var(--color_17d3x)}.___SLine_17d3x_gg_.__hide_17d3x_gg_{display:none}.___SLine_17d3x_gg_.__transparent_17d3x_gg_{opacity:.3}.___SNull_17d3x_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_17d3x_gg_.__hide_17d3x_gg_{display:none}.___SLineArea_17d3x_gg_{transition-property:d;transition-duration:var(--duration_17d3x);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_17d3x_gg_.__color_17d3x_gg_{fill:var(--color_17d3x)}", /*__inner_css_end__*/"17d3x_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_7eofj_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out}.___SLine_7eofj_gg_.__color_7eofj_gg_{stroke:var(--color_7eofj)}.___SLine_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLine_7eofj_gg_.__transparent_7eofj_gg_{opacity:.3}.___SNull_7eofj_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLineArea_7eofj_gg_{transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_7eofj_gg_.__color_7eofj_gg_{fill:var(--color_7eofj)}", /*__inner_css_end__*/"7eofj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLine": "___SLine_17d3x_gg_",
-  "--duration": "--duration_17d3x",
-  "_color": "__color_17d3x_gg_",
-  "--color": "--color_17d3x",
-  "_hide": "__hide_17d3x_gg_",
-  "_transparent": "__transparent_17d3x_gg_",
-  "__SNull": "___SNull_17d3x_gg_",
-  "__SLineArea": "___SLineArea_17d3x_gg_"
+  "__SLine": "___SLine_7eofj_gg_",
+  "--duration": "--duration_7eofj",
+  "_color": "__color_7eofj_gg_",
+  "--color": "--color_7eofj",
+  "_hide": "__hide_7eofj_gg_",
+  "_transparent": "__transparent_7eofj_gg_",
+  "__SNull": "___SNull_7eofj_gg_",
+  "__SLineArea": "___SLineArea_7eofj_gg_"
 });
 import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue, getChartDefaultColorName, eventToPoint, invert } from './utils';
-var LineRoot = /*#__PURE__*/function (_Component) {
-  function LineRoot() {
-    _classCallCheck(this, LineRoot);
-    return _callSuper(this, LineRoot, arguments);
+class LineRoot extends Component {
+  getDotsProps() {
+    const {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor,
+      duration,
+      transparent,
+      patterns,
+      onClick
+    } = this.asProps;
+    return {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor,
+      duration,
+      transparent,
+      patterns,
+      onClick
+    };
   }
-  _inherits(LineRoot, _Component);
-  return _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,
-        resolveColor = _this$asProps.resolveColor,
-        duration = _this$asProps.duration,
-        transparent = _this$asProps.transparent,
-        patterns = _this$asProps.patterns,
-        onClick = _this$asProps.onClick;
-      return {
-        x: x,
-        y: y,
-        d3: d3,
-        color: color,
-        resolveColor: resolveColor,
-        duration: duration,
-        transparent: transparent,
-        patterns: patterns,
-        onClick: onClick
-      };
-    }
-  }, {
-    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,
-        resolveColor = _this$asProps2.resolveColor;
-      var data = this.asProps.data.filter(function (item) {
-        return item[y] !== interpolateValue;
-      });
-      return {
-        d3: d3,
-        // TODO: vertical
-        data: getNullData(data, definedNullData(x, y), y),
-        color: color,
-        resolveColor: resolveColor
-      };
-    }
-  }, {
-    key: "getAreaProps",
-    value: function getAreaProps() {
-      var _this$asProps3 = this.asProps,
-        x = _this$asProps3.x,
-        y = _this$asProps3.y,
-        color = _this$asProps3.color,
-        hide = _this$asProps3.hide,
-        duration = _this$asProps3.duration,
-        scale = _this$asProps3.scale;
-      var data = this.asProps.data.filter(function (item) {
-        return item[y] !== interpolateValue;
-      });
-      return {
-        x: x,
-        y: y,
-        data: data,
-        color: color,
-        hide: hide,
-        duration: duration,
-        scale: scale
-      };
-    }
-  }, {
-    key: "handlerOnClick",
-    value: function handlerOnClick(e) {
-      e.stopPropagation();
-      var _this$asProps4 = this.asProps,
-        rootRef = _this$asProps4.rootRef,
-        _this$asProps4$scale = _slicedToArray(_this$asProps4.scale, 1),
-        xScale = _this$asProps4$scale[0],
-        data = _this$asProps4.data,
-        x = _this$asProps4.x,
-        onClick = _this$asProps4.onClick;
-      if (!onClick) return;
-      var _eventToPoint = eventToPoint(e, rootRef.current),
-        _eventToPoint2 = _slicedToArray(_eventToPoint, 1),
-        pX = _eventToPoint2[0];
-      var vX = invert(xScale, pX);
-      var index = bisector(function (d) {
-        return d[x];
-      }).center(data, vX);
-      onClick(index, e);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref;
-      var SLine = this.Element;
-      var _this$asProps5 = this.asProps,
-        styles = _this$asProps5.styles,
-        hide = _this$asProps5.hide,
-        color = _this$asProps5.color,
-        resolveColor = _this$asProps5.resolveColor,
-        uid = _this$asProps5.uid,
-        size = _this$asProps5.size,
-        d3 = _this$asProps5.d3,
-        duration = _this$asProps5.duration,
-        x = _this$asProps5.x,
-        y = _this$asProps5.y,
-        transparent = _this$asProps5.transparent,
-        patterns = _this$asProps5.patterns;
-      var data = this.asProps.data.filter(function (item) {
-        return item[y] !== interpolateValue;
-      });
-      this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
-      this.asProps.dataHintsHandler.establishDataType('time-series');
-      var patternKey = color || getChartDefaultColorName(0);
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
-        "aria-hidden": true,
-        "clipPath": "url(#".concat(uid, ")"),
-        "render": 'path',
-        "hide": hide,
-        "color": resolveColor(color),
-        "transparent": transparent,
-        "d": d3(data),
-        "use:duration": "".concat(duration, "ms"),
-        "strokeDasharray": patterns ? resolvePatternDasharray(patternKey, patterns) : undefined,
-        "onClickCapture": this.handlerOnClick.bind(this),
-        "pointerEvents": 'stroke'
-      })), duration && /*#__PURE__*/React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
-        "aria-hidden": true,
-        "duration": duration,
-        "id": uid,
-        "x": '0',
-        "y": '0',
-        "width": 0,
-        "height": size[1]
-      })));
-    }
-  }]);
-}(Component);
+  getNullProps() {
+    const {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor
+    } = this.asProps;
+    const data = this.asProps.data.filter(item => item[y] !== interpolateValue);
+    return {
+      d3,
+      // TODO: vertical
+      data: getNullData(data, definedNullData(x, y), y),
+      color,
+      resolveColor
+    };
+  }
+  getAreaProps() {
+    const {
+      x,
+      y,
+      color,
+      hide,
+      duration,
+      scale
+    } = this.asProps;
+    const data = this.asProps.data.filter(item => item[y] !== interpolateValue);
+    return {
+      x,
+      y,
+      data,
+      color,
+      hide,
+      duration,
+      scale
+    };
+  }
+  handlerOnClick(e) {
+    e.stopPropagation();
+    const {
+      rootRef,
+      scale: [xScale],
+      data,
+      x,
+      onClick
+    } = this.asProps;
+    if (!onClick) return;
+    const [pX] = eventToPoint(e, rootRef.current);
+    const vX = invert(xScale, pX);
+    const index = bisector(d => d[x]).center(data, vX);
+    onClick(index, e);
+  }
+  render() {
+    var _ref;
+    const SLine = this.Element;
+    const {
+      styles,
+      hide,
+      color,
+      resolveColor,
+      uid,
+      size,
+      d3,
+      duration,
+      x,
+      y,
+      transparent,
+      patterns
+    } = this.asProps;
+    const data = this.asProps.data.filter(item => item[y] !== interpolateValue);
+    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
+    this.asProps.dataHintsHandler.establishDataType('time-series');
+    const patternKey = color || getChartDefaultColorName(0);
+    return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
+      "aria-hidden": true,
+      "clipPath": `url(#${uid})`,
+      "render": 'path',
+      "hide": hide,
+      "color": resolveColor(color),
+      "transparent": transparent,
+      "d": d3(data),
+      "use:duration": `${duration}ms`,
+      "strokeDasharray": patterns ? resolvePatternDasharray(patternKey, patterns) : undefined,
+      "onClickCapture": this.handlerOnClick.bind(this),
+      "pointerEvents": 'stroke'
+    })), duration && /*#__PURE__*/React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
+      "aria-hidden": true,
+      "duration": duration,
+      "id": uid,
+      "x": '0',
+      "y": '0',
+      "width": 0,
+      "height": size[1]
+    })));
+  }
+}
 _defineProperty(LineRoot, "displayName", 'Line');
 _defineProperty(LineRoot, "style", style);
 _defineProperty(LineRoot, "enhance", [uniqueIDEnhancement()]);
-_defineProperty(LineRoot, "defaultProps", function (_ref4) {
-  var x = _ref4.x,
-    y = _ref4.y,
-    $rootProps = _ref4.$rootProps,
-    _ref4$curve = _ref4.curve,
-    curve = _ref4$curve === void 0 ? curveLinear : _ref4$curve,
-    scale = _ref4.scale;
-  var _ref5 = scale || $rootProps.scale,
-    _ref6 = _slicedToArray(_ref5, 2),
-    xScale = _ref6[0],
-    yScale = _ref6[1];
+_defineProperty(LineRoot, "defaultProps", ({
+  x,
+  y,
+  $rootProps,
+  curve = curveLinear,
+  scale
+}) => {
+  const [xScale, yScale] = scale || $rootProps.scale;
   return {
-    d3: d3Line().defined(definedData(x, y)).curve(curve).x(function (p) {
-      return scaleOfBandwidth(xScale, p[x]);
-    }).y(function (p) {
-      return scaleOfBandwidth(yScale, p[y]);
-    }),
+    d3: d3Line().defined(definedData(x, y)).curve(curve).x(p => scaleOfBandwidth(xScale, p[x])).y(p => scaleOfBandwidth(yScale, p[y])),
     duration: 500
   };
 });
 function Null(props) {
   var _ref2;
-  var SNull = props.Element,
-    styles = props.styles,
-    d3 = props.d3,
-    data = props.data,
-    hide = props.hide;
+  const {
+    Element: SNull,
+    styles,
+    d3,
+    data,
+    hide
+  } = props;
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SNull, _ref2.cn("SNull", {
     "render": 'path',
     "d": d3(data),
@@ -208,29 +176,27 @@ function Null(props) {
   }));
 }
 function Area(props) {
-  var uid = useUID();
-  var SLineArea = props.Element,
-    styles = props.styles,
-    data = props.data,
-    hide = props.hide,
-    duration = props.duration,
-    color = props.color,
-    scale = props.scale,
-    x = props.x,
-    y0 = props.y0,
-    y1 = props.y1,
-    _props$curve = props.curve,
-    curve = _props$curve === void 0 ? curveCardinal : _props$curve,
-    area = props.area,
-    patterns = props.patterns,
-    _props$autoInterpolat = props.autoInterpolate,
-    autoInterpolate = _props$autoInterpolat === void 0 ? true : _props$autoInterpolat;
-  var _scale = _slicedToArray(scale, 2),
-    xScale = _scale[0],
-    yScale = _scale[1];
-  var dataToArea = React.useMemo(function () {
+  const uid = useUID();
+  const {
+    Element: SLineArea,
+    styles,
+    data,
+    hide,
+    duration,
+    color,
+    scale,
+    x,
+    y0,
+    y1,
+    curve = curveCardinal,
+    area,
+    patterns,
+    autoInterpolate = true
+  } = props;
+  const [xScale, yScale] = scale;
+  const dataToArea = React.useMemo(() => {
     if (area) return area;
-    var chunked = data.reduce(function (acc, d) {
+    const chunked = data.reduce((acc, d) => {
       if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;
       if (definedData(y0, y1)(d)) {
         acc[acc.length - 1].push(d);
@@ -244,31 +210,25 @@ function Area(props) {
     }
     return chunked;
   }, [data, y0, y1, area, autoInterpolate]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, dataToArea.map(function (chunk, index) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dataToArea.map((chunk, index) => {
     var _ref3;
-    var d3 = d3Area().curve(curve).x(function (data) {
-      return xScale(data[x]);
-    }).y0(function (data) {
-      return yScale(data[y0]);
-    }).y1(function (data) {
-      return yScale(data[y1]);
-    });
+    const d3 = d3Area().curve(curve).x(data => xScale(data[x])).y0(data => yScale(data[y0])).y1(data => yScale(data[y1]));
     return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLineArea, _ref3.cn("SLineArea", {
-      "key": "".concat(chunk.length, "-").concat(index),
+      "key": `${chunk.length}-${index}`,
       "aria-hidden": true,
-      "clipPath": "url(#".concat(uid, ")"),
+      "clipPath": `url(#${uid})`,
       "render": 'path',
       "hide": hide,
       "color": color,
       "d": d3(chunk),
-      "use:duration": "".concat(duration, "ms"),
+      "use:duration": `${duration}ms`,
       "patterns": patterns
     }));
   }));
 }
 export default createElement(LineRoot, {
-  Dots: Dots,
-  Null: Null,
-  Area: Area
+  Dots,
+  Null,
+  Area
 });
 //# sourceMappingURL=Line.js.map

package/lib/es6/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["Component","sstyled","uniqueIDEnhancement","useUID","bisector","curveLinear","line","d3Line","area","d3Area","curveCardinal","React","AnimatedClipPath","createElement","Dots","resolvePatternDasharray","style","_sstyled","insert","definedData","definedNullData","scaleOfBandwidth","getNullData","interpolateValue","getChartDefaultColorName","eventToPoint","invert","LineRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","onClick","getNullProps","_this$asProps2","data","filter","item","getAreaProps","_this$asProps3","hide","scale","handlerOnClick","e","stopPropagation","_this$asProps4","rootRef","_this$asProps4$scale","_slicedToArray","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","index","d","center","render","_ref","SLine","Element","_this$asProps5","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","Fragment","cn","concat","undefined","bind","_defineProperty","_ref4","$rootProps","_ref4$curve","curve","_ref5","_ref6","yScale","defined","p","Null","props","_ref2","SNull","Area","SLineArea","y0","y1","_props$curve","_props$autoInterpolat","autoInterpolate","_scale","dataToArea","useMemo","chunked","reduce","acc","length","push","flat","map","chunk","_ref3"],"sources":["../../src/Line.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { resolvePatternDasharray } from './Pattern';\nimport style from './style/line.shadow.css';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n  getChartDefaultColorName,\n  eventToPoint,\n  invert,\n} from './utils';\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, resolveColor, duration, transparent, patterns, onClick } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n      patterns,\n      onClick,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  handlerOnClick(e) {\n    e.stopPropagation();\n\n    const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n    if (!onClick) return;\n\n    const [pX] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const index = bisector((d) => d[x]).center(data, vX);\n\n    onClick(index, e);\n  }\n\n  render() {\n    const SLine = this.Element;\n    const {\n      styles,\n      hide,\n      color,\n      resolveColor,\n      uid,\n      size,\n      d3,\n      duration,\n      x,\n      y,\n      transparent,\n      patterns,\n    } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    const patternKey = color || getChartDefaultColorName(0);\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n          strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n          onClickCapture={this.handlerOnClick.bind(this)}\n          pointerEvents='stroke'\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\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\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SLineArea,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n    patterns,\n    autoInterpolate = true,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = React.useMemo(() => {\n    if (area) return area;\n    const chunked = data.reduce(\n      (acc, d) => {\n        if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;\n        if (definedData(y0, y1)(d)) {\n          acc[acc.length - 1].push(d);\n        } else if (acc[acc.length - 1].length > 0) {\n          acc.push([]);\n        }\n        return acc;\n      },\n      [[]],\n    );\n    if (autoInterpolate) {\n      return [chunked.flat()];\n    }\n\n    return chunked;\n  }, [data, y0, y1, area, autoInterpolate]);\n\n  return (\n    <>\n      {dataToArea.map((chunk, index) => {\n        const d3 = d3Area()\n          .curve(curve)\n          .x((data) => xScale(data[x]))\n          .y0((data) => yScale(data[y0]))\n          .y1((data) => yScale(data[y1]));\n\n        return sstyled(styles)(\n          <SLineArea\n            key={`${chunk.length}-${index}`}\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            render='path'\n            hide={hide}\n            color={color}\n            d={d3(chunk)}\n            use:duration={`${duration}ms`}\n            patterns={patterns}\n          />,\n        );\n      })}\n    </>\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Line.js","names":["Component","sstyled","uniqueIDEnhancement","useUID","bisector","curveLinear","line","d3Line","area","d3Area","curveCardinal","React","AnimatedClipPath","createElement","Dots","resolvePatternDasharray","style","_sstyled","insert","definedData","definedNullData","scaleOfBandwidth","getNullData","interpolateValue","getChartDefaultColorName","eventToPoint","invert","LineRoot","getDotsProps","x","y","d3","color","resolveColor","duration","transparent","patterns","onClick","asProps","getNullProps","data","filter","item","getAreaProps","hide","scale","handlerOnClick","e","stopPropagation","rootRef","xScale","pX","current","vX","index","d","center","render","_ref","SLine","Element","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","Fragment","cn","undefined","bind","_defineProperty","$rootProps","curve","yScale","defined","p","Null","props","_ref2","SNull","Area","SLineArea","y0","y1","autoInterpolate","dataToArea","useMemo","chunked","reduce","acc","length","push","flat","map","chunk","_ref3"],"sources":["../../src/Line.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { resolvePatternDasharray } from './Pattern';\nimport style from './style/line.shadow.css';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n  getChartDefaultColorName,\n  eventToPoint,\n  invert,\n} from './utils';\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, resolveColor, duration, transparent, patterns, onClick } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n      patterns,\n      onClick,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  handlerOnClick(e) {\n    e.stopPropagation();\n\n    const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n    if (!onClick) return;\n\n    const [pX] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const index = bisector((d) => d[x]).center(data, vX);\n\n    onClick(index, e);\n  }\n\n  render() {\n    const SLine = this.Element;\n    const {\n      styles,\n      hide,\n      color,\n      resolveColor,\n      uid,\n      size,\n      d3,\n      duration,\n      x,\n      y,\n      transparent,\n      patterns,\n    } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    const patternKey = color || getChartDefaultColorName(0);\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n          strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n          onClickCapture={this.handlerOnClick.bind(this)}\n          pointerEvents='stroke'\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\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\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SLineArea,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n    patterns,\n    autoInterpolate = true,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = React.useMemo(() => {\n    if (area) return area;\n    const chunked = data.reduce(\n      (acc, d) => {\n        if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;\n        if (definedData(y0, y1)(d)) {\n          acc[acc.length - 1].push(d);\n        } else if (acc[acc.length - 1].length > 0) {\n          acc.push([]);\n        }\n        return acc;\n      },\n      [[]],\n    );\n    if (autoInterpolate) {\n      return [chunked.flat()];\n    }\n\n    return chunked;\n  }, [data, y0, y1, area, autoInterpolate]);\n\n  return (\n    <>\n      {dataToArea.map((chunk, index) => {\n        const d3 = d3Area()\n          .curve(curve)\n          .x((data) => xScale(data[x]))\n          .y0((data) => yScale(data[y0]))\n          .y1((data) => yScale(data[y1]));\n\n        return sstyled(styles)(\n          <SLineArea\n            key={`${chunk.length}-${index}`}\n            aria-hidden\n            clipPath={`url(#${uid})`}\n            render='path'\n            hide={hide}\n            color={color}\n            d={d3(chunk)}\n            use:duration={`${duration}ms`}\n            patterns={patterns}\n          />,\n        );\n      })}\n    </>\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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","ignoreList":[]}