@elliemae/ds-dataviz 3.9.0 → 3.10.0-next.0

package/dist/esm/graphs/Chart/styles.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { styled, css } from "@elliemae/ds-system";
+import { styled } from "@elliemae/ds-system";
 import { COLOR_PALLET } from "./helpers/colorPallet";
 const StyledSVGWrapper = styled.div`
   :focus {
@@ -12,7 +12,7 @@ const StyledSVGWrapper = styled.div`
   cursor: ${({ isGrabbed }) => isGrabbed ? "grabbing" : "default"};
 
   .domain {
-    stroke-width: 2px;
+    stroke-width: 1px;
   }
 `;
 const StyledAxis = styled("g")`
@@ -20,19 +20,20 @@ const StyledAxis = styled("g")`
     fill: #635f5d;
   }
 
-  text.axis-label {
-    /* font-size: 2.5em; */
-  }
-
   .tick text {
-    ${({ color }) => color ? `fill: ${COLOR_PALLET[color] ?? color}` : ""}
+    ${({ tickColor }) => tickColor ? `fill: ${COLOR_PALLET[tickColor] ?? tickColor}` : ""}
   }
   .tick line {
-    ${({ color }) => color ? `stroke: ${COLOR_PALLET[color] ?? color}` : ""}
+    ${({ tickColor }) => tickColor ? `stroke: ${COLOR_PALLET[tickColor] ?? tickColor}` : ""}
   }
+
   line {
     stroke: #c0c0bb;
   }
+
+  .domain {
+    ${({ axisColor }) => axisColor ? `stroke: ${COLOR_PALLET[axisColor] ?? axisColor}` : ""}
+  }
 `;
 const StyledAxisLabel = styled("text")`
   font-size: 13px;
@@ -42,10 +43,10 @@ const StyledGrid = styled("g")`
   line {
     stroke: #c0c0bb;
   }
-`;
-const borderCircle = css`
-  stroke: #c64252;
-  stroke-width: 2;
+
+  .domain {
+    display: none;
+  }
 `;
 const StyleFocusableRegion = styled("div")`
   width: ${({ s }) => s * 2}px;

