@elliemae/ds-dataviz-pie 3.6.0-next.3

package/dist/cjs/parts/Point.js

@@ -0,0 +1,81 @@
+"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_ds_tooltip = require("@elliemae/ds-tooltip");
+var import_styles = require("../styles");
+var import_PieContext = require("../PieContext");
+const Point = ({ x, y, id, label, opacity }) => {
+  const {
+    activePoint,
+    props: { circleRadius, xAxis }
+  } = (0, import_react.useContext)(import_PieContext.PieContext);
+  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)("g", {
+      transform: `translate(${x},${y})`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPoint, {
+          id: `${id}-mark`,
+          isFocused,
+          r: circleRadius,
+          opacity
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("foreignObject", {
+          width: circleRadius * 2,
+          height: circleRadius * 2,
+          style: { transform: `translate(-${circleRadius}px, -${circleRadius}px)` },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.DSTooltipV3, {
+            withoutAnimation: true,
+            text: label,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyleFocusableRegion, {
+              s: circleRadius,
+              tabIndex: -1,
+              ref: handleRef
+            })
+          })
+        })
+      ]
+    }),
+    [circleRadius, handleRef, id, isFocused, label, opacity, x, y]
+  );
+};
+//# sourceMappingURL=Point.js.map

package/dist/cjs/parts/Point.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/Point.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo, useRef, useCallback } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { StyledPoint, StyleFocusableRegion } from '../styles';\nimport { PieContext } from '../PieContext';\n\nexport const Point = ({ x, y, id, label, opacity }) => {\n  const {\n    activePoint,\n\n    props: { circleRadius, xAxis },\n  } = useContext(PieContext);\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\n  return useMemo(\n    () => (\n      <g transform={`translate(${x},${y})`}>\n        <StyledPoint id={`${id}-mark`} isFocused={isFocused} r={circleRadius} opacity={opacity}></StyledPoint>\n        <foreignObject\n          width={circleRadius * 2}\n          height={circleRadius * 2}\n          style={{ transform: `translate(-${circleRadius}px, -${circleRadius}px)` }}\n        >\n          <DSTooltipV3 withoutAnimation text={label}>\n            <StyleFocusableRegion\n              s={circleRadius}\n              // aria-label={`${xValue} ${d[yValue]}`}\n              tabIndex={-1}\n              ref={handleRef}\n            ></StyleFocusableRegion>\n          </DSTooltipV3>\n        </foreignObject>\n      </g>\n    ),\n    [circleRadius, handleRef, id, isFocused, label, opacity, x, y],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAgE;AAChE,wBAA4B;AAC5B,oBAAkD;AAClD,wBAA2B;AAEpB,MAAM,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI,OAAO,QAAQ,MAAM;AACrD,QAAM;AAAA,IACJ;AAAA,IAEA,OAAO,EAAE,cAAc,MAAM;AAAA,EAC/B,QAAI,yBAAW,4BAAU;AAEzB,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;AAEA,aAAO;AAAA,IACL,MACE,6CAAC;AAAA,MAAE,WAAW,aAAa,KAAK;AAAA,MAC9B;AAAA,oDAAC;AAAA,UAAY,IAAI,GAAG;AAAA,UAAW;AAAA,UAAsB,GAAG;AAAA,UAAc;AAAA,SAAkB;AAAA,QACxF,4CAAC;AAAA,UACC,OAAO,eAAe;AAAA,UACtB,QAAQ,eAAe;AAAA,UACvB,OAAO,EAAE,WAAW,cAAc,oBAAoB,kBAAkB;AAAA,UAExE,sDAAC;AAAA,YAAY,kBAAgB;AAAA,YAAC,MAAM;AAAA,YAClC,sDAAC;AAAA,cACC,GAAG;AAAA,cAEH,UAAU;AAAA,cACV,KAAK;AAAA,aACN;AAAA,WACH;AAAA,SACF;AAAA;AAAA,KACF;AAAA,IAEF,CAAC,cAAc,WAAW,IAAI,WAAW,OAAO,SAAS,GAAG,CAAC;AAAA,EAC/D;AACF;",
+  "names": []
+}

package/dist/cjs/parts/Slice.js

@@ -0,0 +1,103 @@
+"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 Slice_exports = {};
+__export(Slice_exports, {
+  Slice: () => Slice
+});
+module.exports = __toCommonJS(Slice_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_PieContext = require("../PieContext");
+var import_Tooltip = require("./Tooltip");
+const Slice = ({ data }) => {
+  const {
+    innerHeight,
+    innerWidth,
+    activeSerie,
+    setActiveSerie,
+    props: { series, innerRadius: innerRadiusProp, isHalfPie, TooltipRenderer }
+  } = (0, import_react.useContext)(import_PieContext.PieContext);
+  const [isTooltipShown, setIsTooltipShown] = (0, import_react.useState)(false);
+  const innerRadius = innerRadiusProp ?? 0;
+  const tooltipRef = (0, import_react.useRef)(null);
+  const arcRef = (0, import_react.useRef)(null);
+  const radius = isHalfPie ? Math.min(innerWidth, innerHeight) : Math.min(innerWidth, innerHeight) / 2;
+  const { startAngle, endAngle, index, value } = data;
+  const currentStartAngle = isHalfPie ? startAngle / 2 : startAngle;
+  const currentEndAngle = isHalfPie ? endAngle / 2 : endAngle;
+  const serieData = series?.find((serie) => serie.name === data.data[0]);
+  const { color, name } = serieData;
+  const sliceData = (0, import_d3.arc)().innerRadius(innerRadius).outerRadius(radius).startAngle(currentStartAngle).endAngle(currentEndAngle);
+  const deltaAngle = currentStartAngle + (currentEndAngle - currentStartAngle) / 2;
+  const x = radius * Math.sin(deltaAngle);
+  const y = -radius * Math.cos(deltaAngle);
+  const isOpen = (0, import_react.useMemo)(
+    () => activeSerie === "" && isTooltipShown || activeSerie === `${name}-${index}` && !isTooltipShown,
+    [activeSerie, index, isTooltipShown, name]
+  );
+  (0, import_react.useEffect)(() => {
+    if (arcRef.current) {
+      (0, import_d3.select)(arcRef.current).attr("d", sliceData());
+    }
+  }, [sliceData]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+    onMouseEnter: () => {
+      setActiveSerie("");
+      setIsTooltipShown(true);
+    },
+    onMouseLeave: (e) => {
+      setIsTooltipShown(false);
+    },
+    transform: isHalfPie ? "rotate(-90)" : "",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+        ref: arcRef,
+        fill: color,
+        stroke: "white"
+      }),
+      name !== "no-data" && TooltipRenderer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("foreignObject", {
+        x,
+        y,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip, {
+          isTooltipShown: isOpen,
+          withoutAnimation: true,
+          onFocus: () => {
+            setActiveSerie(`${name}-${index}`);
+          },
+          onBlur: () => {
+            setActiveSerie("");
+          },
+          startPlacementPreference: "bottom",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipRenderer, {
+            data: serieData
+          })
+        })
+      })
+    ]
+  });
+};
+//# sourceMappingURL=Slice.js.map

