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

package/dist/visualization.es83.js

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

package/dist/visualization.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es83.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}
+{"version":3,"file":"visualization.es83.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    width: number;\n    height: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    hoveredPoints?: Point<T>[];\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\n/**\n * Hover growth eases in over this long, and is dropped instantly on the way out.\n * Easing the exit too would drag a tail of still-shrinking points behind the cursor\n * whenever it sweeps across a dense plot.\n */\nconst HOVER_GROW_MS = 120;\n\nconst easeOutCubic = (t: number) => 1 - Math.pow(1 - t, 3);\n\nconst ScatterPlotViewport = <T extends object>({\n    width,\n    height,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    hoveredPoints,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    // Hover growth is driven straight onto the canvas through a ref. A redraw is ~0.3ms at\n    // 3.4k points so the drawing is cheap, but a re-render per frame would not be.\n    const hoverAmountRef = useRef(0);\n    const animatedKeysRef = useRef<Set<string> | null>(null);\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    // What is hovered: the point under the cursor if there is one, otherwise whatever the\n    // consumer has asked to highlight. The cursor takes precedence so the plot's own hover is\n    // never overridden mid-gesture.\n    const highlightSeeds: Point<T>[] = useMemo(\n        () => (hoveredPoint ? [hoveredPoint] : hoveredPoints ?? []),\n        [hoveredPoint, hoveredPoints]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (!anchor) return highlightSeeds;\n\n        const anchorValue = (point: Point<T>): unknown =>\n            anchor in point\n                ? point[anchor as keyof Point<T>]\n                : point.metaData?.[anchor as keyof T];\n\n        // Collect the seeds' anchor values first, so this stays O(points + seeds). Matching each\n        // point against each seed would be 2.5m comparisons when a whole 750-point group is\n        // handed in against 3.4k points.\n        const seedValues = new Set(\n            highlightSeeds.map(anchorValue).filter((value) => value !== undefined)\n        );\n        if (seedValues.size === 0) return [];\n\n        return pointData.filter((point) => {\n            const value = anchorValue(point);\n            return value !== undefined && seedValues.has(value);\n        });\n    }, [highlightSeeds, groupPointsAnchor, pointData]);\n\n    const previousHoveredKeysRef = useRef<Set<string>>(new Set());\n\n    const hoveredPointKeys = useMemo(() => {\n        const next = new Set(groupedPoints.map((point) => `${point.x},${point.y}`));\n        const previous = previousHoveredKeysRef.current;\n\n        // Moving between points inside one anchored group rebuilds this set, but its contents\n        // are unchanged - the hovered group is the same group. Handing back the previous Set\n        // keeps its identity stable, so the redraw effect and the hover growth it drives both\n        // sit still instead of restarting on every point the cursor crosses. Purely a\n        // memoisation hint: the contents are correct either way.\n        if (next.size === previous.size && [...next].every((key) => previous.has(key))) {\n            return previous;\n        }\n\n        previousHoveredKeysRef.current = next;\n        return next;\n    }, [groupedPoints]);\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered ? hoverAmountRef.current : 0);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\n\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (!canvas || showPointAnimation) return;\n\n        // Leaving is instant: drop the growth and repaint once.\n        if (hoveredPointKeys.size === 0) {\n            animatedKeysRef.current = null;\n            hoverAmountRef.current = 0;\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n\n        // Only a change of hovered set starts the growth. This effect also runs on pan, zoom\n        // and data changes, which should repaint at the size the points have already reached\n        // rather than snapping them back to zero.\n        if (animatedKeysRef.current === hoveredPointKeys) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            return;\n        }\n        animatedKeysRef.current = hoveredPointKeys;\n\n        const startedAt = performance.now();\n        hoverAmountRef.current = 0;\n        let frame = requestAnimationFrame(function step() {\n            const t = Math.min(1, (performance.now() - startedAt) / HOVER_GROW_MS);\n            hoverAmountRef.current = easeOutCubic(t);\n            drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n            if (t < 1) frame = requestAnimationFrame(step);\n        });\n\n        return () => cancelAnimationFrame(frame);\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation, hoveredPointKeys]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width, height }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={width}\n                            height={height}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["HOVER_GROW_MS","easeOutCubic","t","Math","pow","ScatterPlotViewport","width","height","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","hoveredPoints","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","hoverAmountRef","animatedKeysRef","showPointAnimation","setShowPointAnimation","useState","Boolean","useEffect","length","duration","buffer","groups","ceil","total","window","setTimeout","clearTimeout","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","xScaleTransformed","useMemo","rescaleX","transformMatrix","translateX","scaleX","yScaleTransformed","rescaleY","translateY","scaleY","highlightSeeds","groupedPoints","anchor","anchorValue","point","metaData","seedValues","Set","map","filter","value","undefined","size","has","previousHoveredKeysRef","hoveredPointKeys","next","previous","every","key","currentDisplayedPoints","tx","ty","drawPoints","useCallback","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","startedAt","performance","now","frame","requestAnimationFrame","step","cancelAnimationFrame","handlePointClick","surfaceCursor","handleSelectionEnd","onSurfaceMouseDown","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","onSurfaceWheel","localPoint","zoomDirection","deltaY","scale","previousDisplayedPoints","haveDisplayedPointsChanged","prevPoints","nextPoints","index","nextPoint","r","shape","color","jsx","Stack","position","Box","justifyContent","alignItems","CircularProgress","jsxs","userSelect","top","left","backgroundColor","Group","AnimatedPoints","Fragment","line","LinePath","curveBasis","datum","cursor","Crosshair","AxisLeft","fill","fontSize","textAnchor","verticalAnchor","getTicks","AxisBottom","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend"],"mappings":"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"}

package/dist/visualization.es84.js

@@ -1,84 +1,100 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import { c as b } from "react/compiler-runtime";
-import { useState as S, useImperativeHandle as v } from "react";
-import _ from "./visualization.es21.js";
-const H = (t) => {
-  const e = b(10), {
-    multiSeries: d,
-    tooltipBody: i,
-    ref: h
-  } = t;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
-    open: !1
-  }, e[0] = r) : r = e[0];
-  const [p, u] = S(r);
-  let s;
-  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
-    show: (g, x, y) => u({
-      open: !0,
-      data: g,
-      left: x,
-      top: y
-    }),
-    hide: () => u(j)
-  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
-    return null;
-  const {
-    data: o,
-    left: f,
-    top: m
-  } = p;
-  let l;
-  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
-    fontSize: 12
-  }, children: [
-    /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ c("strong", { children: "Range:" }),
-      " ",
-      o.x0.toFixed(2),
-      ", ",
-      o.x1.toFixed(2)
-    ] }),
-    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ c("strong", { children: "Count:" }),
-      " ",
-      o.count
-    ] })
-  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
-  let a;
-  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import { c as G } from "react/compiler-runtime";
+import { CROSSHAIR_STROKE as L, CROSSHAIR_DASH as J, CROSSHAIR_STROKE_WIDTH as Q } from "./visualization.es122.js";
+const a = 0.25, $ = Q / a, z = J.map((b) => b / a).join(","), et = (b) => {
+  const t = G(52), {
+    miniMap: R,
+    width: F,
+    height: U,
+    pointData: A,
+    xScale: X,
+    yScale: Y,
+    zoom: e,
+    crosshair: w
+  } = b, n = w ? X(w.x) : null, l = w ? Y(w.y) : null, r = F - 100, s = U - 100, D = R.position ? R.position.bottom : 10, H = R.position ? R.position.right : 10;
+  let c;
+  t[0] !== D || t[1] !== H ? (c = {
+    position: "absolute",
+    bottom: D,
+    right: H
+  }, t[0] = D, t[1] = H, t[2] = c) : c = t[2];
+  const T = r * a, O = s * a;
+  let f;
+  t[3] !== s || t[4] !== r || t[5] !== A || t[6] !== X || t[7] !== Y ? (f = (i) => {
+    if (i) {
+      const o = i.getContext("2d"), j = r * a, K = s * a;
+      o && (o.clearRect(0, 0, i.width, i.height), o.fillStyle = "white", o.fillRect(0, 0, j, K), o.strokeStyle = "grey", o.lineWidth = 4, o.strokeRect(0, 0, j, K), A.forEach((P) => {
+        const q = X(P.x) * a, B = Y(P.y) * a;
+        o.beginPath(), o.arc(q, B, 3 * a, 0, Math.PI * 2), o.fillStyle = P.color ?? "black", o.fill();
+      }));
+    }
+  }, t[3] = s, t[4] = r, t[5] = A, t[6] = X, t[7] = Y, t[8] = f) : f = t[8];
+  let I;
+  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
+    display: "block"
+  }, t[9] = I) : I = t[9];
+  let h;
+  t[10] !== T || t[11] !== O || t[12] !== f ? (h = /* @__PURE__ */ p("canvas", { width: T, height: O, ref: f, style: I }), t[10] = T, t[11] = O, t[12] = f, t[13] = h) : h = t[13];
+  const C = r * a, W = s * a;
+  let _;
+  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    position: "absolute",
+    top: 0,
+    left: 0
+  }, t[14] = _) : _ = t[14];
+  let m;
+  t[15] !== e ? (m = e.toStringInvert(), t[15] = e, t[16] = m) : m = t[16];
+  const v = e.isDragging ? "grabbing" : "grab";
+  let d;
+  t[17] !== v ? (d = {
+    cursor: v
+  }, t[17] = v, t[18] = d) : d = t[18];
+  let g;
+  t[19] !== e ? (g = (i) => {
+    e.isDragging && e.setTransformMatrix({
+      scaleX: e.transformMatrix.scaleX,
+      scaleY: e.transformMatrix.scaleY,
+      translateX: e.transformMatrix.translateX - i.movementX / 0.25 * e.transformMatrix.scaleX,
+      translateY: e.transformMatrix.translateY - i.movementY / 0.25 * e.transformMatrix.scaleY,
+      skewX: e.transformMatrix.skewX,
+      skewY: e.transformMatrix.skewY
+    });
+  }, t[19] = e, t[20] = g) : g = t[20];
+  let M;
+  t[21] !== e ? (M = (i) => {
+    if (e.isDragging && i.touches.length === 1) {
+      const o = i.touches[0];
+      e.setTransformMatrix({
+        scaleX: e.transformMatrix.scaleX,
+        scaleY: e.transformMatrix.scaleY,
+        translateX: e.transformMatrix.translateX - o.clientX / 0.25,
+        translateY: e.transformMatrix.translateY - o.clientY / 0.25,
+        skewX: e.transformMatrix.skewX,
+        skewY: e.transformMatrix.skewY
+      });
+    }
+  }, t[21] = e, t[22] = M) : M = t[22];
+  let x;
+  t[23] !== s || t[24] !== r || t[25] !== m || t[26] !== d || t[27] !== g || t[28] !== M || t[29] !== e.dragEnd || t[30] !== e.dragStart ? (x = /* @__PURE__ */ p("rect", { width: r, height: s, fill: "#0d0f98", fillOpacity: 0.2, stroke: "#0d0f98", strokeWidth: 4, rx: 8, transform: m, style: d, onMouseDown: e.dragStart, onMouseUp: e.dragEnd, onMouseMove: g, onMouseLeave: e.dragEnd, onTouchStart: e.dragStart, onTouchEnd: e.dragEnd, onTouchMove: M }), t[23] = s, t[24] = r, t[25] = m, t[26] = d, t[27] = g, t[28] = M, t[29] = e.dragEnd, t[30] = e.dragStart, t[31] = x) : x = t[31];
+  let S;
+  t[32] !== l || t[33] !== s || t[34] !== r ? (S = l !== null && l >= 0 && l <= s && /* @__PURE__ */ p("line", { x1: 0, x2: r, y1: l, y2: l, stroke: L, strokeWidth: $, strokeDasharray: z, pointerEvents: "none" }), t[32] = l, t[33] = s, t[34] = r, t[35] = S) : S = t[35];
+  let y;
+  t[36] !== n || t[37] !== s || t[38] !== r ? (y = n !== null && n >= 0 && n <= r && /* @__PURE__ */ p("line", { x1: n, x2: n, y1: 0, y2: s, stroke: L, strokeWidth: $, strokeDasharray: z, pointerEvents: "none" }), t[36] = n, t[37] = s, t[38] = r, t[39] = y) : y = t[39];
+  let k;
+  t[40] !== x || t[41] !== S || t[42] !== y ? (k = /* @__PURE__ */ N("g", { transform: `scale(${a})`, children: [
+    x,
+    S,
+    y
+  ] }), t[40] = x, t[41] = S, t[42] = y, t[43] = k) : k = t[43];
+  let u;
+  t[44] !== W || t[45] !== k || t[46] !== C ? (u = /* @__PURE__ */ p("svg", { width: C, height: W, style: _, children: k }), t[44] = W, t[45] = k, t[46] = C, t[47] = u) : u = t[47];
+  let E;
+  return t[48] !== u || t[49] !== c || t[50] !== h ? (E = /* @__PURE__ */ N("div", { style: c, children: [
+    h,
+    u
+  ] }), t[48] = u, t[49] = c, t[50] = h, t[51] = E) : E = t[51], E;
 };
