@elliemae/ds-dataviz 3.6.0-next.3

package/dist/cjs/graphs/Chart/react-desc-prop-types.js

@@ -0,0 +1,57 @@
+"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 react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  defaultProps: () => defaultProps,
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const defaultProps = {
+  yAxis: {
+    showGrid: true,
+    color: "black",
+    type: "linear"
+  },
+  xAxis: {
+    showGrid: true,
+    color: "black",
+    type: "band"
+  }
+};
+const propTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  height: import_ds_utilities.PropTypes.number.isRequired.description("height").defaultValue(""),
+  width: import_ds_utilities.PropTypes.number.isRequired.description("height").defaultValue(""),
+  margin: import_ds_utilities.PropTypes.shape({
+    top: import_ds_utilities.PropTypes.number,
+    bottom: import_ds_utilities.PropTypes.number,
+    left: import_ds_utilities.PropTypes.number,
+    right: import_ds_utilities.PropTypes.number
+  }).isRequired.description("margin").defaultValue(""),
+  series: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.object).description("yValue").defaultValue("")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/graphs/Chart/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/graphs/Chart/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-utilities';\n\ntype MarginT = {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n};\n\nexport declare namespace DSPieT {\n  export interface SeriesT {\n    name: string;\n    data: number;\n    color: string;\n  }\n  export interface Props {\n    series: SeriesT[];\n    height: number;\n    width: number;\n    margin: MarginT;\n  }\n}\nexport declare namespace DSChartT {\n  export type SerieTypeT = 'line' | 'bar' | 'stackedBar' | 'spline';\n  export type AxisTypeT = 'log' | 'band' | 'time' | 'linear';\n\n  export interface SeriesT {\n    name: string;\n    data: number[] | { x: number; y: number }[];\n    type: SerieTypeT;\n    scale?: string;\n    color: string;\n  }\n\n  export interface AxisT {\n    showGrid: boolean;\n    color: string;\n    type: AxisTypeT;\n    cols?: number[] | string[] | Date[];\n    padding?: number;\n    beginAtZero?: boolean;\n  }\n\n  export interface InternalData {\n    key: string;\n    group: string;\n    type: DSChartT.SerieTypeT;\n    scale?: string;\n    color: string;\n    values: {\n      key: string;\n      value: number;\n      position: number;\n    }[];\n  }\n\n  export interface OptionalProps {\n    y2Axis?: AxisT;\n    groups?: string[][];\n    types?: 'scatter' | 'pie';\n  }\n\n  export interface DefaultProps {\n    yAxis: AxisT;\n    xAxis: AxisT;\n  }\n\n  export interface RequiredProps {\n    series: SeriesT[];\n    height: number;\n    width: number;\n    margin: MarginT;\n  }\n\n  export interface Props extends OptionalProps, DefaultProps, RequiredProps {}\n}\n\nexport const defaultProps: DSChartT.DefaultProps = {\n  yAxis: {\n    showGrid: true,\n    color: 'black',\n    type: 'linear',\n  },\n  xAxis: {\n    showGrid: true,\n    color: 'black',\n    type: 'band',\n  },\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  height: PropTypes.number.isRequired.description('height').defaultValue(''),\n  width: PropTypes.number.isRequired.description('height').defaultValue(''),\n  margin: PropTypes.shape({\n    top: PropTypes.number,\n    bottom: PropTypes.number,\n    left: PropTypes.number,\n    right: PropTypes.number,\n  })\n    .isRequired.description('margin')\n    .defaultValue(''),\n  series: PropTypes.arrayOf(PropTypes.object).description('yValue').defaultValue(''),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AA6E9C,MAAM,eAAsC;AAAA,EACjD,OAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,QAAQ,8BAAU,OAAO,WAAW,YAAY,QAAQ,EAAE,aAAa,EAAE;AAAA,EACzE,OAAO,8BAAU,OAAO,WAAW,YAAY,QAAQ,EAAE,aAAa,EAAE;AAAA,EACxE,QAAQ,8BAAU,MAAM;AAAA,IACtB,KAAK,8BAAU;AAAA,IACf,QAAQ,8BAAU;AAAA,IAClB,MAAM,8BAAU;AAAA,IAChB,OAAO,8BAAU;AAAA,EACnB,CAAC,EACE,WAAW,YAAY,QAAQ,EAC/B,aAAa,EAAE;AAAA,EAClB,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,QAAQ,EAAE,aAAa,EAAE;AACnF;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Area.js

