@semcore/d3-chart 1.0.0-8 → 1.2.0

package/lib/cjs/Venn.js

@@ -0,0 +1,235 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@semcore/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _venn = require("@upsetjs/venn.js");
+
+var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
+
+var _animation = require("@semcore/animation");
+
+var _createElement = _interopRequireDefault(require("./createElement"));
+
+var _utils = require("./utils");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/*__reshadow-styles__:"./style/venn.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_core.sstyled.insert(
+/*__inner_css_start__*/
+".___SCircle_1qcib_gg_{fill:var(--color_v23pgz);stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_v23pgz);transition-timing-function:ease-in-out}.___SCircle_1qcib_gg_:hover{fill-opacity:.7}.___SIntersection_1qcib_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1qcib_gg_:hover{fill-opacity:.1}"
+/*__inner_css_end__*/
+, "v23pgz_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SCircle": "___SCircle_1qcib_gg_",
+  "--color": "--color_v23pgz",
+  "--duration": "--duration_v23pgz",
+  "__SIntersection": "___SIntersection_1qcib_gg_"
+});
+
+var VennRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(VennRoot, _Component);
+
+  var _super = _createSuper(VennRoot);
+
+  function VennRoot() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, VennRoot);
+
+    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));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
+      return function (_ref3) {
+        var x = _ref3.clientX,
+            y = _ref3.clientY;
+        var eventEmitter = _this.asProps.eventEmitter;
+        _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
+        _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
+        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderElement", /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+      return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
+        ref: ref,
+        tag: "g",
+        visible: true
+      }, props));
+    }));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(VennRoot, [{
+    key: "generateGetBoundingClientRect",
+    value: function generateGetBoundingClientRect() {
+      var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return function () {
+        return {
+          width: 0,
+          height: 0,
+          top: y,
+          right: x,
+          bottom: y,
+          left: x
+        };
+      };
+    }
+  }, {
+    key: "getVennData",
+    value: function getVennData() {
+      var _this$asProps = this.asProps,
+          data = _this$asProps.data,
+          orientation = _this$asProps.orientation,
+          orientationOrder = _this$asProps.orientationOrder,
+          size = _this$asProps.size;
+
+      var _size = (0, _slicedToArray2["default"])(size, 2),
+          width = _size[0],
+          height = _size[1];
+
+      var vennData = Object.entries(data).map(function (_ref4) {
+        var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+            dataKey = _ref5[0],
+            size = _ref5[1];
+
+        return {
+          sets: dataKey.split('/'),
+          size: size
+        };
+      });
+      return (0, _venn.scaleSolution)((0, _venn.normalizeSolution)((0, _venn.venn)(vennData), orientation, orientationOrder), width, height, 10);
+    }
+  }, {
+    key: "getCircleProps",
+    value: function getCircleProps(props) {
+      return {
+        duration: this.asProps.duration,
+        data: this.vennData[props.dataKey],
+        onMouseMove: this.bindHandlerTooltip(true, props),
+        onMouseLeave: this.bindHandlerTooltip(false, props)
+      };
+    }
+  }, {
+    key: "getIntersectionProps",
+    value: function getIntersectionProps(props) {
+      var duration = this.asProps.duration;
+      var dataKeys = props.dataKey.split('/');
+      return {
+        duration: duration,
+        delay: duration,
+        data: Object.values(this.vennData).filter(function (d) {
+          return dataKeys.includes(d.setid);
+        }),
+        onMouseMove: this.bindHandlerTooltip(true, props),
+        onMouseLeave: this.bindHandlerTooltip(false, props)
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Element = this.Element;
+      this.vennData = this.getVennData();
+      return /*#__PURE__*/_react["default"].createElement(Element, {
+        render: this.renderElement,
+        childrenPosition: "inside",
+        vennData: this.vennData
+      });
+    }
+  }]);
+  return VennRoot;
+}(_core.Component);
+
+(0, _defineProperty2["default"])(VennRoot, "displayName", 'Venn');
+(0, _defineProperty2["default"])(VennRoot, "style", style);
+(0, _defineProperty2["default"])(VennRoot, "defaultProps", {
+  orientation: Math.PI / 2,
+  orientationOrder: function orientationOrder(c1, c2) {
+    return c2.radius - c1.radius;
+  },
+  duration: 500
+});
+
+function Circle(_ref6) {
+  var _ref;
+
+  var SCircle = _ref6.Element,
+      styles = _ref6.styles,
+      _ref6$color = _ref6.color,
+      color = _ref6$color === void 0 ? '#3AB011' : _ref6$color,
+      data = _ref6.data,
+      duration = _ref6.duration;
+  return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref.cn("SCircle", {
+    "render": "circle",
+    "color": color,
+    "cx": data.x,
+    "cy": data.y,
+    "r": data.radius,
+    "use:duration": "".concat(duration, "ms")
+  }));
+}
+
+function Intersection(props) {
+  var _ref2;
+
+  var SIntersection = props.Element,
+      styles = props.styles,
+      data = props.data;
+
+  var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+    return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
+      ref: ref,
+      tag: "path",
+      visible: true
+    }, props));
+  }), [props]);
+
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIntersection, _ref2.cn("SIntersection", {
+    "render": renderIntersection,
+    "d": (0, _venn.intersectionAreaPath)(data)
+  }));
+}
+
+var Venn = (0, _createElement["default"])(VennRoot, {
+  Circle: Circle,
+  Intersection: Intersection
+});
+var _default = Venn;
+exports["default"] = _default;
+//# sourceMappingURL=Venn.js.map

