@elliemae/ds-dataviz 3.6.0-next.3

package/dist/cjs/graphs/Chart/parts/ColorLegend.js

@@ -0,0 +1,70 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ColorLegend_exports = {};
+__export(ColorLegend_exports, {
+  ColorLegend: () => ColorLegend
+});
+module.exports = __toCommonJS(ColorLegend_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ChartContext = require("../ChartContext");
+const ColorLegend = ({ tickSpacing = 20, tickSize = 5, tickTextOffset = 20 }) => {
+  const {
+    colorScale,
+    innerWidth,
+    props: { colorLegend }
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  if (!colorLegend)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+    transform: `translate(${innerWidth + 30},30)`,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", {
+        x: 35,
+        y: -25,
+        className: "axis-label",
+        textAnchor: "middle",
+        children: colorLegend.label
+      }),
+      colorScale.domain().map((domainValue, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+        className: "tick",
+        transform: `translate(0,${i * tickSpacing})`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+            fill: colorScale(domainValue),
+            r: 4
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", {
+            x: tickTextOffset,
+            dy: ".32em",
+            children: domainValue
+          })
+        ]
+      }))
+    ]
+  });
+};
+//# sourceMappingURL=ColorLegend.js.map

package/dist/cjs/graphs/Chart/parts/ColorLegend.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/ColorLegend.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ChartContext } from '../ChartContext';\n\nexport const ColorLegend = ({ tickSpacing = 20, tickSize = 5, tickTextOffset = 20 }) => {\n  const {\n    colorScale,\n    innerWidth,\n    props: { colorLegend },\n  } = useContext(ChartContext);\n\n  if (!colorLegend) return null;\n  return (\n    <g transform={`translate(${innerWidth + 30},30)`}>\n      <text x={35} y={-25} className=\"axis-label\" textAnchor=\"middle\">\n        {colorLegend.label}\n      </text>\n      {colorScale.domain().map((domainValue, i) => (\n        <g className=\"tick\" transform={`translate(0,${i * tickSpacing})`}>\n          <circle fill={colorScale(domainValue)} r={4} />\n          <text x={tickTextOffset} dy=\".32em\">\n            {domainValue}\n          </text>\n        </g>\n      ))}\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,0BAA6B;AAEtB,MAAM,cAAc,CAAC,EAAE,cAAc,IAAI,WAAW,GAAG,iBAAiB,GAAG,MAAM;AACtF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,YAAY;AAAA,EACvB,QAAI,yBAAW,gCAAY;AAE3B,MAAI,CAAC;AAAa,WAAO;AACzB,SACE,6CAAC;AAAA,IAAE,WAAW,aAAa,aAAa;AAAA,IACtC;AAAA,kDAAC;AAAA,QAAK,GAAG;AAAA,QAAI,GAAG;AAAA,QAAK,WAAU;AAAA,QAAa,YAAW;AAAA,QACpD,sBAAY;AAAA,OACf;AAAA,MACC,WAAW,OAAO,EAAE,IAAI,CAAC,aAAa,MACrC,6CAAC;AAAA,QAAE,WAAU;AAAA,QAAO,WAAW,eAAe,IAAI;AAAA,QAChD;AAAA,sDAAC;AAAA,YAAO,MAAM,WAAW,WAAW;AAAA,YAAG,GAAG;AAAA,WAAG;AAAA,UAC7C,4CAAC;AAAA,YAAK,GAAG;AAAA,YAAgB,IAAG;AAAA,YACzB;AAAA,WACH;AAAA;AAAA,OACF,CACD;AAAA;AAAA,GACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/parts/FocusableRegion.js

@@ -0,0 +1,116 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FocusableRegion_exports = {};
+__export(FocusableRegion_exports, {
+  FocusableRegion: () => FocusableRegion
+});
+module.exports = __toCommonJS(FocusableRegion_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ChartContext = require("../ChartContext");
+var import_styles = require("../styles");
+const StyledTooltipContainer = import_ds_system.styled.div`
+  text-align: center;
+  min-width: ${({ theme }) => theme.space.l};
+  max-width: 250px;
+  min-height: 30px;
+  display: grid;
+  align-items: center;
+  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({ theme }) => theme.colors.neutral[600]};
+`;
+const StyledMouseOverDetectionBox = import_ds_system.styled.div`
+  position: absolute;
+  top: -15px;
+  right: -15px;
+  width: calc(100% + 30px);
+  height: calc(100% + 30px);
+  z-index: -1;
+`;
+const FocusableRegion = (props) => {
+  const { activePoint } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
+  const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
+  const [showPopover, setShowPopover] = (0, import_react.useState)(false);
+  const { id, pointRadius, content, ...rest } = props;
+  const isFocused = activePoint === id;
+  const focusableElement = (0, import_react.useRef)(null);
+  const handleRef = (0, import_react.useCallback)(
+    (newRef) => {
+      if (focusableElement.current)
+        focusableElement.current = newRef;
+      if (isFocused)
+        newRef?.focus();
+    },
+    [isFocused]
+  );
+  const onMouseEnter = () => {
+    setShowPopover(true);
+  };
+  const onMouseLeave = () => {
+    setShowPopover(false);
+  };
+  const onFocus = () => {
+    setShowPopover(true);
+  };
+  const onBlur = () => {
+    setShowPopover(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("foreignObject", {
+    ...rest,
+    onFocus,
+    onBlur,
+    ref: setReferenceElement,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyleFocusableRegion, {
+          s: pointRadius,
+          tabIndex: -1,
+          ref: handleRef
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_popperjs.DSPopperJS, {
+          withoutAnimation: true,
+          referenceElement,
+          showPopover,
+          zIndex: theme.zIndex.tooltip,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledMouseOverDetectionBox, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTooltipContainer, {
+              children: content
+            })
+          ]
+        })
+      ]
+    })
+  });
+};
+//# sourceMappingURL=FocusableRegion.js.map