@@ -0,0 +1,73 @@
+"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 Area_exports = {};
+__export(Area_exports, {
+  Area: () => Area
+});
+module.exports = __toCommonJS(Area_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_d3 = require("d3");
+var import_Points = require("./Points");
+var import_styles = require("../styles");
+var import_ChartContext = require("../ChartContext");
+var import_helpers = require("../helpers");
+const Area = ({ serie }) => {
+  const {
+    props: { xAxis },
+    xScale,
+    yScale,
+    innerHeight,
+    y2Scale,
+    colorScale,
+    activeSerie,
+    stackedData,
+    setActiveSerie
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const finalYScale = serie.scale === "y2" ? y2Scale : yScale;
+  const areaD3 = (0, import_react.useMemo)(() => {
+    const serieWithStackedValues = (0, import_helpers.getStackedData)(stackedData, serie);
+    if (serieWithStackedValues) {
+      return (0, import_d3.area)().x((_, i) => xScale(serie.data[i].value.x)).y0(([y1]) => finalYScale(y1)).y1(([, y2]) => finalYScale(y2)).curve(import_d3.curveMonotoneX)(serieWithStackedValues);
+    }
+    return (0, import_d3.area)().x((d) => xScale(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position)).y0(innerHeight).y1((d) => finalYScale(d.value.y ?? d.value)).curve(import_d3.curveMonotoneX)(serie.data);
+  }, [stackedData, serie, innerHeight, finalYScale, xScale, xAxis?.cols]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+    onMouseEnter: () => setActiveSerie(serie.key),
+    onMouseLeave: () => setActiveSerie(""),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledArea, {
+        d: areaD3,
+        isActiveArea: activeSerie === serie.key,
+        fill: colorScale(serie.name)
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Points.Points, {
+        serie
+      })
+    ]
+  });
+};
+//# sourceMappingURL=Area.js.map