-function j(t) {
-  return {
-    ...t,
-    open: !1
-  };
-}
-function k(t) {
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    gap: 4
-  }, children: [
-    /* @__PURE__ */ c("span", { style: {
-      width: 8,
-      height: 8,
-      borderRadius: 2,
-      backgroundColor: t.color,
-      display: "inline-block"
-    } }),
-    /* @__PURE__ */ n("span", { children: [
-      /* @__PURE__ */ n("strong", { children: [
-        t.label,
-        ":"
-      ] }),
-      " ",
-      t.count
-    ] })
-  ] }, t.label);
-}
 export {
-  H as default
+  et as default
 };
 //# sourceMappingURL=visualization.es84.js.map

package/dist/visualization.es84.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es84.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":"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"}
+{"version":3,"file":"visualization.es84.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { MapProps } from \"./types\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\n\nconst MINIMAP_SCALE_FACTOR = 0.25;\n// The crosshair is drawn inside the scaled group, so its stroke and dashes shrink with it.\n// Scale them back up so it renders identically to the crosshair on the plot itself.\nconst MINIMAP_CROSSHAIR_STROKE_WIDTH = CROSSHAIR_STROKE_WIDTH / MINIMAP_SCALE_FACTOR;\nconst MINIMAP_CROSSHAIR_DASH = CROSSHAIR_DASH.map((dash) => dash / MINIMAP_SCALE_FACTOR).join(\",\");\n\nconst MiniMap = <T,>({\n    miniMap,\n    width,\n    height,\n    pointData,\n    xScale,\n    yScale,\n    zoom,\n    crosshair\n}: MapProps<T>) => {\n    // The minimap frame is the whole plot area untransformed, so a data coordinate maps onto it\n    // through the base scales - no need to undo the current zoom.\n    const crosshairX = crosshair ? xScale(crosshair.x) : null;\n    const crosshairY = crosshair ? yScale(crosshair.y) : null;\n    const frameWidth = width - 100;\n    const frameHeight = height - 100;\n\n    return (\n        <div\n            style={{\n                position: 'absolute',\n                bottom: miniMap.position ? miniMap.position.bottom : 10,\n                right: miniMap.position ? miniMap.position.right : 10,\n            }}\n        >\n            {/* Canvas for rendering points on minimap */}\n            <canvas\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                ref={(canvas) => {\n                    if (canvas) {\n                        const context = canvas.getContext('2d');\n                        const scaleFactor = MINIMAP_SCALE_FACTOR;\n                        const scaledWidth = frameWidth * scaleFactor;\n                        const scaledHeight = frameHeight * scaleFactor;\n                        if (context) {\n                            // Clear canvas\n                            context.clearRect(0, 0, canvas.width, canvas.height);\n\n                            // Draw background and outline\n                            context.fillStyle = 'white';\n                            context.fillRect(0, 0, scaledWidth, scaledHeight);\n                            context.strokeStyle = 'grey';\n                            context.lineWidth = 4;\n                            context.strokeRect(0, 0, scaledWidth, scaledHeight);\n\n                            // Draw points\n                            pointData.forEach(point => {\n                                const transformedX = xScale(point.x) * scaleFactor;\n                                const transformedY = yScale(point.y) * scaleFactor;\n                                context.beginPath();\n                                context.arc(transformedX, transformedY, 3 * scaleFactor, 0, Math.PI * 2);\n                                context.fillStyle = point.color ?? \"black\";\n                                context.fill();\n                            });\n                        }\n                    }\n                }}\n                style={{ display: 'block' }}\n            />\n\n            {/* SVG for rendering the zoom window */}\n            <svg\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                style={{ position: 'absolute', top: 0, left: 0 }}\n            >\n                <g transform={`scale(${MINIMAP_SCALE_FACTOR})`}>\n                    <rect\n                        width={frameWidth}\n                        height={frameHeight}\n                        fill=\"#0d0f98\"\n                        fillOpacity={0.2}\n                        stroke=\"#0d0f98\"\n                        strokeWidth={4}\n                        rx={8}\n                        transform={zoom.toStringInvert()}\n                        //drag functionality for window, must invert zoom and take the scale into account\n                        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\" }}\n                        onMouseDown={zoom.dragStart}\n                        onMouseUp={zoom.dragEnd}\n                        onMouseMove={(event) => {\n                            if (zoom.isDragging) {\n                                zoom.setTransformMatrix({\n                                    scaleX: zoom.transformMatrix.scaleX,\n                                    scaleY: zoom.transformMatrix.scaleY,\n                                    translateX: zoom.transformMatrix.translateX - event.movementX / .25 * zoom.transformMatrix.scaleX,\n                                    translateY: zoom.transformMatrix.translateY - event.movementY / .25 * zoom.transformMatrix.scaleY,\n                                    skewX: zoom.transformMatrix.skewX,\n                                    skewY: zoom.transformMatrix.skewY\n                                });\n                            }\n                        }}\n                        onMouseLeave={zoom.dragEnd}\n                        onTouchStart={zoom.dragStart}\n                        onTouchEnd={zoom.dragEnd}\n                        onTouchMove={(event) => {\n                            if (zoom.isDragging && event.touches.length === 1) {\n                                const touch = event.touches[0];\n                                zoom.setTransformMatrix({\n                                    scaleX: zoom.transformMatrix.scaleX,\n                                    scaleY: zoom.transformMatrix.scaleY,\n                                    translateX: zoom.transformMatrix.translateX - touch.clientX / .25,\n                                    translateY: zoom.transformMatrix.translateY - touch.clientY / .25,\n                                    skewX: zoom.transformMatrix.skewX,\n                                    skewY: zoom.transformMatrix.skewY\n                                });\n                            }\n                        }}\n                    />\n                    {crosshairY !== null && crosshairY >= 0 && crosshairY <= frameHeight && (\n                        <line\n                            x1={0}\n                            x2={frameWidth}\n                            y1={crosshairY}\n                            y2={crosshairY}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                    {crosshairX !== null && crosshairX >= 0 && crosshairX <= frameWidth && (\n                        <line\n                            x1={crosshairX}\n                            x2={crosshairX}\n                            y1={0}\n                            y2={frameHeight}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                </g>\n            </svg>\n        </div>\n    );\n};\n\nexport default MiniMap;"],"names":["MINIMAP_SCALE_FACTOR","MINIMAP_CROSSHAIR_STROKE_WIDTH","CROSSHAIR_STROKE_WIDTH","MINIMAP_CROSSHAIR_DASH","CROSSHAIR_DASH","map","dash","join","MiniMap","t0","$","_c","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","crosshairX","x","crosshairY","y","frameWidth","frameHeight","t1","position","bottom","t2","right","t3","t4","t5","t6","canvas","context","getContext","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","forEach","point","transformedX","transformedY","beginPath","arc","Math","PI","color","fill","t7","Symbol","for","display","t8","jsx","t9","t10","t11","top","left","t12","toStringInvert","t13","isDragging","t14","cursor","t15","event","setTransformMatrix","scaleX","transformMatrix","scaleY","translateX","movementX","translateY","movementY","skewX","skewY","t16","event_0","touches","length","touch","clientX","clientY","t17","dragEnd","dragStart","t18","CROSSHAIR_STROKE","t19","t20","t21","t22","jsxs"],"mappings":"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"}