package/dist/esm/graphs/Chart/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/graphs/Chart/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { COLOR_PALLET } from './helpers/colorPallet';\nexport const StyledSVGWrapper = styled.div`\n  :focus {\n    outline: none;\n  }\n  :focus-within {\n    outline: none;\n  }\n\n  cursor: ${({ isGrabbed }) => (isGrabbed ? 'grabbing' : 'default')};\n\n  .domain {\n    stroke-width: 2px;\n  }\n`;\n\nexport const StyledAxis = styled('g')`\n  text {\n    fill: #635f5d;\n  }\n\n  text.axis-label {\n    /* font-size: 2.5em; */\n  }\n\n  .tick text {\n    ${({ color }) => (color ? `fill: ${COLOR_PALLET[color] ?? color}` : '')}\n  }\n  .tick line {\n    ${({ color }) => (color ? `stroke: ${COLOR_PALLET[color] ?? color}` : '')}\n  }\n  line {\n    stroke: #c0c0bb;\n  }\n`;\n\nexport const StyledAxisLabel = styled('text')`\n  font-size: 13px;\n  font-weight: 600;\n`;\n\nexport const StyledGrid = styled('g')`\n  line {\n    stroke: #c0c0bb;\n  }\n`;\n\nconst borderCircle = css`\n  stroke: #c64252;\n  stroke-width: 2;\n`;\n\nexport const StyleFocusableRegion = styled('div')<{ s: number }>`\n  width: ${({ s }) => s * 2 ?? '1'}px;\n  height: ${({ s }) => s * 2 ?? '1'}px;\n  :focus {\n    outline: none;\n  }\n`;\n\nexport const StyledLine = styled('path')`\n  fill: none;\n  stroke-width: ${({ isActiveLine }) => (isActiveLine ? 5 : 3)};\n  stroke-linejoin: round;\n`;\nexport const StyledArea = styled('path')`\n  stroke-width: ${({ isActiveLine }) => (isActiveLine ? 5 : 3)};\n  stroke-linejoin: round;\n  opacity: 0.2;\n`;\n\nexport const StyledTooltipContainer = styled.div`\n  max-width: 350px;\n  background-color: white;\n`;\n\nexport const 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,oBAAoB;AACtB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3B,CAAC,EAAE,UAAU,MAAO,YAAY,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlD,MAAM,aAAa,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAU9B,CAAC,EAAE,MAAM,MAAO,QAAQ,SAAS,aAAa,UAAU,UAAU;AAAA;AAAA;AAAA,MAGlE,CAAC,EAAE,MAAM,MAAO,QAAQ,WAAW,aAAa,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnE,MAAM,kBAAkB,OAAO,MAAM;AAAA;AAAA;AAAA;AAKrC,MAAM,aAAa,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAMpC,MAAM,eAAe;AAAA;AAAA;AAAA;AAKd,MAAM,uBAAuB,OAAO,KAAK;AAAA,WACrC,CAAC,EAAE,EAAE,MAAM,IAAI;AAAA,YACd,CAAC,EAAE,EAAE,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,aAAa,OAAO,MAAM;AAAA;AAAA,kBAErB,CAAC,EAAE,aAAa,MAAO,eAAe,IAAI;AAAA;AAAA;AAGrD,MAAM,aAAa,OAAO,MAAM;AAAA,kBACrB,CAAC,EAAE,aAAa,MAAO,eAAe,IAAI;AAAA;AAAA;AAAA;AAKrD,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAKtC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { COLOR_PALLET } from './helpers/colorPallet';\n\ninterface StyledAxisT {\n  axisColor: string;\n  tickColor: string;\n}\nexport const StyledSVGWrapper = styled.div`\n  :focus {\n    outline: none;\n  }\n  :focus-within {\n    outline: none;\n  }\n\n  cursor: ${({ isGrabbed }) => (isGrabbed ? 'grabbing' : 'default')};\n\n  .domain {\n    stroke-width: 1px;\n  }\n`;\n\nexport const StyledAxis = styled('g')<StyledAxisT>`\n  text {\n    fill: #635f5d;\n  }\n\n  .tick text {\n    ${({ tickColor }) => (tickColor ? `fill: ${COLOR_PALLET[tickColor] ?? tickColor}` : '')}\n  }\n  .tick line {\n    ${({ tickColor }) => (tickColor ? `stroke: ${COLOR_PALLET[tickColor] ?? tickColor}` : '')}\n  }\n\n  line {\n    stroke: #c0c0bb;\n  }\n\n  .domain {\n    ${({ axisColor }) => (axisColor ? `stroke: ${COLOR_PALLET[axisColor] ?? axisColor}` : '')}\n  }\n`;\n\nexport const StyledAxisLabel = styled('text')`\n  font-size: 13px;\n  font-weight: 600;\n`;\n\nexport const StyledGrid = styled('g')`\n  line {\n    stroke: #c0c0bb;\n  }\n\n  .domain {\n    display: none;\n  }\n`;\n\nexport const StyleFocusableRegion = styled('div')<{ s: number }>`\n  width: ${({ s }) => s * 2 ?? '1'}px;\n  height: ${({ s }) => s * 2 ?? '1'}px;\n  :focus {\n    outline: none;\n  }\n`;\n\nexport const StyledLine = styled('path')`\n  fill: none;\n  stroke-width: ${({ isActiveLine }) => (isActiveLine ? 5 : 3)};\n  stroke-linejoin: round;\n`;\nexport const StyledArea = styled('path')`\n  stroke-width: ${({ isActiveLine }) => (isActiveLine ? 5 : 3)};\n  stroke-linejoin: round;\n  opacity: 0.2;\n`;\n\nexport const StyledTooltipContainer = styled.div`\n  max-width: 350px;\n  background-color: white;\n`;\n\nexport const 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAmB;AAC5B,SAAS,oBAAoB;AAMtB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3B,CAAC,EAAE,UAAU,MAAO,YAAY,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlD,MAAM,aAAa,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM9B,CAAC,EAAE,UAAU,MAAO,YAAY,SAAS,aAAa,cAAc,cAAc;AAAA;AAAA;AAAA,MAGlF,CAAC,EAAE,UAAU,MAAO,YAAY,WAAW,aAAa,cAAc,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQpF,CAAC,EAAE,UAAU,MAAO,YAAY,WAAW,aAAa,cAAc,cAAc;AAAA;AAAA;AAInF,MAAM,kBAAkB,OAAO,MAAM;AAAA;AAAA;AAAA;AAKrC,MAAM,aAAa,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,uBAAuB,OAAO,KAAK;AAAA,WACrC,CAAC,EAAE,EAAE,MAAM,IAAI;AAAA,YACd,CAAC,EAAE,EAAE,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,aAAa,OAAO,MAAM;AAAA;AAAA,kBAErB,CAAC,EAAE,aAAa,MAAO,eAAe,IAAI;AAAA;AAAA;AAGrD,MAAM,aAAa,OAAO,MAAM;AAAA,kBACrB,CAAC,EAAE,aAAa,MAAO,eAAe,IAAI;AAAA;AAAA;AAAA;AAKrD,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAKtC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/graphs/constants.js

