@weng-lab/visualization 2.4.0-beta.4 → 2.4.0-beta.6

package/dist/visualization.es610.js

@@ -1,18 +1,15 @@
-import m from "./visualization.es559.js";
-import a from "./visualization.es560.js";
-import g from "./visualization.es572.js";
-import f from "./visualization.es607.js";
-import { max as i } from "./visualization.es562.js";
-function w(r) {
-  var l, o = m(r), e = f(r), t = (l = r.ownerDocument) == null ? void 0 : l.body, c = i(o.scrollWidth, o.clientWidth, t ? t.scrollWidth : 0, t ? t.clientWidth : 0), h = i(o.scrollHeight, o.clientHeight, t ? t.scrollHeight : 0, t ? t.clientHeight : 0), n = -e.scrollLeft + g(r), d = -e.scrollTop;
-  return a(t || o).direction === "rtl" && (n += i(o.clientWidth, t ? t.clientWidth : 0) - c), {
-    width: c,
-    height: h,
-    x: n,
-    y: d
-  };
+function a(e, i) {
+  let s = e, n = 1 / 0;
+  for (const t of i) {
+    const o = Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2);
+    o < n && (n = o, s = {
+      x: t.x,
+      y: t.y
+    });
+  }
+  return s;
 }
 export {
-  w as default
+  a as default
 };
 //# sourceMappingURL=visualization.es610.js.map

package/dist/visualization.es610.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es610.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js"],"sourcesContent":["import getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nimport { max } from \"../utils/math.js\"; // Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable\n\nexport default function getDocumentRect(element) {\n  var _element$ownerDocumen;\n\n  var html = getDocumentElement(element);\n  var winScroll = getWindowScroll(element);\n  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n  var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n  var y = -winScroll.scrollTop;\n\n  if (getComputedStyle(body || html).direction === 'rtl') {\n    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n  }\n\n  return {\n    width: width,\n    height: height,\n    x: x,\n    y: y\n  };\n}"],"names":["getDocumentRect","element","_element$ownerDocumen","html","getDocumentElement","winScroll","getWindowScroll","body","width","max","height","x","getWindowScrollBarX","y","getComputedStyle"],"mappings":";;;;;AAOe,SAASA,EAAgBC,GAAS;AAC/C,MAAIC,GAEAC,IAAOC,EAAmBH,CAAO,GACjCI,IAAYC,EAAgBL,CAAO,GACnCM,KAAQL,IAAwBD,EAAQ,kBAAkB,OAAO,SAASC,EAAsB,MAChGM,IAAQC,EAAIN,EAAK,aAAaA,EAAK,aAAaI,IAAOA,EAAK,cAAc,GAAGA,IAAOA,EAAK,cAAc,CAAC,GACxGG,IAASD,EAAIN,EAAK,cAAcA,EAAK,cAAcI,IAAOA,EAAK,eAAe,GAAGA,IAAOA,EAAK,eAAe,CAAC,GAC7GI,IAAI,CAACN,EAAU,aAAaO,EAAoBX,CAAO,GACvDY,IAAI,CAACR,EAAU;AAEnB,SAAIS,EAAiBP,KAAQJ,CAAI,EAAE,cAAc,UAC/CQ,KAAKF,EAAIN,EAAK,aAAaI,IAAOA,EAAK,cAAc,CAAC,IAAIC,IAGrD;AAAA,IACL,OAAOA;AAAA,IACP,QAAQE;AAAA,IACR,GAAGC;AAAA,IACH,GAAGE;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es610.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/getClosestPoint.js"],"sourcesContent":["/** Gets closest point from list of points */\nexport default function getClosestPoint(point, samples) {\n  let closestPoint = point;\n  let minDistance = Infinity;\n  for (const sample of samples) {\n    const distance = Math.sqrt((sample.x - point.x) ** 2 + (sample.y - point.y) ** 2);\n    if (distance < minDistance) {\n      minDistance = distance;\n      closestPoint = {\n        x: sample.x,\n        y: sample.y\n      };\n    }\n  }\n  return closestPoint;\n}"],"names":["getClosestPoint","point","samples","closestPoint","minDistance","sample","distance"],"mappings":"AACe,SAASA,EAAgBC,GAAOC,GAAS;AACtD,MAAIC,IAAeF,GACfG,IAAc;AAClB,aAAWC,KAAUH,GAAS;AAC5B,UAAMI,IAAW,KAAK,MAAMD,EAAO,IAAIJ,EAAM,MAAM,KAAKI,EAAO,IAAIJ,EAAM,MAAM,CAAC;AAChF,IAAIK,IAAWF,MACbA,IAAcE,GACdH,IAAe;AAAA,MACb,GAAGE,EAAO;AAAA,MACV,GAAGA,EAAO;AAAA,IAClB;AAAA,EAEE;AACA,SAAOF;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es611.js