package/dist/cjs/graphs/Chart/parts/FocusableRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/FocusableRegion.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useRef, useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ThemeContext, styled } from '@elliemae/ds-system';\nimport { ChartContext } from '../ChartContext';\n\nimport { StyleFocusableRegion } from '../styles';\n\nconst StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nconst StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const FocusableRegion: React.ComponentType<any> = (props) => {\n  const { activePoint } = useContext(ChartContext);\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>();\n  const theme = useContext(ThemeContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const { id, pointRadius, content, ...rest } = props;\n  const isFocused = activePoint === id;\n\n  const focusableElement = useRef(null);\n  const handleRef = useCallback(\n    (newRef: HTMLDivElement) => {\n      if (focusableElement.current) focusableElement.current = newRef;\n      if (isFocused) newRef?.focus();\n    },\n    [isFocused],\n  );\n\n  const onMouseEnter = () => {\n    setShowPopover(true);\n  };\n\n  const onMouseLeave = () => {\n    setShowPopover(false);\n  };\n\n  const onFocus = () => {\n    setShowPopover(true);\n  };\n\n  const onBlur = () => {\n    setShowPopover(false);\n  };\n\n  return (\n    <foreignObject\n      {...rest}\n      // onMouseEnter={onMouseEnter}\n      // onMouseLeave={onMouseLeave}\n      // onPointerEnter={onMouseEnter}\n      // onPointerLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={setReferenceElement}\n    >\n      <div>\n        <StyleFocusableRegion\n          s={pointRadius}\n          // aria-label={`${xValue} ${d[yValue]}`}\n          tabIndex={-1}\n          ref={handleRef}\n        ></StyleFocusableRegion>\n\n        <DSPopperJS\n          withoutAnimation\n          referenceElement={referenceElement}\n          showPopover={showPopover}\n          zIndex={theme.zIndex.tooltip}\n        >\n          <StyledMouseOverDetectionBox />\n          <StyledTooltipContainer>{content}</StyledTooltipContainer>\n        </DSPopperJS>\n      </div>\n    </foreignObject>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAiE;AACjE,yBAA2B;AAC3B,uBAAqC;AACrC,0BAA6B;AAE7B,oBAAqC;AAErC,MAAM,yBAAyB,wBAAO;AAAA;AAAA,eAEvB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,8BAA8B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpC,MAAM,kBAA4C,CAAC,UAAU;AAClE,QAAM,EAAE,YAAY,QAAI,yBAAW,gCAAY;AAE/C,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiC;AACjF,QAAM,YAAQ,yBAAW,6BAAY;AAErC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,QAAM,EAAE,IAAI,aAAa,YAAY,KAAK,IAAI;AAC9C,QAAM,YAAY,gBAAgB;AAElC,QAAM,uBAAmB,qBAAO,IAAI;AACpC,QAAM,gBAAY;AAAA,IAChB,CAAC,WAA2B;AAC1B,UAAI,iBAAiB;AAAS,yBAAiB,UAAU;AACzD,UAAI;AAAW,gBAAQ,MAAM;AAAA,IAC/B;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,eAAe,MAAM;AACzB,mBAAe,IAAI;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACzB,mBAAe,KAAK;AAAA,EACtB;AAEA,QAAM,UAAU,MAAM;AACpB,mBAAe,IAAI;AAAA,EACrB;AAEA,QAAM,SAAS,MAAM;AACnB,mBAAe,KAAK;AAAA,EACtB;AAEA,SACE,4CAAC;AAAA,IACE,GAAG;AAAA,IAKJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IAEL,uDAAC;AAAA,MACC;AAAA,oDAAC;AAAA,UACC,GAAG;AAAA,UAEH,UAAU;AAAA,UACV,KAAK;AAAA,SACN;AAAA,QAED,6CAAC;AAAA,UACC,kBAAgB;AAAA,UAChB;AAAA,UACA;AAAA,UACA,QAAQ,MAAM,OAAO;AAAA,UAErB;AAAA,wDAAC,+BAA4B;AAAA,YAC7B,4CAAC;AAAA,cAAwB;AAAA,aAAQ;AAAA;AAAA,SACnC;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/parts/Scrapper.js

@@ -0,0 +1,130 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Scrapper_exports = {};
+__export(Scrapper_exports, {
+  Scrapper: () => Scrapper
+});
+module.exports = __toCommonJS(Scrapper_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ChartContext = require("../ChartContext");
+var import_styles = require("../styles");
+const Scrapper = () => {
+  const {
+    yScale,
+    y2Scale,
+    scrapperPosY,
+    setScrapperPosY,
+    xScale,
+    innerHeight,
+    innerWidth,
+    props: { TooltipRenderer, xAxis, data, scrapper }
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
+  const uniqueData = (0, import_react.useMemo)(() => {
+    const valueToPositionPerSeries = data.map(
+      (serie) => serie.data.map((datum, i) => ({
+        position: serie.scale === "y" || !serie.scale ? yScale(datum.value) : y2Scale(datum.value),
+        name: serie.name,
+        xValue: xAxis.cols[i],
+        yValue: datum.value
+      }))
+    ).flat(1);
+    const postionUniqueData = {};
+    valueToPositionPerSeries.forEach((set) => {
+      if (postionUniqueData[[set.position]]) {
+        postionUniqueData[[set.position]] = [...postionUniqueData[[set.position]], { ...set }];
+      } else {
+        postionUniqueData[[set.position]] = [{ ...set }];
+      }
+    });
+    return postionUniqueData;
+  }, [data, xAxis.cols, y2Scale, yScale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    children: Object.keys(uniqueData).map((key) => {
+      const yPosition = parseFloat(key);
+      const datum = uniqueData[key];
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+        children: [
+          scrapperPosY === yPosition ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+            children: [
+              TooltipRenderer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("foreignObject", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_popperjs.DSPopperJS, {
+                  withoutAnimation: true,
+                  withoutArrow: true,
+                  customOffset: [0, 5],
+                  referenceElement,
+                  showPopover: true,
+                  zIndex: theme.zIndex.tooltip,
+                  startPlacementPreference: scrapper.tooltipPreference,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMouseOverDetectionBox, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipContainer, {
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRenderer, {
+                        data: datum
+                      })
+                    })
+                  ]
+                })
+              }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", {
+                ref: setReferenceElement,
+                x1: innerWidth,
+                strokeWidth: "2px",
+                stroke: "transparent",
+                y1: yPosition,
+                x2: innerWidth,
+                y2: yPosition
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", {
+                x1: 0,
+                strokeWidth: "2px",
+                stroke: "grey",
+                strokeDasharray: (4, 4),
+                y1: yPosition,
+                x2: innerWidth,
+                y2: yPosition
+              })
+            ]
+          }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", {
+            onMouseEnter: () => setScrapperPosY(yPosition),
+            x1: 0,
+            strokeWidth: "4px",
+            stroke: "transparent",
+            y1: yPosition,
+            x2: innerWidth,
+            y2: yPosition
+          })
+        ]
+      }, key);
+    })
+  });
+};
+//# sourceMappingURL=Scrapper.js.map