package/dist/cjs/graphs/Chart/series/Area.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Area.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { area, curveMonotoneX } from 'd3';\nimport { Points } from './Points';\nimport { StyledArea } from '../styles';\nimport { ChartContext } from '../ChartContext';\nimport { getStackedData } from '../helpers';\nexport const Area = ({ serie }) => {\n  const {\n    props: { xAxis },\n    xScale,\n    yScale,\n    innerHeight,\n    y2Scale,\n    colorScale,\n    activeSerie,\n    stackedData,\n    setActiveSerie,\n  } = useContext(ChartContext);\n\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const areaD3 = useMemo(() => {\n    const serieWithStackedValues = getStackedData(stackedData, serie);\n    if (serieWithStackedValues) {\n      return area()\n        .x((_, i) => xScale(serie.data[i].value.x))\n        .y0(([y1]) => finalYScale(y1))\n        .y1(([, y2]) => finalYScale(y2))\n        .curve(curveMonotoneX)(serieWithStackedValues);\n    }\n    return area()\n      .x((d) => xScale(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position))\n      .y0(innerHeight)\n      .y1((d) => finalYScale(d.value.y ?? d.value))\n      .curve(curveMonotoneX)(serie.data);\n  }, [stackedData, serie, innerHeight, finalYScale, xScale, xAxis?.cols]);\n\n  return (\n    <g\n      // transform={getBandwidth ? `translate(${getBandwidth() / 2}, 0)` : ''}\n      onMouseEnter={() => setActiveSerie(serie.key)}\n      onMouseLeave={() => setActiveSerie('')}\n    >\n      <StyledArea d={areaD3} isActiveArea={activeSerie === serie.key} fill={colorScale(serie.name)} />\n      <Points serie={serie} />\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA2C;AAC3C,gBAAqC;AACrC,oBAAuB;AACvB,oBAA2B;AAC3B,0BAA6B;AAC7B,qBAA+B;AACxB,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,QAAI,wBAAwB;AAC1B,iBAAO,gBAAK,EACT,EAAE,CAAC,GAAG,MAAM,OAAO,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,EACzC,GAAG,CAAC,CAAC,EAAE,MAAM,YAAY,EAAE,CAAC,EAC5B,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,YAAY,EAAE,CAAC,EAC9B,MAAM,wBAAc,EAAE,sBAAsB;AAAA,IACjD;AACA,eAAO,gBAAK,EACT,EAAE,CAAC,MAAM,OAAO,EAAE,MAAM,KAAK,OAAO,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EACrE,GAAG,WAAW,EACd,GAAG,CAAC,MAAM,YAAY,EAAE,MAAM,KAAK,EAAE,KAAK,CAAC,EAC3C,MAAM,wBAAc,EAAE,MAAM,IAAI;AAAA,EACrC,GAAG,CAAC,aAAa,OAAO,aAAa,aAAa,QAAQ,OAAO,IAAI,CAAC;AAEtE,SACE,6CAAC;AAAA,IAEC,cAAc,MAAM,eAAe,MAAM,GAAG;AAAA,IAC5C,cAAc,MAAM,eAAe,EAAE;AAAA,IAErC;AAAA,kDAAC;AAAA,QAAW,GAAG;AAAA,QAAQ,cAAc,gBAAgB,MAAM;AAAA,QAAK,MAAM,WAAW,MAAM,IAAI;AAAA,OAAG;AAAA,MAC9F,4CAAC;AAAA,QAAO;AAAA,OAAc;AAAA;AAAA,GACxB;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Bars.js

@@ -0,0 +1,68 @@
+"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 Bars_exports = {};
+__export(Bars_exports, {
+  Bars: () => Bars
+});
+module.exports = __toCommonJS(Bars_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Rect = require("./Rect");
+var import_ChartContext = require("../ChartContext");
+const Bars = ({ serie }) => {
+  const {
+    props: { xAxis, yAxis },
+    innerHeight,
+    xScale,
+    yScale,
+    getBandwidth,
+    subGroupScale,
+    colorScale
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const isHorizontal = !!yScale.bandwidth;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    fill: colorScale(serie.name),
+    children: serie.data.map((bar, i) => {
+      const width = isHorizontal ? xScale(bar.value) : subGroupScale?.bandwidth();
+      const height = isHorizontal ? subGroupScale?.bandwidth() : innerHeight - yScale(bar.value.y ?? bar.value);
+      const x = xAxis?.cols?.[i] ?? bar.value.x ?? i;
+      const y = bar.value.y ?? bar.value;
+      const transformX = isHorizontal ? 0 : subGroupScale(serie.name) + xScale(x) - (bar.value.x ? width / 2 * subGroupScale.domain().length : 0);
+      const transformY = isHorizontal ? subGroupScale(serie.name) + yScale(yAxis?.cols?.[i] ?? i) : yScale(y);
+      const diff = xScale(bar.value.x) - width / 2;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+        transform: `translate(${transformX},${transformY})`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Rect.Rect, {
+          width,
+          height,
+          label: serie.name,
+          id: bar.key
+        })
+      }, bar.key);
+    })
+  });
+};
+//# sourceMappingURL=Bars.js.map