@@ -1,7 +1,9 @@
-function n(e) {
-  return +e;
+function t(n) {
+  return function() {
+    return n;
+  };
 }
 export {
-  n as default
+  t as default
 };
 //# sourceMappingURL=visualization.es611.js.map

package/dist/visualization.es611.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es611.js","sources":["../../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/number.js"],"sourcesContent":["export default function number(x) {\n  return +x;\n}\n"],"names":["number","x"],"mappings":"AAAe,SAASA,EAAOC,GAAG;AAChC,SAAO,CAACA;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es611.js","sources":["../../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/constant.js"],"sourcesContent":["export default function constants(x) {\n  return function() {\n    return x;\n  };\n}\n"],"names":["constants","x"],"mappings":"AAAe,SAASA,EAAUC,GAAG;AACnC,SAAO,WAAW;AAChB,WAAOA;AAAA,EACT;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es612.js

@@ -1,9 +1,7 @@
-function t(n) {
-  return function() {
-    return n;
-  };
+function n(e) {
+  return +e;
 }
 export {
-  t as default
+  n as default
 };
 //# sourceMappingURL=visualization.es612.js.map

package/dist/visualization.es612.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es612.js","sources":["../../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/constant.js"],"sourcesContent":["export default function constants(x) {\n  return function() {\n    return x;\n  };\n}\n"],"names":["constants","x"],"mappings":"AAAe,SAASA,EAAUC,GAAG;AACnC,SAAO,WAAW;AAChB,WAAOA;AAAA,EACT;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es612.js","sources":["../../../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/number.js"],"sourcesContent":["export default function number(x) {\n  return +x;\n}\n"],"names":["number","x"],"mappings":"AAAe,SAASA,EAAOC,GAAG;AAChC,SAAO,CAACA;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es62.js

@@ -1,26 +1,73 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
-const m = (l) => {
-  const t = n(5), {
-    tooltipBody: e,
-    tooltipData: i
-  } = l;
+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.es26.js";
+const nt = (E) => {
+  const t = I(21), {
+    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] !== e || t[1] !== i ? (r = e ? e(i) : /* @__PURE__ */ a("div", { children: i.metaData && Object.entries(i.metaData).map(s) }), t[0] = e, t[1] = i, t[2] = r) : r = t[2];
-  let o;
-  return t[3] !== r ? (o = /* @__PURE__ */ a("div", { children: r }), t[3] = r, t[4] = o) : o = t[4], o;
+  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);
+      return;
+    }
+    $(s.pageX), q(s.pageY);
+    const S = U(s.currentTarget, s);
+    if (!S)
+      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)
+      }));
+      return H.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 = {
+    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;
 };
-function s(l) {
-  const [t, e] = l;
-  return /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ c("strong", { children: [
-      t.charAt(0).toUpperCase() + t.slice(1),
-      ": "
-    ] }),
-    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
-  ] }, t);
-}
 export {
-  m as default
+  nt as useHoverTooltip
 };
 //# sourceMappingURL=visualization.es62.js.map