package/dist/cjs/graphs/Chart/parts/Scrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/Scrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ThemeContext, styled } from '@elliemae/ds-system';\nimport { ChartContext } from '../ChartContext';\nimport { StyledMouseOverDetectionBox, StyledTooltipContainer } from '../styles';\n\nexport const Scrapper = () => {\n  const {\n    yScale,\n    y2Scale,\n    scrapperPosY,\n    setScrapperPosY,\n    xScale,\n    innerHeight,\n    innerWidth,\n    props: { TooltipRenderer, xAxis, data, scrapper },\n  } = useContext(ChartContext);\n  const theme = useContext(ThemeContext);\n  const [referenceElement, setReferenceElement] = useState<React.SVGProps<SVGLineElement> | null>();\n\n  const uniqueData = useMemo(() => {\n    const valueToPositionPerSeries = data\n      .map((serie) =>\n        serie.data.map((datum, i) => ({\n          position: serie.scale === 'y' || !serie.scale ? yScale(datum.value) : y2Scale(datum.value),\n          name: serie.name,\n          xValue: xAxis.cols[i],\n          yValue: datum.value,\n        })),\n      )\n      .flat(1);\n\n    const postionUniqueData = {};\n\n    valueToPositionPerSeries.forEach((set) => {\n      if (postionUniqueData[[set.position]]) {\n        postionUniqueData[[set.position]] = [...postionUniqueData[[set.position]], { ...set }];\n      } else {\n        postionUniqueData[[set.position]] = [{ ...set }];\n      }\n    });\n\n    return postionUniqueData;\n  }, [data, xAxis.cols, y2Scale, yScale]);\n\n  return (\n    <g>\n      {Object.keys(uniqueData).map((key) => {\n        const yPosition = parseFloat(key);\n        const datum = uniqueData[key];\n        return (\n          <g key={key}>\n            {scrapperPosY === yPosition ? (\n              <g>\n                {TooltipRenderer ? (\n                  <foreignObject>\n                    <DSPopperJS\n                      withoutAnimation\n                      withoutArrow\n                      customOffset={[0, 5]}\n                      referenceElement={referenceElement}\n                      showPopover\n                      zIndex={theme.zIndex.tooltip}\n                      // placementOrderPreference=\"\"\n                      startPlacementPreference={scrapper.tooltipPreference}\n                    >\n                      <StyledMouseOverDetectionBox />\n                      <StyledTooltipContainer>\n                        <TooltipRenderer data={datum} />\n                      </StyledTooltipContainer>\n                    </DSPopperJS>\n                  </foreignObject>\n                ) : null}\n                <line\n                  ref={setReferenceElement}\n                  x1={innerWidth}\n                  strokeWidth=\"2px\"\n                  stroke=\"transparent\"\n                  y1={yPosition}\n                  x2={innerWidth}\n                  y2={yPosition}\n                />\n                <line\n                  // ref={setReferenceElement}\n                  x1={0}\n                  strokeWidth=\"2px\"\n                  stroke=\"grey\"\n                  strokeDasharray={(4, 4)}\n                  y1={yPosition}\n                  x2={innerWidth}\n                  y2={yPosition}\n                />\n              </g>\n            ) : null}\n            <line\n              onMouseEnter={() => setScrapperPosY(yPosition)}\n              // onMouseLeave={() => setScrapperPosY('')}\n              // id=\"horizontal-scrapper-zone\"\n              x1={0}\n              strokeWidth=\"4px\"\n              stroke=\"transparent\"\n              y1={yPosition}\n              x2={innerWidth}\n              y2={yPosition}\n            />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAqD;AACrD,yBAA2B;AAC3B,uBAAqC;AACrC,0BAA6B;AAC7B,oBAAoE;AAE7D,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,iBAAiB,OAAO,MAAM,SAAS;AAAA,EAClD,QAAI,yBAAW,gCAAY;AAC3B,QAAM,YAAQ,yBAAW,6BAAY;AACrC,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAgD;AAEhG,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAM,2BAA2B,KAC9B;AAAA,MAAI,CAAC,UACJ,MAAM,KAAK,IAAI,CAAC,OAAO,OAAO;AAAA,QAC5B,UAAU,MAAM,UAAU,OAAO,CAAC,MAAM,QAAQ,OAAO,MAAM,KAAK,IAAI,QAAQ,MAAM,KAAK;AAAA,QACzF,MAAM,MAAM;AAAA,QACZ,QAAQ,MAAM,KAAK;AAAA,QACnB,QAAQ,MAAM;AAAA,MAChB,EAAE;AAAA,IACJ,EACC,KAAK,CAAC;AAET,UAAM,oBAAoB,CAAC;AAE3B,6BAAyB,QAAQ,CAAC,QAAQ;AACxC,UAAI,kBAAkB,CAAC,IAAI,QAAQ,IAAI;AACrC,0BAAkB,CAAC,IAAI,QAAQ,KAAK,CAAC,GAAG,kBAAkB,CAAC,IAAI,QAAQ,IAAI,EAAE,GAAG,IAAI,CAAC;AAAA,MACvF,OAAO;AACL,0BAAkB,CAAC,IAAI,QAAQ,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAAA,MACjD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,MAAM,MAAM,SAAS,MAAM,CAAC;AAEtC,SACE,4CAAC;AAAA,IACE,iBAAO,KAAK,UAAU,EAAE,IAAI,CAAC,QAAQ;AACpC,YAAM,YAAY,WAAW,GAAG;AAChC,YAAM,QAAQ,WAAW;AACzB,aACE,6CAAC;AAAA,QACE;AAAA,2BAAiB,YAChB,6CAAC;AAAA,YACE;AAAA,gCACC,4CAAC;AAAA,gBACC,uDAAC;AAAA,kBACC,kBAAgB;AAAA,kBAChB,cAAY;AAAA,kBACZ,cAAc,CAAC,GAAG,CAAC;AAAA,kBACnB;AAAA,kBACA,aAAW;AAAA,kBACX,QAAQ,MAAM,OAAO;AAAA,kBAErB,0BAA0B,SAAS;AAAA,kBAEnC;AAAA,gEAAC,6CAA4B;AAAA,oBAC7B,4CAAC;AAAA,sBACC,sDAAC;AAAA,wBAAgB,MAAM;AAAA,uBAAO;AAAA,qBAChC;AAAA;AAAA,iBACF;AAAA,eACF,IACE;AAAA,cACJ,4CAAC;AAAA,gBACC,KAAK;AAAA,gBACL,IAAI;AAAA,gBACJ,aAAY;AAAA,gBACZ,QAAO;AAAA,gBACP,IAAI;AAAA,gBACJ,IAAI;AAAA,gBACJ,IAAI;AAAA,eACN;AAAA,cACA,4CAAC;AAAA,gBAEC,IAAI;AAAA,gBACJ,aAAY;AAAA,gBACZ,QAAO;AAAA,gBACP,kBAAkB,GAAG;AAAA,gBACrB,IAAI;AAAA,gBACJ,IAAI;AAAA,gBACJ,IAAI;AAAA,eACN;AAAA;AAAA,WACF,IACE;AAAA,UACJ,4CAAC;AAAA,YACC,cAAc,MAAM,gBAAgB,SAAS;AAAA,YAG7C,IAAI;AAAA,YACJ,aAAY;AAAA,YACZ,QAAO;AAAA,YACP,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,IAAI;AAAA,WACN;AAAA;AAAA,SArDM,GAsDR;AAAA,IAEJ,CAAC;AAAA,GACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/parts/SeriesFactory.js

@@ -0,0 +1,82 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SeriesFactory_exports = {};
+__export(SeriesFactory_exports, {
+  SeriesFactory: () => SeriesFactory
+});
+module.exports = __toCommonJS(SeriesFactory_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ChartContext = require("../ChartContext");
+var import_series = require("../series");
+var import_helpers = require("../helpers");
+const SeriesFactory = () => {
+  const {
+    props: { data, groups, types }
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const render = (0, import_react.useMemo)(() => {
+    if (types === "pie") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Pie, {});
+    }
+    return data.map((serie) => {
+      const serieProps = {
+        key: serie.key,
+        serie
+      };
+      if (serie.type === "bar" && groups && (0, import_helpers.getStackedIndex)(groups, serie.name) > -1) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.StackedBar, {
+          ...serieProps
+        });
+      }
+      if (serie.type === "bar") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Bars, {
+          ...serieProps
+        });
+      }
+      if (types === "scatter" && !serie.type || serie.type === "point") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Points, {
+          ...serieProps
+        });
+      }
+      if (serie.type === "line") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Line, {
+          ...serieProps
+        });
+      }
+      if (serie.type === "area") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Area, {
+          ...serieProps
+        });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+    });
+  }, [data, groups, types]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    className: "content",
+    children: render
+  });
+};
+//# sourceMappingURL=SeriesFactory.js.map

