@elliemae/ds-dataviz 3.6.0-next.3

package/dist/cjs/graphs/Chart/helpers/index.js

@@ -0,0 +1,83 @@
+"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 helpers_exports = {};
+__export(helpers_exports, {
+  getSeriesValuesAt: () => getSeriesValuesAt,
+  getStackedData: () => getStackedData,
+  getStackedIndex: () => getStackedIndex,
+  stackData: () => stackData
+});
+module.exports = __toCommonJS(helpers_exports);
+var React = __toESM(require("react"));
+var import_d3 = require("d3");
+const getStackedIndex = (groups, serie) => {
+  for (let i = 0; i < groups.length; i += 1) {
+    for (let j = 0; j < groups[i].length; j += 1) {
+      if (groups[i][j] === serie)
+        return i;
+    }
+  }
+  return -1;
+};
+const getStackedData = (stackedData, serie) => {
+  for (let i = 0; i < stackedData?.length; i += 1) {
+    const data = stackedData[i].find((d) => d.key === serie.name);
+    if (data)
+      return data;
+  }
+  return false;
+};
+const stackData = (groupsStacked, series) => {
+  const aux = [];
+  if (!groupsStacked)
+    return [];
+  groupsStacked?.forEach((g) => {
+    const seriesStacked = series.filter((serie) => g.includes(serie.name));
+    const keys = seriesStacked.map((serie) => serie.name);
+    const stackData2 = [];
+    seriesStacked.forEach((serie) => {
+      serie.data.forEach((d, i) => {
+        if (typeof stackData2[i] === "object") {
+          stackData2[i][serie.name] = typeof d === "number" ? d : d.y;
+        }
+        stackData2[i] = { ...stackData2[i], [serie.name]: typeof d === "number" ? d : d.y };
+      });
+    });
+    aux.push((0, import_d3.stack)().keys(keys)(stackData2));
+  });
+  return aux;
+};
+const getSeriesValuesAt = (data, point) => {
+  const seriesValuesAtPoint = {};
+  data.forEach((serie) => {
+    serie.data.forEach((datum) => {
+      if (datum.value === point) {
+        seriesValuesAtPoint[serie.name] = seriesValuesAtPoint[serie.name] ? [...seriesValuesAtPoint[serie.name], point] : [point];
+      }
+    });
+  });
+  return seriesValuesAtPoint;
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/graphs/Chart/helpers/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/helpers/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { stack } from 'd3';\nimport { values } from 'lodash';\n\nexport const getStackedIndex = (groups: string[][], serie: string) => {\n  for (let i = 0; i < groups.length; i += 1) {\n    for (let j = 0; j < groups[i].length; j += 1) {\n      if (groups[i][j] === serie) return i;\n    }\n  }\n  return -1;\n};\n\nexport const getStackedData = (stackedData, serie) => {\n  for (let i = 0; i < stackedData?.length; i += 1) {\n    const data = stackedData[i].find((d) => d.key === serie.name);\n    if (data) return data;\n  }\n  return false;\n};\n\nexport const stackData = (groupsStacked, series) => {\n  const aux = [];\n  if (!groupsStacked) return [];\n  groupsStacked?.forEach((g) => {\n    const seriesStacked = series.filter((serie) => g.includes(serie.name));\n    const keys = seriesStacked.map((serie) => serie.name);\n    const stackData: Array<{ [key: string]: number }> = [];\n    seriesStacked.forEach((serie) => {\n      serie.data.forEach((d, i) => {\n        if (typeof stackData[i] === 'object') {\n          stackData[i][serie.name] = typeof d === 'number' ? d : d.y;\n        }\n        stackData[i] = { ...stackData[i], [serie.name]: typeof d === 'number' ? d : d.y };\n      });\n    });\n\n    aux.push(stack().keys(keys)(stackData));\n  });\n  return aux;\n};\n\nexport const getSeriesValuesAt = (data, point) => {\n  const seriesValuesAtPoint = {};\n  data.forEach((serie) => {\n    serie.data.forEach((datum) => {\n      if (datum.value === point) {\n        seriesValuesAtPoint[serie.name] = seriesValuesAtPoint[serie.name]\n          ? [...seriesValuesAtPoint[serie.name], point]\n          : [point];\n      }\n    });\n  });\n  return seriesValuesAtPoint;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gBAAsB;AAGf,MAAM,kBAAkB,CAAC,QAAoB,UAAkB;AACpE,WAAS,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;AACzC,aAAS,IAAI,GAAG,IAAI,OAAO,GAAG,QAAQ,KAAK,GAAG;AAC5C,UAAI,OAAO,GAAG,OAAO;AAAO,eAAO;AAAA,IACrC;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAC,aAAa,UAAU;AACpD,WAAS,IAAI,GAAG,IAAI,aAAa,QAAQ,KAAK,GAAG;AAC/C,UAAM,OAAO,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,QAAQ,MAAM,IAAI;AAC5D,QAAI;AAAM,aAAO;AAAA,EACnB;AACA,SAAO;AACT;AAEO,MAAM,YAAY,CAAC,eAAe,WAAW;AAClD,QAAM,MAAM,CAAC;AACb,MAAI,CAAC;AAAe,WAAO,CAAC;AAC5B,iBAAe,QAAQ,CAAC,MAAM;AAC5B,UAAM,gBAAgB,OAAO,OAAO,CAAC,UAAU,EAAE,SAAS,MAAM,IAAI,CAAC;AACrE,UAAM,OAAO,cAAc,IAAI,CAAC,UAAU,MAAM,IAAI;AACpD,UAAMA,aAA8C,CAAC;AACrD,kBAAc,QAAQ,CAAC,UAAU;AAC/B,YAAM,KAAK,QAAQ,CAAC,GAAG,MAAM;AAC3B,YAAI,OAAOA,WAAU,OAAO,UAAU;AACpC,UAAAA,WAAU,GAAG,MAAM,QAAQ,OAAO,MAAM,WAAW,IAAI,EAAE;AAAA,QAC3D;AACA,QAAAA,WAAU,KAAK,EAAE,GAAGA,WAAU,IAAI,CAAC,MAAM,OAAO,OAAO,MAAM,WAAW,IAAI,EAAE,EAAE;AAAA,MAClF,CAAC;AAAA,IACH,CAAC;AAED,QAAI,SAAK,iBAAM,EAAE,KAAK,IAAI,EAAEA,UAAS,CAAC;AAAA,EACxC,CAAC;AACD,SAAO;AACT;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,QAAM,sBAAsB,CAAC;AAC7B,OAAK,QAAQ,CAAC,UAAU;AACtB,UAAM,KAAK,QAAQ,CAAC,UAAU;AAC5B,UAAI,MAAM,UAAU,OAAO;AACzB,4BAAoB,MAAM,QAAQ,oBAAoB,MAAM,QACxD,CAAC,GAAG,oBAAoB,MAAM,OAAO,KAAK,IAC1C,CAAC,KAAK;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACD,SAAO;AACT;",
+  "names": ["stackData"]
+}

package/dist/cjs/graphs/Chart/index.js

@@ -0,0 +1,26 @@
+"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 __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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 Chart_exports = {};
+module.exports = __toCommonJS(Chart_exports);
+var React = __toESM(require("react"));
+__reExport(Chart_exports, require("./Chart"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/graphs/Chart/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/graphs/Chart/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './Chart';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,oBAAd;",
+  "names": []
+}

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

@@ -0,0 +1,83 @@
+"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 ActivePoint_exports = {};
+__export(ActivePoint_exports, {
+  ActivePoint: () => ActivePoint
+});
+module.exports = __toCommonJS(ActivePoint_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 ActivePoint = () => {
+  const {
+    props: { data, groups },
+    activePoint,
+    activeSerie
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const lastActiveSerie = (0, import_react.useRef)(null);
+  const activeItem = (0, import_react.useMemo)(() => {
+    let item = null;
+    if (!activePoint && !activeSerie && lastActiveSerie.current) {
+      item = lastActiveSerie.current;
+    }
+    if (activeSerie) {
+      item = data.find((serie) => serie.key === activeSerie);
+      lastActiveSerie.current = item;
+    } else if (activePoint) {
+      item = data.find((serie) => serie.data.some((value) => activePoint === value.key));
+      lastActiveSerie.current = item;
+    } else if (!lastActiveSerie.current) {
+      return;
+    }
+    if (item.type === "bar" && groups && (0, import_helpers.getStackedIndex)(groups, item.name) > -1) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.StackedBar, {
+        serie: item
+      });
+    }
+    if (item.type === "bar") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Bars, {
+        serie: item
+      });
+    }
+    if (item.type === "point") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Points, {
+        serie: item
+      });
+    }
+    if (item.type === "line") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Line, {
+        serie: item
+      });
+    }
+  }, [activePoint, activeSerie, data, groups]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    className: "redraw",
+    children: activeItem
+  });
+};
+//# sourceMappingURL=ActivePoint.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/ActivePoint.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable arrow-body-style */\n/* eslint-disable indent */\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { ChartContext } from '../ChartContext';\nimport { Line, Points, Bars, StackedBar } from '../series';\nimport { getStackedIndex } from '../helpers';\n\nexport const ActivePoint = () => {\n  const {\n    props: { data, groups },\n    activePoint,\n    activeSerie,\n  } = useContext(ChartContext);\n\n  const lastActiveSerie = useRef(null);\n  const activeItem = useMemo(() => {\n    let item = null;\n    if (!activePoint && !activeSerie && lastActiveSerie.current) {\n      item = lastActiveSerie.current;\n    }\n    if (activeSerie) {\n      item = data.find((serie) => serie.key === activeSerie);\n      lastActiveSerie.current = item;\n    } else if (activePoint) {\n      item = data.find((serie) => serie.data.some((value) => activePoint === value.key));\n      lastActiveSerie.current = item;\n    } else if (!lastActiveSerie.current) {\n      return;\n    }\n\n    if (item.type === 'bar' && groups && getStackedIndex(groups, item.name) > -1) {\n      return <StackedBar serie={item} />;\n    }\n    if (item.type === 'bar') {\n      return <Bars serie={item} />;\n    }\n    if (item.type === 'point') {\n      return <Points serie={item} />;\n    }\n    if (item.type === 'line') {\n      return <Line serie={item} />;\n    }\n  }, [activePoint, activeSerie, data, groups]);\n\n  return <g className=\"redraw\">{activeItem}</g>;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,mBAAmD;AACnD,0BAA6B;AAC7B,oBAA+C;AAC/C,qBAAgC;AAEzB,MAAM,cAAc,MAAM;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,OAAO;AAAA,IACtB;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,sBAAkB,qBAAO,IAAI;AACnC,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,QAAI,OAAO;AACX,QAAI,CAAC,eAAe,CAAC,eAAe,gBAAgB,SAAS;AAC3D,aAAO,gBAAgB;AAAA,IACzB;AACA,QAAI,aAAa;AACf,aAAO,KAAK,KAAK,CAAC,UAAU,MAAM,QAAQ,WAAW;AACrD,sBAAgB,UAAU;AAAA,IAC5B,WAAW,aAAa;AACtB,aAAO,KAAK,KAAK,CAAC,UAAU,MAAM,KAAK,KAAK,CAAC,UAAU,gBAAgB,MAAM,GAAG,CAAC;AACjF,sBAAgB,UAAU;AAAA,IAC5B,WAAW,CAAC,gBAAgB,SAAS;AACnC;AAAA,IACF;AAEA,QAAI,KAAK,SAAS,SAAS,cAAU,gCAAgB,QAAQ,KAAK,IAAI,IAAI,IAAI;AAC5E,aAAO,4CAAC;AAAA,QAAW,OAAO;AAAA,OAAM;AAAA,IAClC;AACA,QAAI,KAAK,SAAS,OAAO;AACvB,aAAO,4CAAC;AAAA,QAAK,OAAO;AAAA,OAAM;AAAA,IAC5B;AACA,QAAI,KAAK,SAAS,SAAS;AACzB,aAAO,4CAAC;AAAA,QAAO,OAAO;AAAA,OAAM;AAAA,IAC9B;AACA,QAAI,KAAK,SAAS,QAAQ;AACxB,aAAO,4CAAC;AAAA,QAAK,OAAO;AAAA,OAAM;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,aAAa,MAAM,MAAM,CAAC;AAE3C,SAAO,4CAAC;AAAA,IAAE,WAAU;AAAA,IAAU;AAAA,GAAW;AAC3C;",
+  "names": []
+}

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