package/dist/visualization.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es62.js","sources":["../src/components/ScatterPlot/tooltip.tsx"],"sourcesContent":["import { TooltipProps } from \"./types\";\n\nconst ScatterTooltip = <T,>({\n    tooltipBody,\n    tooltipData\n}: TooltipProps<T>) => {\n    return (\n        <div>\n            {tooltipBody ? tooltipBody(tooltipData) : (\n                <div>\n                    {tooltipData.metaData && Object.entries(tooltipData.metaData).map(([key, value]) => (\n                        <div key={key}>\n                            <strong>{key.charAt(0).toUpperCase() + key.slice(1)}: </strong>\n                            {typeof value === 'string'\n                                ? (value.length > 45\n                                    ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                    : value.replace(/_/g, \" \"))\n                                : String(value)}\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport default ScatterTooltip;"],"names":["ScatterTooltip","t0","$","_c","tooltipBody","tooltipData","t1","metaData","Object","entries","map","_temp","t2","key","value","jsxs","charAt","toUpperCase","slice","length","replace","String"],"mappings":";;AAEA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAGV,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAGLC,IAAAF,IAAcA,EAAYC,CAa3B,sBAZI,OAAA,EACKA,UAAAA,EAAWE,YAAaC,OAAMC,QAASJ,EAAWE,QAAS,EAACG,IAAKC,CASjE,GACL,GACHT,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,SAAAI,KAdLM,+BACKN,UAAAA,EAAAA,CAcL,GAAMJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAfNU;AAeM;AApBS,SAAAD,EAAAV,GAAA;AAQgE,QAAA,CAAAY,GAAAC,CAAA,IAAAb;AAAY,2BAC3E,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAc,EAAA,UAAA,EAASF,UAAAA;AAAAA,MAAAA,EAAGG,OAAQ,CAAC,EAACC,gBAAiBJ,EAAGK,MAAO,CAAC;AAAA,MAAE;AAAA,IAAA,GAAE;AAAA,IACrD,OAAOJ,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKM,QAAS,MAAM,GAAG,EAACF,MAAO,GAAG,EAAE,CAAC,QACxCJ,EAAKM,QAAS,MAAM,GAAG,IAC3BC,OAAOP,CAAK;AAAA,EAAA,EAAA,IACtB;AAAM;"}
+{"version":3,"file":"visualization.es62.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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"}

package/dist/visualization.es63.js

@@ -1,21 +1,82 @@
-import { c as m } from "react/compiler-runtime";
-import { useState as a } from "react";
-const f = (n) => {
-  const e = m(3), {
-    initialSelectionMode: l
-  } = n, [c, s] = a(l);
-  let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = (r) => {
-    s(r);
-  }, e[0] = t) : t = e[0];
-  const i = t;
-  let o;
-  return e[1] !== c ? (o = {
-    selectMode: c,
-    handleSelectionModeChange: i
-  }, e[1] = c, e[2] = o) : o = e[2], o;
+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 { useStableCallback as B } from "./visualization.es19.js";
+import D from "./visualization.es26.js";
+const O = (q) => {
+  const e = j(22), {
+    enabled: b,
+    margin: n,
+    boundedWidth: C,
+    boundedHeight: g,
+    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;
+  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;
+  let a;
+  e[3] !== u ? (a = (t) => {
+    if (t === null) {
+      if (F(), o.current = null, M.current === null)
+        return;
+      u(null);
+      return;
+    }
+    o.current = t, l.current === null && (l.current = requestAnimationFrame(() => {
+      l.current = null;
+      const d = o.current;
+      o.current = null, d && u(d);
+    }));
+  }, e[3] = u, 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)
+      return;
+    const Y = D(t.currentTarget, t);
+    if (!Y)
+      return;
+    const _ = Y.x - n.left, v = Y.y - n.top;
+    if (_ < 0 || _ > C || v < 0 || v > g) {
+      r(null);
+      return;
+    }
+    const {
+      translateX: L,
+      translateY: T,
+      scaleX: W,
+      scaleY: $
+    } = d.transformMatrix;
+    r({
+      x: k(y, L, W, _),
+      y: k(S, T, $, v)
+    });
+  }, 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];
+  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;
 };
 export {
-  f as useSelectionMode
+  O as useCrosshair
 };
 //# sourceMappingURL=visualization.es63.js.map