package/dist/cjs/parts/Slice.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/Slice.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useEffect, useMemo, useRef, useContext } from 'react';\nimport { arc, select } from 'd3';\nimport { PieContext } from '../PieContext';\nimport { Tooltip } from './Tooltip';\nexport const Slice = ({ data }) => {\n  const {\n    innerHeight,\n    innerWidth,\n    activeSerie,\n    setActiveSerie,\n    props: { series, innerRadius: innerRadiusProp, isHalfPie, TooltipRenderer },\n  } = useContext(PieContext);\n\n  const [isTooltipShown, setIsTooltipShown] = useState(false);\n\n  const innerRadius = innerRadiusProp ?? 0;\n  const tooltipRef = useRef(null);\n  const arcRef = useRef(null);\n\n  const radius = isHalfPie ? Math.min(innerWidth, innerHeight) : Math.min(innerWidth, innerHeight) / 2;\n  const { startAngle, endAngle, index, value } = data;\n  const currentStartAngle = isHalfPie ? startAngle / 2 : startAngle;\n  const currentEndAngle = isHalfPie ? endAngle / 2 : endAngle;\n\n  const serieData = series?.find((serie) => serie.name === data.data[0]);\n  const { color, name } = serieData;\n\n  const sliceData = arc()\n    .innerRadius(innerRadius)\n    .outerRadius(radius)\n    .startAngle(currentStartAngle)\n    .endAngle(currentEndAngle);\n  const deltaAngle = currentStartAngle + (currentEndAngle - currentStartAngle) / 2;\n  const x = radius * Math.sin(deltaAngle);\n  const y = -radius * Math.cos(deltaAngle);\n\n  const isOpen = useMemo(\n    () => (activeSerie === '' && isTooltipShown) || (activeSerie === `${name}-${index}` && !isTooltipShown),\n    [activeSerie, index, isTooltipShown, name],\n  );\n\n  useEffect(() => {\n    if (arcRef.current) {\n      select(arcRef.current).attr('d', sliceData());\n    }\n  }, [sliceData]);\n\n  return (\n    <g\n      onMouseEnter={() => {\n        setActiveSerie('');\n        setIsTooltipShown(true);\n      }}\n      onMouseLeave={(e) => {\n        setIsTooltipShown(false);\n      }}\n      transform={isHalfPie ? 'rotate(-90)' : ''}\n    >\n      <path ref={arcRef} fill={color} stroke=\"white\"></path>\n      {name !== 'no-data' && TooltipRenderer && (\n        <foreignObject x={x} y={y}>\n          <Tooltip\n            isTooltipShown={isOpen}\n            withoutAnimation\n            onFocus={() => {\n              setActiveSerie(`${name}-${index}`);\n            }}\n            onBlur={() => {\n              setActiveSerie('');\n            }}\n            startPlacementPreference=\"bottom\"\n          >\n            <TooltipRenderer data={serieData} />\n          </Tooltip>\n        </foreignObject>\n      )}\n\n      {/* {isOpen && (\n        <g>\n          <circle r=\"5\" fill={color} cx={x} cy={y} stroke=\"black\" />\n        </g>\n      )} */}\n    </g>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAwE;AACxE,gBAA4B;AAC5B,wBAA2B;AAC3B,qBAAwB;AACjB,MAAM,QAAQ,CAAC,EAAE,KAAK,MAAM;AACjC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ,aAAa,iBAAiB,WAAW,gBAAgB;AAAA,EAC5E,QAAI,yBAAW,4BAAU;AAEzB,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D,QAAM,cAAc,mBAAmB;AACvC,QAAM,iBAAa,qBAAO,IAAI;AAC9B,QAAM,aAAS,qBAAO,IAAI;AAE1B,QAAM,SAAS,YAAY,KAAK,IAAI,YAAY,WAAW,IAAI,KAAK,IAAI,YAAY,WAAW,IAAI;AACnG,QAAM,EAAE,YAAY,UAAU,OAAO,MAAM,IAAI;AAC/C,QAAM,oBAAoB,YAAY,aAAa,IAAI;AACvD,QAAM,kBAAkB,YAAY,WAAW,IAAI;AAEnD,QAAM,YAAY,QAAQ,KAAK,CAAC,UAAU,MAAM,SAAS,KAAK,KAAK,EAAE;AACrE,QAAM,EAAE,OAAO,KAAK,IAAI;AAExB,QAAM,gBAAY,eAAI,EACnB,YAAY,WAAW,EACvB,YAAY,MAAM,EAClB,WAAW,iBAAiB,EAC5B,SAAS,eAAe;AAC3B,QAAM,aAAa,qBAAqB,kBAAkB,qBAAqB;AAC/E,QAAM,IAAI,SAAS,KAAK,IAAI,UAAU;AACtC,QAAM,IAAI,CAAC,SAAS,KAAK,IAAI,UAAU;AAEvC,QAAM,aAAS;AAAA,IACb,MAAO,gBAAgB,MAAM,kBAAoB,gBAAgB,GAAG,QAAQ,WAAW,CAAC;AAAA,IACxF,CAAC,aAAa,OAAO,gBAAgB,IAAI;AAAA,EAC3C;AAEA,8BAAU,MAAM;AACd,QAAI,OAAO,SAAS;AAClB,4BAAO,OAAO,OAAO,EAAE,KAAK,KAAK,UAAU,CAAC;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,6CAAC;AAAA,IACC,cAAc,MAAM;AAClB,qBAAe,EAAE;AACjB,wBAAkB,IAAI;AAAA,IACxB;AAAA,IACA,cAAc,CAAC,MAAM;AACnB,wBAAkB,KAAK;AAAA,IACzB;AAAA,IACA,WAAW,YAAY,gBAAgB;AAAA,IAEvC;AAAA,kDAAC;AAAA,QAAK,KAAK;AAAA,QAAQ,MAAM;AAAA,QAAO,QAAO;AAAA,OAAQ;AAAA,MAC9C,SAAS,aAAa,mBACrB,4CAAC;AAAA,QAAc;AAAA,QAAM;AAAA,QACnB,sDAAC;AAAA,UACC,gBAAgB;AAAA,UAChB,kBAAgB;AAAA,UAChB,SAAS,MAAM;AACb,2BAAe,GAAG,QAAQ,OAAO;AAAA,UACnC;AAAA,UACA,QAAQ,MAAM;AACZ,2BAAe,EAAE;AAAA,UACnB;AAAA,UACA,0BAAyB;AAAA,UAEzB,sDAAC;AAAA,YAAgB,MAAM;AAAA,WAAW;AAAA,SACpC;AAAA,OACF;AAAA;AAAA,GAQJ;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/Tooltip.js

@@ -0,0 +1,55 @@
+"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 Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(Tooltip_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_popperjs = require("@elliemae/ds-popperjs");
+const Tooltip = (props) => {
+  const { children, innerRef, isTooltipShown, onFocus, onBlur, ...extraPopperJsProps } = props;
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    onFocus,
+    onBlur,
+    tabIndex: 0,
+    ref: setReferenceElement,
+    className: "myclass",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
+      referenceElement,
+      showPopover: isTooltipShown,
+      zIndex: 3e3,
+      ...extraPopperJsProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+        style: { backgroundColor: "white" },
+        children
+      })
+    })
+  });
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/parts/Tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/Tooltip.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\n\nexport const Tooltip: React.ComponentType<any> = (props) => {\n  const { children, innerRef, isTooltipShown, onFocus, onBlur, ...extraPopperJsProps } = props;\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement | null>();\n\n  return (\n    <div onFocus={onFocus} onBlur={onBlur} tabIndex={0} ref={setReferenceElement} className=\"myclass\">\n      <DSPopperJS\n        referenceElement={referenceElement}\n        showPopover={isTooltipShown}\n        zIndex={3000}\n        {...extraPopperJsProps}\n      >\n        <div style={{ backgroundColor: 'white' }}>{children}</div>\n      </DSPopperJS>\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAgC;AAChC,yBAA2B;AAEpB,MAAM,UAAoC,CAAC,UAAU;AAC1D,QAAM,EAAE,UAAU,UAAU,gBAAgB,SAAS,WAAW,mBAAmB,IAAI;AAEvF,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiC;AAEjF,SACE,4CAAC;AAAA,IAAI;AAAA,IAAkB;AAAA,IAAgB,UAAU;AAAA,IAAG,KAAK;AAAA,IAAqB,WAAU;AAAA,IACtF,sDAAC;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,QAAQ;AAAA,MACP,GAAG;AAAA,MAEJ,sDAAC;AAAA,QAAI,OAAO,EAAE,iBAAiB,QAAQ;AAAA,QAAI;AAAA,OAAS;AAAA,KACtD;AAAA,GACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,44 @@
+"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, {
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+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/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/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}\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;ACAA,YAAuB;ADAvB,0BAAqD;AAuB9C,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/styles.js

@@ -0,0 +1,99 @@
+"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 styles_exports = {};
+__export(styles_exports, {
+  StyleFocusableRegion: () => StyleFocusableRegion,
+  StyledArea: () => StyledArea,
+  StyledAxis: () => StyledAxis,
+  StyledGrid: () => StyledGrid,
+  StyledLine: () => StyledLine,
+  StyledMark: () => StyledMark,
+  StyledPoint: () => StyledPoint,
+  StyledSVGWrapper: () => StyledSVGWrapper
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const StyledSVGWrapper = import_ds_system.styled.div`
+  :focus {
+    outline: none;
+  }
+  :focus-within {
+    outline: none;
+  }
+`;
+const StyledAxis = (0, import_ds_system.styled)("g")`
+  text {
+    fill: #635f5d;
+  }
+
+  text.axis-label {
+    font-size: 2.5em;
+  }
+
+  .tick text {
+    ${({ color }) => color ? `fill: ${color}` : ""}
+  }
+  .tick line {
+    ${({ color }) => color ? `stroke: ${color}` : ""}
+  }
+  line {
+    stroke: #c0c0bb;
+  }
+`;
+const StyledGrid = (0, import_ds_system.styled)("g")`
+  line {
+    stroke: #c0c0bb;
+  }
+`;
+const borderCircle = import_ds_system.css`
+  stroke: red;
+  stroke-width: 2;
+`;
+const StyledMark = (0, import_ds_system.styled)("rect")`
+  ${({ isFocused }) => isFocused ? borderCircle : ""};
+`;
+const StyleFocusableRegion = (0, import_ds_system.styled)("div")`
+  width: ${({ s }) => s * 2}px;
+  height: ${({ s }) => s * 2}px;
+  :focus {
+    outline: none;
+  }
+`;
+const StyledLine = (0, import_ds_system.styled)("path")`
+  fill: none;
+  stroke-width: ${({ isActiveLine }) => isActiveLine ? 5 : 3};
+  stroke-linejoin: round;
+`;
+const StyledArea = (0, import_ds_system.styled)("path")`
+  stroke-width: ${({ isActiveLine }) => isActiveLine ? 5 : 3};
+  stroke-linejoin: round;
+  opacity: 0.8;
+`;
+const StyledPoint = (0, import_ds_system.styled)("circle")`
+  opacity: ${({ opacity }) => opacity};
+  ${({ isFocused }) => isFocused ? borderCircle : ""};
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\n\nexport const StyledSVGWrapper = styled.div`\n  :focus {\n    outline: none;\n  }\n  :focus-within {\n    outline: none;\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}` : '')}\n  }\n  .tick line {\n    ${({ color }) => (color ? `stroke: ${color}` : '')}\n  }\n  line {\n    stroke: #c0c0bb;\n  }\n`;\n\nexport const StyledGrid = styled('g')`\n  line {\n    stroke: #c0c0bb;\n  }\n`;\n\nconst borderCircle = css`\n  stroke: red;\n  stroke-width: 2;\n`;\nexport const StyledMark = styled('rect')<{ isFocused: boolean }>`\n  ${({ isFocused }) => (isFocused ? borderCircle : '')};\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.8;\n`;\n\nexport const StyledPoint = styled('circle')<{ isFocused: boolean }>`\n  opacity: ${({ opacity }) => opacity};\n  ${({ isFocused }) => (isFocused ? borderCircle : '')};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAErB,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShC,MAAM,iBAAa,yBAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAU9B,CAAC,EAAE,MAAM,MAAO,QAAQ,SAAS,UAAU;AAAA;AAAA;AAAA,MAG3C,CAAC,EAAE,MAAM,MAAO,QAAQ,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5C,MAAM,iBAAa,yBAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAMpC,MAAM,eAAe;AAAA;AAAA;AAAA;AAId,MAAM,iBAAa,yBAAO,MAAM;AAAA,IACnC,CAAC,EAAE,UAAU,MAAO,YAAY,eAAe;AAAA;AAG5C,MAAM,2BAAuB,yBAAO,KAAK;AAAA,WACrC,CAAC,EAAE,EAAE,MAAM,IAAI;AAAA,YACd,CAAC,EAAE,EAAE,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,iBAAa,yBAAO,MAAM;AAAA;AAAA,kBAErB,CAAC,EAAE,aAAa,MAAO,eAAe,IAAI;AAAA;AAAA;AAGrD,MAAM,iBAAa,yBAAO,MAAM;AAAA,kBACrB,CAAC,EAAE,aAAa,MAAO,eAAe,IAAI;AAAA;AAAA;AAAA;AAKrD,MAAM,kBAAc,yBAAO,QAAQ;AAAA,aAC7B,CAAC,EAAE,QAAQ,MAAM;AAAA,IAC1B,CAAC,EAAE,UAAU,MAAO,YAAY,eAAe;AAAA;",
+  "names": []
+}

package/dist/esm/Pie.js

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

package/dist/esm/Pie.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Pie.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ChartContainer } from './parts/ChartContainer';\nimport { Pie } from './parts/Pie';\nimport { PieContext } from './PieContext';\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    <PieContext.Provider value={ctx}>\n      <ChartContainer>\n        <ColorLegend />\n        <Pie />\n      </ChartContainer>\n    </PieContext.Provider>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,sBAAsB;AAC/B,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AACrB,MAAM,WAA8C,CAAC,UAAU;AACpE,QAAM,MAAM,OAAO,KAAK;AACxB,SACE,oBAAC,WAAW,UAAX;AAAA,IAAoB,OAAO;AAAA,IAC1B,+BAAC;AAAA,MACC;AAAA,4BAAC,eAAY;AAAA,QACb,oBAAC,OAAI;AAAA;AAAA,KACP;AAAA,GACF;AAEJ;",
+  "names": []
+}

package/dist/esm/PieContext.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { createContext, createRef } from "react";
+import { scaleOrdinal } from "d3";
+const pieChartdefaultContext = {
+  innerHeight: 0,
+  innerWidth: 0,
+  activeSerie: "",
+  setActiveSerie: () => {
+  },
+  containerRef: createRef(),
+  groups: [],
+  colorScale: scaleOrdinal()
+};
+const PieContext = createContext(pieChartdefaultContext);
+export {
+  PieContext
+};
+//# sourceMappingURL=PieContext.js.map

package/dist/esm/PieContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PieContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { scaleOrdinal, ScaleOrdinal } from 'd3';\nimport { DSPieT } from './react-desc-prop-types';\n\ninterface PieChartContextT {\n  props: Partial<DSPieT.Props>;\n  innerHeight: number;\n  innerWidth: number;\n  activeSerie: string;\n  setActiveSerie: React.Dispatch<React.SetStateAction<string>>;\n  containerRef: React.RefObject<HTMLDivElement>;\n  groups: string[];\n  colorScale: ScaleOrdinal<string, unknown, never>;\n}\n\nconst pieChartdefaultContext: PieChartContextT = {\n  // props: defaultProps,\n  innerHeight: 0,\n  innerWidth: 0,\n  activeSerie: '',\n  setActiveSerie: () => {},\n  containerRef: createRef<HTMLDivElement>(),\n  groups: [],\n  colorScale: scaleOrdinal(),\n};\n\nexport const PieContext = createContext(pieChartdefaultContext);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,iBAAiB;AACzC,SAAS,oBAAkC;AAc3C,MAAM,yBAA2C;AAAA,EAE/C,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,cAAc,UAA0B;AAAA,EACxC,QAAQ,CAAC;AAAA,EACT,YAAY,aAAa;AAC3B;AAEO,MAAM,aAAa,cAAc,sBAAsB;",
+  "names": []
+}

package/dist/esm/config/useKeyboardNavigation.js

@@ -0,0 +1,95 @@
+import * as React from "react";
+import { useCallback, useContext, useMemo, useState } from "react";
+import { PieContext } from "../PieContext";
+const findInCircularList = (list, from, step = 1) => {
+  for (let i = (from + step + list.length) % list.length; i !== from && from > -1; i = (i + step + list.length) % list.length) {
+    if (list[i])
+      return i;
+  }
+  return from;
+};
+const useKeyboardNavigation = () => {
+  const {
+    activePoint,
+    setActivePoint,
+    containerRef,
+    groups,
+    yScale,
+    props: { data }
+  } = useContext(PieContext);
+  const [currentFocusedDataset, setCurrentFocusedDataset] = useState(groups[0]);
+  const currentGroup = useMemo(() => data.find((d) => d.name === currentFocusedDataset), [currentFocusedDataset, data]);
+  const currentItemIndex = useMemo(
+    () => currentGroup.data.findIndex((opt) => opt.key === activePoint),
+    [activePoint, currentGroup]
+  );
+  const handleOnFocus = useCallback(
+    (e) => {
+      console.log("focus");
+      if (containerRef?.current === e.target) {
+        setActivePoint(currentGroup.data[0].key);
+      }
+    },
+    [containerRef, currentGroup, setActivePoint]
+  );
+  const handleOnBlur = useCallback(() => {
+    setTimeout(() => {
+      if (!containerRef?.current?.contains(document.activeElement) || containerRef?.current === document.activeElement) {
+        console.log("blur");
+        setActivePoint("");
+      }
+    });
+  }, [containerRef, setActivePoint]);
+  const navigateSerie = useCallback(
+    (step) => {
+      const newValue = findInCircularList(
+        currentGroup.data.map((d) => d.value),
+        currentItemIndex,
+        step
+      );
+      setActivePoint(currentGroup.data[newValue].key);
+    },
+    [currentGroup.data, currentItemIndex, setActivePoint]
+  );
+  const changeSerie = useCallback(
+    (step) => {
+      setCurrentFocusedDataset((prev) => {
+        const nextGroup = findInCircularList(
+          groups,
+          groups.findIndex((item) => item === prev),
+          step
+        );
+        const nextGroupData = data.find((d) => d.name === groups[nextGroup]);
+        setActivePoint(nextGroupData.data[currentItemIndex].key);
+        return groups[nextGroup];
+      });
+    },
+    [currentItemIndex, data, setActivePoint, groups]
+  );
+  const onInputKeyDown = useCallback(
+    (e) => {
+      if (e.code !== "Tab") {
+        e.preventDefault();
+      }
+      if (["ArrowLeft", "ArrowRight"].includes(e.code)) {
+        if (yScale.bandwidth)
+          changeSerie(e.code === "ArrowLeft" ? -1 : 1);
+        else
+          navigateSerie(e.code === "ArrowLeft" ? -1 : 1);
+      }
+      if (["ArrowDown", "ArrowUp"].includes(e.code)) {
+        if (yScale.bandwidth)
+          navigateSerie(e.code === "ArrowDown" ? -1 : 1);
+        else
+          changeSerie(e.code === "ArrowDown" ? -1 : 1);
+      }
+    },
+    [changeSerie, navigateSerie, yScale.bandwidth]
+  );
+  return { onInputKeyDown, handleOnBlur, handleOnFocus };
+};
+export {
+  findInCircularList,
+  useKeyboardNavigation
+};
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/esm/config/useKeyboardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useKeyboardNavigation.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { PieContext } from '../PieContext';\n\nexport const findInCircularList = (\n  list,\n  from: number,\n  //criteria: (item) => boolean,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (\n    let i = (from + step + list.length) % list.length;\n    i !== from && from > -1;\n    i = (i + step + list.length) % list.length\n  ) {\n    if (list[i]) return i;\n  }\n  return from; // return same item\n};\n\nexport const useKeyboardNavigation = () => {\n  const {\n    activePoint,\n    setActivePoint,\n    containerRef,\n    groups,\n    yScale,\n    props: { data },\n  } = useContext(PieContext);\n\n  const [currentFocusedDataset, setCurrentFocusedDataset] = useState(groups[0]);\n\n  const currentGroup = useMemo(() => data.find((d) => d.name === currentFocusedDataset), [currentFocusedDataset, data]);\n\n  const currentItemIndex = useMemo(\n    () => currentGroup.data.findIndex((opt) => opt.key === activePoint),\n    [activePoint, currentGroup],\n  );\n\n  const handleOnFocus: React.FocusEventHandler<HTMLDivElement> = useCallback(\n    (e) => {\n      console.log('focus');\n\n      if (containerRef?.current === e.target) {\n        setActivePoint(currentGroup.data[0].key);\n      }\n    },\n    [containerRef, currentGroup, setActivePoint],\n  );\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = useCallback(() => {\n    setTimeout(() => {\n      if (\n        !containerRef?.current?.contains(document.activeElement) ||\n        containerRef?.current === document.activeElement\n      ) {\n        console.log('blur');\n        setActivePoint('');\n      }\n    });\n  }, [containerRef, setActivePoint]);\n\n  const navigateSerie = useCallback(\n    (step: number) => {\n      const newValue = findInCircularList(\n        currentGroup.data.map((d) => d.value),\n        currentItemIndex,\n        step,\n      );\n      setActivePoint(currentGroup.data[newValue].key);\n    },\n    [currentGroup.data, currentItemIndex, setActivePoint],\n  );\n\n  const changeSerie = useCallback(\n    (step: number) => {\n      setCurrentFocusedDataset((prev) => {\n        const nextGroup = findInCircularList(\n          groups,\n          groups.findIndex((item) => item === prev),\n          step,\n        );\n        const nextGroupData = data.find((d) => d.name === groups[nextGroup]);\n        setActivePoint(nextGroupData.data[currentItemIndex].key);\n        return groups[nextGroup];\n      });\n    },\n    [currentItemIndex, data, setActivePoint, groups],\n  );\n\n  const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      if (e.code !== 'Tab') {\n        e.preventDefault();\n      }\n      if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {\n        if (yScale.bandwidth) changeSerie(e.code === 'ArrowLeft' ? -1 : 1);\n        else navigateSerie(e.code === 'ArrowLeft' ? -1 : 1);\n      }\n\n      if (['ArrowDown', 'ArrowUp'].includes(e.code)) {\n        if (yScale.bandwidth) navigateSerie(e.code === 'ArrowDown' ? -1 : 1);\n        else changeSerie(e.code === 'ArrowDown' ? -1 : 1);\n      }\n    },\n    [changeSerie, navigateSerie, yScale.bandwidth],\n  );\n\n  return { onInputKeyDown, handleOnBlur, handleOnFocus };\n};\n"],
+  "mappings": "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",
+  "names": []
+}