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

package/lib/cjs/Line.js

@@ -1,16 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _uniqueID = _interopRequireWildcard(require("@semcore/core/lib/utils/uniqueID"));
@@ -23,221 +18,192 @@ var _Dots = _interopRequireDefault(require("./Dots"));
 var _Pattern = require("./Pattern");
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.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__*/_core.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_"
 });
-var LineRoot = /*#__PURE__*/function (_Component) {
-  function LineRoot() {
-    (0, _classCallCheck2["default"])(this, LineRoot);
-    return (0, _callSuper2["default"])(this, LineRoot, arguments);
+class LineRoot extends _core.Component {
+  getDotsProps() {
+    const {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor,
+      duration,
+      transparent,
+      patterns,
+      onClick
+    } = this.asProps;
+    return {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor,
+      duration,
+      transparent,
+      patterns,
+      onClick
+    };
   }
-  (0, _inherits2["default"])(LineRoot, _Component);
-  return (0, _createClass2["default"])(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] !== _utils.interpolateValue;
-      });
-      return {
-        d3: d3,
-        // TODO: vertical
-        data: (0, _utils.getNullData)(data, (0, _utils.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] !== _utils.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 = (0, _slicedToArray2["default"])(_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 = (0, _utils.eventToPoint)(e, rootRef.current),
-        _eventToPoint2 = (0, _slicedToArray2["default"])(_eventToPoint, 1),
-        pX = _eventToPoint2[0];
-      var vX = (0, _utils.invert)(xScale, pX);
-      var index = (0, _d3Array.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] !== _utils.interpolateValue;
-      });
-      this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
-      this.asProps.dataHintsHandler.establishDataType('time-series');
-      var patternKey = color || (0, _utils.getChartDefaultColorName)(0);
-      return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].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 ? (0, _Pattern.resolvePatternDasharray)(patternKey, patterns) : undefined,
-        "onClickCapture": this.handlerOnClick.bind(this),
-        "pointerEvents": 'stroke'
-      })), duration && /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], _ref.cn("AnimatedClipPath", {
-        "aria-hidden": true,
-        "duration": duration,
-        "id": uid,
-        "x": '0',
-        "y": '0',
-        "width": 0,
-        "height": size[1]
-      })));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(LineRoot, "displayName", 'Line');
-(0, _defineProperty2["default"])(LineRoot, "style", style);
-(0, _defineProperty2["default"])(LineRoot, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(LineRoot, "defaultProps", function (_ref4) {
-  var x = _ref4.x,
-    y = _ref4.y,
-    $rootProps = _ref4.$rootProps,
-    _ref4$curve = _ref4.curve,
-    curve = _ref4$curve === void 0 ? _d3Shape.curveLinear : _ref4$curve,
-    scale = _ref4.scale;
-  var _ref5 = scale || $rootProps.scale,
-    _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
-    xScale = _ref6[0],
-    yScale = _ref6[1];
+  getNullProps() {
+    const {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor
+    } = this.asProps;
+    const data = this.asProps.data.filter(item => item[y] !== _utils.interpolateValue);
+    return {
+      d3,
+      // TODO: vertical
+      data: (0, _utils.getNullData)(data, (0, _utils.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] !== _utils.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] = (0, _utils.eventToPoint)(e, rootRef.current);
+    const vX = (0, _utils.invert)(xScale, pX);
+    const index = (0, _d3Array.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] !== _utils.interpolateValue);
+    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
+    this.asProps.dataHintsHandler.establishDataType('time-series');
+    const patternKey = color || (0, _utils.getChartDefaultColorName)(0);
+    return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.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 ? (0, _Pattern.resolvePatternDasharray)(patternKey, patterns) : undefined,
+      "onClickCapture": this.handlerOnClick.bind(this),
+      "pointerEvents": 'stroke'
+    })), duration && /*#__PURE__*/_react.default.createElement(_AnimatedClipPath.default, _ref.cn("AnimatedClipPath", {
+      "aria-hidden": true,
+      "duration": duration,
+      "id": uid,
+      "x": '0',
+      "y": '0',
+      "width": 0,
+      "height": size[1]
+    })));
+  }
+}
+(0, _defineProperty2.default)(LineRoot, "displayName", 'Line');
+(0, _defineProperty2.default)(LineRoot, "style", style);
+(0, _defineProperty2.default)(LineRoot, "enhance", [(0, _uniqueID.default)()]);
+(0, _defineProperty2.default)(LineRoot, "defaultProps", ({
+  x,
+  y,
+  $rootProps,
+  curve = _d3Shape.curveLinear,
+  scale
+}) => {
+  const [xScale, yScale] = scale || $rootProps.scale;
   return {
-    d3: (0, _d3Shape.line)().defined((0, _utils.definedData)(x, y)).curve(curve).x(function (p) {
-      return (0, _utils.scaleOfBandwidth)(xScale, p[x]);
-    }).y(function (p) {
-      return (0, _utils.scaleOfBandwidth)(yScale, p[y]);
-    }),
+    d3: (0, _d3Shape.line)().defined((0, _utils.definedData)(x, y)).curve(curve).x(p => (0, _utils.scaleOfBandwidth)(xScale, p[x])).y(p => (0, _utils.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;
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNull, _ref2.cn("SNull", {
+  const {
+    Element: SNull,
+    styles,
+    d3,
+    data,
+    hide
+  } = props;
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SNull, _ref2.cn("SNull", {
     "render": 'path',
     "d": d3(data),
     "hide": hide
   }));
 }
 function Area(props) {
-  var uid = (0, _uniqueID.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 ? _d3Shape.curveCardinal : _props$curve,
-    area = props.area,
-    patterns = props.patterns,
-    _props$autoInterpolat = props.autoInterpolate,
-    autoInterpolate = _props$autoInterpolat === void 0 ? true : _props$autoInterpolat;
-  var _scale = (0, _slicedToArray2["default"])(scale, 2),
-    xScale = _scale[0],
-    yScale = _scale[1];
-  var dataToArea = _react["default"].useMemo(function () {
+  const uid = (0, _uniqueID.useUID)();
+  const {
+    Element: SLineArea,
+    styles,
+    data,
+    hide,
+    duration,
+    color,
+    scale,
+    x,
+    y0,
+    y1,
+    curve = _d3Shape.curveCardinal,
+    area,
+    patterns,
+    autoInterpolate = true
+  } = props;
+  const [xScale, yScale] = scale;
+  const dataToArea = _react.default.useMemo(() => {
     if (area) return area;
-    var chunked = data.reduce(function (acc, d) {
+    const chunked = data.reduce((acc, d) => {
       if (d[y0] === _utils.interpolateValue || d[y1] === _utils.interpolateValue) return acc;
       if ((0, _utils.definedData)(y0, y1)(d)) {
         acc[acc.length - 1].push(d);
@@ -251,31 +217,25 @@ function Area(props) {
     }
     return chunked;
   }, [data, y0, y1, area, autoInterpolate]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dataToArea.map(function (chunk, index) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dataToArea.map((chunk, index) => {
     var _ref3;
-    var d3 = (0, _d3Shape.area)().curve(curve).x(function (data) {
-      return xScale(data[x]);
-    }).y0(function (data) {
-      return yScale(data[y0]);
-    }).y1(function (data) {
-      return yScale(data[y1]);
-    });
-    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineArea, _ref3.cn("SLineArea", {
-      "key": "".concat(chunk.length, "-").concat(index),
+    const d3 = (0, _d3Shape.area)().curve(curve).x(data => xScale(data[x])).y0(data => yScale(data[y0])).y1(data => yScale(data[y1]));
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SLineArea, _ref3.cn("SLineArea", {
+      "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
     }));
   }));
 }
-var _default = exports["default"] = (0, _createElement["default"])(LineRoot, {
-  Dots: _Dots["default"],
-  Null: Null,
-  Area: Area
+var _default = exports.default = (0, _createElement.default)(LineRoot, {
+  Dots: _Dots.default,
+  Null,
+  Area
 });
 //# sourceMappingURL=Line.js.map

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_uniqueID","_interopRequireWildcard","_d3Array","_d3Shape","_react","_interopRequireDefault","_AnimatedClipPath","_createElement","_Dots","_Pattern","_utils","style","sstyled","insert","LineRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","onClick","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","handlerOnClick","e","stopPropagation","_this$asProps4","rootRef","_this$asProps4$scale","_slicedToArray2","xScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","vX","invert","index","bisector","d","center","render","_ref","SLine","Element","_this$asProps5","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","createElement","Fragment","cn","concat","resolvePatternDasharray","undefined","bind","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","useUID","SLineArea","y0","y1","_props$curve","curveCardinal","area","_props$autoInterpolat","autoInterpolate","_scale","dataToArea","React","useMemo","chunked","reduce","acc","length","push","flat","map","chunk","_ref3","d3Area","_default","exports","Dots"],"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":["_core","require","_uniqueID","_interopRequireWildcard","_d3Array","_d3Shape","_react","_interopRequireDefault","_AnimatedClipPath","_createElement","_Dots","_Pattern","_utils","style","sstyled","insert","LineRoot","Component","getDotsProps","x","y","d3","color","resolveColor","duration","transparent","patterns","onClick","asProps","getNullProps","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","hide","scale","handlerOnClick","e","stopPropagation","rootRef","xScale","pX","eventToPoint","current","vX","invert","index","bisector","d","center","render","_ref","SLine","Element","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","default","createElement","Fragment","cn","resolvePatternDasharray","undefined","bind","_defineProperty2","uniqueIDEnhancement","$rootProps","curve","curveLinear","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","useUID","SLineArea","y0","y1","curveCardinal","area","autoInterpolate","dataToArea","React","useMemo","chunked","reduce","acc","length","push","flat","map","chunk","_ref3","d3Area","_default","exports","Dots"],"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":[]}