package/dist/visualization.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es63.js","sources":["../src/components/ScatterPlot/hooks/useSelectionMode.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { SelectionMode } from \"../types\";\n\ntype UseSelectionModeProps = {\n    initialSelectionMode: SelectionMode;\n};\n\nexport const useSelectionMode = ({ initialSelectionMode }: UseSelectionModeProps) => {\n    const [selectMode, setSelectMode] = useState<SelectionMode>(initialSelectionMode);\n\n    const handleSelectionModeChange = useCallback((mode: SelectionMode) => {\n        setSelectMode(mode);\n    }, []);\n\n    return { selectMode, handleSelectionModeChange };\n};\n"],"names":["useSelectionMode","t0","$","_c","initialSelectionMode","selectMode","setSelectMode","useState","t1","Symbol","for","mode","handleSelectionModeChange","t2"],"mappings":";;AAOO,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAH,GAC7B,CAAAI,GAAAC,CAAA,IAAoCC,EAAwBH,CAAoB;AAAE,MAAAI;AAAA,EAAAN,EAAA,CAAA,MAAAO,uBAAAC,IAAA,2BAAA,KAEpCF,IAAAG,CAAAA,MAAA;AAC1CL,IAAAA,EAAcK,CAAI;AAAA,EAAC,GACtBT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAU,IAAkCJ;AAE3B,MAAAK;AAAA,SAAAX,SAAAG,KAEAQ,IAAA;AAAA,IAAAR,YAAAA;AAAAA,IAAAO,2BAAAA;AAAAA,EAAAA,GAAyCV,OAAAG,GAAAH,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAAzCW;AAAyC;"}
+{"version":3,"file":"visualization.es63.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;"}

package/dist/visualization.es64.js

@@ -1,24 +1,14 @@
-import { c as l } from "react/compiler-runtime";
-import { useState as p } from "react";
-const f = (i) => {
-  const t = l(3), {
-    initialOpen: s
-  } = i, [n, r] = p(s);
-  let e;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = () => {
-    r(a);
-  }, t[0] = e) : e = t[0];
-  const c = e;
-  let o;
-  return t[1] !== n ? (o = {
-    showMiniMap: n,
-    toggleMiniMap: c
-  }, t[1] = n, t[2] = o) : o = t[2], o;
-};
-function a(i) {
-  return !i;
+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;
+  }
 }
 export {
-  f as useMiniMapToggle
+  i as default
 };
 //# sourceMappingURL=visualization.es64.js.map

