@weng-lab/visualization 2.4.0-beta.7 → 2.4.0-beta.8

package/dist/visualization.es73.js

@@ -3,21 +3,21 @@ import { useRef as A, useState as Qe, useEffect as V, useMemo as C, useCallback
 import _e from "@mui/material/CircularProgress";
 import { Stack as Ge, Box as me } from "@mui/material";
 import { rescaleX as ze, rescaleY as We, prepareCanvas as Ze, partitionPointsByHover as He, getTicks as ye, isPointVisible as be, drawCanvasPoint as et } from "./visualization.es17.js";
-import tt from "./visualization.es122.js";
-import rt from "./visualization.es123.js";
-import nt from "./visualization.es124.js";
-import ot from "./visualization.es125.js";
-import { useDragSelection as st } from "./visualization.es126.js";
+import tt from "./visualization.es120.js";
+import rt from "./visualization.es121.js";
+import nt from "./visualization.es122.js";
+import ot from "./visualization.es123.js";
+import { useDragSelection as st } from "./visualization.es124.js";
 import { useStableCallback as ct } from "./visualization.es19.js";
-import Se from "./visualization.es33.js";
-import lt from "./visualization.es127.js";
-import at from "./visualization.es90.js";
-import it from "./visualization.es36.js";
-import ft from "./visualization.es35.js";
-import ut from "./visualization.es63.js";
-import vt from "./visualization.es82.js";
-import we from "./visualization.es32.js";
-import pt from "./visualization.es65.js";
+import Se from "./visualization.es34.js";
+import lt from "./visualization.es125.js";
+import at from "./visualization.es88.js";
+import it from "./visualization.es56.js";
+import ft from "./visualization.es52.js";
+import ut from "./visualization.es35.js";
+import vt from "./visualization.es55.js";
+import we from "./visualization.es51.js";
+import pt from "./visualization.es29.js";
 const ht = 120, xt = (D) => 1 - Math.pow(1 - D, 3), jt = ({
   width: D,
   height: te,

package/dist/visualization.es74.js

@@ -1,6 +1,6 @@
 import { jsxs as b, jsx as f } from "react/jsx-runtime";
 import { useRef as S, useEffect as Y } from "react";
-import { CROSSHAIR_STROKE as T, CROSSHAIR_DASH as W, CROSSHAIR_STROKE_WIDTH as P } from "./visualization.es125.js";
+import { CROSSHAIR_STROKE as T, CROSSHAIR_DASH as W, CROSSHAIR_STROKE_WIDTH as P } from "./visualization.es123.js";
 import { useStableCallback as w } from "./visualization.es19.js";
 const o = 0.25, H = P / o, _ = W.map((c) => c / o).join(","), N = ({
   miniMap: c,

package/dist/visualization.es75.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as n } from "react/compiler-runtime";
-import m from "./visualization.es58.js";
+import m from "./visualization.es63.js";
 const f = {
   scaleX: 1,
   scaleY: 1,
@@ -25,7 +25,6 @@ const f = {
   return t[2] !== a || t[3] !== e || t[4] !== s ? (o = /* @__PURE__ */ i(h, { width: s, height: a, ...M, initialTransformMatrix: f, children: e }), t[2] = a, t[3] = e, t[4] = s, t[5] = o) : o = t[5], o;
 };
 export {
-  d as default,
-  f as initialTransformMatrix
+  d as default
 };
 //# sourceMappingURL=visualization.es75.js.map

package/dist/visualization.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es75.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nexport const initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\n\n/**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQO,MAAMA,IAAyB;AAAA,EAClCC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}
+{"version":3,"file":"visualization.es75.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nconst initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\n\n/**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQA,MAAMA,IAAyB;AAAA,EAC3BC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}

package/dist/visualization.es79.js

@@ -1,73 +1,77 @@
-import { c as I } from "react/compiler-runtime";
-import { useState as h, useRef as B, useEffect as J } from "react";
-import { rescaleX as K, rescaleY as N } from "./visualization.es17.js";
-import { useStableCallback as Q } from "./visualization.es19.js";
-import U from "./visualization.es65.js";
-const nt = (E) => {
-  const t = I(21), {
+import { c as N } from "react/compiler-runtime";
+import { useState as P, useRef as L, useEffect as $ } from "react";
+import { rescaleX as Q, rescaleY as U } from "./visualization.es17.js";
+import { useStableCallback as V } from "./visualization.es19.js";
+import W from "./visualization.es29.js";
+const lt = (q) => {
+  const t = N(24), {
     pointData: o,
-    margin: l,
-    xScale: x,
-    yScale: P,
-    onHoveredPointChange: L
-  } = E, [n, g] = h(null), [y, X] = h(!1), [Y, $] = h(0), [M, q] = h(0), H = B(null);
-  let r;
-  t[0] !== o || t[1] !== n ? (r = n ? o.find((s) => s.x === n.x && s.y === n.y) ?? null : null, t[0] = o, t[1] = n, t[2] = r) : r = t[2];
-  const e = r, c = Q(L), j = B(null);
-  let i, f;
-  t[3] !== e || t[4] !== c ? (i = () => {
-    j.current !== e && (j.current = e, c(e));
-  }, f = [e, c], t[3] = e, t[4] = c, t[5] = i, t[6] = f) : (i = t[5], f = t[6]), J(i, f);
-  let u;
-  t[7] !== l.left || t[8] !== l.top || t[9] !== o || t[10] !== x || t[11] !== P ? (u = (s, O) => {
-    if (O.isDragging) {
-      X(!1), g(null);
+    margin: r,
+    xScale: g,
+    yScale: y,
+    onHoveredPointChange: w
+  } = q, [n, X] = P(null), [Y, M] = P(!1), [b, A] = P(0), [S, F] = P(0), _ = L(null);
+  let c;
+  t[0] !== o || t[1] !== n ? (c = n ? o.find((l) => l.x === n.x && l.y === n.y) ?? null : null, t[0] = o, t[1] = n, t[2] = c) : c = t[2];
+  const e = c, s = V(w), T = L(null);
+  let i, u;
+  t[3] !== e || t[4] !== s ? (i = () => {
+    T.current !== e && (T.current = e, s(e));
+  }, u = [e, s], t[3] = e, t[4] = s, t[5] = i, t[6] = u) : (i = t[5], u = t[6]), $(i, u);
+  let f, p;
+  t[7] !== s ? (f = () => () => {
+    T.current !== null && s(null);
+  }, p = [s], t[7] = s, t[8] = f, t[9] = p) : (f = t[8], p = t[9]), $(f, p);
+  let d;
+  t[10] !== r.left || t[11] !== r.top || t[12] !== o || t[13] !== g || t[14] !== y ? (d = (l, k) => {
+    if (k.isDragging) {
+      M(!1), X(null);
       return;
     }
-    $(s.pageX), q(s.pageY);
-    const S = U(s.currentTarget, s);
-    if (!S)
+    A(l.pageX), F(l.pageY);
+    const D = W(l.currentTarget, l);
+    if (!D)
       return;
-    const A = S.x - l.left, F = S.y - l.top, {
-      translateX: T,
-      translateY: C,
-      scaleX: D,
-      scaleY: R
-    } = O.transformMatrix, a = H.current, _ = (a && a.pointData === o && a.translateX === T && a.translateY === C && a.scaleX === D && a.scaleY === R ? a.points : (() => {
-      const m = K(x, T, D), G = N(P, C, R), k = o.map((v) => ({
-        point: v,
-        x: m(v.x),
-        y: G(v.y)
+    const I = D.x - r.left, J = D.y - r.top, {
+      translateX: R,
+      translateY: v,
+      scaleX: H,
+      scaleY: j
+    } = k.transformMatrix, a = _.current, B = (a && a.pointData === o && a.translateX === R && a.translateY === v && a.scaleX === H && a.scaleY === j ? a.points : (() => {
+      const x = Q(g, R, H), K = U(y, v, j), E = o.map((O) => ({
+        point: O,
+        x: x(O.x),
+        y: K(O.y)
       }));
-      return H.current = {
+      return _.current = {
         pointData: o,
-        translateX: T,
-        translateY: C,
-        scaleX: D,
-        scaleY: R,
-        points: k
-      }, k;
-    })()).find((m) => Math.abs(A - m.x) < 5 && Math.abs(F - m.y) < 5)?.point ?? null;
-    g(_), X(!!_);
-  }, t[7] = l.left, t[8] = l.top, t[9] = o, t[10] = x, t[11] = P, t[12] = u) : u = t[12];
-  const b = u;
-  let p;
-  t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    X(!1), g(null);
-  }, t[13] = p) : p = t[13];
-  const w = p;
-  let d;
-  return t[14] !== b || t[15] !== e || t[16] !== Y || t[17] !== M || t[18] !== n || t[19] !== y ? (d = {
+        translateX: R,
+        translateY: v,
+        scaleX: H,
+        scaleY: j,
+        points: E
+      }, E;
+    })()).find((x) => Math.abs(I - x.x) < 5 && Math.abs(J - x.y) < 5)?.point ?? null;
+    X(B), M(!!B);
+  }, t[10] = r.left, t[11] = r.top, t[12] = o, t[13] = g, t[14] = y, t[15] = d) : d = t[15];
+  const C = d;
+  let m;
+  t[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    M(!1), X(null);
+  }, t[16] = m) : m = t[16];
+  const G = m;
+  let h;
+  return t[17] !== C || t[18] !== e || t[19] !== b || t[20] !== S || t[21] !== n || t[22] !== Y ? (h = {
     hoveredPoint: e,
     tooltipData: n,
-    tooltipOpen: y,
-    mouseX: Y,
-    mouseY: M,
-    handleMouseMove: b,
-    handleMouseLeave: w
-  }, t[14] = b, t[15] = e, t[16] = Y, t[17] = M, t[18] = n, t[19] = y, t[20] = d) : d = t[20], d;
+    tooltipOpen: Y,
+    mouseX: b,
+    mouseY: S,
+    handleMouseMove: C,
+    handleMouseLeave: G
+  }, t[17] = C, t[18] = e, t[19] = b, t[20] = S, t[21] = n, t[22] = Y, t[23] = h) : h = t[23], h;
 };
 export {
-  nt as useHoverTooltip
+  lt as useHoverTooltip
 };
 //# sourceMappingURL=visualization.es79.js.map

package/dist/visualization.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es79.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onHoveredPointChange,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const [tooltipOpen, setTooltipOpen] = useState(false);\n    const [mouseX, setMouseX] = useState(0);\n    const [mouseY, setMouseY] = useState(0);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    // Published from an effect rather than the move handler because hoveredPoint is derived:\n    // setTooltipData is called on every move and React discards the ones that do not change it,\n    // so watching the derived value is what turns a stream of moves into enter/leave events.\n    // The ref keeps that true when the effect itself is re-run without a real change.\n    const publishHoverChange = useStableCallback(onHoveredPointChange);\n    const publishedPointRef = useRef<Point<T> | null>(null);\n\n    useEffect(() => {\n        if (publishedPointRef.current === hoveredPoint) return;\n        publishedPointRef.current = hoveredPoint;\n        publishHoverChange(hoveredPoint);\n    }, [hoveredPoint, publishHoverChange]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            setTooltipOpen(false);\n            setTooltipData(null);\n            return;\n        }\n\n        setMouseX(event.pageX);\n        setMouseY(event.pageY);\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        setTooltipData(nextHoveredPoint);\n        setTooltipOpen(Boolean(nextHoveredPoint));\n    }, [margin.left, margin.top, pointData, xScale, yScale]);\n\n    const handleMouseLeave = useCallback(() => {\n        setTooltipOpen(false);\n        setTooltipData(null);\n    }, []);\n\n    return { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipData","setTooltipData","useState","tooltipOpen","setTooltipOpen","mouseX","setMouseX","mouseY","setMouseY","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","left","top","event","zoom","isDragging","pageX","pageY","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","Boolean","handleMouseMove","t5","Symbol","for","handleMouseLeave","t6"],"mappings":"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"}
+{"version":3,"file":"visualization.es79.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onHoveredPointChange,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const [tooltipOpen, setTooltipOpen] = useState(false);\n    const [mouseX, setMouseX] = useState(0);\n    const [mouseY, setMouseY] = useState(0);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    // Published from an effect rather than the move handler because hoveredPoint is derived:\n    // setTooltipData is called on every move and React discards the ones that do not change it,\n    // so watching the derived value is what turns a stream of moves into enter/leave events.\n    // The ref keeps that true when the effect itself is re-run without a real change.\n    const publishHoverChange = useStableCallback(onHoveredPointChange);\n    const publishedPointRef = useRef<Point<T> | null>(null);\n\n    useEffect(() => {\n        if (publishedPointRef.current === hoveredPoint) return;\n        publishedPointRef.current = hoveredPoint;\n        publishHoverChange(hoveredPoint);\n    }, [hoveredPoint, publishHoverChange]);\n\n    // Announce the hover as ended when the plot unmounts, so a consumer driving highlight state\n    // of its own - a legend entry, a linked chart - isn't left lit for a plot that is gone.\n    // Kept apart from the effect above, whose cleanup would otherwise fire on every transition.\n    useEffect(() => () => {\n        if (publishedPointRef.current !== null) publishHoverChange(null);\n    }, [publishHoverChange]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            setTooltipOpen(false);\n            setTooltipData(null);\n            return;\n        }\n\n        setMouseX(event.pageX);\n        setMouseY(event.pageY);\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        setTooltipData(nextHoveredPoint);\n        setTooltipOpen(Boolean(nextHoveredPoint));\n    }, [margin.left, margin.top, pointData, xScale, yScale]);\n\n    const handleMouseLeave = useCallback(() => {\n        setTooltipOpen(false);\n        setTooltipData(null);\n    }, []);\n\n    return { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipData","setTooltipData","useState","tooltipOpen","setTooltipOpen","mouseX","setMouseX","mouseY","setMouseY","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","t5","t6","left","top","event","zoom","isDragging","pageX","pageY","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","Boolean","handleMouseMove","t7","Symbol","for","handleMouseLeave","t8"],"mappings":"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"}

package/dist/visualization.es8.js

@@ -4,7 +4,7 @@ import rt, { useMemo as u, useCallback as k, useImperativeHandle as st } from "r
 import ct from "./visualization.es72.js";
 import { useTheme as mt, Stack as dt, Tooltip as ht, IconButton as gt } from "@mui/material";
 import { HighlightAlt as ut } from "@mui/icons-material";
-import { downloadDivAsPNG as ft, downloadDivAsSVG as $ } from "./visualization.es29.js";
+import { downloadDivAsPNG as ft, downloadDivAsSVG as $ } from "./visualization.es31.js";
 import { getPointExtents as xt, getDomains as Mt, isSameTransform as bt } from "./visualization.es17.js";
 import Pt from "./visualization.es73.js";
 import Dt from "./visualization.es74.js";
@@ -15,10 +15,10 @@ import { useMiniMapToggle as wt } from "./visualization.es78.js";
 import { useHoverTooltip as yt } from "./visualization.es79.js";
 import { useCrosshair as Tt } from "./visualization.es80.js";
 import { useResponsiveParentSize as zt } from "./visualization.es18.js";
-import N from "./visualization.es31.js";
+import N from "./visualization.es25.js";
 import { ResponsiveContainer as It } from "./visualization.es14.js";
-import Lt, { defaultStyles as At } from "./visualization.es49.js";
-import Ht from "./visualization.es81.js";
+import Lt, { defaultStyles as At } from "./visualization.es28.js";
+import Ht from "./visualization.es21.js";
 const e = {
   top: 20,
   right: 20,

package/dist/visualization.es80.js

@@ -1,80 +1,82 @@
 import { c as j } from "react/compiler-runtime";
-import { useState as w, useRef as A, useEffect as z } from "react";
-import { invertRescaled as k } from "./visualization.es17.js";
+import { useState as w, useRef as k, useEffect as z } from "react";
+import { invertRescaled as q } from "./visualization.es17.js";
 import { useStableCallback as B } from "./visualization.es19.js";
-import D from "./visualization.es65.js";
-const O = (q) => {
-  const e = j(22), {
-    enabled: b,
-    margin: n,
-    boundedWidth: C,
-    boundedHeight: g,
+import D from "./visualization.es29.js";
+const O = (E) => {
+  const e = j(23), {
+    enabled: C,
+    margin: l,
+    boundedWidth: g,
+    boundedHeight: x,
     xScale: y,
-    yScale: S,
-    onCrosshairChange: E
-  } = q, [x, H] = w(null), M = A(null), R = B(E), l = A(null), o = A(null);
-  let s;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => {
-    l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
-  }, e[0] = s) : s = e[0];
-  const F = s;
+    yScale: R,
+    onCrosshairChange: H
+  } = E, [S, L] = w(null), F = k(null), n = B(H), s = k(null), o = k(null);
+  let u;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
+  }, e[0] = u) : u = e[0];
+  const P = u;
   let c;
-  e[1] !== R ? (c = (t) => {
-    M.current = t, H(t), R(t);
-  }, e[1] = R, e[2] = c) : c = e[2];
-  const u = c;
+  e[1] !== n ? (c = (t) => {
+    F.current = t, L(t), n(t);
+  }, e[1] = n, e[2] = c) : c = e[2];
+  const i = c;
   let a;
-  e[3] !== u ? (a = (t) => {
+  e[3] !== i ? (a = (t) => {
     if (t === null) {
-      if (F(), o.current = null, M.current === null)
+      if (P(), o.current = null, F.current === null)
         return;
-      u(null);
+      i(null);
       return;
     }
-    o.current = t, l.current === null && (l.current = requestAnimationFrame(() => {
-      l.current = null;
-      const d = o.current;
-      o.current = null, d && u(d);
+    o.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
+      s.current = null;
+      const b = o.current;
+      o.current = null, b && i(b);
     }));
-  }, e[3] = u, e[4] = a) : a = e[4];
+  }, e[3] = i, e[4] = a) : a = e[4];
   const r = a;
-  let i, f;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => F, f = [F], e[5] = i, e[6] = f) : (i = e[5], f = e[6]), z(i, f);
-  let m;
-  e[7] !== g || e[8] !== C || e[9] !== b || e[10] !== n.left || e[11] !== n.top || e[12] !== r || e[13] !== y || e[14] !== S ? (m = (t, d) => {
-    if (!b)
+  let f, m;
+  e[5] !== n ? (f = () => () => {
+    P(), F.current !== null && n(null);
+  }, m = [P, n], e[5] = n, e[6] = f, e[7] = m) : (f = e[6], m = e[7]), z(f, m);
+  let h;
+  e[8] !== x || e[9] !== g || e[10] !== C || e[11] !== l.left || e[12] !== l.top || e[13] !== r || e[14] !== y || e[15] !== R ? (h = (t, b) => {
+    if (!C)
       return;
-    const Y = D(t.currentTarget, t);
-    if (!Y)
+    const v = D(t.currentTarget, t);
+    if (!v)
       return;
-    const _ = Y.x - n.left, v = Y.y - n.top;
-    if (_ < 0 || _ > C || v < 0 || v > g) {
+    const A = v.x - l.left, M = v.y - l.top;
+    if (A < 0 || A > g || M < 0 || M > x) {
       r(null);
       return;
     }
     const {
-      translateX: L,
-      translateY: T,
-      scaleX: W,
+      translateX: T,
+      translateY: W,
+      scaleX: _,
       scaleY: $
-    } = d.transformMatrix;
+    } = b.transformMatrix;
     r({
-      x: k(y, L, W, _),
-      y: k(S, T, $, v)
+      x: q(y, T, _, A),
+      y: q(R, W, $, M)
     });
-  }, e[7] = g, e[8] = C, e[9] = b, e[10] = n.left, e[11] = n.top, e[12] = r, e[13] = y, e[14] = S, e[15] = m) : m = e[15];
-  const P = m;
-  let h;
-  e[16] !== r ? (h = () => {
-    r(null);
-  }, e[16] = r, e[17] = h) : h = e[17];
+  }, e[8] = x, e[9] = g, e[10] = C, e[11] = l.left, e[12] = l.top, e[13] = r, e[14] = y, e[15] = R, e[16] = h) : h = e[16];
   const X = h;
   let p;
-  return e[18] !== x || e[19] !== X || e[20] !== P ? (p = {
-    crosshairPosition: x,
-    handleCrosshairMove: P,
-    handleCrosshairLeave: X
-  }, e[18] = x, e[19] = X, e[20] = P, e[21] = p) : p = e[21], p;
+  e[17] !== r ? (p = () => {
+    r(null);
+  }, e[17] = r, e[18] = p) : p = e[18];
+  const Y = p;
+  let d;
+  return e[19] !== S || e[20] !== Y || e[21] !== X ? (d = {
+    crosshairPosition: S,
+    handleCrosshairMove: X,
+    handleCrosshairLeave: Y
+  }, e[19] = S, e[20] = Y, e[21] = X, e[22] = d) : d = e[22], d;
 };
 export {
   O as useCrosshair

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    useEffect(() => cancelFrame, [cancelFrame]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":";;;;;AAmCO,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAT,GASzB,CAAAU,GAAAC,CAAA,IAAkDC,EAAmC,IAAI,GACzFC,IAAqBC,EAAiC,IAAI,GAC1DC,IAAsBC,EAAkBP,CAAiB,GAEzDQ,IAAiBH,EAAsB,IAAI,GAC3CI,IAAmBJ,EAAiC,IAAI;AAAE,MAAAK;AAAA,EAAAlB,EAAA,CAAA,MAAAmB,uBAAAC,IAAA,2BAAA,KAE1BF,IAAAA,MAAA;AAC5B,IAAIF,EAAQK,YAAa,SACzBC,qBAAqBN,EAAQK,OAAQ,GACrCL,EAAQK,UAAW;AAAA,EAAH,GACnBrB,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAJD,QAAAuB,IAAoBL;AAIb,MAAAM;AAAA,EAAAxB,SAAAc,KAEmBU,IAAAC,CAAAA,MAAA;AACtBb,IAAAA,EAAYS,UAAWI,GACvBf,EAAqBe,CAAQ,GAC7BX,EAAcW,CAAQ;AAAA,EAAC,GAC1BzB,OAAAc,GAAAd,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAJD,QAAA0B,IAAcF;AAIM,MAAAG;AAAA,EAAA3B,SAAA0B,KAEQC,IAAAC,CAAAA,MAAA;AACxB,QAAIH,MAAa,MAAI;AAIjB,UAHAF,EAAAA,GACAN,EAAUI,UAAW,MAEjBT,EAAYS,YAAa;AAAI;AACjCK,MAAAA,EAAM,IAAI;AAAC;AAAA,IAAA;AAKf,IADAT,EAAUI,UAAWI,GACjBT,EAAQK,YAAa,SACzBL,EAAQK,UAAWQ,sBAAsB,MAAA;AACrCb,MAAAA,EAAQK,UAAW;AACnB,YAAAS,IAAgBb,EAAUI;AAC1BJ,MAAAA,EAAUI,UAAW,MACjBS,KAASJ,EAAMI,CAAO;AAAA,IAAE,CAC/B;AAAA,EALe,GAMnB9B,OAAA0B,GAAA1B,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAlBD,QAAA+B,IAAgBJ;AAkBS,MAAAK,GAAAC;AAAA,EAAAjC,EAAA,CAAA,MAAAmB,uBAAAC,IAAA,2BAAA,KAEfY,IAAAA,MAAMT,GAAaU,IAAA,CAACV,CAAW,GAACvB,OAAAgC,GAAAhC,OAAAiC,MAAAD,IAAAhC,EAAA,CAAA,GAAAiC,IAAAjC,EAAA,CAAA,IAA1CkC,EAAUF,GAAmBC,CAAa;AAAC,MAAAE;AAAA,EAAAnC,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KAAAF,EAAA,EAAA,MAAAG,EAAAiC,QAAApC,EAAA,EAAA,MAAAG,EAAAkC,OAAArC,EAAA,EAAA,MAAA+B,KAAA/B,EAAA,EAAA,MAAAM,KAAAN,UAAAO,KAEH4B,IAAAA,CAAAG,GAAAC,MAAA;AACpC,QAAI,CAACrC;AAAO;AAEZ,UAAAsC,IAAcC,EAAWH,EAAKI,eAAgBJ,CAAK;AACnD,QAAI,CAACE;AAAK;AAIV,UAAAG,IAAcH,EAAKI,IAAKzC,EAAMiC,MAC9BS,IAAcL,EAAKM,IAAK3C,EAAMkC;AAC9B,QAAIM,IAAQ,KAAKA,IAAQvC,KAAgByC,IAAQ,KAAKA,IAAQxC,GAAa;AACvE0B,MAAAA,EAAQ,IAAI;AAAC;AAAA,IAAA;AAIjB,UAAA;AAAA,MAAAgB,YAAAA;AAAAA,MAAAC,YAAAA;AAAAA,MAAAC,QAAAA;AAAAA,MAAAC,QAAAA;AAAAA,IAAAA,IAAmDX,EAAIY;AACvDpB,IAAAA,EAAQ;AAAA,MAAAa,GACDQ,EAAe9C,GAAQyC,GAAYE,GAAQN,CAAK;AAAA,MAACG,GACjDM,EAAe7C,GAAQyC,GAAYE,GAAQL,CAAK;AAAA,IAAA,CACtD;AAAA,EAAC,GACL7C,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAE,GAAAF,EAAA,EAAA,IAAAG,EAAAiC,MAAApC,EAAA,EAAA,IAAAG,EAAAkC,KAAArC,QAAA+B,GAAA/B,QAAAM,GAAAN,QAAAO,GAAAP,QAAAmC,KAAAA,IAAAnC,EAAA,EAAA;AApBD,QAAAqD,IAA4BlB;AAoBiE,MAAAmB;AAAA,EAAAtD,UAAA+B,KAEpDuB,IAAAA,MAAA;AACrCvB,IAAAA,EAAQ,IAAI;AAAA,EAAC,GAChB/B,QAAA+B,GAAA/B,QAAAsD,KAAAA,IAAAtD,EAAA,EAAA;AAFD,QAAAuD,IAA6BD;AAEf,MAAAE;AAAA,SAAAxD,EAAA,EAAA,MAAAS,KAAAT,UAAAuD,KAAAvD,EAAA,EAAA,MAAAqD,KAEPG,IAAA;AAAA,IAAA/C,mBAAAA;AAAAA,IAAA4C,qBAAAA;AAAAA,IAAAE,sBAAAA;AAAAA,EAAAA,GAAgEvD,QAAAS,GAAAT,QAAAuD,GAAAvD,QAAAqD,GAAArD,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA,GAAhEwD;AAAgE;"}
+{"version":3,"file":"visualization.es80.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    // On unmount, drop any queued frame and announce the crosshair as gone. Without the second\n    // half a parent mirroring this position onto sibling plots - ScatterPlotSync - keeps drawing\n    // the crosshair of a plot that no longer exists, until something else happens to move it.\n    useEffect(() => () => {\n        cancelFrame();\n        if (publishedRef.current !== null) publishChange(null);\n    }, [cancelFrame, publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":"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"}

package/dist/visualization.es81.js

@@ -1,14 +1,70 @@
-import { PureComponent as e } from "react";
-import t from "react-dom";
-class i extends e {
-  componentWillUnmount() {
-    this.node && document.body && (document.body.removeChild(this.node), delete this.node);
-  }
-  render() {
-    return !this.node && typeof document < "u" && (this.node = document.createElement("div"), this.props.zIndex != null && (this.node.style.zIndex = `${this.props.zIndex}`), document.body.append(this.node)), this.node ? /* @__PURE__ */ t.createPortal(this.props.children, this.node) : null;
-  }
+import g from "./visualization.es126.js";
+const q = (t, n, s) => {
+  const e = document.createElement("g");
+  e.style.position = "absolute", e.style.visibility = "hidden", e.style.fontSize = `${n}px`, e.style.fontFamily = s, e.style.whiteSpace = "nowrap", e.textContent = t, document.body.appendChild(e);
+  const i = e.getBoundingClientRect().width;
+  return document.body.removeChild(e), i;
+}, v = (t, n) => {
+  t.sort((o, c) => o - c);
+  const s = (o) => {
+    const c = Math.floor(o.length / 2);
+    return o.length % 2 !== 0 ? o[c] : (o[c - 1] + o[c]) / 2;
+  }, e = (o) => {
+    const c = Math.floor(o.length / 2), p = o.slice(0, c), M = o.slice(o.length % 2 === 0 ? c : c + 1);
+    return {
+      firstQuartile: s(p),
+      thirdQuartile: s(M)
+    };
+  }, {
+    firstQuartile: i,
+    thirdQuartile: r
+  } = e(t), l = s(t), h = r - i, a = i - 1.5 * h, f = r + 1.5 * h, u = n === "none" ? [] : n === "top" ? t.filter((o) => o > f) : n === "bottom" ? t.filter((o) => o < a) : t.filter((o) => o < a || o > f), m = t[0], d = t[t.length - 1];
+  return {
+    min: m,
+    max: d,
+    firstQuartile: i,
+    thirdQuartile: r,
+    median: l,
+    outliers: u
+  };
+};
+function x(t, n) {
+  return (s) => n.map((e) => ({
+    value: e,
+    count: g(s, (i) => t(e - i)) || 0
+  }));
+}
+function y(t) {
+  const n = 1 / (t * Math.sqrt(2 * Math.PI));
+  return (s) => n * Math.exp(-0.5 * Math.pow(s / t, 2));
+}
+function b(t) {
+  const n = t.length;
+  if (n === 0)
+    return 0;
+  const s = t.reduce((l, h) => l + h, 0) / n, e = t.reduce((l, h) => l + Math.pow(h - s, 2), 0) / t.length;
+  return 3.5 * Math.sqrt(e) / Math.pow(n, 1 / 3);
+}
+function C(t) {
+  const n = t.length;
+  if (n === 0) return 0;
+  const s = t.reduce((u, m) => u + m, 0) / n, e = t.reduce((u, m) => u + Math.pow(m - s, 2), 0) / n, i = Math.sqrt(e), r = t.slice().sort((u, m) => u - m), l = r[Math.floor((n - 1) * 0.25)], a = r[Math.floor((n - 1) * 0.75)] - l, f = 0.9 * Math.min(i, a / 1.34) * Math.pow(n, -1 / 5);
+  return Math.max(f, 1e-10);
+}
+function D(t) {
+  let n = 0;
+  for (let e = 0; e < t.length; e++)
+    n = (n << 5) - n + t.charCodeAt(e), n |= 0;
+  const s = Math.sin(n) * 1e4;
+  return s - Math.floor(s);
 }
 export {
-  i as default
+  v as calculateBoxStats,
+  y as gaussian,
+  q as getTextHeight,
+  x as kernelDensityEstimator,
+  b as scottRule,
+  D as seededRandom,
+  C as silvermanRule
 };
 //# sourceMappingURL=visualization.es81.js.map

package/dist/visualization.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es81.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/Portal.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport ReactDOM from 'react-dom';\n/** Render within a portal using a declarative component API. */\nexport default class Portal extends PureComponent {\n  componentWillUnmount() {\n    if (this.node && document.body) {\n      document.body.removeChild(this.node);\n      delete this.node;\n    }\n  }\n  render() {\n    // SSR check\n    if (!this.node && typeof document !== 'undefined') {\n      this.node = document.createElement('div');\n      if (this.props.zIndex != null) this.node.style.zIndex = `${this.props.zIndex}`;\n      document.body.append(this.node);\n    }\n    if (!this.node) {\n      return null;\n    }\n    return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.node);\n  }\n}"],"names":["Portal","PureComponent","ReactDOM"],"mappings":";;AAGe,MAAMA,UAAeC,EAAc;AAAA,EAChD,uBAAuB;AACrB,IAAI,KAAK,QAAQ,SAAS,SACxB,SAAS,KAAK,YAAY,KAAK,IAAI,GACnC,OAAO,KAAK;AAAA,EAEhB;AAAA,EACA,SAAS;AAOP,WALI,CAAC,KAAK,QAAQ,OAAO,WAAa,QACpC,KAAK,OAAO,SAAS,cAAc,KAAK,GACpC,KAAK,MAAM,UAAU,SAAM,KAAK,KAAK,MAAM,SAAS,GAAG,KAAK,MAAM,MAAM,KAC5E,SAAS,KAAK,OAAO,KAAK,IAAI,IAE3B,KAAK,OAGU,gBAAAC,EAAS,aAAa,KAAK,MAAM,UAAU,KAAK,IAAI,IAF/D;AAAA,EAGX;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es81.js","sources":["../src/components/ViolinPlot/helpers.ts"],"sourcesContent":["import { mean } from '@visx/vendor/d3-array';\n\n//measure the height of the longest tick\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    const el = document.createElement(\"g\");\n    el.style.position = \"absolute\";\n    el.style.visibility = \"hidden\";\n    el.style.fontSize = `${fontSize}px`;\n    el.style.fontFamily = fontFamily;\n    el.style.whiteSpace = \"nowrap\";\n    el.textContent = text;\n    document.body.appendChild(el);\n    const width = el.getBoundingClientRect().width;\n    document.body.removeChild(el);\n    return width;\n};\n\n// Get the min, max, quartiles, median, and ouotiers for each data set\nexport const calculateBoxStats = (data: number[], outlierType: string) => {\n\n    data.sort((a, b) => a - b);\n\n    const median = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        return arr.length % 2 !== 0 ? arr[mid] : (arr[mid - 1] + arr[mid]) / 2;\n    };\n\n    const getQuartiles = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        const lower = arr.slice(0, mid);\n        const upper = arr.slice(arr.length % 2 === 0 ? mid : mid + 1);\n        return {\n            firstQuartile: median(lower),\n            thirdQuartile: median(upper),\n        };\n    };\n\n    // Calculate quartiles\n    const { firstQuartile, thirdQuartile } = getQuartiles(data);\n    const med = median(data);\n\n    // Calculate the IQR and whiskers\n    const iqr = thirdQuartile - firstQuartile;\n    const lowerWhisker = firstQuartile - 1.5 * iqr;\n    const upperWhisker = thirdQuartile + 1.5 * iqr;\n\n    // Calculate outliers (values outside of the whiskers)\n    const outliers = outlierType === \"none\"\n        ? []\n        : outlierType === \"top\"\n            ? data.filter(val => val > upperWhisker)\n            : outlierType === \"bottom\"\n                ? data.filter(val => val < lowerWhisker)\n                : data.filter(val => val < lowerWhisker || val > upperWhisker);\n\n    // Min and max\n    const min = data[0];\n    const max = data[data.length - 1];\n\n    return { min, max, firstQuartile, thirdQuartile, median: med, outliers };\n    \n};\n\nexport function kernelDensityEstimator(\n    kernel: (distance: number) => number,\n    X: number[]\n): (data: number[]) => { value: number, count: number }[] {\n    return (data: number[]) => {\n        return X.map((x) => ({\n            value: x,\n            count: mean(data, (v) => kernel(x - v)) || 0,\n        }));\n    };\n}\n\nexport function gaussian(bandwidth: number): (x: number) => number {\n    const normalizationFactor = 1 / (bandwidth * Math.sqrt(2 * Math.PI));\n    return (x) => normalizationFactor * Math.exp(-0.5 * Math.pow(x / bandwidth, 2));\n}\n\nexport function scottRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) {\n      return 0;\n    }\n  \n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / data.length;\n    const stdDev = Math.sqrt(variance)\n    const binWidth = 3.5 * stdDev / Math.pow(n, 1/3);\n    return binWidth;\n  }\n\n  export function silvermanRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) return 0;\n\n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / n;\n    const stdDev = Math.sqrt(variance);\n\n    //calc iqr\n    const sortedData = data.slice().sort((a, b) => a - b);\n    const q1 = sortedData[Math.floor((n - 1) * 0.25)];\n    const q3 = sortedData[Math.floor((n - 1) * 0.75)];\n    const iqr = q3 - q1;\n\n    const bandwidth = 0.9 * Math.min(stdDev, iqr / 1.34) * Math.pow(n, -1 / 5);\n    \n    //ensure a positive result even if quartiles coincide\n    return Math.max(bandwidth, 1e-10);\n}\n\n//randomly generate jitter based on seed to keep jitter consisten across page loads\nexport function seededRandom(seed: string): number {\n    let hash = 0;\n    for (let i = 0; i < seed.length; i++) {\n      hash = (hash << 5) - hash + seed.charCodeAt(i);\n      hash |= 0; // Convert to 32bit integer\n    }\n    const x = Math.sin(hash) * 10000;\n    return x - Math.floor(x); // returns [0, 1)\n}"],"names":["getTextHeight","text","fontSize","fontFamily","el","document","createElement","style","position","visibility","whiteSpace","textContent","body","appendChild","width","getBoundingClientRect","removeChild","calculateBoxStats","data","outlierType","sort","a","b","median","arr","mid","Math","floor","length","getQuartiles","lower","slice","upper","firstQuartile","thirdQuartile","med","iqr","lowerWhisker","upperWhisker","outliers","filter","val","min","max","kernelDensityEstimator","kernel","X","map","x","value","count","mean","v","gaussian","bandwidth","normalizationFactor","sqrt","PI","exp","pow","scottRule","n","reduce","variance","acc","silvermanRule","stdDev","sortedData","q1","seededRandom","seed","hash","i","charCodeAt","sin"],"mappings":"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"}