@weng-lab/visualization 2.4.2 → 2.4.3

package/dist/visualization.es69.js

@@ -1,77 +1,69 @@
-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.es88.js";
-const lt = (q) => {
-  const t = N(24), {
-    pointData: o,
-    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;
+import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
+import { c as R } from "react/compiler-runtime";
+import { useEffect as I } from "react";
+import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
+import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
+import { useTheme as K } from "@mui/material/styles";
+const V = (x) => {
+  const t = R(7), {
+    selectable: n,
+    resetable: k,
+    handleSelectionModeChange: l,
+    selectMode: o,
+    zoomIn: w,
+    zoomOut: S,
+    zoomReset: y,
+    highlight: g,
+    downloadButton: z,
+    downloadPlot: C
+  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
+    borderRadius: 0,
+    color: c.palette.text.primary,
+    padding: c.spacing(1)
+  };
+  let s, m;
+  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
+    const r = (v) => {
+      if (v.key === "Shift" && n && o === "select") {
+        l("pan");
+        const u = (B) => {
+          B.key === "Shift" && n && l("select");
+        };
+        return window.addEventListener("keyup", u), () => {
+          window.removeEventListener("keyup", u);
+        };
+      }
+    };
+    return window.addEventListener("keydown", r), () => {
+      window.removeEventListener("keydown", r);
+    };
+  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
+  const f = (r) => ({
+    ...d,
+    color: o === r ? g || "primary.main" : c.palette.text.primary,
+    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
+    "&:hover": {
+      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
     }
-    A(l.pageX), F(l.pageY);
-    const D = W(l.currentTarget, l);
-    if (!D)
-      return;
-    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 _.current = {
-        pointData: o,
-        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: 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;
+  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
+    background: "rgba(255, 255, 255, 0.6)",
+    backdropFilter: "blur(2px)",
+    WebkitBackdropFilter: "blur(2px)",
+    border: "1px solid rgba(255, 255, 255, 0.3)",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+    overflow: "hidden"
+  }, children: [
+    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
+    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
+    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
+  ] });
+  let p;
+  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
 };
 export {
-  lt as useHoverTooltip
+  V as default
 };
 //# sourceMappingURL=visualization.es69.js.map

package/dist/visualization.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es69.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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"}
+{"version":3,"file":"visualization.es69.js","sources":["../src/components/ScatterPlot/controls.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ControlButtonsProps } from \"./types\";\nimport { IconButton, Stack, Tooltip } from \"@mui/material\";\nimport { Add, Remove, BackHand, Edit, SettingsBackupRestore, Download } from \"@mui/icons-material\"\nimport { useTheme } from \"@mui/material/styles\";\n\nconst ControlButtons = ({\n    selectable,\n    resetable,\n    handleSelectionModeChange,\n    selectMode,\n    zoomIn,\n    zoomOut,\n    zoomReset,\n    highlight,\n    downloadButton,\n    downloadPlot\n}: ControlButtonsProps) => {\n    const theme = useTheme();\n    const color = highlight ?? theme.palette.primary.main;\n    const tooltipPlacement = \"right\";\n    \n    const buttonSx = {\n        borderRadius: 0,\n        color: theme.palette.text.primary,\n        padding: theme.spacing(1),\n    };\n\n    useEffect(() => {\n        // Function to handle key press\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Shift' && selectable && selectMode === \"select\") {\n                handleSelectionModeChange('pan'); // Switch to pan mode when Shift is pressed\n\n                // Function to handle key release\n                const handleKeyUp = (e: KeyboardEvent) => {\n                    if (e.key === 'Shift' && selectable) {\n                        handleSelectionModeChange('select'); // Switch back to select mode when Shift is released\n                    }\n                };\n\n                window.addEventListener('keyup', handleKeyUp);\n                return () => {\n                    window.removeEventListener('keyup', handleKeyUp);\n                };\n            }\n        };\n\n        // Add event listeners for key press and release\n        window.addEventListener('keydown', handleKeyDown);\n\n        // Clean up event listeners on unmount\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleSelectionModeChange, selectMode, selectable]);\n\n    const getToggleButtonSx = (mode: \"pan\" | \"select\") => ({\n        ...buttonSx,\n        color: selectMode === mode ? highlight || \"primary.main\" : theme.palette.text.primary,\n        backgroundColor: selectMode === mode\n            ? `color-mix(in srgb, ${color} 15%, transparent)`\n            : \"transparent\",\n        '&:hover': {\n            backgroundColor: selectMode === mode\n                ? `color-mix(in srgb, ${color} 25%, transparent)`\n                : theme.palette.action.hover,\n        },\n    });\n\n    return (\n        <>\n            {selectMode !== \"none\" && (\n                <Stack\n                    direction=\"column\"\n                    alignItems=\"flex-start\"\n                    justifyContent={\"center\"}\n                    sx={{\n                        background: \"rgba(255, 255, 255, 0.6)\",\n                        backdropFilter: \"blur(2px)\",\n                        WebkitBackdropFilter: \"blur(2px)\",\n                        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n                        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to pan, or hold Shift and drag\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"pan\"\n                                    onClick={() => handleSelectionModeChange('pan')}\n                                    sx={getToggleButtonSx(\"pan\")}\n                                >\n                                    <BackHand fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to select\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"edit\"\n                                    onClick={() => handleSelectionModeChange('select')}\n                                    sx={getToggleButtonSx(\"select\")}\n                                >\n                                    <Edit fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    <Tooltip title=\"Zoom In\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-in\" onClick={zoomIn} sx={buttonSx}>\n                            <Add fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Zoom Out\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-out\" onClick={zoomOut} sx={buttonSx}>\n                            <Remove fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Reset Zoom and Pan\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                            <SettingsBackupRestore fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    {downloadButton && (\n                        <Tooltip title=\"Download Plot as SVG\" placement={tooltipPlacement}>\n                            <IconButton aria-label=\"download\" onClick={() => downloadPlot()} sx={buttonSx}>\n                                <Download fontSize=\"small\" />\n                            </IconButton>\n                        </Tooltip>\n                    )}\n                </Stack>\n            )}\n        </>\n\n    );\n}\n\nexport default ControlButtons;\n"],"names":["ControlButtons","t0","$","_c","selectable","resetable","handleSelectionModeChange","selectMode","zoomIn","zoomOut","zoomReset","highlight","downloadButton","downloadPlot","theme","useTheme","color","palette","primary","main","buttonSx","borderRadius","text","padding","spacing","t1","t2","handleKeyDown","e","key","handleKeyUp","e_0","window","addEventListener","removeEventListener","useEffect","getToggleButtonSx","mode","backgroundColor","action","hover","t3","jsxs","Stack","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","overflow","jsx","Tooltip","tooltipPlacement","IconButton","BackHand","Edit","Add","Remove","SettingsBackupRestore","Download","t4"],"mappings":";;;;;;AAMA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,2BAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,EAAAA,IAAAZ,GAYpBa,IAAcC,EAAAA,GACdC,IAAcL,KAAaG,EAAKG,QAAQC,QAAQC,MAGhDC,IAAiB;AAAA,IAAAC,cACC;AAAA,IAACL,OACRF,EAAKG,QAAQK,KAAKJ;AAAAA,IAAQK,SACxBT,EAAKU,QAAS,CAAC;AAAA,EAAA;AAC1B,MAAAC,GAAAC;AAAA,EAAAxB,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KAEQqB,IAAAA,MAAA;AAEN,UAAAE,IAAsBC,CAAAA,MAAA;AAClB,UAAIA,EAACC,QAAS,WAAVzB,KAAmCG,MAAe,UAAQ;AAC1DD,QAAAA,EAA0B,KAAK;AAG/B,cAAAwB,IAAoBC,CAAAA,MAAA;AAChB,UAAIH,EAACC,QAAS,WAAVzB,KACAE,EAA0B,QAAQ;AAAA,QACrC;AAGL0B,sBAAMC,iBAAkB,SAASH,CAAW,GACrC,MAAA;AACHE,iBAAME,oBAAqB,SAASJ,CAAW;AAAA,QAAC;AAAA,MACnD;AAAA,IACJ;AAILE,kBAAMC,iBAAkB,WAAWN,CAAa,GAGzC,MAAA;AACHK,aAAME,oBAAqB,WAAWP,CAAa;AAAA,IAAC;AAAA,EACvD,GACFD,KAACpB,GAA2BC,GAAYH,CAAU,GAACF,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAE,GAAAF,OAAAuB,GAAAvB,OAAAwB,MAAAD,IAAAvB,EAAA,CAAA,GAAAwB,IAAAxB,EAAA,CAAA,IA3BtDiC,EAAUV,GA2BPC,CAAmD;AAEtD,QAAAU,IAA0BC,CAAAA,OAA6B;AAAA,IAAA,GAChDjB;AAAAA,IAAQJ,OACJT,MAAe8B,IAAO1B,KAAA,iBAA8BG,EAAKG,QAAQK,KAAKJ;AAAAA,IAAQoB,iBACpE/B,MAAe8B,IAAf,sBACWrB,CAAK,uBADhB;AAAA,IAEE,WACR;AAAA,MAAAsB,iBACU/B,MAAe8B,IAAf,sBACWrB,CAAK,uBAC3BF,EAAKG,QAAQsB,OAAOC;AAAAA,IAAAA;AAAAA,EAC9B,IAKKC,IAAAlC,MAAe,UACZ,gBAAAmC,EAACC,GAAA,EACa,WAAA,UACC,YAAA,cACK,gBAAA,UACZ,IAAA;AAAA,IAAAC,YACY;AAAA,IAA0BC,gBACtB;AAAA,IAAWC,sBACL;AAAA,IAAWC,QACzB;AAAA,IAAoCC,WACjC;AAAA,IAA8BC,UAC/B;AAAA,EAAA,GAIV7C,UAAAA;AAAAA,IAAAA,KACI,gBAAA8C,EAACC,GAAA,EAAc,OAAA,uCAAiDC,WApE/D,SAqEG,UAAA,gBAAAF,EAACG,GAAA,EACc,cAAA,OACF,SAAA,MAAM/C,EAA0B,KAAK,GAC1C,IAAA8B,EAAkB,KAAK,GAE3B,4BAACkB,GAAA,EAAkB,UAAA,QAAA,CAAO,EAAA,CAC9B,EAAA,CACJ;AAAA,IAIJlD,KACI,gBAAA8C,EAACC,GAAA,EAAc,OAAA,kBAA4BC,WAjF1C,SAkFG,UAAA,gBAAAF,EAACG,GAAA,EACc,cAAA,QACF,SAAA,MAAM/C,EAA0B,QAAQ,GAC7C,IAAA8B,EAAkB,QAAQ,GAE9B,UAAA,gBAAAc,EAACK,GAAA,EAAc,UAAA,QAAA,CAAO,EAAA,CAC1B,EAAA,CACJ;AAAA,sBAGPJ,GAAA,EAAc,OAAA,WAAqBC,WA5F3B,SA6FL,4BAACC,GAAA,EAAsB,cAAA,WAAmB7C,SAAAA,GAAYY,OAClD,UAAA,gBAAA8B,EAACM,KAAa,UAAA,YAClB,EAAA,CACJ;AAAA,sBACCL,GAAA,EAAc,OAAA,YAAsBC,WAjG5B,SAkGL,4BAACC,GAAA,EAAsB,cAAA,YAAoB5C,SAAAA,GAAaW,IAAAA,GACpD,UAAA,gBAAA8B,EAACO,KAAgB,UAAA,SAAO,GAC5B,EAAA,CACJ;AAAA,IACA,gBAAAP,EAACC,KAAc,OAAA,sBAAgCC,WAtGtC,SAuGL,UAAA,gBAAAF,EAACG,GAAA,EAAsB,cAAA,aAAqB3C,SAAAA,GAAqB,UAAA,CAACL,GAAee,IAAAA,GAC7E,4BAACsC,GAAA,EAA+B,UAAA,SAAO,EAAA,CAC3C,EAAA,CACJ;AAAA,IACC9C,uBACIuC,GAAA,EAAc,OAAA,wBAAkCC,WA5G5C,SA6GD,UAAA,gBAAAF,EAACG,GAAA,EAAsB,cAAA,YAAoB,SAAA,MAAMxC,EAAAA,GAAoBO,OACjE,4BAACuC,GAAA,EAAkB,UAAA,QAAA,IACvB,EAAA,CACJ;AAAA,EAAA,GAER;AACH,MAAAC;AAAA,SAAA1D,SAAAuC,KAhELmB,2BACKnB,UAAAA,EAAAA,CA+DA,GACFvC,OAAAuC,GAAAvC,OAAA0D,KAAAA,IAAA1D,EAAA,CAAA,GAjEH0D;AAiEG;"}

package/dist/visualization.es7.js

@@ -1,16 +1,16 @@
 import { jsx as N, jsxs as oe } from "react/jsx-runtime";
 import { useState as G, useMemo as f, useRef as U, useCallback as R } from "react";
-import { ZoomFrame as ce } from "./visualization.es20.js";
-import { RenderTree as re } from "./visualization.es21.js";
-import ie from "./visualization.es22.js";
-import le from "./visualization.es23.js";
-import de from "./visualization.es24.js";
-import ue from "./visualization.es25.js";
-import he from "./visualization.es26.js";
-import S from "./visualization.es27.js";
-import pe from "./visualization.es28.js";
-import me from "./visualization.es29.js";
-import { pathRadialStep as J } from "./visualization.es30.js";
+import { ZoomFrame as ce } from "./visualization.es56.js";
+import { RenderTree as re } from "./visualization.es57.js";
+import ie from "./visualization.es21.js";
+import le from "./visualization.es20.js";
+import de from "./visualization.es58.js";
+import ue from "./visualization.es59.js";
+import he from "./visualization.es60.js";
+import S from "./visualization.es61.js";
+import pe from "./visualization.es31.js";
+import me from "./visualization.es62.js";
+import { pathRadialStep as J } from "./visualization.es63.js";
 const we = {
   duration: 0.3,
   ease: "easeInOut"

package/dist/visualization.es70.js

@@ -1,84 +1,269 @@
-import { c as j } from "react/compiler-runtime";
-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.es88.js";
-const O = (E) => {
-  const e = j(23), {
-    enabled: C,
-    margin: l,
-    boundedWidth: g,
-    boundedHeight: x,
-    xScale: y,
-    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] !== 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] !== i ? (a = (t) => {
-    if (t === null) {
-      if (P(), o.current = null, F.current === null)
-        return;
-      i(null);
+import { jsx as o, jsxs as k, Fragment as b } from "react/jsx-runtime";
+import { useRef as A, useState as Qe, useEffect as V, useMemo as C, useCallback as ee } from "react";
+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.es117.js";
+import rt from "./visualization.es118.js";
+import nt from "./visualization.es119.js";
+import ot from "./visualization.es120.js";
+import { useDragSelection as st } from "./visualization.es121.js";
+import { useStableCallback as ct } from "./visualization.es19.js";
+import Se from "./visualization.es31.js";
+import lt from "./visualization.es122.js";
+import at from "./visualization.es85.js";
+import it from "./visualization.es46.js";
+import ft from "./visualization.es45.js";
+import ut from "./visualization.es32.js";
+import vt from "./visualization.es64.js";
+import we from "./visualization.es43.js";
+import pt from "./visualization.es26.js";
+const ht = 120, xt = (D) => 1 - Math.pow(1 - D, 3), jt = ({
+  width: D,
+  height: te,
+  margin: s,
+  boundedWidth: l,
+  boundedHeight: c,
+  loading: ke,
+  pointData: p,
+  animation: T,
+  animationGroupSize: O,
+  animationBuffer: $,
+  xScale: I,
+  yScale: U,
+  zoom: f,
+  selectMode: i,
+  selectable: Ae,
+  disableZoom: h,
+  groupPointsAnchor: re,
+  hoveredPoint: E,
+  hoveredPoints: ne,
+  handleMouseMove: Ee,
+  handleMouseLeave: oe,
+  onDisplayedPointsChange: se,
+  onSelectionChange: ge,
+  onPointClicked: ce,
+  leftAxisLabel: Le,
+  bottomAxisLabel: Me,
+  border: Ce,
+  originLine: Te,
+  backgroundGradient: L,
+  crosshair: J,
+  divRef: Re
+}) => {
+  const le = A(null), ae = A(null), F = A(0), N = A(null), [Q, _] = Qe(!!T);
+  V(() => {
+    if (!T) return;
+    if (p.length > 2500) {
+      _(!1);
       return;
     }
-    o.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
-      s.current = null;
-      const b = o.current;
-      o.current = null, b && i(b);
-    }));
-  }, e[3] = i, e[4] = a) : a = e[4];
-  const r = a;
-  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 v = D(t.currentTarget, t);
-    if (!v)
+    const e = 450, t = ($ ?? 0.03) * 1e3, r = Math.ceil(p.length / (O ?? 1)), n = e + r * t, a = window.setTimeout(() => _(!1), n);
+    return () => window.clearTimeout(a);
+  }, [T, $, O, p.length]);
+  const {
+    lines: Pe,
+    isDragging: m,
+    x: R,
+    y: P,
+    dx: Y,
+    dy: X,
+    dragStart: ie,
+    dragMove: fe,
+    dragEnd: de,
+    completeSelection: Ve
+  } = st({
+    pointData: p,
+    margin: s,
+    xScale: I,
+    yScale: U,
+    onSelectionChange: ge
+  });
+  V(() => {
+    const e = le.current, t = (a) => {
+      a.preventDefault();
+    }, r = (a) => {
+      a.preventDefault();
+    }, n = (a) => {
+      a.preventDefault();
+    };
+    return e && (e.addEventListener("wheel", t, {
+      passive: !1
+    }), e.addEventListener("touchstart", n, {
+      passive: !1
+    }), e.addEventListener("touchmove", r, {
+      passive: !1
+    })), () => {
+      e && (e.removeEventListener("wheel", t), e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r));
+    };
+  }, []);
+  const u = C(() => ze(I, f.transformMatrix.translateX, f.transformMatrix.scaleX), [I, f.transformMatrix]), v = C(() => We(U, f.transformMatrix.translateY, f.transformMatrix.scaleY), [U, f.transformMatrix]), G = C(() => E ? [E] : ne ?? [], [E, ne]), ue = C(() => {
+    const e = re;
+    if (!e) return G;
+    const t = (n) => e in n ? n[e] : n.metaData?.[e], r = new Set(G.map(t).filter((n) => n !== void 0));
+    return r.size === 0 ? [] : p.filter((n) => {
+      const a = t(n);
+      return a !== void 0 && r.has(a);
+    });
+  }, [G, re, p]), ve = A(/* @__PURE__ */ new Set()), M = C(() => {
+    const e = new Set(ue.map((r) => `${r.x},${r.y}`)), t = ve.current;
+    return e.size === t.size && [...e].every((r) => t.has(r)) ? t : (ve.current = e, e);
+  }, [ue]), j = C(() => p.filter((e) => {
+    const t = u(e.x), r = v(e.y);
+    return t >= 0 && t <= l && r >= 0 && r <= c;
+  }), [p, u, v, l, c]), q = ee((e, t, r) => {
+    const n = r.getContext("2d");
+    if (!n) return;
+    if (Ze(n, l, c), L) {
+      const [x, H, B] = L.colorScale ?? ["red", "white", "blue"], w = l, g = c, Ue = e(0), Je = t(0), Ne = Math.max(1e-3, Math.min(0.999, (Ue * w - Je * g + g * g) / (w * w + g * g))), K = n.createLinearGradient(0, g, w, 0);
+      K.addColorStop(0, x), K.addColorStop(Ne, H), K.addColorStop(1, B), n.globalAlpha = L.opacity ?? 1, n.fillStyle = K, n.fillRect(0, 0, w, g), n.globalAlpha = 1;
+    }
+    const {
+      nonHovered: a,
+      hovered: S
+    } = He(p, M), xe = (x, H) => {
+      const B = e(x.x), w = t(x.y);
+      be(B, w, l, c) && et(n, x, B, w, H ? F.current : 0);
+    };
+    a.forEach((x) => xe(x, !1)), S.forEach((x) => xe(x, !0));
+  }, [c, l, M, p, L]);
+  V(() => {
+    const e = ae.current;
+    if (!e || Q) return;
+    if (M.size === 0) {
+      N.current = null, F.current = 0, q(u, v, e);
       return;
-    const A = v.x - l.left, M = v.y - l.top;
-    if (A < 0 || A > g || M < 0 || M > x) {
-      r(null);
+    }
+    if (N.current === M) {
+      q(u, v, e);
       return;
     }
-    const {
-      translateX: T,
-      translateY: W,
-      scaleX: _,
-      scaleY: $
-    } = b.transformMatrix;
-    r({
-      x: q(y, T, _, A),
-      y: q(R, W, $, M)
+    N.current = M;
+    const t = performance.now();
+    F.current = 0;
+    let r = requestAnimationFrame(function n() {
+      const a = Math.min(1, (performance.now() - t) / ht);
+      F.current = xt(a), q(u, v, e), a < 1 && (r = requestAnimationFrame(n));
     });
-  }, 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;
-  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;
+    return () => cancelAnimationFrame(r);
+  }, [q, u, v, Q, M]);
+  const De = ee(() => {
+    E && ce?.(E);
+  }, [E, ce]), Fe = h ? Ae ? m ? "none" : "crosshair" : m ? "none" : "default" : E ? "default" : i === "select" ? m ? "none" : "crosshair" : f.isDragging ? "grabbing" : "grab", z = (e) => {
+    de(e), Ve(f);
+  }, y = A(null), d = A(null), W = ct((e) => {
+    f.dragMove(e);
+  }), Ye = ee(() => {
+    y.current !== null && (cancelAnimationFrame(y.current), y.current = null);
+    const e = d.current;
+    d.current = null, e && W(e);
+  }, [W]);
+  V(() => () => {
+    y.current !== null && cancelAnimationFrame(y.current);
+  }, []);
+  const pe = (e) => {
+    d.current = e.nativeEvent, y.current === null && (y.current = requestAnimationFrame(() => {
+      y.current = null;
+      const t = d.current;
+      d.current = null, t && W(t);
+    }));
+  }, Z = () => {
+    Ye(), f.dragEnd();
+  }, Xe = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, je = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, qe = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Be = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, Ke = i === "none" ? void 0 : i === "select" ? ie : h ? void 0 : f.dragStart, Oe = i === "none" ? void 0 : i === "select" ? z : h ? void 0 : Z, $e = i === "none" ? void 0 : i === "select" ? m ? fe : void 0 : h ? void 0 : pe, Ie = (e) => {
+    if (_(!1), !h) {
+      const t = pt(e) || {
+        x: 0,
+        y: 0
+      }, r = e.deltaY < 0 ? 1.1 : 0.9;
+      f.scale({
+        scaleX: r,
+        scaleY: r,
+        point: t
+      });
+    }
+  }, he = A([]);
+  return V(() => {
+    ((t, r) => t.length !== r.length ? !0 : !t.every((n, a) => {
+      const S = r[a];
+      return n.x === S.x && n.y === S.y && n.r === S.r && n.shape === S.shape && n.color === S.color && n.opacity === S.opacity;
+    }))(he.current, j) && (se?.(j), he.current = j);
+  }, [j, se]), /* @__PURE__ */ o(Ge, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+    position: "relative"
+  }, children: /* @__PURE__ */ o(me, { sx: {
+    width: D,
+    height: te
+  }, children: ke ? /* @__PURE__ */ o(me, { display: "flex", width: "100%", height: "100%", sx: {
+    justifyContent: "center",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ o(_e, {}) }) : /* @__PURE__ */ k("div", { style: {
+    position: "relative"
+  }, ref: Re, children: [
+    /* @__PURE__ */ o("canvas", { ref: ae, width: l * 2, height: c * 2, style: {
+      userSelect: "none",
+      position: "absolute",
+      top: s.top,
+      left: s.left,
+      width: l,
+      height: c,
+      backgroundColor: "transparent"
+    } }),
+    /* @__PURE__ */ k("svg", { width: D, height: te, overflow: "visible", style: {
+      position: "absolute",
+      userSelect: "none"
+    }, onMouseMove: (e) => {
+      m ? oe() : Ee(e, f);
+    }, onMouseLeave: oe, children: [
+      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
+        Q && T && /* @__PURE__ */ o(tt, { pointData: p, animation: T, animationGroupSize: O, animationBuffer: $, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c }),
+        i === "select" && /* @__PURE__ */ k(b, { children: [
+          Pe.map((e, t) => /* @__PURE__ */ o(lt, { fill: "transparent", stroke: "black", strokeWidth: 3, data: e, curve: at, x: (r) => r.x, y: (r) => r.y }, `line-${t}`)),
+          m && /* @__PURE__ */ k("g", { children: [
+            /* @__PURE__ */ o("line", { x1: R - s.left + Y - 6, y1: P - s.top + X, x2: R - s.left + Y + 6, y2: P - s.top + X, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("line", { x1: R - s.left + Y, y1: P - s.top + X - 6, x2: R - s.left + Y, y2: P - s.top + X + 6, stroke: "black", strokeWidth: 1 }),
+            /* @__PURE__ */ o("circle", { cx: R - s.left, cy: P - s.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+          ] })
+        ] }),
+        Te && (() => {
+          const e = u(0), t = v(0);
+          return /* @__PURE__ */ k(b, { children: [
+            t >= 0 && t <= c && /* @__PURE__ */ o("line", { x1: 0, x2: l, y1: t, y2: t, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" }),
+            e >= 0 && e <= l && /* @__PURE__ */ o("line", { x1: e, x2: e, y1: 0, y2: c, stroke: "#000", strokeWidth: 1, strokeDasharray: "4,4", pointerEvents: "none" })
+          ] });
+        })(),
+        /* @__PURE__ */ o("rect", { ref: le, fill: "transparent", width: l, height: c, style: {
+          cursor: Fe
+        }, onMouseDown: Xe, onMouseUp: je, onMouseMove: qe, onMouseLeave: Be, onTouchStart: Ke, onTouchEnd: Oe, onTouchMove: $e, onWheel: Ie, onClick: De }),
+        J && !m && /* @__PURE__ */ o(ot, { position: {
+          x: u(J.x),
+          y: v(J.y)
+        }, boundedWidth: l, boundedHeight: c })
+      ] }),
+      /* @__PURE__ */ k(Se, { top: s.top, left: s.left, children: [
+        /* @__PURE__ */ o(it, { scale: v, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 10,
+          textAnchor: "end",
+          verticalAnchor: "middle",
+          x: -10
+        }), tickValues: ye(v, 5) }),
+        /* @__PURE__ */ o(ft, { top: c, scale: u, tickLabelProps: () => ({
+          fill: "#1c1917",
+          fontSize: 11,
+          textAnchor: "middle"
+        }), tickValues: ye(u, 5) }),
+        Ce && /* @__PURE__ */ k(b, { children: [
+          /* @__PURE__ */ o(ut, { top: 0, scale: u, tickValues: [] }),
+          /* @__PURE__ */ o(vt, { scale: v, tickValues: [], left: l })
+        ] }),
+        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: 15, y: c / 2, x: 0, dx: -50, children: Le }),
+        /* @__PURE__ */ o(we, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: c, x: l / 2, dy: 50, children: Me })
+      ] }),
+      /* @__PURE__ */ o(rt, { pointData: p, xScaleTransformed: u, yScaleTransformed: v, boundedWidth: l, boundedHeight: c, margin: s }),
+      L?.legend && /* @__PURE__ */ o(nt, { backgroundGradient: L, boundedHeight: c, barLeft: s.left + l + 25, marginTop: s.top })
+    ] })
+  ] }) }) });
 };
 export {
-  O as useCrosshair
+  jt as default
 };
 //# sourceMappingURL=visualization.es70.js.map