package/dist/visualization.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es64.js","sources":["../src/components/ScatterPlot/hooks/useMiniMapToggle.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\ntype UseMiniMapToggleProps = {\n    initialOpen: boolean;\n};\n\nexport const useMiniMapToggle = ({ initialOpen }: UseMiniMapToggleProps) => {\n    const [showMiniMap, setShowMiniMap] = useState(initialOpen);\n\n    const toggleMiniMap = useCallback(() => {\n        setShowMiniMap((curr) => !curr);\n    }, []);\n\n    return { showMiniMap, toggleMiniMap };\n};\n"],"names":["useMiniMapToggle","t0","$","_c","initialOpen","showMiniMap","setShowMiniMap","useState","t1","Symbol","for","_temp","toggleMiniMap","t2","curr"],"mappings":";;AAMO,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAH,GAC7B,CAAAI,GAAAC,CAAA,IAAsCC,EAASH,CAAW;AAAE,MAAAI;AAAA,EAAAN,EAAA,CAAA,MAAAO,uBAAAC,IAAA,2BAAA,KAE1BF,IAAAA,MAAA;AAC9BF,IAAAA,EAAeK,CAAe;AAAA,EAAC,GAClCT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAU,IAAsBJ;AAEf,MAAAK;AAAA,SAAAX,SAAAG,KAEAQ,IAAA;AAAA,IAAAR,aAAAA;AAAAA,IAAAO,eAAAA;AAAAA,EAAAA,GAA8BV,OAAAG,GAAAH,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAA9BW;AAA8B;AAPT,SAAAF,EAAAG,GAAA;AAAA,SAIC,CAACA;AAAI;"}
+{"version":3,"file":"visualization.es64.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]}

package/dist/visualization.es65.js

@@ -1,73 +1,61 @@
-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.es41.js";
-const nt = (E) => {
-  const t = I(21), {
-    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);
-      return;
-    }
-    $(s.pageX), q(s.pageY);
-    const S = U(s.currentTarget, s);
-    if (!S)
-      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)
-      }));
-      return H.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;
+import { jsx as w, jsxs as U, Fragment as V } from "react/jsx-runtime";
+import { c as W } from "react/compiler-runtime";
+import { memo as b, useRef as q } from "react";
+import z from "./visualization.es66.js";
+import { getHeatmapColorScale as G, cellKey as j, DEFAULT_DESELECTED_COLOR as I, resolveCellAppearance as J } from "./visualization.es68.js";
+import { useStableCallback as N } from "./visualization.es19.js";
+import Q from "./visualization.es108.js";
+import X from "./visualization.es109.js";
+import Y from "./visualization.es12.js";
+const Z = (L) => L.rows, me = b(function(v) {
+  const e = W(31), {
+    data: u,
+    xScale: h,
+    yScale: H,
+    colors: S,
+    maxValue: g,
+    gap: y,
+    isRect: t,
+    binWidth: l,
+    binHeight: i,
+    animationType: x,
+    tooltipBody: m,
+    onClick: A,
+    selectedCells: n,
+    deselectedColor: O
+  } = v, E = O === void 0 ? I : O;
   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 = {
-    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;
-};
+  e[0] !== S || e[1] !== g ? (p = G(S, g), e[0] = S, e[1] = g, e[2] = p) : p = e[2];
+  const R = p, k = Math.min(l, i) / 2;
+  let f;
+  e[3] !== n ? (f = n?.length ? new Set(n.map(j)) : null, e[3] = n, e[4] = f) : f = e[4];
+  const d = f, $ = q(null), D = N(A), T = t ? Q : X;
+  let o;
+  e[5] !== i || e[6] !== l || e[7] !== t || e[8] !== k ? (o = t ? {
+    binWidth: l,
+    binHeight: i
+  } : {
+    radius: k
+  }, e[5] = i, e[6] = l, e[7] = t, e[8] = k, e[9] = o) : o = e[9];
+  let s;
+  e[10] !== x || e[11] !== l || e[12] !== E || e[13] !== D || e[14] !== t || e[15] !== d ? (s = (B) => B.map((F, K) => F.map((r) => {
+    const _ = !!d && !d.has(j(r)), {
+      fill: M,
+      fillOpacity: P
+    } = J(r.count, r.color, _, E);
+    return /* @__PURE__ */ w(z, { bin: r, isRect: t, binWidth: l, fill: M, fillOpacity: P, colIndex: K, animationType: x, tooltipRef: $, onClick: D }, `heatmap-cell-${r.row}-${r.column}`);
+  })), e[10] = x, e[11] = l, e[12] = E, e[13] = D, e[14] = t, e[15] = d, e[16] = s) : s = e[16];
+  let a;
+  e[17] !== T || e[18] !== R || e[19] !== u || e[20] !== y || e[21] !== o || e[22] !== s || e[23] !== h || e[24] !== H ? (a = /* @__PURE__ */ w(T, { data: u, xScale: h, yScale: H, colorScale: R, bins: Z, gap: y, ...o, children: s }), e[17] = T, e[18] = R, e[19] = u, e[20] = y, e[21] = o, e[22] = s, e[23] = h, e[24] = H, e[25] = a) : a = e[25];
+  let c;
+  e[26] !== m ? (c = m && /* @__PURE__ */ w(Y, { ref: $, children: m }), e[26] = m, e[27] = c) : c = e[27];
+  let C;
+  return e[28] !== a || e[29] !== c ? (C = /* @__PURE__ */ U(V, { children: [
+    a,
+    c
+  ] }), e[28] = a, e[29] = c, e[30] = C) : C = e[30], C;
+});
 export {
-  nt as useHoverTooltip
+  me as default
 };
 //# sourceMappingURL=visualization.es65.js.map