@@ -1,9 +1,10 @@
 import * as React from "react";
-import { format, timeFormat, curveLinear, curveMonotoneX } from "d3";
-const TICK_FORMATS = {
-  MILLIONS: (v) => format(".2s")(v).replace("G", "B"),
-  KSEPARATOR: (v) => format(",")(v),
-  TIME: (userFormat) => (v) => timeFormat(userFormat)(v)
+import { curveLinear, curveMonotoneX } from "d3";
+const SCALE_TYPES = {
+  LINEAR: "linear",
+  BAND: "band",
+  LOG: "log",
+  TIME: "time"
 };
 const FOCUS_RING = {
   COLOR: "#335cad",
@@ -45,8 +46,8 @@ const curveStyleMap = {
 export {
   FOCUS_RING,
   LINE,
+  SCALE_TYPES,
   SCRAPPER,
-  TICK_FORMATS,
   curveStyleMap
 };
 //# sourceMappingURL=constants.js.map

package/dist/esm/graphs/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/graphs/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { format, timeFormat, curveLinear, curveMonotoneX, curveNatural } from 'd3';\n\nexport const TICK_FORMATS = {\n  MILLIONS: (v) => format('.2s')(v).replace('G', 'B'),\n  KSEPARATOR: (v) => format(',')(v),\n  TIME: (userFormat: string) => (v) => timeFormat(userFormat)(v),\n};\n\nexport const FOCUS_RING = {\n  COLOR: '#335cad',\n  STROKE_WIDTH: 2,\n  OFFSET: 4,\n};\n\nexport const SCRAPPER = {\n  TYPE_HORIZONTAL: 'horizontal',\n  TYPE_VERTICAL: 'vertical',\n};\n\nexport const LINE = {\n  POINT_STYLE: {\n    CIRCLE: 'CIRCLE',\n    SQUARE: 'SQUARE',\n    DIAMOND: 'DIAMOND',\n  },\n  DEFAULT_POINT_RADIUS: 4,\n  DASH_STYLE: {\n    SHORTDOT: 'SHORTDOT',\n    SHORTDASHDOT: 'SHORTDASHDOT',\n    DASH: 'DASH',\n    SHORTDASH: 'SHORTDASH',\n  },\n  DASH_STYLE_VALUES: {\n    SHORTDOT: [2, 2],\n    SHORTDASHDOT: [6, 2, 2, 2],\n    DASH: [8, 6],\n    SHORTDASH: [6, 2],\n  },\n  CURVE_STYLE: {\n    LINEAR: 'LINEAR',\n    SPLINE: 'SPLINE',\n  },\n};\n\nexport const curveStyleMap = {\n  [LINE.CURVE_STYLE.LINEAR]: curveLinear,\n  [LINE.CURVE_STYLE.SPLINE]: curveMonotoneX,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,aAAa,sBAAoC;AAEvE,MAAM,eAAe;AAAA,EAC1B,UAAU,CAAC,MAAM,OAAO,KAAK,EAAE,CAAC,EAAE,QAAQ,KAAK,GAAG;AAAA,EAClD,YAAY,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAAA,EAChC,MAAM,CAAC,eAAuB,CAAC,MAAM,WAAW,UAAU,EAAE,CAAC;AAC/D;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,MAAM,WAAW;AAAA,EACtB,iBAAiB;AAAA,EACjB,eAAe;AACjB;AAEO,MAAM,OAAO;AAAA,EAClB,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,IACjB,UAAU,CAAC,GAAG,CAAC;AAAA,IACf,cAAc,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,IACzB,MAAM,CAAC,GAAG,CAAC;AAAA,IACX,WAAW,CAAC,GAAG,CAAC;AAAA,EAClB;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,KAAK,YAAY,SAAS;AAAA,EAC3B,CAAC,KAAK,YAAY,SAAS;AAC7B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { curveLinear, curveMonotoneX } from 'd3';\n\nexport const SCALE_TYPES = {\n  LINEAR: 'linear',\n  BAND: 'band',\n  LOG: 'log',\n  TIME: 'time',\n};\n\nexport const FOCUS_RING = {\n  COLOR: '#335cad',\n  STROKE_WIDTH: 2,\n  OFFSET: 4,\n};\n\nexport const SCRAPPER = {\n  TYPE_HORIZONTAL: 'horizontal',\n  TYPE_VERTICAL: 'vertical',\n};\n\nexport const LINE = {\n  POINT_STYLE: {\n    CIRCLE: 'CIRCLE',\n    SQUARE: 'SQUARE',\n    DIAMOND: 'DIAMOND',\n  },\n  DEFAULT_POINT_RADIUS: 4,\n  DASH_STYLE: {\n    SHORTDOT: 'SHORTDOT',\n    SHORTDASHDOT: 'SHORTDASHDOT',\n    DASH: 'DASH',\n    SHORTDASH: 'SHORTDASH',\n  },\n  DASH_STYLE_VALUES: {\n    SHORTDOT: [2, 2],\n    SHORTDASHDOT: [6, 2, 2, 2],\n    DASH: [8, 6],\n    SHORTDASH: [6, 2],\n  },\n  CURVE_STYLE: {\n    LINEAR: 'LINEAR',\n    SPLINE: 'SPLINE',\n  },\n};\n\nexport const curveStyleMap = {\n  [LINE.CURVE_STYLE.LINEAR]: curveLinear,\n  [LINE.CURVE_STYLE.SPLINE]: curveMonotoneX,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,sBAAsB;AAErC,MAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,MAAM,WAAW;AAAA,EACtB,iBAAiB;AAAA,EACjB,eAAe;AACjB;AAEO,MAAM,OAAO;AAAA,EAClB,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,IACjB,UAAU,CAAC,GAAG,CAAC;AAAA,IACf,cAAc,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,IACzB,MAAM,CAAC,GAAG,CAAC;AAAA,IACX,WAAW,CAAC,GAAG,CAAC;AAAA,EAClB;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,KAAK,YAAY,SAAS;AAAA,EAC3B,CAAC,KAAK,YAAY,SAAS;AAC7B;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dataviz",
-  "version": "3.9.0",
+  "version": "3.10.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - DataViz",
   "files": [
@@ -35,13 +35,13 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.9.0",
-    "@elliemae/ds-icon": "3.9.0",
-    "@elliemae/ds-icons": "3.9.0",
-    "@elliemae/ds-popperjs": "3.9.0",
-    "@elliemae/ds-system": "3.9.0",
-    "@elliemae/ds-tooltip": "3.9.0",
-    "@elliemae/ds-utilities": "3.9.0",
+    "@elliemae/ds-grid": "3.10.0-next.0",
+    "@elliemae/ds-icon": "3.10.0-next.0",
+    "@elliemae/ds-icons": "3.10.0-next.0",
+    "@elliemae/ds-popperjs": "3.10.0-next.0",
+    "@elliemae/ds-system": "3.10.0-next.0",
+    "@elliemae/ds-tooltip": "3.10.0-next.0",
+    "@elliemae/ds-utilities": "3.10.0-next.0",
     "d3": "~7.4.4"
   },
   "devDependencies": {

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

@@ -1,49 +0,0 @@
-"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, {
-  PieChart: () => PieChart
-});
-module.exports = __toCommonJS(Pie_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ChartContainer = require("./parts/ChartContainer");
-var import_series = require("./series");
-var import_ChartContext = require("./ChartContext");
-var import_usePie = require("./config/usePie");
-var import_ColorLegend = require("./parts/ColorLegend");
-const PieChart = (props) => {
-  const ctx = (0, import_usePie.usePie)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartContext.PieChartContext.Provider, {
-    value: ctx,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ChartContainer.ChartContainer, {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ColorLegend.ColorLegend, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_series.Pie, {})
-      ]
-    })
-  });
-};
-//# sourceMappingURL=Pie.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/graphs/Chart/Pie.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { ChartContainer } from './parts/ChartContainer';\nimport { Pie } from './series';\nimport { PieChartContext } from './ChartContext';\nimport { usePie } from './config/usePie';\nimport type { DSPieT } from './react-desc-prop-types';\nimport { ColorLegend } from './parts/ColorLegend';\nexport const PieChart: React.ComponentType<DSPieT.Props> = (props) => {\n  const ctx = usePie(props);\n  return (\n    <PieChartContext.Provider value={ctx}>\n      <ChartContainer>\n        <ColorLegend />\n        <Pie />\n      </ChartContainer>\n    </PieChartContext.Provider>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,4BAA+B;AAC/B,oBAAoB;AACpB,0BAAgC;AAChC,oBAAuB;AAEvB,yBAA4B;AACrB,MAAM,WAA8C,CAAC,UAAU;AACpE,QAAM,UAAM,sBAAO,KAAK;AACxB,SACE,4CAAC,oCAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,IAC/B,uDAAC;AAAA,MACC;AAAA,oDAAC,kCAAY;AAAA,QACb,4CAAC,qBAAI;AAAA;AAAA,KACP;AAAA,GACF;AAEJ;",
-  "names": []
-}

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