package/lib/cjs/Venn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Venn.js"],"names":["VennRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","duration","onMouseMove","bindHandlerTooltip","onMouseLeave","dataKeys","delay","values","filter","d","includes","setid","Element","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","Intersection","SIntersection","renderIntersection","useCallback","Venn"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\n\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.vennData = this.getVennData();\n    return (\n      <Element render={this.renderElement} childrenPosition=\"inside\" vennData={this.vennData} />\n    );\n  }\n}\n\nfunction Circle({ Element: SCircle, styles, color = '#3AB011', data, duration }) {\n  return sstyled(styles)(\n    <SCircle\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const { Element: SIntersection, styles, data } = props;\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection render={renderIntersection} d={intersectionAreaPath(data)} />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"file":"Venn.js"}

package/lib/cjs/index.js

@@ -71,6 +71,12 @@ Object.defineProperty(exports, "Donut", {
     return _Donut["default"];
   }
 });
+Object.defineProperty(exports, "Venn", {
+  enumerable: true,
+  get: function get() {
+    return _Venn["default"];
+  }
+});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function get() {
@@ -128,6 +134,8 @@ var _StackedArea = _interopRequireDefault(require("./StackedArea"));
 
 var _Donut = _interopRequireDefault(require("./Donut"));
 
+var _Venn = _interopRequireDefault(require("./Venn"));
+
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
 var _ResponsiveContainer = _interopRequireDefault(require("./ResponsiveContainer"));

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AACA","sourcesContent":["export { default as Plot } from './Plot';\n\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as Donut } from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax } from './utils';\nexport { colors } from './color';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AACA","sourcesContent":["export { default as Plot } from './Plot';\n\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax } from './utils';\nexport { colors } from './color';\n"],"file":"index.js"}

package/lib/cjs/style/area.shadow.css

@@ -1,18 +1,19 @@
 SArea {
+  fill: var(--color);
+  fill-opacity: 0.4;
 }
 