package/dist/cjs/graphs/Chart/series/Bars.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Bars.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ScaleBand } from 'd3';\nimport { Rect } from './Rect';\nimport { ChartContext } from '../ChartContext';\nimport { DSChartT } from '../react-desc-prop-types';\n\ninterface BarsT {\n  serie: DSChartT.InternalData;\n}\nexport const Bars = ({ serie }: BarsT) => {\n  const {\n    props: { xAxis, yAxis },\n    innerHeight,\n    xScale,\n    yScale,\n    getBandwidth,\n    subGroupScale,\n    colorScale,\n  } = useContext(ChartContext);\n\n  const isHorizontal = !!(yScale as ScaleBand<string>).bandwidth;\n  return (\n    <g fill={colorScale(serie.name)}>\n      {serie.data.map((bar, i) => {\n        const width = isHorizontal ? xScale(bar.value) : subGroupScale?.bandwidth();\n        const height = isHorizontal ? subGroupScale?.bandwidth() : innerHeight - yScale(bar.value.y ?? bar.value);\n\n        const x = xAxis?.cols?.[i] ?? bar.value.x ?? i;\n        const y = bar.value.y ?? bar.value;\n\n        const transformX = isHorizontal\n          ? 0\n          : subGroupScale(serie.name) + xScale(x) - (bar.value.x ? (width / 2) * subGroupScale.domain().length : 0);\n        const transformY = isHorizontal ? subGroupScale(serie.name) + yScale(yAxis?.cols?.[i] ?? i) : yScale(y);\n\n        const diff = xScale(bar.value.x) - width / 2;\n        return (\n          <g key={bar.key} transform={`translate(${transformX},${transformY})`}>\n            <Rect width={width} height={height} label={serie.name} id={bar.key} />\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;AACA,mBAAkC;AAElC,kBAAqB;AACrB,0BAA6B;AAMtB,MAAM,OAAO,CAAC,EAAE,MAAM,MAAa;AACxC,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,MAAM;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,eAAe,CAAC,CAAE,OAA6B;AACrD,SACE,4CAAC;AAAA,IAAE,MAAM,WAAW,MAAM,IAAI;AAAA,IAC3B,gBAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,YAAM,QAAQ,eAAe,OAAO,IAAI,KAAK,IAAI,eAAe,UAAU;AAC1E,YAAM,SAAS,eAAe,eAAe,UAAU,IAAI,cAAc,OAAO,IAAI,MAAM,KAAK,IAAI,KAAK;AAExG,YAAM,IAAI,OAAO,OAAO,MAAM,IAAI,MAAM,KAAK;AAC7C,YAAM,IAAI,IAAI,MAAM,KAAK,IAAI;AAE7B,YAAM,aAAa,eACf,IACA,cAAc,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,IAAI,MAAM,IAAK,QAAQ,IAAK,cAAc,OAAO,EAAE,SAAS;AACzG,YAAM,aAAa,eAAe,cAAc,MAAM,IAAI,IAAI,OAAO,OAAO,OAAO,MAAM,CAAC,IAAI,OAAO,CAAC;AAEtG,YAAM,OAAO,OAAO,IAAI,MAAM,CAAC,IAAI,QAAQ;AAC3C,aACE,4CAAC;AAAA,QAAgB,WAAW,aAAa,cAAc;AAAA,QACrD,sDAAC;AAAA,UAAK;AAAA,UAAc;AAAA,UAAgB,OAAO,MAAM;AAAA,UAAM,IAAI,IAAI;AAAA,SAAK;AAAA,SAD9D,IAAI,GAEZ;AAAA,IAEJ,CAAC;AAAA,GACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Line.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 Line_exports = {};
+__export(Line_exports, {
+  Line: () => Line
+});
+module.exports = __toCommonJS(Line_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_d3 = require("d3");
+var import_styles = require("../styles");
+var import_Points = require("./Points");
+var import_ChartContext = require("../ChartContext");
+const Line = ({ serie }) => {
+  const {
+    props: { xAxis },
+    xScale,
+    yScale,
+    y2Scale,
+    colorScale,
+    activeSerie,
+    setActiveSerie
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const finalYScale = serie.scale === "y2" ? y2Scale : yScale;
+  const lineTypeMap = {
+    line: import_d3.curveLinear,
+    spline: import_d3.curveNatural
+  };
+  const lineD3 = (0, import_react.useMemo)(
+    () => (0, import_d3.line)().x((d) => xScale(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position)).y((d) => finalYScale(d.value.y ?? d.value)).curve(lineTypeMap[serie.type] ?? import_d3.curveLinear)(serie.data),
+    [lineTypeMap, serie.type, serie.data, xScale, xAxis?.cols, finalYScale]
+  );
+  const xTranslate = (xScale?.bandwidth?.() ?? 0) / 2;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+    transform: `translate(${xTranslate}, 0)`,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLine, {
+        d: lineD3,
+        stroke: colorScale(serie.name)
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Points.Points, {
+        serie
+      })
+    ]
+  });
+};
+//# sourceMappingURL=Line.js.map

package/dist/cjs/graphs/Chart/series/Line.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Line.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { line, curveNatural, curveLinear } from 'd3';\nimport { StyledLine } from '../styles';\nimport { Points } from './Points';\nimport { ChartContext } from '../ChartContext';\n\nexport const Line = ({ serie }) => {\n  const {\n    props: { xAxis },\n    xScale,\n    yScale,\n    y2Scale,\n    colorScale,\n    activeSerie,\n    setActiveSerie,\n  } = useContext(ChartContext);\n\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n  const lineTypeMap = {\n    line: curveLinear,\n    spline: curveNatural,\n  };\n\n  const lineD3 = useMemo(\n    () =>\n      line()\n        .x((d) => xScale(d.value.x ?? xAxis?.cols?.[d.position] ?? d.position))\n        .y((d) => finalYScale(d.value.y ?? d.value))\n        .curve(lineTypeMap[serie.type] ?? curveLinear)(serie.data),\n    [lineTypeMap, serie.type, serie.data, xScale, xAxis?.cols, finalYScale],\n  );\n\n  // we need to center the points and lines when\n  // using them in a band axis context\n  const xTranslate = (xScale?.bandwidth?.() ?? 0) / 2;\n\n  return (\n    <g\n      transform={`translate(${xTranslate}, 0)`}\n      // onMouseEnter={() => setActiveSerie(serie.key)}\n      // onMouseLeave={() => setActiveSerie('')}\n    >\n      <StyledLine d={lineD3} stroke={colorScale(serie.name)} />\n      <Points serie={serie} />\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,gBAAgD;AAChD,oBAA2B;AAC3B,oBAAuB;AACvB,0BAA6B;AAEtB,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM;AACjC,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AACrD,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAEA,QAAM,aAAS;AAAA,IACb,UACE,gBAAK,EACF,EAAE,CAAC,MAAM,OAAO,EAAE,MAAM,KAAK,OAAO,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EACrE,EAAE,CAAC,MAAM,YAAY,EAAE,MAAM,KAAK,EAAE,KAAK,CAAC,EAC1C,MAAM,YAAY,MAAM,SAAS,qBAAW,EAAE,MAAM,IAAI;AAAA,IAC7D,CAAC,aAAa,MAAM,MAAM,MAAM,MAAM,QAAQ,OAAO,MAAM,WAAW;AAAA,EACxE;AAIA,QAAM,cAAc,QAAQ,YAAY,KAAK,KAAK;AAElD,SACE,6CAAC;AAAA,IACC,WAAW,aAAa;AAAA,IAIxB;AAAA,kDAAC;AAAA,QAAW,GAAG;AAAA,QAAQ,QAAQ,WAAW,MAAM,IAAI;AAAA,OAAG;AAAA,MACvD,4CAAC;AAAA,QAAO;AAAA,OAAc;AAAA;AAAA,GACxB;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Pie.js

@@ -0,0 +1,46 @@
+"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 Pie_exports = {};
+__export(Pie_exports, {
+  Pie: () => Pie
+});
+module.exports = __toCommonJS(Pie_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 Pie = () => {
+  const {
+    innerHeight,
+    innerWidth,
+    colorScale,
+    props: { data }
+  } = (0, import_react.useContext)(import_ChartContext.PieChartContext);
+  const pieData = data.reduce((acc, curr) => acc[curr.name] = curr.value, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    transform: `translate(${innerWidth / 2},${innerHeight / 2}`
+  });
+};
+//# sourceMappingURL=Pie.js.map

package/dist/cjs/graphs/Chart/series/Pie.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Pie.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { pie } from 'd3';\nimport { PieChartContext } from '../ChartContext';\n\nexport const Pie = () => {\n  const {\n    innerHeight,\n    innerWidth,\n    colorScale,\n    props: { data },\n  } = useContext(PieChartContext);\n\n  const pieData = data.reduce((acc, curr) => (acc[curr.name] = curr.value), {});\n\n  return <g transform={`translate(${innerWidth / 2},${innerHeight / 2}`}></g>;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAElC,0BAAgC;AAEzB,MAAM,MAAM,MAAM;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,KAAK;AAAA,EAChB,QAAI,yBAAW,mCAAe;AAE9B,QAAM,UAAU,KAAK,OAAO,CAAC,KAAK,SAAU,IAAI,KAAK,QAAQ,KAAK,OAAQ,CAAC,CAAC;AAE5E,SAAO,4CAAC;AAAA,IAAE,WAAW,aAAa,aAAa,KAAK,cAAc;AAAA,GAAK;AACzE;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Point.js

@@ -0,0 +1,67 @@
+"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 Point_exports = {};
+__export(Point_exports, {
+  Point: () => Point
+});
+module.exports = __toCommonJS(Point_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_styles = require("../styles");
+var import_ChartContext = require("../ChartContext");
+const Point = ({ x, y, pointRadius, id, opacity }) => {
+  const {
+    activePoint,
+    setActivePoint,
+    scrapperPosY,
+    scrapperPosX,
+    props: { xAxis, withScrapper }
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const isFocused = (0, import_react.useMemo)(() => {
+    if (activePoint === id) {
+      return true;
+    }
+    if (withScrapper === "horizontal") {
+      return y === scrapperPosY;
+    }
+    if (withScrapper === "vertical") {
+      return x === scrapperPosX;
+    }
+    return false;
+  }, [activePoint, id, withScrapper, y, scrapperPosY, x, scrapperPosX]);
+  return (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPoint, {
+        id: `${id}-mark`,
+        isFocused,
+        r: pointRadius,
+        opacity
+      })
+    }),
+    [id, isFocused, opacity, pointRadius]
+  );
+};
+//# sourceMappingURL=Point.js.map

package/dist/cjs/graphs/Chart/series/Point.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Point.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { StyledPoint } from '../styles';\nimport { ChartContext } from '../ChartContext';\n\nexport const Point = ({ x, y, pointRadius, id, opacity }) => {\n  const {\n    activePoint,\n    setActivePoint,\n    scrapperPosY,\n    scrapperPosX,\n    props: { xAxis, withScrapper },\n  } = useContext(ChartContext);\n  const isFocused = useMemo(() => {\n    if (activePoint === id) {\n      return true;\n    }\n    if (withScrapper === 'horizontal') {\n      return y === scrapperPosY;\n    }\n    if (withScrapper === 'vertical') {\n      return x === scrapperPosX;\n    }\n    return false;\n  }, [activePoint, id, withScrapper, y, scrapperPosY, x, scrapperPosX]);\n\n  return useMemo(\n    () => (\n      <g>\n        <StyledPoint id={`${id}-mark`} isFocused={isFocused} r={pointRadius} opacity={opacity}></StyledPoint>\n      </g>\n    ),\n    [id, isFocused, opacity, pointRadius],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA2C;AAC3C,oBAA4B;AAC5B,0BAA6B;AAEtB,MAAM,QAAQ,CAAC,EAAE,GAAG,GAAG,aAAa,IAAI,QAAQ,MAAM;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,OAAO,aAAa;AAAA,EAC/B,QAAI,yBAAW,gCAAY;AAC3B,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,QAAI,gBAAgB,IAAI;AACtB,aAAO;AAAA,IACT;AACA,QAAI,iBAAiB,cAAc;AACjC,aAAO,MAAM;AAAA,IACf;AACA,QAAI,iBAAiB,YAAY;AAC/B,aAAO,MAAM;AAAA,IACf;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,IAAI,cAAc,GAAG,cAAc,GAAG,YAAY,CAAC;AAEpE,aAAO;AAAA,IACL,MACE,4CAAC;AAAA,MACC,sDAAC;AAAA,QAAY,IAAI,GAAG;AAAA,QAAW;AAAA,QAAsB,GAAG;AAAA,QAAa;AAAA,OAAkB;AAAA,KACzF;AAAA,IAEF,CAAC,IAAI,WAAW,SAAS,WAAW;AAAA,EACtC;AACF;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Points.js

@@ -0,0 +1,84 @@
+"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 Points_exports = {};
+__export(Points_exports, {
+  Points: () => Points
+});
+module.exports = __toCommonJS(Points_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Point = require("./Point");
+var import_ChartContext = require("../ChartContext");
+var import_helpers = require("../helpers");
+var import_FocusableRegion = require("../parts/FocusableRegion");
+const Points = ({ serie }) => {
+  const {
+    colorScale,
+    xScale,
+    y2Scale,
+    yScale,
+    stackedData,
+    props: { xAxis, data, TooltipRenderer, types }
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const finalYScale = serie.scale === "y2" ? y2Scale : yScale;
+  const opacity = (0, import_react.useMemo)(() => types === "scatter" ? 0.8 : 1, [serie.type]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    fill: colorScale(serie.name),
+    children: serie.data.map((point, i) => {
+      const { pointRadius } = serie;
+      const serieWithStackedValues = (0, import_helpers.getStackedData)(stackedData, serie);
+      const deltaY = serieWithStackedValues ? serieWithStackedValues[i][0] : 0;
+      const x = point.value.x ?? xAxis?.cols?.[point.position];
+      const y = point.value.y ?? point.value;
+      const xPosition = xScale(x);
+      const yPosition = finalYScale(y + deltaY);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+          transform: `translate(${xPosition},${yPosition})`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Point.Point, {
+              pointRadius,
+              id: point.key,
+              opacity,
+              y: yPosition
+            }),
+            TooltipRenderer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FocusableRegion.FocusableRegion, {
+              id: point.key,
+              width: pointRadius * 2,
+              height: pointRadius * 2,
+              pointRadius,
+              style: { transform: `translate(-${pointRadius}px, -${pointRadius}px)` },
+              content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRenderer, {
+                data: [{ name: serie.name, yValue: y, xValue: x }]
+              })
+            })
+          ]
+        })
+      }, point.key);
+    })
+  });
+};
+//# sourceMappingURL=Points.js.map

package/dist/cjs/graphs/Chart/series/Points.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Points.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo, useContext } from 'react';\nimport { Point } from './Point';\nimport { ChartContext } from '../ChartContext';\nimport { getStackedData } from '../helpers';\nimport { FocusableRegion } from '../parts/FocusableRegion';\nimport { Scrapper } from '../parts/Scrapper';\nimport { getSeriesValuesAt } from '../helpers';\nexport const Points = ({ serie }) => {\n  const {\n    colorScale,\n    xScale,\n    y2Scale,\n    yScale,\n    stackedData,\n    props: { xAxis, data, TooltipRenderer, types },\n  } = useContext(ChartContext);\n  const finalYScale = serie.scale === 'y2' ? y2Scale : yScale;\n\n  const opacity = useMemo(() => (types === 'scatter' ? 0.8 : 1), [serie.type]);\n  return (\n    <g fill={colorScale(serie.name)}>\n      {serie.data.map((point, i) => {\n        const { pointRadius } = serie;\n        const serieWithStackedValues = getStackedData(stackedData, serie);\n        const deltaY = serieWithStackedValues ? serieWithStackedValues[i][0] : 0;\n        const x = point.value.x ?? xAxis?.cols?.[point.position];\n        const y = point.value.y ?? point.value;\n        const xPosition = xScale(x);\n        const yPosition = finalYScale(y + deltaY);\n        return (\n          <g key={point.key}>\n            <g\n              transform={`translate(${xPosition},${yPosition})`}\n              // onMouseEnter={() => setActiveSerie(serie.key)}\n              // onMouseLeave={() => setActiveSerie('')}\n            >\n              <Point pointRadius={pointRadius} id={point.key} opacity={opacity} y={yPosition} />\n              {TooltipRenderer && (\n                <FocusableRegion\n                  id={point.key}\n                  width={pointRadius * 2}\n                  height={pointRadius * 2}\n                  pointRadius={pointRadius}\n                  style={{ transform: `translate(-${pointRadius}px, -${pointRadius}px)` }}\n                  content={<TooltipRenderer data={[{ name: serie.name, yValue: y, xValue: x }]} />}\n                />\n              )}\n            </g>\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;AACA,mBAA2C;AAC3C,mBAAsB;AACtB,0BAA6B;AAC7B,qBAA+B;AAC/B,6BAAgC;AAGzB,MAAM,SAAS,CAAC,EAAE,MAAM,MAAM;AACnC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,OAAO,MAAM,iBAAiB,MAAM;AAAA,EAC/C,QAAI,yBAAW,gCAAY;AAC3B,QAAM,cAAc,MAAM,UAAU,OAAO,UAAU;AAErD,QAAM,cAAU,sBAAQ,MAAO,UAAU,YAAY,MAAM,GAAI,CAAC,MAAM,IAAI,CAAC;AAC3E,SACE,4CAAC;AAAA,IAAE,MAAM,WAAW,MAAM,IAAI;AAAA,IAC3B,gBAAM,KAAK,IAAI,CAAC,OAAO,MAAM;AAC5B,YAAM,EAAE,YAAY,IAAI;AACxB,YAAM,6BAAyB,+BAAe,aAAa,KAAK;AAChE,YAAM,SAAS,yBAAyB,uBAAuB,GAAG,KAAK;AACvE,YAAM,IAAI,MAAM,MAAM,KAAK,OAAO,OAAO,MAAM;AAC/C,YAAM,IAAI,MAAM,MAAM,KAAK,MAAM;AACjC,YAAM,YAAY,OAAO,CAAC;AAC1B,YAAM,YAAY,YAAY,IAAI,MAAM;AACxC,aACE,4CAAC;AAAA,QACC,uDAAC;AAAA,UACC,WAAW,aAAa,aAAa;AAAA,UAIrC;AAAA,wDAAC;AAAA,cAAM;AAAA,cAA0B,IAAI,MAAM;AAAA,cAAK;AAAA,cAAkB,GAAG;AAAA,aAAW;AAAA,YAC/E,mBACC,4CAAC;AAAA,cACC,IAAI,MAAM;AAAA,cACV,OAAO,cAAc;AAAA,cACrB,QAAQ,cAAc;AAAA,cACtB;AAAA,cACA,OAAO,EAAE,WAAW,cAAc,mBAAmB,iBAAiB;AAAA,cACtE,SAAS,4CAAC;AAAA,gBAAgB,MAAM,CAAC,EAAE,MAAM,MAAM,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;AAAA,eAAG;AAAA,aAChF;AAAA;AAAA,SAEJ;AAAA,SAjBM,MAAM,GAkBd;AAAA,IAEJ,CAAC;AAAA,GACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/series/Rect.js

@@ -0,0 +1,78 @@
+"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 Rect_exports = {};
+__export(Rect_exports, {
+  Rect: () => Rect
+});
+module.exports = __toCommonJS(Rect_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_styles = require("../styles");
+var import_ChartContext = require("../ChartContext");
+const Rect = ({ x, y, width, height, label, id }) => {
+  const {
+    props: { xAxis },
+    activePoint
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const isFocused = activePoint === id;
+  const focusableElement = (0, import_react.useRef)();
+  const handleRef = (0, import_react.useCallback)(
+    (newRef) => {
+      if (focusableElement.current)
+        focusableElement.current = newRef;
+      if (isFocused)
+        newRef?.focus();
+    },
+    [isFocused]
+  );
+  return (0, import_react.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMark, {
+          width,
+          height,
+          isFocused
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("foreignObject", {
+          width,
+          height,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyleFocusableRegion, {
+            role: "contentinfo",
+            style: {
+              width,
+              height
+            },
+            "aria-label": `serie: ${label} x Axis:${x} y Axis:  ${y}`,
+            tabIndex: -1,
+            ref: handleRef
+          })
+        })
+      ]
+    }),
+    [handleRef, height, isFocused, label, width, x, y]
+  );
+};
+//# sourceMappingURL=Rect.js.map

package/dist/cjs/graphs/Chart/series/Rect.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/series/Rect.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo, useCallback, useContext, useRef } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { StyledMark, StyleFocusableRegion } from '../styles';\nimport { ChartContext } from '../ChartContext';\nexport const Rect = ({ x, y, width, height, label, id }) => {\n  const {\n    props: { xAxis },\n    activePoint,\n  } = useContext(ChartContext);\n\n  const isFocused = activePoint === id;\n\n  const focusableElement = useRef<HTMLDivElement>();\n  const handleRef = useCallback(\n    (newRef: HTMLDivElement) => {\n      if (focusableElement.current) focusableElement.current = newRef;\n      if (isFocused) newRef?.focus();\n    },\n    [isFocused],\n  );\n  return useMemo(\n    () => (\n      <>\n        <StyledMark width={width} height={height} isFocused={isFocused}></StyledMark>\n        <foreignObject width={width} height={height}>\n          {/* <DSTooltipV3 withoutAnimation text={`x: ${x} y: ${y} label: ${label}`}> */}\n          <StyleFocusableRegion\n            role=\"contentinfo\"\n            style={{\n              width,\n              height,\n            }}\n            aria-label={`serie: ${label} x Axis:${x} y Axis:  ${y}`}\n            tabIndex={-1}\n            ref={handleRef}\n          ></StyleFocusableRegion>\n          {/* </DSTooltipV3> */}\n        </foreignObject>\n      </>\n    ),\n    [handleRef, height, isFocused, label, width, x, y],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAgE;AAEhE,oBAAiD;AACjD,0BAA6B;AACtB,MAAM,OAAO,CAAC,EAAE,GAAG,GAAG,OAAO,QAAQ,OAAO,GAAG,MAAM;AAC1D,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,YAAY,gBAAgB;AAElC,QAAM,uBAAmB,qBAAuB;AAChD,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;AACA,aAAO;AAAA,IACL,MACE;AAAA,MACE;AAAA,oDAAC;AAAA,UAAW;AAAA,UAAc;AAAA,UAAgB;AAAA,SAAsB;AAAA,QAChE,4CAAC;AAAA,UAAc;AAAA,UAAc;AAAA,UAE3B,sDAAC;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,cACL;AAAA,cACA;AAAA,YACF;AAAA,YACA,cAAY,UAAU,gBAAgB,cAAc;AAAA,YACpD,UAAU;AAAA,YACV,KAAK;AAAA,WACN;AAAA,SAEH;AAAA;AAAA,KACF;AAAA,IAEF,CAAC,WAAW,QAAQ,WAAW,OAAO,OAAO,GAAG,CAAC;AAAA,EACnD;AACF;",
+  "names": []
+}