@ledgerhq/lumen-ui-react-visualization 0.1.14 → 0.1.16

package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/utils.d.ts

@@ -34,10 +34,25 @@ export declare const computeItemsBaseY: (drawingAreaY: number, hasTitle: boolean
 /**
  * Manages SVG text measurement for the tooltip via `getBBox`.
  *
- * A single `ResizeObserver` is created on mount and reused for the
- * component's entire lifetime, avoiding the cost of tearing down and
- * recreating an observer on every scrubber movement.
+ * A single `ResizeObserver` is created on mount and reused for the component's
+ * entire lifetime, avoiding the cost of tearing down and recreating an observer
+ * on every scrubber movement.
+ *
+ * The re-measure / re-observe effect's dependency is a shape signature (labels
+ * + title + count) rather than the raw `items` reference, so high-frequency
+ * value updates during a scrub do not trigger a fresh measurement or
+ * disconnect / re-observe cycle. The `ResizeObserver` still picks up real
+ * geometry changes (e.g. value strings widening past the current rect).
+ */
+export declare function useTooltipMeasurement(items: ChartTooltipItemData[], hasTitle: boolean, title: SvgTextContent | undefined): UseTooltipMeasurementReturn;
+type SvgTextRefSetter = (el: SVGTextElement | null) => void;
+/**
+ * Builds stable per-index ref-callback arrays that mutate the given refs in
+ * place. Recomputed only when `length` changes, so the same callback identity
+ * is passed to each `ChartTooltipItem` across scrub frames. This unlocks
+ * `React.memo` on `ChartTooltipItem` and avoids the per-frame detach /
+ * re-attach dance of inline arrow ref callbacks.
  */
-export declare function useTooltipMeasurement(items: ChartTooltipItemData[], hasTitle: boolean, title: SvgTextContent | null | undefined): UseTooltipMeasurementReturn;
+export declare const useBuildRefSetters: (refs: RefObject<(SVGTextElement | null)[]>, length: number) => SvgTextRefSetter[];
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAUrE,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,IAAI,kBAAkB,GAAG,IAAI,KAAG,MAOhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,MAAM,GAAG,IAAI,EACrB,UAAU,OAAO,EACjB,UAAU,MAAM,KACf,MAUF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,cAAc,MAAM,EACpB,aAAa,WAAW,KACvB,MAOF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,WAAW,MAAM,EACjB,UAAU,OAAO,KAChB,MAQF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,MAAM,EACpB,UAAU,OAAO,KAChB,MAGF,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,oBAAoB,EAAE,EAC7B,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,GACvC,2BAA2B,CAkD7B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Scrubber/DefaultScrubberTooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAUrE,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,IAAI,kBAAkB,GAAG,IAAI,KAAG,MAOhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,MAAM,GAAG,IAAI,EACrB,UAAU,OAAO,EACjB,UAAU,MAAM,KACf,MAUF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAC1B,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,cAAc,MAAM,EACpB,aAAa,WAAW,KACvB,MAOF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,WAAW,MAAM,EACjB,UAAU,OAAO,KAChB,MAQF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,MAAM,EACpB,UAAU,OAAO,KAChB,MAGF,CAAC;AA4BF;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,oBAAoB,EAAE,EAC7B,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,cAAc,GAAG,SAAS,GAChC,2BAA2B,CAuD7B;AAED,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;AAE5D;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,SAAS,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,EAC1C,QAAQ,MAAM,KACb,gBAAgB,EAUlB,CAAC"}

package/dist/lib/Components/Scrubber/DefaultScrubberTooltip/utils.js

@@ -1,5 +1,5 @@
-import { useRef as i, useState as W, useEffect as _, useLayoutEffect as g } from "react";
-import { LABEL_VALUE_GAP as E, PADDING_Y as d, ROW_HEIGHT as p, ROW_GAP as x, PADDING_X as G, TITLE_GAP as b } from "./constants.js";
+import { useRef as i, useState as W, useEffect as _, useLayoutEffect as E, useMemo as x } from "react";
+import { LABEL_VALUE_GAP as G, PADDING_Y as g, ROW_HEIGHT as b, ROW_GAP as L, PADDING_X as T, TITLE_GAP as R } from "./constants.js";
 const m = (t) => {
   if (!t || typeof t.getBBox != "function") return 0;
   try {
@@ -7,53 +7,74 @@ const m = (t) => {
   } catch {
     return 0;
   }
-}, A = (t, e, r) => {
-  const n = t && e ? t.title : 0, c = t ? t.labels.map(
-    (a, f) => a + E + (t.values[f] ?? 0)
-  ) : [], l = Math.max(n, ...c) + G * 2;
-  return Math.max(l, r);
-}, H = (t, e, r, n) => {
-  const c = t + e + r > n.x + n.width;
+}, I = (t, r, n) => {
+  const e = t && r ? t.title : 0, o = t ? t.labels.map(
+    (a, h) => a + G + (t.values[h] ?? 0)
+  ) : [], u = Math.max(e, ...o) + T * 2;
+  return Math.max(u, n);
+}, M = (t, r, n, e) => {
+  const o = t + r + n > e.x + e.width;
   return Math.max(
-    n.x,
-    c ? t - e - r : t + e
+    e.x,
+    o ? t - r - n : t + r
   );
-}, I = (t, e) => {
-  const r = e ? p + b : 0;
-  return d * 2 + r + t * p + (t - 1) * x;
-}, P = (t, e) => {
-  const r = e ? p + b : 0;
-  return t + d + r;
+}, P = (t, r) => {
+  const n = r ? b + R : 0;
+  return g * 2 + n + t * b + (t - 1) * L;
+}, D = (t, r) => {
+  const n = r ? b + R : 0;
+  return t + g + n;
+}, A = (t, r, n) => {
+  let e = "";
+  for (let c = 0; c < t.length; c++) {
+    c > 0 && (e += "");
+    const u = t[c].label;
+    e += typeof u == "string" || typeof u == "number" ? String(u) : "";
+  }
+  const o = typeof n == "string" || typeof n == "number" ? String(n) : "";
+  return `${r ? "1" : "0"}|${e}|${o}`;
 };
-function y(t, e, r) {
-  const n = i(null), c = i([]), s = i([]), l = i(null), a = i(() => {
-  }), [f, v] = W(null);
-  return a.current = () => {
-    const o = e ? m(n.current) : 0, u = t.map(
-      (R, h) => m(c.current[h])
-    ), B = t.map(
-      (R, h) => m(s.current[h])
+function O(t, r, n) {
+  const e = i(null), o = i([]), c = i([]), u = i(null), a = i(() => {
+  }), [h, y] = W(null);
+  a.current = () => {
+    const f = r ? m(e.current) : 0, s = t.map(
+      (v, p) => m(o.current[p])
+    ), l = t.map(
+      (v, p) => m(c.current[p])
     );
-    v({
-      title: o,
-      labels: u,
-      values: B
+    y({
+      title: f,
+      labels: s,
+      values: l
     });
   }, _(() => {
     if (!(typeof ResizeObserver > "u"))
-      return l.current = new ResizeObserver(() => a.current()), () => l.current?.disconnect();
-  }, []), g(() => {
-    if (t.length === 0) return;
-    c.current.length = t.length, s.current.length = t.length, a.current();
-    const o = l.current;
-    o && (o.disconnect(), n.current && o.observe(n.current), c.current.forEach((u) => u && o.observe(u)), s.current.forEach((u) => u && o.observe(u)));
-  }, [t, r, e]), { widths: f, titleRef: n, labelRefs: c, valueRefs: s };
+      return u.current = new ResizeObserver(() => a.current()), () => u.current?.disconnect();
+  }, []);
+  const B = A(t, r, n), d = i(t.length);
+  return d.current = t.length, E(() => {
+    const f = d.current;
+    if (f === 0) return;
+    o.current.length = f, c.current.length = f, a.current();
+    const s = u.current;
+    s && (s.disconnect(), e.current && s.observe(e.current), o.current.forEach((l) => l && s.observe(l)), c.current.forEach((l) => l && s.observe(l)));
+  }, [B]), { widths: h, titleRef: e, labelRefs: o, valueRefs: c };
 }
+const $ = (t, r) => x(() => {
+  const n = new Array(r);
+  for (let e = 0; e < r; e++)
+    n[e] = (o) => {
+      t.current[e] = o;
+    };
+  return n;
+}, [t, r]);
 export {
-  P as computeItemsBaseY,
-  I as computeTooltipHeight,
-  A as computeTooltipWidth,
-  H as computeTooltipX,
+  D as computeItemsBaseY,
+  P as computeTooltipHeight,
+  I as computeTooltipWidth,
+  M as computeTooltipX,
   m as safeGetBBoxWidth,
-  y as useTooltipMeasurement
+  $ as useBuildRefSetters,
+  O as useTooltipMeasurement
 };

package/dist/lib/Components/Scrubber/Scrubber.d.ts

@@ -25,5 +25,5 @@ import { ScrubberProps } from './types';
  * />
  * ```
  */
-export declare function Scrubber({ label, hideLine, hideOverlay, showBeacons, tooltip, }: Readonly<ScrubberProps>): import("react/jsx-runtime").JSX.Element | null;
+export declare function Scrubber({ hideLine, hideOverlay, showBeacons, tooltip, }: Readonly<ScrubberProps>): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Scrubber.d.ts.map

package/dist/lib/Components/Scrubber/Scrubber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/Scrubber.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAgB,EAChB,WAAmB,EACnB,WAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,aAAa,CAAC,kDA2KzB"}
+{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/Scrubber.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY7C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,WAAmB,EACnB,WAAmB,EACnB,OAAO,GACR,EAAE,QAAQ,CAAC,aAAa,CAAC,kDAoJzB"}

package/dist/lib/Components/Scrubber/Scrubber.js

@@ -1,160 +1,139 @@
-import { jsxs as v, jsx as o, Fragment as F } from "react/jsx-runtime";
-import { useId as N, useMemo as d } from "react";
-import { resolvePixelX as P, resolvePixelY as R, LINE_GRADIENT_EDGE_OPACITY as O, OVERLAY_OPACITY as X, LABEL_OFFSET_Y as G, BEACON_STROKE_WIDTH as V, BEACON_RADIUS as H, OVERLAY_OFFSET as m, OVERLAY_LINE_INSET as S } from "./utils.js";
-import { useScrubberContext as M } from "./context/scrubberContext.js";
-import { useCartesianChartContext as U } from "../CartesianChart/context/cartesianChartContext.js";
-import { DefaultScrubberTooltip as j } from "./DefaultScrubberTooltip/DefaultScrubberTooltip.js";
-import { cssVar as r } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-function Z({
-  label: n,
-  hideLine: Y = !1,
-  hideOverlay: _ = !1,
-  showBeacons: l = !1,
-  tooltip: f
+import { jsxs as f, jsx as i, Fragment as N } from "react/jsx-runtime";
+import { useId as P, useMemo as u } from "react";
+import { DefaultScrubberTooltip as R } from "./DefaultScrubberTooltip/DefaultScrubberTooltip.js";
+import { resolvePixelX as X, resolvePixelY as w, LINE_GRADIENT_EDGE_OPACITY as E, OVERLAY_OPACITY as L, BEACON_STROKE_WIDTH as G, BEACON_RADIUS as V, OVERLAY_OFFSET as p, OVERLAY_LINE_INSET as O } from "./utils.js";
+import { useScrubberContext as F } from "./context/scrubberContext.js";
+import { useCartesianChartContext as H } from "../CartesianChart/context/cartesianChartContext.js";
+import { cssVar as o } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+function B({
+  hideLine: A = !1,
+  hideOverlay: Y = !1,
+  showBeacons: n = !1,
+  tooltip: d
 }) {
-  const b = N(), { scrubberPosition: e } = M(), {
-    getXScale: p,
-    getXAxisConfig: h,
-    getYScale: y,
+  const m = P(), { scrubberPosition: e } = F(), {
+    getXScale: v,
+    getXAxisConfig: b,
+    getYScale: h,
     drawingArea: x,
-    series: g,
-    seriesMap: E
-  } = U(), i = d(() => {
+    series: y,
+    seriesMap: g
+  } = H(), r = u(() => {
     if (e !== void 0)
-      return P(e, p, h());
-  }, [e, p, h]), I = d(() => e === void 0 || !l ? [] : g.map((t) => {
-    const u = E.get(t.id)?.data, C = R(e, u, y);
+      return X(e, v, b());
+  }, [e, v, b]), k = u(() => e === void 0 || !n ? [] : y.map((t) => {
+    const c = g.get(t.id)?.data, C = w(e, c, h);
     return C === void 0 ? null : { id: t.id, stroke: t.stroke, pixelY: C };
   }).filter(
     (t) => t !== null
-  ), [e, l, g, E, y]), A = d(() => {
-    if (!(e === void 0 || !n))
-      return n(e);
-  }, [e, n]), a = d(() => {
-    if (e === void 0 || !f)
+  ), [e, n, y, g, h]), s = u(() => {
+    if (e === void 0 || !d)
       return;
-    const t = f(e);
+    const t = d(e);
     if (t.items.length === 0) return;
-    const u = typeof t.title == "function" ? t.title(e) : t.title;
+    const c = typeof t.title == "function" ? t.title(e) : t.title;
     return {
       items: t.items,
-      resolvedTitle: u,
+      resolvedTitle: c,
       offset: t.offset,
       minWidth: t.minWidth
     };
-  }, [e, f]);
-  if (e === void 0 || i === void 0)
+  }, [e, d]);
+  if (e === void 0 || r === void 0)
     return null;
   const {
-    x: T,
-    y: s,
-    width: k,
-    height: c
-  } = x, W = i + S, L = s - m, w = Math.max(
+    x: I,
+    y: a,
+    width: S,
+    height: l
+  } = x, T = r + O, _ = a - p, W = Math.max(
     0,
-    T + k - i - S + m
-  ), D = c + m * 2;
-  return /* @__PURE__ */ v("g", { "data-testid": "scrubber", children: [
-    !Y && /* @__PURE__ */ v(F, { children: [
-      /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ v(
+    I + S - r - O + p
+  ), D = l + p * 2;
+  return /* @__PURE__ */ f("g", { "data-testid": "scrubber", children: [
+    !A && /* @__PURE__ */ f(N, { children: [
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ f(
         "linearGradient",
         {
-          id: b,
+          id: m,
           gradientUnits: "userSpaceOnUse",
-          x1: i,
-          y1: s,
-          x2: i,
-          y2: s + c,
+          x1: r,
+          y1: a,
+          x2: r,
+          y2: a + l,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "stop",
               {
                 offset: "0%",
-                stopColor: r("var(--border-base)"),
-                stopOpacity: O
+                stopColor: o("var(--border-base)"),
+                stopOpacity: E
               }
             ),
-            /* @__PURE__ */ o("stop", { offset: "20%", stopColor: r("var(--border-base)") }),
-            /* @__PURE__ */ o("stop", { offset: "80%", stopColor: r("var(--border-base)") }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i("stop", { offset: "20%", stopColor: o("var(--border-base)") }),
+            /* @__PURE__ */ i("stop", { offset: "80%", stopColor: o("var(--border-base)") }),
+            /* @__PURE__ */ i(
               "stop",
               {
                 offset: "100%",
-                stopColor: r("var(--border-base)"),
-                stopOpacity: O
+                stopColor: o("var(--border-base)"),
+                stopOpacity: E
               }
             )
           ]
         }
       ) }),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ i(
         "line",
         {
           "data-testid": "scrubber-line",
-          x1: i,
-          y1: s,
-          x2: i,
-          y2: s + c,
-          stroke: `url(#${b})`,
-          strokeWidth: r("var(--stroke-1)")
+          x1: r,
+          y1: a,
+          x2: r,
+          y2: a + l,
+          stroke: `url(#${m})`,
+          strokeWidth: o("var(--stroke-1)")
         }
       )
     ] }),
-    !_ && /* @__PURE__ */ o(
+    !Y && /* @__PURE__ */ i(
       "rect",
       {
         "data-testid": "scrubber-overlay",
-        x: W,
-        y: L,
-        width: w,
+        x: T,
+        y: _,
+        width: W,
         height: D,
-        fill: r("var(--background-base)"),
-        opacity: X
+        fill: o("var(--background-base)"),
+        opacity: L
       }
     ),
-    A !== void 0 && /* @__PURE__ */ o(
-      "text",
-      {
-        "data-testid": "scrubber-label",
-        x: i,
-        y: s - G,
-        textAnchor: "middle",
-        style: {
-          fill: r("var(--text-base)"),
-          fontSize: r("var(--font-style-body-4-size)"),
-          fontWeight: r("var(--font-style-body-4-weight-medium)"),
-          fontFamily: r("var(--font-family-font)")
-        },
-        children: A
-      }
-    ),
-    l && I.map((t) => /* @__PURE__ */ o(
+    n && k.map((t) => /* @__PURE__ */ i(
       "circle",
       {
         "data-testid": `scrubber-beacon-${t.id}`,
-        cx: i,
+        cx: r,
         cy: t.pixelY,
-        r: H,
+        r: V,
         fill: t.stroke,
-        stroke: r("var(--background-canvas)"),
-        strokeWidth: V
+        stroke: o("var(--background-canvas)"),
+        strokeWidth: G
       },
       t.id
     )),
-    a !== void 0 && /* @__PURE__ */ o(
-      j,
+    s !== void 0 && /* @__PURE__ */ i(
+      R,
       {
-        pixelX: i,
+        pixelX: r,
         drawingArea: x,
-        dataIndex: e,
-        title: a.resolvedTitle,
-        items: a.items,
-        offset: a.offset,
-        minWidth: a.minWidth
+        title: s.resolvedTitle,
+        items: s.items,
+        offset: s.offset,
+        minWidth: s.minWidth
       }
     )
   ] });
 }
 export {
-  Z as Scrubber
+  B as Scrubber
 };

package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts

@@ -1,3 +1,3 @@
 import { ScrubberProviderProps } from './types';
-export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ScrubberProvider({ children, svgRef, enableScrubbing, onScrubberPositionChange, magnetRadius, }: Readonly<ScrubberProviderProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ScrubberProvider.d.ts.map

package/dist/lib/Components/Scrubber/ScrubberProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAG3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,GACzB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAiLjC"}
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQ3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,eAAe,EACf,wBAAwB,EACxB,YAAgB,GACjB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA+NjC"}

package/dist/lib/Components/Scrubber/ScrubberProvider.js

@@ -1,77 +1,102 @@
-import { jsx as D } from "react/jsx-runtime";
-import { useState as w, useRef as y, useCallback as a, useEffect as R, useMemo as T } from "react";
-import { getDataIndexFromPosition as X } from "./utils.js";
-import { useCartesianChartContext as A } from "../CartesianChart/context/cartesianChartContext.js";
-import { ScrubberContextProvider as B } from "./context/scrubberContext.js";
-function N({
-  children: k,
-  svgRef: L,
-  enableScrubbing: o,
-  onScrubberPositionChange: x
+import { jsx as F } from "react/jsx-runtime";
+import { useState as q, useRef as C, useMemo as I, useCallback as s, useEffect as K } from "react";
+import { buildSortedMagnets as j, getDataIndexFromPosition as z, resolvePixelX as H, applyMagnetization as N } from "./utils.js";
+import { useCartesianChartContext as U } from "../CartesianChart/context/cartesianChartContext.js";
+import { useMagneticPointsContext as V } from "../Point/pointContext/magneticPointsContext.js";
+import { ScrubberContextProvider as G } from "./context/scrubberContext.js";
+function _({
+  children: X,
+  svgRef: k,
+  enableScrubbing: r,
+  onScrubberPositionChange: D,
+  magnetRadius: p = 8
 }) {
-  const { getXScale: M, getXAxisConfig: g, dataLength: s } = A(), [m, C] = w(
+  const { getXScale: f, getXAxisConfig: m, dataLength: c } = U(), { getMagneticPoints: y, version: R } = V(), [v, T] = q(
     void 0
-  ), v = y(m);
-  v.current = m;
-  const c = a(
+  ), h = C(v);
+  h.current = v;
+  const x = C(null), l = C(0), w = I(() => {
+    const t = y();
+    return j({
+      magneticIndices: t,
+      getPixelForIndex: (e) => H(e, f, m())
+    });
+  }, [R, y, f, m]), i = s(
     (t) => {
-      const e = t === void 0 ? void 0 : Math.max(0, Math.min(t, s - 1));
-      C(e), x?.(e);
+      const e = t === void 0 ? void 0 : Math.max(0, Math.min(t, c - 1));
+      T(e), D?.(e);
     },
-    [s, x]
-  ), i = a(
+    [c, D]
+  ), A = s(
     (t) => {
-      const e = M();
-      if (!e || !o || s <= 0) return;
-      const n = X(
+      const e = f();
+      if (!e || !r || c <= 0) return;
+      const a = m();
+      let o = z(
         t,
         e,
-        g(),
-        s
+        a,
+        c
       );
-      n !== v.current && c(n);
+      p > 0 && (o = N({
+        resolvedIndex: o,
+        pixelX: t,
+        sortedMagnets: w,
+        magnetRadius: p
+      })), o !== h.current && i(o);
     },
     [
-      o,
-      M,
-      g,
-      s,
-      c
+      r,
+      f,
+      m,
+      c,
+      w,
+      p,
+      i
     ]
-  ), r = a(() => {
-    o && c(void 0);
-  }, [o, c]), h = a(
+  ), u = s(
     (t) => {
-      const n = t.currentTarget.getBoundingClientRect();
-      i(t.clientX - n.left);
+      x.current = t, l.current || (l.current = requestAnimationFrame(() => {
+        l.current = 0;
+        const e = x.current;
+        e !== null && (x.current = null, A(e));
+      }));
     },
-    [i]
-  ), f = a(
+    [A]
+  ), n = s(() => {
+    r && i(void 0);
+  }, [r, i]), E = s(
     (t) => {
-      if (!o || !t.touches.length) return;
-      const e = t.touches[0], u = t.currentTarget.getBoundingClientRect();
-      i(e.clientX - u.left);
+      const a = t.currentTarget.getBoundingClientRect();
+      u(t.clientX - a.left);
     },
-    [o, i]
-  ), l = a(
+    [u]
+  ), g = s(
+    (t) => {
+      if (!r || !t.touches.length) return;
+      const e = t.touches[0], o = t.currentTarget.getBoundingClientRect();
+      u(e.clientX - o.left);
+    },
+    [r, u]
+  ), L = s(
     (t) => {
       if (!t.touches.length) return;
       t.preventDefault();
-      const e = t.touches[0], u = t.currentTarget.getBoundingClientRect();
-      i(e.clientX - u.left);
+      const e = t.touches[0], o = t.currentTarget.getBoundingClientRect();
+      u(e.clientX - o.left);
     },
-    [i]
-  ), E = a(
+    [u]
+  ), M = s(
     (t) => {
-      if (!o || s <= 0) return;
-      const e = s - 1, n = v.current ?? e, u = t.shiftKey ? Math.min(10, Math.max(1, Math.floor(e * 0.1))) : 1;
+      if (!r || c <= 0) return;
+      const e = c - 1, a = h.current ?? e, o = t.shiftKey ? Math.min(10, Math.max(1, Math.floor(e * 0.1))) : 1;
       let d;
       switch (t.key) {
         case "ArrowLeft":
-          t.preventDefault(), d = Math.max(0, n - u);
+          t.preventDefault(), d = Math.max(0, a - o);
           break;
         case "ArrowRight":
-          t.preventDefault(), d = Math.min(e, n + u);
+          t.preventDefault(), d = Math.min(e, a + o);
           break;
         case "Home":
           t.preventDefault(), d = 0;
@@ -85,38 +110,38 @@ function N({
         default:
           return;
       }
-      c(d);
+      i(d);
     },
-    [o, s, c]
-  ), p = a(() => {
-    !o || v.current === void 0 || r();
-  }, [o, r]);
-  R(() => {
-    const t = L.current;
-    if (!(!t || !o))
-      return t.addEventListener("mousemove", h), t.addEventListener("mouseleave", r), t.addEventListener("touchstart", f, { passive: !1 }), t.addEventListener("touchmove", l, { passive: !1 }), t.addEventListener("touchend", r), t.addEventListener("touchcancel", r), t.addEventListener("keydown", E), t.addEventListener("blur", p), () => {
-        t.removeEventListener("mousemove", h), t.removeEventListener("mouseleave", r), t.removeEventListener("touchstart", f), t.removeEventListener("touchmove", l), t.removeEventListener("touchend", r), t.removeEventListener("touchcancel", r), t.removeEventListener("keydown", E), t.removeEventListener("blur", p);
+    [r, c, i]
+  ), P = s(() => {
+    !r || h.current === void 0 || n();
+  }, [r, n]);
+  K(() => {
+    const t = k.current;
+    if (!(!t || !r))
+      return t.addEventListener("mousemove", E), t.addEventListener("mouseleave", n), t.addEventListener("touchstart", g, { passive: !1 }), t.addEventListener("touchmove", L, { passive: !1 }), t.addEventListener("touchend", n), t.addEventListener("touchcancel", n), t.addEventListener("keydown", M), t.addEventListener("blur", P), () => {
+        t.removeEventListener("mousemove", E), t.removeEventListener("mouseleave", n), t.removeEventListener("touchstart", g), t.removeEventListener("touchmove", L), t.removeEventListener("touchend", n), t.removeEventListener("touchcancel", n), t.removeEventListener("keydown", M), t.removeEventListener("blur", P), cancelAnimationFrame(l.current), l.current = 0;
       };
   }, [
-    L,
-    o,
-    h,
+    k,
     r,
-    f,
-    l,
     E,
-    p
+    n,
+    g,
+    L,
+    M,
+    P
   ]);
-  const P = T(
+  const B = I(
     () => ({
-      enableScrubbing: o,
-      scrubberPosition: m,
-      onScrubberPositionChange: c
+      enableScrubbing: r,
+      scrubberPosition: v,
+      onScrubberPositionChange: i
     }),
-    [o, m, c]
+    [r, v, i]
   );
-  return /* @__PURE__ */ D(B, { value: P, children: k });
+  return /* @__PURE__ */ F(G, { value: B, children: X });
 }
 export {
-  N as ScrubberProvider
+  _ as ScrubberProvider
 };