-SDot {
-  stroke-width: 2px;
-  stroke: #fff;
-  r: 6px;
-}
-
-SDot[hide] {
-  display: none;
+SAreaLine {
+  stroke: var(--color);
+  stroke-width: 3;
+  fill: transparent;
 }
 
-SDot[active] {
-  r: 8px;
+SArea,
+SAreaLine {
+  transition-property: d;
+  transition-duration: var(--duration);
+  transition-timing-function: ease-in-out;
 }
 
 SNull {

package/lib/cjs/style/bar.shadow.css

@@ -1,6 +1,10 @@
 @import '@semcore/utils/style/var.css';
 
 SBar {
+  fill: var(--color);
+  transition-property: height, width, y;
+  transition-duration: var(--duration);
+  transition-timing-function: ease-in-out;
 }
 
 SBar[hide] {

package/lib/cjs/style/donut.shadow.css

@@ -1,5 +1,6 @@
 SPie {
   stroke: #ffffff;
+  fill: var(--color);
 }
 
 SLabel {

package/lib/cjs/style/dot.shadow.css

@@ -0,0 +1,19 @@
+@import '@semcore/utils/style/var.css';
+
+SDot {
+  stroke-width: 2px;
+  stroke: #fff;
+  r: 6px;
+  fill: var(--color);
+  transition-property: cx, cy;
+  transition-duration: var(--duration);
+  transition-timing-function: ease-in-out;
+}
+
+SDot[hide] {
+  display: none;
+}
+
+SDot[active] {
+  r: 8px;
+}

package/lib/cjs/style/line.shadow.css

@@ -3,27 +3,16 @@
 SLine {
   fill: transparent;
   stroke-width: 3;
-  /*stroke-linecap: round;*/
+  stroke: var(--color);
+  transition-property: d;
+  transition-duration: var(--duration);
+  transition-timing-function: ease-in-out;
 }
 
 SLine[hide] {
   display: none;
 }
 
-SDot {
-  stroke-width: 2px;
-  stroke: #fff;
-  r: 6px;
-}
-
-SDot[hide] {
-  display: none;
-}
-
-SDot[active] {
-  r: 8px;
-}
-
 SNull {
   fill: transparent;
   stroke: var(--mist);

package/lib/cjs/style/tooltip.shadow.css

@@ -27,4 +27,5 @@ SDot {
   height: 8px;
   border-radius: 50%;
   margin-right: 8px;
+  background: var(--color);
 }

package/lib/cjs/style/venn.shadow.css

@@ -0,0 +1,23 @@
+SCircle {
+  fill: var(--color);
+  stroke: #fff;
+  stroke-width: 2px;
+  fill-opacity: 0.5;
+  transition-property: cx, cy;
+  transition-duration: var(--duration);
+  transition-timing-function: ease-in-out;
+
+  &:hover {
+    fill-opacity: 0.7;
+  }
+}
+
+SIntersection {
+  stroke: #fff;
+  stroke-width: 2px;
+  fill-opacity: 0;
+
+  &:hover {
+    fill-opacity: 0.1;
+  }
+}

package/lib/cjs/utils.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.eventToPoint = eventToPoint;
 exports.invert = invert;
+exports.definedNullData = definedNullData;
 exports.definedData = definedData;
 exports.scaleOfBandwidth = scaleOfBandwidth;
 exports.minMax = minMax;
@@ -42,12 +43,18 @@ function invert(scale, value) {
   return (0, _d3Scale.scaleQuantize)().domain(range[0] <= range[1] ? range : range.slice().reverse()).range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);
 }
 
-function definedData(x, y) {
+function definedNullData(x, y) {
   return function (p) {
     return p[x] !== null && p[y] !== null;
   };
 }
 
+function definedData(x, y) {
+  return function (p) {
+    return p[x] !== null && p[x] !== undefined && p[y] !== null && p[y] !== undefined;
+  };
+}
+
 function scaleOfBandwidth(scale, value) {
   return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);
 }

package/lib/cjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils.js"],"names":["CONSTANT","VIRTUAL_ELEMENT","Symbol","eventToPoint","event","svgRoot","node","currentTarget","target","rect","getBoundingClientRect","clientX","left","clientLeft","clientY","top","clientTop","invert","scale","value","range","domain","slice","reverse","definedData","x","y","p","scaleOfBandwidth","bandwidth","minMax","data","key","d","getNullData","defined","name","reduce","acc","i","push","prev","next","defNext","find","length","defPrev","getIndexFromData","bisect","center","step","index","findIndex","console","warn"],"mappings":"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","sourcesContent":["import { extent, bisector } from 'd3-array';\nimport { scaleQuantize } from 'd3-scale';\n\nconst CONSTANT = {\n  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),\n};\n\nexport { CONSTANT };\n\nexport function eventToPoint(event, svgRoot) {\n  const node = event.currentTarget || event.target;\n  const rect = svgRoot.getBoundingClientRect();\n  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];\n}\n\nexport function invert(scale, value) {\n  if (scale.invert) return scale.invert(value);\n\n  const range = scale.range();\n  const domain = scale.domain();\n\n  return scaleQuantize()\n    .domain(range[0] <= range[1] ? range : range.slice().reverse())\n    .range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);\n}\n\nexport function definedData(x, y) {\n  return (p) => p[x] !== null && p[y] !== null;\n}\n\nexport function scaleOfBandwidth(scale, value) {\n  return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);\n}\n\nexport function minMax(data, key) {\n  if (typeof key === 'string') {\n    return extent(data, (d) => d[key]);\n  }\n  return extent(data, key);\n}\n\nexport function getNullData(data, defined, name) {\n  return data.reduce((acc, d, i, data) => {\n    if (defined(d)) {\n      acc.push({\n        [name]: null,\n      });\n    } else {\n      const prev = data[i - 1];\n      const next = data[i + 1];\n\n      if (i === 0) {\n        const defNext = data.find(defined);\n        acc.push({\n          ...d,\n          [name]: defNext ? defNext[name] : null,\n        });\n      }\n\n      // prev\n      if (prev && defined(prev)) {\n        acc.push(prev);\n      }\n\n      // next\n      if (next && defined(next)) {\n        acc.push(next);\n      }\n\n      if (data.length - 1 === i) {\n        const defPrev = data\n          .slice()\n          .reverse()\n          .find(defined);\n        acc.push({\n          ...d,\n          [name]: defPrev ? defPrev[name] : null,\n        });\n      }\n    }\n    return acc;\n  }, []);\n}\n\nexport function getIndexFromData(data, scale, key, value) {\n  // detect line chart\n  if ('invert' in scale && typeof scale.invert === 'function') {\n    const bisect = bisector((d) => d[key]).center;\n    return bisect(data, value);\n  }\n  // detect bar chart\n  else if ('step' in scale && typeof scale.step !== 'undefined') {\n    const index = data.findIndex((d) => d[key] === value);\n    return index >= 0 ? index : null;\n  } else {\n    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');\n    return null;\n  }\n}\n"],"file":"utils.js"}
+{"version":3,"sources":["../../src/utils.js"],"names":["CONSTANT","VIRTUAL_ELEMENT","Symbol","eventToPoint","event","svgRoot","node","currentTarget","target","rect","getBoundingClientRect","clientX","left","clientLeft","clientY","top","clientTop","invert","scale","value","range","domain","slice","reverse","definedNullData","x","y","p","definedData","undefined","scaleOfBandwidth","bandwidth","minMax","data","key","d","getNullData","defined","name","reduce","acc","i","push","prev","next","defNext","find","length","defPrev","getIndexFromData","bisect","center","step","index","findIndex","console","warn"],"mappings":"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","sourcesContent":["import { extent, bisector } from 'd3-array';\nimport { scaleQuantize } from 'd3-scale';\n\nconst CONSTANT = {\n  VIRTUAL_ELEMENT: Symbol('VIRTUAL_ELEMENT'),\n};\n\nexport { CONSTANT };\n\nexport function eventToPoint(event, svgRoot) {\n  const node = event.currentTarget || event.target;\n  const rect = svgRoot.getBoundingClientRect();\n  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];\n}\n\nexport function invert(scale, value) {\n  if (scale.invert) return scale.invert(value);\n\n  const range = scale.range();\n  const domain = scale.domain();\n\n  return scaleQuantize()\n    .domain(range[0] <= range[1] ? range : range.slice().reverse())\n    .range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);\n}\n\nexport function definedNullData(x, y) {\n  return (p) => p[x] !== null && p[y] !== null;\n}\n\nexport function definedData(x, y) {\n  return (p) => {\n    return p[x] !== null && p[x] !== undefined && (p[y] !== null && p[y] !== undefined);\n  };\n}\n\nexport function scaleOfBandwidth(scale, value) {\n  return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);\n}\n\nexport function minMax(data, key) {\n  if (typeof key === 'string') {\n    return extent(data, (d) => d[key]);\n  }\n  return extent(data, key);\n}\n\nexport function getNullData(data, defined, name) {\n  return data.reduce((acc, d, i, data) => {\n    if (defined(d)) {\n      acc.push({\n        [name]: null,\n      });\n    } else {\n      const prev = data[i - 1];\n      const next = data[i + 1];\n\n      if (i === 0) {\n        const defNext = data.find(defined);\n        acc.push({\n          ...d,\n          [name]: defNext ? defNext[name] : null,\n        });\n      }\n\n      // prev\n      if (prev && defined(prev)) {\n        acc.push(prev);\n      }\n\n      // next\n      if (next && defined(next)) {\n        acc.push(next);\n      }\n\n      if (data.length - 1 === i) {\n        const defPrev = data\n          .slice()\n          .reverse()\n          .find(defined);\n        acc.push({\n          ...d,\n          [name]: defPrev ? defPrev[name] : null,\n        });\n      }\n    }\n    return acc;\n  }, []);\n}\n\nexport function getIndexFromData(data, scale, key, value) {\n  // detect line chart\n  if ('invert' in scale && typeof scale.invert === 'function') {\n    const bisect = bisector((d) => d[key]).center;\n    return bisect(data, value);\n  }\n  // detect bar chart\n  else if ('step' in scale && typeof scale.step !== 'undefined') {\n    const index = data.findIndex((d) => d[key] === value);\n    return index >= 0 ? index : null;\n  } else {\n    console.warn('[d3-chart/utils/getIndexFromData] encountered incompatible scale type');\n    return null;\n  }\n}\n"],"file":"utils.js"}