package/dist/cjs/graphs/Chart/parts/SeriesFactory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/SeriesFactory.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo } from 'react';\nimport { ChartContext } from '../ChartContext';\nimport { Line, Points, Bars, StackedBar, Area, Pie } from '../series';\nimport { getStackedIndex } from '../helpers';\nexport const SeriesFactory = () => {\n  const {\n    props: { data, groups, types },\n  } = useContext(ChartContext);\n\n  const render: JSX.Element | JSX.Element[] = useMemo(() => {\n    if (types === 'pie') {\n      return <Pie />;\n    }\n    return data.map((serie) => {\n      const serieProps = {\n        key: serie.key,\n        serie,\n      };\n      if (serie.type === 'bar' && groups && getStackedIndex(groups, serie.name) > -1) {\n        return <StackedBar {...serieProps} />;\n      }\n      if (serie.type === 'bar') {\n        return <Bars {...serieProps} />;\n      }\n      if ((types === 'scatter' && !serie.type) || serie.type === 'point') {\n        return <Points {...serieProps} />;\n      }\n      if (serie.type === 'line') {\n        return <Line {...serieProps} />;\n      }\n      if (serie.type === 'area') {\n        return <Area {...serieProps} />;\n      }\n      return <></>;\n    }) as JSX.Element[];\n  }, [data, groups, types]);\n  return <g className=\"content\">{render}</g>;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,mBAA2C;AAC3C,0BAA6B;AAC7B,oBAA0D;AAC1D,qBAAgC;AACzB,MAAM,gBAAgB,MAAM;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,QAAQ,MAAM;AAAA,EAC/B,QAAI,yBAAW,gCAAY;AAE3B,QAAM,aAAsC,sBAAQ,MAAM;AACxD,QAAI,UAAU,OAAO;AACnB,aAAO,4CAAC,qBAAI;AAAA,IACd;AACA,WAAO,KAAK,IAAI,CAAC,UAAU;AACzB,YAAM,aAAa;AAAA,QACjB,KAAK,MAAM;AAAA,QACX;AAAA,MACF;AACA,UAAI,MAAM,SAAS,SAAS,cAAU,gCAAgB,QAAQ,MAAM,IAAI,IAAI,IAAI;AAC9E,eAAO,4CAAC;AAAA,UAAY,GAAG;AAAA,SAAY;AAAA,MACrC;AACA,UAAI,MAAM,SAAS,OAAO;AACxB,eAAO,4CAAC;AAAA,UAAM,GAAG;AAAA,SAAY;AAAA,MAC/B;AACA,UAAK,UAAU,aAAa,CAAC,MAAM,QAAS,MAAM,SAAS,SAAS;AAClE,eAAO,4CAAC;AAAA,UAAQ,GAAG;AAAA,SAAY;AAAA,MACjC;AACA,UAAI,MAAM,SAAS,QAAQ;AACzB,eAAO,4CAAC;AAAA,UAAM,GAAG;AAAA,SAAY;AAAA,MAC/B;AACA,UAAI,MAAM,SAAS,QAAQ;AACzB,eAAO,4CAAC;AAAA,UAAM,GAAG;AAAA,SAAY;AAAA,MAC/B;AACA,aAAO,2EAAE;AAAA,IACX,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,QAAQ,KAAK,CAAC;AACxB,SAAO,4CAAC;AAAA,IAAE,WAAU;AAAA,IAAW;AAAA,GAAO;AACxC;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/parts/VerticalScrapper.js

@@ -0,0 +1,138 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var VerticalScrapper_exports = {};
+__export(VerticalScrapper_exports, {
+  VerticalScrapper: () => VerticalScrapper
+});
+module.exports = __toCommonJS(VerticalScrapper_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ChartContext = require("../ChartContext");
+var import_styles = require("../styles");
+const VerticalScrapper = () => {
+  const {
+    xScale,
+    scrapperPosX,
+    setScrapperPosX,
+    innerHeight,
+    innerWidth,
+    getBandwidth,
+    props: { TooltipRenderer, xAxis, data, scrapper }
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
+  const isBandAxis = !!(!xAxis.type || xAxis.cols);
+  const uniqueData = (0, import_react.useMemo)(() => {
+    let valueToPositionPerSeries;
+    if (isBandAxis) {
+      valueToPositionPerSeries = data.map(
+        (serie) => serie.data.map((datum) => {
+          const x = xAxis.cols ? xAxis.cols[datum.position] : datum.value.x;
+          const y = typeof datum.value === "number" ? datum.value : datum.value.y;
+          return {
+            position: xScale(x),
+            name: serie.name,
+            xValue: x,
+            yValue: y
+          };
+        })
+      ).flat(1);
+    } else {
+      valueToPositionPerSeries = data.map(
+        (serie) => serie.data.map((datum) => ({
+          position: xScale(datum.value.x),
+          name: serie.name,
+          xValue: datum.value.x,
+          yValue: datum.value.y
+        }))
+      ).flat(1);
+    }
+    const postionUniqueData = {};
+    valueToPositionPerSeries.forEach((set) => {
+      if (postionUniqueData[[set.position]]) {
+        postionUniqueData[[set.position]] = [...postionUniqueData[[set.position]], { ...set }];
+      } else {
+        postionUniqueData[[set.position]] = [{ ...set }];
+      }
+    });
+    return postionUniqueData;
+  }, [isBandAxis, data, xScale, xAxis.cols]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    children: Object.keys(uniqueData).map((key) => {
+      const xPosition = parseFloat(key) + (isBandAxis ? getBandwidth() / 2 : 0);
+      const datum = uniqueData[key];
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+        children: [
+          scrapperPosX === xPosition ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+            children: [
+              TooltipRenderer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("foreignObject", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_popperjs.DSPopperJS, {
+                  withoutAnimation: true,
+                  withoutArrow: true,
+                  customOffset: [0, 5],
+                  referenceElement,
+                  showPopover: true,
+                  zIndex: theme.zIndex.tooltip,
+                  startPlacementPreference: scrapper.tooltipPreference,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMouseOverDetectionBox, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTooltipContainer, {
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRenderer, {
+                        data: datum
+                      })
+                    })
+                  ]
+                })
+              }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", {
+                ref: setReferenceElement,
+                x1: xPosition,
+                strokeWidth: "2px",
+                stroke: scrapper.color,
+                y1: 0,
+                x2: xPosition,
+                y2: innerHeight,
+                strokeDasharray: (4, 4)
+              })
+            ]
+          }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", {
+            onMouseEnter: () => setScrapperPosX(xPosition),
+            x1: xPosition,
+            strokeWidth: `${isBandAxis ? getBandwidth() : "2"}px`,
+            stroke: "transparent",
+            y1: 0,
+            x2: xPosition,
+            y2: innerHeight
+          })
+        ]
+      }, key);
+    })
+  });
+};
+//# sourceMappingURL=VerticalScrapper.js.map