@@ -0,0 +1,86 @@
+"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 AxisBottom_exports = {};
+__export(AxisBottom_exports, {
+  AxisBottom: () => AxisBottom
+});
+module.exports = __toCommonJS(AxisBottom_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_ChartContext = require("../ChartContext");
+const AxisBottom = () => {
+  const {
+    props: { xAxis, xAxisLabelOffset = 50, xAxisLabel },
+    innerHeight,
+    innerWidth,
+    xScale,
+    tickOffset = 3
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const axisRef = (0, import_react.useRef)();
+  const gridRef = (0, import_react.useRef)();
+  const ticks = xScale.ticks?.();
+  (0, import_react.useEffect)(() => {
+    const grid = (0, import_d3.axisBottom)(xScale).tickSize(xAxis?.showGrid ? -innerHeight : 0).tickFormat("").tickSizeOuter(0);
+    const axis = (0, import_d3.axisBottom)(xScale);
+    if (xAxis.tickValues && ticks) {
+      console.log(ticks, "ticks");
+      const finalTicks = xAxis.overwriteTicks ? xAxis.tickValues : [...ticks, ...xAxis.tickValues];
+      axis.tickValues(finalTicks);
+    }
+    if (xAxis.tickFormat) {
+      if (typeof xAxis.tickFormat === "string") {
+        const formatGenerator = (0, import_d3.timeFormat)(xAxis.tickFormat);
+        axis.tickFormat((d) => formatGenerator(d));
+      }
+      if (typeof xAxis.tickFormat === "function") {
+        axis.tickFormat(xAxis.tickFormat);
+      }
+    }
+    (0, import_d3.select)(gridRef.current).call(grid);
+    (0, import_d3.select)(axisRef.current).call(axis);
+  }, [innerHeight, ticks, xAxis?.showGrid, xAxis.tickFormat, xAxis.tickValues, xScale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+    transform: `translate(0,${innerHeight})`,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledAxis, {
+        ref: axisRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", {
+          className: "axis-label",
+          x: innerWidth / 2,
+          y: xAxisLabelOffset,
+          textAnchor: "middle",
+          children: xAxis.label
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledGrid, {
+        ref: gridRef
+      })
+    ]
+  });
+};
+//# sourceMappingURL=AxisBottom.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/AxisBottom.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useEffect, useRef } from 'react';\nimport { select, axisBottom, timeFormat } from 'd3';\nimport { StyledAxis, StyledGrid } from '../styles';\nimport { ChartContext } from '../ChartContext';\n\nexport const AxisBottom = () => {\n  const {\n    props: { xAxis, xAxisLabelOffset = 50, xAxisLabel },\n    innerHeight,\n    innerWidth,\n    xScale,\n    tickOffset = 3,\n  } = useContext(ChartContext);\n\n  const axisRef = useRef();\n  const gridRef = useRef();\n  const ticks = xScale.ticks?.();\n  useEffect(() => {\n    const grid = axisBottom(xScale)\n      .tickSize(xAxis?.showGrid ? -innerHeight : 0)\n      .tickFormat('')\n      .tickSizeOuter(0);\n\n    const axis = axisBottom(xScale);\n\n    if (xAxis.tickValues && ticks) {\n      console.log(ticks, 'ticks');\n      const finalTicks = xAxis.overwriteTicks ? xAxis.tickValues : [...ticks, ...xAxis.tickValues];\n      axis.tickValues(finalTicks);\n    }\n\n    if (xAxis.tickFormat) {\n      if (typeof xAxis.tickFormat === 'string') {\n        const formatGenerator = timeFormat(xAxis.tickFormat);\n        axis.tickFormat((d) => formatGenerator(d));\n      }\n      if (typeof xAxis.tickFormat === 'function') {\n        axis.tickFormat(xAxis.tickFormat);\n      }\n    }\n\n    select(gridRef.current).call(grid);\n    select(axisRef.current).call(axis);\n  }, [innerHeight, ticks, xAxis?.showGrid, xAxis.tickFormat, xAxis.tickValues, xScale]);\n\n  return (\n    <g transform={`translate(0,${innerHeight})`}>\n      <StyledAxis ref={axisRef}>\n        <text className=\"axis-label\" x={innerWidth / 2} y={xAxisLabelOffset} textAnchor=\"middle\">\n          {xAxis.label}\n        </text>\n      </StyledAxis>\n      <StyledGrid ref={gridRef}></StyledGrid>\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,gBAA+C;AAC/C,oBAAuC;AACvC,0BAA6B;AAEtB,MAAM,aAAa,MAAM;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,mBAAmB,IAAI,WAAW;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACf,QAAI,yBAAW,gCAAY;AAE3B,QAAM,cAAU,qBAAO;AACvB,QAAM,cAAU,qBAAO;AACvB,QAAM,QAAQ,OAAO,QAAQ;AAC7B,8BAAU,MAAM;AACd,UAAM,WAAO,sBAAW,MAAM,EAC3B,SAAS,OAAO,WAAW,CAAC,cAAc,CAAC,EAC3C,WAAW,EAAE,EACb,cAAc,CAAC;AAElB,UAAM,WAAO,sBAAW,MAAM;AAE9B,QAAI,MAAM,cAAc,OAAO;AAC7B,cAAQ,IAAI,OAAO,OAAO;AAC1B,YAAM,aAAa,MAAM,iBAAiB,MAAM,aAAa,CAAC,GAAG,OAAO,GAAG,MAAM,UAAU;AAC3F,WAAK,WAAW,UAAU;AAAA,IAC5B;AAEA,QAAI,MAAM,YAAY;AACpB,UAAI,OAAO,MAAM,eAAe,UAAU;AACxC,cAAM,sBAAkB,sBAAW,MAAM,UAAU;AACnD,aAAK,WAAW,CAAC,MAAM,gBAAgB,CAAC,CAAC;AAAA,MAC3C;AACA,UAAI,OAAO,MAAM,eAAe,YAAY;AAC1C,aAAK,WAAW,MAAM,UAAU;AAAA,MAClC;AAAA,IACF;AAEA,0BAAO,QAAQ,OAAO,EAAE,KAAK,IAAI;AACjC,0BAAO,QAAQ,OAAO,EAAE,KAAK,IAAI;AAAA,EACnC,GAAG,CAAC,aAAa,OAAO,OAAO,UAAU,MAAM,YAAY,MAAM,YAAY,MAAM,CAAC;AAEpF,SACE,6CAAC;AAAA,IAAE,WAAW,eAAe;AAAA,IAC3B;AAAA,kDAAC;AAAA,QAAW,KAAK;AAAA,QACf,sDAAC;AAAA,UAAK,WAAU;AAAA,UAAa,GAAG,aAAa;AAAA,UAAG,GAAG;AAAA,UAAkB,YAAW;AAAA,UAC7E,gBAAM;AAAA,SACT;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAW,KAAK;AAAA,OAAS;AAAA;AAAA,GAC5B;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,79 @@
+"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 AxisLeft_exports = {};
+__export(AxisLeft_exports, {
+  AxisLeft: () => AxisLeft
+});
+module.exports = __toCommonJS(AxisLeft_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_ChartContext = require("../ChartContext");
+const AxisLeft = () => {
+  const {
+    props: { yAxis, yAxisLabelOffset = 45, yAxisLabel },
+    innerHeight,
+    innerWidth,
+    yScale
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const ref = (0, import_react.useRef)();
+  const gridRef = (0, import_react.useRef)();
+  const ticks = yScale.ticks?.();
+  (0, import_react.useEffect)(() => {
+    const axis = (0, import_d3.axisLeft)(yScale);
+    if (yAxis.tickValues && ticks) {
+      console.log(ticks, "ticks");
+      const finalTicks = yAxis.overwriteTicks ? yAxis.tickValues : [...ticks, ...yAxis.tickValues];
+      axis.tickValues(finalTicks);
+    }
+    if (yAxis.tickFormat) {
+      axis.tickFormat(yAxis.tickFormat);
+    }
+    const grid = (0, import_d3.axisLeft)(yScale).tickFormat("").tickSize(yAxis?.showGrid ? -innerWidth : 0).tickSizeOuter(0);
+    (0, import_d3.select)(ref.current).call(axis);
+    (0, import_d3.select)(gridRef.current).call(grid);
+  }, [innerWidth, ticks, yAxis.overwriteTicks, yAxis?.showGrid, yAxis.tickFormat, yAxis.tickValues, yScale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledAxis, {
+        ref,
+        color: yAxis.color,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", {
+          className: "axis-label",
+          textAnchor: "middle",
+          transform: `translate(${-yAxisLabelOffset},${innerHeight / 2}) rotate(-90)`,
+          children: yAxis?.label
+        })
+      }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledGrid, {
+        ref: gridRef
+      })
+    ]
+  });
+};
+//# sourceMappingURL=AxisLeft.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/AxisLeft.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useEffect, useRef } from 'react';\nimport { select, axisLeft } from 'd3';\nimport { StyledAxis, StyledGrid } from '../styles';\nimport { ChartContext } from '../ChartContext';\n\nexport const AxisLeft = () => {\n  const {\n    props: { yAxis, yAxisLabelOffset = 45, yAxisLabel },\n    innerHeight,\n    innerWidth,\n    yScale,\n  } = useContext(ChartContext);\n\n  const ref = useRef();\n  const gridRef = useRef();\n  const ticks = yScale.ticks?.();\n\n  useEffect(() => {\n    const axis = axisLeft(yScale);\n\n    if (yAxis.tickValues && ticks) {\n      console.log(ticks, 'ticks');\n      const finalTicks = yAxis.overwriteTicks ? yAxis.tickValues : [...ticks, ...yAxis.tickValues];\n      axis.tickValues(finalTicks);\n    }\n\n    if (yAxis.tickFormat) {\n      axis.tickFormat(yAxis.tickFormat);\n    }\n\n    const grid = axisLeft(yScale)\n      .tickFormat('')\n      .tickSize(yAxis?.showGrid ? -innerWidth : 0)\n      .tickSizeOuter(0);\n\n    select(ref.current).call(axis);\n    select(gridRef.current).call(grid);\n  }, [innerWidth, ticks, yAxis.overwriteTicks, yAxis?.showGrid, yAxis.tickFormat, yAxis.tickValues, yScale]);\n  return (\n    <g>\n      <StyledAxis ref={ref} color={yAxis.color}>\n        <text\n          className=\"axis-label\"\n          textAnchor=\"middle\"\n          transform={`translate(${-yAxisLabelOffset},${innerHeight / 2}) rotate(-90)`}\n        >\n          {yAxis?.label}\n        </text>\n      </StyledAxis>{' '}\n      <StyledGrid ref={gridRef}></StyledGrid>\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,gBAAiC;AACjC,oBAAuC;AACvC,0BAA6B;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,mBAAmB,IAAI,WAAW;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,UAAM,qBAAO;AACnB,QAAM,cAAU,qBAAO;AACvB,QAAM,QAAQ,OAAO,QAAQ;AAE7B,8BAAU,MAAM;AACd,UAAM,WAAO,oBAAS,MAAM;AAE5B,QAAI,MAAM,cAAc,OAAO;AAC7B,cAAQ,IAAI,OAAO,OAAO;AAC1B,YAAM,aAAa,MAAM,iBAAiB,MAAM,aAAa,CAAC,GAAG,OAAO,GAAG,MAAM,UAAU;AAC3F,WAAK,WAAW,UAAU;AAAA,IAC5B;AAEA,QAAI,MAAM,YAAY;AACpB,WAAK,WAAW,MAAM,UAAU;AAAA,IAClC;AAEA,UAAM,WAAO,oBAAS,MAAM,EACzB,WAAW,EAAE,EACb,SAAS,OAAO,WAAW,CAAC,aAAa,CAAC,EAC1C,cAAc,CAAC;AAElB,0BAAO,IAAI,OAAO,EAAE,KAAK,IAAI;AAC7B,0BAAO,QAAQ,OAAO,EAAE,KAAK,IAAI;AAAA,EACnC,GAAG,CAAC,YAAY,OAAO,MAAM,gBAAgB,OAAO,UAAU,MAAM,YAAY,MAAM,YAAY,MAAM,CAAC;AACzG,SACE,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAW;AAAA,QAAU,OAAO,MAAM;AAAA,QACjC,sDAAC;AAAA,UACC,WAAU;AAAA,UACV,YAAW;AAAA,UACX,WAAW,aAAa,CAAC,oBAAoB,cAAc;AAAA,UAE1D,iBAAO;AAAA,SACV;AAAA,OACF;AAAA,MAAc;AAAA,MACd,4CAAC;AAAA,QAAW,KAAK;AAAA,OAAS;AAAA;AAAA,GAC5B;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,63 @@
+"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 AxisRight_exports = {};
+__export(AxisRight_exports, {
+  AxisRight: () => AxisRight
+});
+module.exports = __toCommonJS(AxisRight_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_ChartContext = require("../ChartContext");
+const AxisRight = () => {
+  const {
+    props: { y2Axis, yAxisLabelOffset = 45, y2AxisLabel },
+    innerHeight,
+    innerWidth,
+    y2Scale
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  if (!y2Axis)
+    return null;
+  const ref = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    const axis = (0, import_d3.axisRight)(y2Scale).tickSizeOuter(0);
+    (0, import_d3.select)(ref.current).call(axis);
+  }, [innerWidth, y2Scale]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+    transform: `translate(${innerWidth},0)`,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledAxis, {
+      ref,
+      color: y2Axis.color,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("text", {
+        className: "axis-label",
+        textAnchor: "middle",
+        transform: `translate(${-yAxisLabelOffset},${innerHeight / 2}) rotate(-90)`
+      })
+    })
+  });
+};
+//# sourceMappingURL=AxisRight.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/AxisRight.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useEffect, useRef } from 'react';\nimport { select, axisRight } from 'd3';\nimport { StyledAxis } from '../styles';\nimport { ChartContext } from '../ChartContext';\n\nexport const AxisRight = () => {\n  const {\n    props: { y2Axis, yAxisLabelOffset = 45, y2AxisLabel },\n    innerHeight,\n    innerWidth,\n    y2Scale,\n  } = useContext(ChartContext);\n\n  if (!y2Axis) return null;\n  const ref = useRef();\n  useEffect(() => {\n    const axis = axisRight(y2Scale).tickSizeOuter(0);\n\n    select(ref.current).call(axis);\n  }, [innerWidth, y2Scale]);\n  return (\n    <g transform={`translate(${innerWidth},0)`}>\n      <StyledAxis ref={ref} color={y2Axis.color}>\n        <text\n          className=\"axis-label\"\n          textAnchor=\"middle\"\n          transform={`translate(${-yAxisLabelOffset},${innerHeight / 2}) rotate(-90)`}\n        >\n          {/* {y2Axis?.label} */}\n        </text>\n      </StyledAxis>\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,gBAAkC;AAClC,oBAA2B;AAC3B,0BAA6B;AAEtB,MAAM,YAAY,MAAM;AAC7B,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,mBAAmB,IAAI,YAAY;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,MAAI,CAAC;AAAQ,WAAO;AACpB,QAAM,UAAM,qBAAO;AACnB,8BAAU,MAAM;AACd,UAAM,WAAO,qBAAU,OAAO,EAAE,cAAc,CAAC;AAE/C,0BAAO,IAAI,OAAO,EAAE,KAAK,IAAI;AAAA,EAC/B,GAAG,CAAC,YAAY,OAAO,CAAC;AACxB,SACE,4CAAC;AAAA,IAAE,WAAW,aAAa;AAAA,IACzB,sDAAC;AAAA,MAAW;AAAA,MAAU,OAAO,OAAO;AAAA,MAClC,sDAAC;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,WAAW,aAAa,CAAC,oBAAoB,cAAc;AAAA,OAG7D;AAAA,KACF;AAAA,GACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/graphs/Chart/parts/ChartContainer.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 ChartContainer_exports = {};
+__export(ChartContainer_exports, {
+  ChartContainer: () => ChartContainer
+});
+module.exports = __toCommonJS(ChartContainer_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");
+var import_useKeyboardNavigation = require("../config/useKeyboardNavigation");
+const ChartContainer = ({ children }) => {
+  const {
+    props: { width, height, margin, responsive },
+    containerRef,
+    activePoint,
+    setScrapperPosY,
+    setScrapperPosX,
+    svgRef
+  } = (0, import_react.useContext)(import_ChartContext.ChartContext);
+  const dimensions = (0, import_react.useMemo)(
+    () => responsive ? {
+      viewBox: `0 0 ${width} ${height}`
+    } : {
+      width,
+      height
+    },
+    [height, responsive, width]
+  );
+  const { onInputKeyDown, handleOnBlur, handleOnFocus } = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
+  const onMouseLeaveHandler = (0, import_react.useCallback)(() => {
+    setScrapperPosY("");
+    setScrapperPosX("");
+  }, [setScrapperPosX, setScrapperPosY]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSVGWrapper, {
+    ref: containerRef,
+    onKeyDown: onInputKeyDown,
+    "aria-hidden": "true",
+    tabIndex: activePoint ? -1 : 0,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
+    onMouseLeave: onMouseLeaveHandler,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+      ref: svgRef,
+      ...dimensions,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
+        className: "container",
+        transform: `translate(${margin.left},${margin.top})`,
+        children
+      })
+    })
+  });
+};
+//# sourceMappingURL=ChartContainer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/graphs/Chart/parts/ChartContainer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useCallback, useMemo } from 'react';\nimport { StyledSVGWrapper } from '../styles';\n\nimport { ChartContext } from '../ChartContext';\nimport { useKeyboardNavigation } from '../config/useKeyboardNavigation';\ninterface ChartContainerT {\n  children: JSX.Element | JSX.Element[] | string | string[];\n}\nexport const ChartContainer: React.ComponentType<ChartContainerT> = ({ children }) => {\n  const {\n    props: { width, height, margin, responsive },\n    containerRef,\n    activePoint,\n    setScrapperPosY,\n    setScrapperPosX,\n    svgRef,\n  } = useContext(ChartContext);\n\n  const dimensions = useMemo(\n    () =>\n      responsive\n        ? {\n            viewBox: `0 0 ${width} ${height}`,\n          }\n        : {\n            width,\n            height,\n          },\n    [height, responsive, width],\n  );\n  const { onInputKeyDown, handleOnBlur, handleOnFocus } = useKeyboardNavigation();\n\n  const onMouseLeaveHandler = useCallback(() => {\n    setScrapperPosY('');\n    setScrapperPosX('');\n  }, [setScrapperPosX, setScrapperPosY]);\n\n  return (\n    <StyledSVGWrapper\n      ref={containerRef}\n      onKeyDown={onInputKeyDown}\n      aria-hidden=\"true\"\n      tabIndex={activePoint ? -1 : 0}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      // onMouseDown={(e) => e.preventDefault()}\n      onMouseLeave={onMouseLeaveHandler}\n    >\n      <svg ref={svgRef} {...dimensions}>\n        <g className=\"container\" transform={`translate(${margin.left},${margin.top})`}>\n          {children}\n        </g>\n      </svg>\n    </StyledSVGWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAwD;AACxD,oBAAiC;AAEjC,0BAA6B;AAC7B,mCAAsC;AAI/B,MAAM,iBAAuD,CAAC,EAAE,SAAS,MAAM;AACpF,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO,QAAQ,QAAQ,WAAW;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gCAAY;AAE3B,QAAM,iBAAa;AAAA,IACjB,MACE,aACI;AAAA,MACE,SAAS,OAAO,SAAS;AAAA,IAC3B,IACA;AAAA,MACE;AAAA,MACA;AAAA,IACF;AAAA,IACN,CAAC,QAAQ,YAAY,KAAK;AAAA,EAC5B;AACA,QAAM,EAAE,gBAAgB,cAAc,cAAc,QAAI,oDAAsB;AAE9E,QAAM,0BAAsB,0BAAY,MAAM;AAC5C,oBAAgB,EAAE;AAClB,oBAAgB,EAAE;AAAA,EACpB,GAAG,CAAC,iBAAiB,eAAe,CAAC;AAErC,SACE,4CAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAW;AAAA,IACX,eAAY;AAAA,IACZ,UAAU,cAAc,KAAK;AAAA,IAC7B,QAAQ;AAAA,IACR,SAAS;AAAA,IAET,cAAc;AAAA,IAEd,sDAAC;AAAA,MAAI,KAAK;AAAA,MAAS,GAAG;AAAA,MACpB,sDAAC;AAAA,QAAE,WAAU;AAAA,QAAY,WAAW,aAAa,OAAO,QAAQ,OAAO;AAAA,QACpE;AAAA,OACH;AAAA,KACF;AAAA,GACF;AAEJ;",
+  "names": []
+}