@@ -1,83 +0,0 @@
-"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?.key === 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

@@ -1,7 +0,0 @@
-{
-  "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?.key === 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,aAAa,QAAQ,MAAM,GAAG,CAAC;AACtF,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/esm/graphs/Chart/Pie.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChartContainer } from "./parts/ChartContainer";
-import { Pie } from "./series";
-import { PieChartContext } from "./ChartContext";
-import { usePie } from "./config/usePie";
-import { ColorLegend } from "./parts/ColorLegend";
-const PieChart = (props) => {
-  const ctx = usePie(props);
-  return /* @__PURE__ */ jsx(PieChartContext.Provider, {
-    value: ctx,
-    children: /* @__PURE__ */ jsxs(ChartContainer, {
-      children: [
-        /* @__PURE__ */ jsx(ColorLegend, {}),
-        /* @__PURE__ */ jsx(Pie, {})
-      ]
-    })
-  });
-};
-export {
-  PieChart
-};
-//# sourceMappingURL=Pie.js.map

package/dist/esm/graphs/Chart/Pie.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/graphs/Chart/Pie.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ChartContainer } from './parts/ChartContainer';\nimport { Pie } from './series';\nimport { PieChartContext } from './ChartContext';\nimport { usePie } from './config/usePie';\nimport type { DSPieT } from './react-desc-prop-types';\nimport { ColorLegend } from './parts/ColorLegend';\nexport const PieChart: React.ComponentType<DSPieT.Props> = (props) => {\n  const ctx = usePie(props);\n  return (\n    <PieChartContext.Provider value={ctx}>\n      <ChartContainer>\n        <ColorLegend />\n        <Pie />\n      </ChartContainer>\n    </PieChartContext.Provider>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,sBAAsB;AAC/B,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AACrB,MAAM,WAA8C,CAAC,UAAU;AACpE,QAAM,MAAM,OAAO,KAAK;AACxB,SACE,oBAAC,gBAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,IAC/B,+BAAC;AAAA,MACC;AAAA,4BAAC,eAAY;AAAA,QACb,oBAAC,OAAI;AAAA;AAAA,KACP;AAAA,GACF;AAEJ;",
-  "names": []
-}

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

@@ -1,57 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useContext, useMemo, useRef } from "react";
-import { ChartContext } from "../ChartContext";
-import { Line, Points, Bars, StackedBar } from "../series";
-import { getStackedIndex } from "../helpers";
-const ActivePoint = () => {
-  const {
-    props: { data, groups },
-    activePoint,
-    activeSerie
-  } = useContext(ChartContext);
-  const lastActiveSerie = useRef(null);
-  const activeItem = 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?.key === value.key));
-      lastActiveSerie.current = item;
-    } else if (!lastActiveSerie.current) {
-      return;
-    }
-    if (item.type === "bar" && groups && getStackedIndex(groups, item.name) > -1) {
-      return /* @__PURE__ */ jsx(StackedBar, {
-        serie: item
-      });
-    }
-    if (item.type === "bar") {
-      return /* @__PURE__ */ jsx(Bars, {
-        serie: item
-      });
-    }
-    if (item.type === "point") {
-      return /* @__PURE__ */ jsx(Points, {
-        serie: item
-      });
-    }
-    if (item.type === "line") {
-      return /* @__PURE__ */ jsx(Line, {
-        serie: item
-      });
-    }
-  }, [activePoint, activeSerie, data, groups]);
-  return /* @__PURE__ */ jsx("g", {
-    className: "redraw",
-    children: activeItem
-  });
-};
-export {
-  ActivePoint
-};
-//# sourceMappingURL=ActivePoint.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/graphs/Chart/parts/ActivePoint.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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?.key === 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAGA,SAAgB,YAAY,SAAS,cAAc;AACnD,SAAS,oBAAoB;AAC7B,SAAS,MAAM,QAAQ,MAAM,kBAAkB;AAC/C,SAAS,uBAAuB;AAEzB,MAAM,cAAc,MAAM;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,OAAO;AAAA,IACtB;AAAA,IACA;AAAA,EACF,IAAI,WAAW,YAAY;AAE3B,QAAM,kBAAkB,OAAO,IAAI;AACnC,QAAM,aAAa,QAAQ,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,aAAa,QAAQ,MAAM,GAAG,CAAC;AACtF,sBAAgB,UAAU;AAAA,IAC5B,WAAW,CAAC,gBAAgB,SAAS;AACnC;AAAA,IACF;AAEA,QAAI,KAAK,SAAS,SAAS,UAAU,gBAAgB,QAAQ,KAAK,IAAI,IAAI,IAAI;AAC5E,aAAO,oBAAC;AAAA,QAAW,OAAO;AAAA,OAAM;AAAA,IAClC;AACA,QAAI,KAAK,SAAS,OAAO;AACvB,aAAO,oBAAC;AAAA,QAAK,OAAO;AAAA,OAAM;AAAA,IAC5B;AACA,QAAI,KAAK,SAAS,SAAS;AACzB,aAAO,oBAAC;AAAA,QAAO,OAAO;AAAA,OAAM;AAAA,IAC9B;AACA,QAAI,KAAK,SAAS,QAAQ;AACxB,aAAO,oBAAC;AAAA,QAAK,OAAO;AAAA,OAAM;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,aAAa,MAAM,MAAM,CAAC;AAE3C,SAAO,oBAAC;AAAA,IAAE,WAAU;AAAA,IAAU;AAAA,GAAW;AAC3C;",
-  "names": []
-}