package/dist/cjs/graphs/Chart/parts/VerticalScrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/VerticalScrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ThemeContext, styled } from '@elliemae/ds-system';\nimport { ChartContext } from '../ChartContext';\nimport { StyledMouseOverDetectionBox, StyledTooltipContainer } from '../styles';\n\nexport const VerticalScrapper = () => {\n  const {\n    xScale,\n    scrapperPosX,\n    setScrapperPosX,\n    innerHeight,\n    innerWidth,\n    getBandwidth,\n    props: { TooltipRenderer, xAxis, data, scrapper },\n  } = useContext(ChartContext);\n  const theme = useContext(ThemeContext);\n  const [referenceElement, setReferenceElement] = useState<React.SVGProps<SVGLineElement> | null>();\n\n  const isBandAxis = !!(!xAxis.type || xAxis.cols);\n\n  const uniqueData = useMemo(() => {\n    let valueToPositionPerSeries;\n    if (isBandAxis) {\n      valueToPositionPerSeries = data\n        .map((serie) =>\n          serie.data.map((datum) => {\n            const x = xAxis.cols ? xAxis.cols[datum.position] : datum.value.x;\n            const y = typeof datum.value === 'number' ? datum.value : datum.value.y;\n            return {\n              position: xScale(x),\n              name: serie.name,\n              xValue: x,\n              yValue: y,\n            };\n          }),\n        )\n        .flat(1);\n    } else {\n      valueToPositionPerSeries = data\n        .map((serie) =>\n          serie.data.map((datum) => ({\n            position: xScale(datum.value.x),\n            name: serie.name,\n            xValue: datum.value.x,\n            yValue: datum.value.y,\n          })),\n        )\n        .flat(1);\n    }\n\n    const postionUniqueData = {};\n\n    valueToPositionPerSeries.forEach((set) => {\n      if (postionUniqueData[[set.position]]) {\n        postionUniqueData[[set.position]] = [...postionUniqueData[[set.position]], { ...set }];\n      } else {\n        postionUniqueData[[set.position]] = [{ ...set }];\n      }\n    });\n\n    return postionUniqueData;\n  }, [isBandAxis, data, xScale, xAxis.cols]);\n\n  return (\n    <g>\n      {Object.keys(uniqueData).map((key) => {\n        const xPosition = parseFloat(key) + (isBandAxis ? getBandwidth() / 2 : 0);\n        const datum = uniqueData[key];\n        return (\n          <g key={key}>\n            {scrapperPosX === xPosition ? (\n              <g>\n                {TooltipRenderer ? (\n                  <foreignObject>\n                    <DSPopperJS\n                      withoutAnimation\n                      withoutArrow\n                      customOffset={[0, 5]}\n                      referenceElement={referenceElement}\n                      showPopover\n                      zIndex={theme.zIndex.tooltip}\n                      startPlacementPreference={scrapper.tooltipPreference}\n                    >\n                      <StyledMouseOverDetectionBox />\n                      <StyledTooltipContainer>\n                        <TooltipRenderer data={datum} />\n                      </StyledTooltipContainer>\n                    </DSPopperJS>\n                  </foreignObject>\n                ) : null}\n                <line\n                  ref={setReferenceElement}\n                  x1={xPosition}\n                  strokeWidth=\"2px\"\n                  stroke={scrapper.color}\n                  y1={0}\n                  x2={xPosition}\n                  y2={innerHeight}\n                  strokeDasharray={(4, 4)}\n                />\n              </g>\n            ) : null}\n            <line\n              onMouseEnter={() => setScrapperPosX(xPosition)}\n              // onMouseLeave={() => setScrapperPosY('')}\n              // id=\"horizontal-scrapper-zone\"\n              x1={xPosition}\n              strokeWidth={`${isBandAxis ? getBandwidth() : '2'}px`}\n              stroke=\"transparent\"\n              y1={0}\n              x2={xPosition}\n              y2={innerHeight}\n            />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}