package/dist/visualization.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es65.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.es65.js","sources":["../src/components/Heatmap/HeatmapCells.tsx"],"sourcesContent":["import { HeatmapRect, HeatmapCircle, RectCell, CircleCell } from \"@visx/heatmap\";\nimport { useMemo, useRef, memo, ReactElement } from \"react\";\nimport type { AnimationType } from \"../../utility\";\nimport type { ColumnDatum, RowDatum, HeatmapCellId } from \"./types\";\nimport HeatmapCell from \"./HeatmapCell\";\nimport { PlotTooltip, type PlotTooltipHandle } from \"../../tooltip\";\nimport { useStableCallback } from \"../../hooks\";\nimport { DEFAULT_DESELECTED_COLOR, cellKey, getHeatmapColorScale, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\nexport type AnyBin = RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>;\n\nconst getBins = (d: ColumnDatum) => d.rows;\n\nexport interface HeatmapCellsProps {\n  data: ColumnDatum[];\n  xScale: (d: number) => number;\n  yScale: (d: number) => number;\n  colors: [string, string, ...string[]];\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n}\n\nconst HeatmapCells = memo(function HeatmapCells({\n  data, xScale, yScale, colors, maxValue, gap,\n  isRect, binWidth, binHeight, animationType,\n  tooltipBody, onClick, selectedCells, deselectedColor = DEFAULT_DESELECTED_COLOR,\n}: HeatmapCellsProps) {\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(colors, maxValue),\n    [colors, maxValue]\n  );\n  const radius = Math.min(binWidth, binHeight) / 2;\n\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n\n  // The tooltip is a sibling of the grid and owns its own state, so moving the pointer around\n  // never re-renders a cell. Cells reach it through this ref, which never changes identity.\n  const tooltipRef = useRef<PlotTooltipHandle<AnyBin>>(null);\n\n  // Consumers commonly pass an inline arrow for onClick. Cells are memoized on prop identity,\n  // so forwarding that directly would invalidate every cell on each render of the consumer.\n  const handleClick = useStableCallback(onClick);\n\n  const HeatmapComponent = isRect ? HeatmapRect : HeatmapCircle;\n\n  return (\n    <>\n      <HeatmapComponent\n        data={data}\n        xScale={xScale}\n        yScale={yScale}\n        colorScale={colorScale}\n        bins={getBins}\n        gap={gap}\n        {...(isRect ? { binWidth, binHeight } : { radius })}\n      >\n        {(heatmap) =>\n          heatmap.map((heatmapBins, colIndex) =>\n            heatmapBins.map((bin) => {\n              const isDeselected = !!selectedKeys && !selectedKeys.has(cellKey(bin));\n              const { fill, fillOpacity } = resolveCellAppearance(bin.count, bin.color, isDeselected, deselectedColor);\n              return (\n                <HeatmapCell\n                  key={`heatmap-cell-${bin.row}-${bin.column}`}\n                  bin={bin}\n                  isRect={isRect}\n                  binWidth={binWidth}\n                  fill={fill}\n                  fillOpacity={fillOpacity}\n                  colIndex={colIndex}\n                  animationType={animationType}\n                  tooltipRef={tooltipRef}\n                  onClick={handleClick}\n                />\n              );\n            })\n          )\n        }\n      </HeatmapComponent>\n      {tooltipBody && <PlotTooltip ref={tooltipRef}>{tooltipBody}</PlotTooltip>}\n    </>\n  );\n});\n\nexport default HeatmapCells;\n"],"names":["getBins","d","rows","HeatmapCells","memo","t0","$","_c","data","xScale","yScale","colors","maxValue","gap","isRect","binWidth","binHeight","animationType","tooltipBody","onClick","selectedCells","deselectedColor","t1","undefined","DEFAULT_DESELECTED_COLOR","t2","getHeatmapColorScale","colorScale","radius","Math","min","t3","length","Set","map","cellKey","selectedKeys","tooltipRef","useRef","handleClick","useStableCallback","HeatmapComponent","HeatmapRect","HeatmapCircle","t4","t5","heatmap","heatmapBins","colIndex","bin","isDeselected","has","fill","fillOpacity","resolveCellAppearance","count","color","HeatmapCell","row","column","t6","t7","jsx","PlotTooltip","t8"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAUA,CAACC,MAAmBA,EAAEC,MAmBhCC,KAAeC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAsB;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,iBAAAC;AAAAA,EAAAA,IAAAjB,GAGTgB,IAAAC,MAAAC,SAAAC,IAAAF;AAA0C,MAAAG;AAAA,EAAAnB,EAAA,CAAA,MAAAK,KAAAL,SAAAM,KAGvEa,IAAAC,EAAqBf,GAAQC,CAAQ,GAACN,OAAAK,GAAAL,OAAAM,GAAAN,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAD9C,QAAAqB,IACQF,GAGRG,IAAeC,KAAIC,IAAKf,GAAUC,CAAS,IAAI;AAAE,MAAAe;AAAA,EAAAzB,SAAAc,KAGxCW,IAAAX,GAAaY,SAAb,IAA4BC,IAAIb,EAAac,IAAKC,CAAO,CAAQ,IAAjE,MAAkE7B,OAAAc,GAAAd,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA;AAD3E,QAAA8B,IACSL,GAMTM,IAAmBC,EAAkC,IAAI,GAIzDC,IAAoBC,EAAkBrB,CAAO,GAE7CsB,IAAyB3B,IAAA4B,IAAAC;AAAqC,MAAAC;AAAA,EAAAtC,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,SAAAsB,KAWnDgB,IAAA9B,IAAA;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAA;AAAA,IAAAY,QAAAA;AAAAA,EAAAA,GAA6CtB,OAAAU,GAAAV,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAsB,GAAAtB,OAAAsC,KAAAA,IAAAtC,EAAA,CAAA;AAAA,MAAAuC;AAAA,EAAAvC,UAAAW,KAAAX,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAAiC,KAAAjC,UAAAQ,KAAAR,EAAA,EAAA,MAAA8B,KAEjDS,IAAAC,CAAAA,MACCA,EAAOZ,IAAK,CAAAa,GAAAC,MACVD,EAAWb,IAAKe,CAAAA,MAAA;AACd,UAAAC,IAAqB,CAAC,CAACd,KAAF,CAAmBA,EAAYe,IAAKhB,EAAQc,CAAG,CAAC,GACrE;AAAA,MAAAG,MAAAA;AAAAA,MAAAC,aAAAA;AAAAA,IAAAA,IAA8BC,EAAsBL,EAAGM,OAAQN,EAAGO,OAAQN,GAAc7B,CAAe;AAAE,6BAEtGoC,GAAA,EAEMR,KAAAA,GACGnC,QAAAA,GACEC,UAAAA,GACJqC,MAAAA,GACOC,aAAAA,GACHL,UAAAA,GACK/B,eAAAA,GACHoB,YAAAA,GACHE,SAAAA,KATJ,gBAAgBU,EAAGS,GAAI,IAAIT,EAAGU,MAAO,EAStB;AAAA,EACpB,CAEL,CACH,GAACrD,QAAAW,GAAAX,QAAAS,GAAAT,QAAAe,GAAAf,QAAAiC,GAAAjC,QAAAQ,GAAAR,QAAA8B,GAAA9B,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA;AAAA,MAAAsD;AAAA,EAAAtD,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAAqB,KAAArB,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAsC,KAAAtC,EAAA,EAAA,MAAAuC,KAAAvC,EAAA,EAAA,MAAAG,KAAAH,UAAAI,KA7BLkD,sBAACnB,GAAA,EACOjC,MAAAA,GACEC,QAAAA,GACAC,QAAAA,GACIiB,YAAAA,GACN3B,SACDa,KAAAA,GAAG,GACH+B,GAEJC,UAAAA,EAAAA,CAsBH,GAAmBvC,QAAAmC,GAAAnC,QAAAqB,GAAArB,QAAAE,GAAAF,QAAAO,GAAAP,QAAAsC,GAAAtC,QAAAuC,GAAAvC,QAAAG,GAAAH,QAAAI,GAAAJ,QAAAsD,KAAAA,IAAAtD,EAAA,EAAA;AAAA,MAAAuD;AAAA,EAAAvD,UAAAY,KAClB2C,IAAA3C,KAAe,gBAAA4C,EAACC,GAAA,EAAiB1B,KAAAA,GAAanB,UAAAA,GAAY,GAAcZ,QAAAY,GAAAZ,QAAAuD,KAAAA,IAAAvD,EAAA,EAAA;AAAA,MAAA0D;AAAA,SAAA1D,EAAA,EAAA,MAAAsD,KAAAtD,UAAAuD,KAjC3EG,2BACEJ,UAAAA;AAAAA,IAAAA;AAAAA,IAgCCC;AAAAA,EAAAA,GAAwE,GACxEvD,QAAAsD,GAAAtD,QAAAuD,GAAAvD,QAAA0D,KAAAA,IAAA1D,EAAA,EAAA,GAlCH0D;AAkCG,CAEN;"}