@weng-lab/visualization 2.5.1 → 2.6.0-beta.1

package/dist/visualization.es118.js

@@ -1,86 +1,17 @@
-import { useRef as T, useEffect as Y, useCallback as f, useState as y, useMemo as m } from "react";
-import { getVisibleRange as v, drawHeatmapCells as B, hitTestCell as w, buildBin as A } from "./visualization.es115.js";
-const g = 4;
-function O({
-  canvasCellParams: e,
-  viewportWidth: i,
-  viewportHeight: a,
-  xTickValues: b,
-  yTickValues: M,
-  isScrollable: G,
-  onClick: S
+import { jsx as e } from "react/jsx-runtime";
+import { useBranchLengthTransition as m } from "./visualization.es7.js";
+import { memo as s } from "react";
+import { motion as a } from "./visualization.es29.js";
+const k = s(function({
+  useBranchLengths: n,
+  color: i,
+  baseLeafLinkExtension: o,
+  scaledLeafLinkExtension: t,
+  strokeWidth: r
 }) {
-  const l = T(null), _ = T(null), d = T(null), L = T(null), R = T(null);
-  Y(() => () => {
-    R.current != null && cancelAnimationFrame(R.current);
-  }, []);
-  const c = f(() => {
-    const t = _.current, n = l.current;
-    if (!t || !n) return;
-    const r = t.getContext("2d");
-    if (!r) return;
-    const u = window.devicePixelRatio || 1;
-    r.setTransform(u, 0, 0, u, 0, 0), r.clearRect(0, 0, i, a);
-    const o = v(e, n.scrollLeft, n.scrollTop, i, a, g);
-    r.translate(-n.scrollLeft, -n.scrollTop), B(r, e, o, d.current);
-  }, [e, i, a]);
-  Y(() => {
-    c();
-  }, [G, c]);
-  const [p, x] = y({
-    left: 0,
-    top: 0
-  }), V = f((t) => {
-    l.current = t, t && x({
-      left: t.scrollLeft,
-      top: t.scrollTop
-    });
-  }, []), s = m(() => v(e, p.left, p.top, i, a, g), [e, p.left, p.top, i, a]), C = m(() => b.slice(s.colStart, s.colEnd + 1), [b, s.colStart, s.colEnd]), F = m(() => M.slice(s.rowStart, s.rowEnd + 1), [M, s.rowStart, s.rowEnd]), N = f(() => {
-    const t = l.current;
-    t && R.current == null && (R.current = requestAnimationFrame(() => {
-      R.current = null, c(), x({
-        left: t.scrollLeft,
-        top: t.scrollTop
-      });
-    }));
-  }, [c]), h = f((t) => {
-    const n = l.current;
-    if (!n) return;
-    const r = t.nativeEvent.offsetX + n.scrollLeft, u = t.nativeEvent.offsetY + n.scrollTop, o = w(e, r, u);
-    t.currentTarget.style.cursor = o ? "pointer" : "default";
-    const E = d.current;
-    if ((E?.row !== o?.row || E?.column !== o?.column) && (d.current = o, c()), o) {
-      const X = A(e, o);
-      X && L.current?.show(X, t);
-    } else
-      L.current?.hide();
-  }, [e, c]), k = f((t) => {
-    t.currentTarget.style.cursor = "default", d.current && (d.current = null, c()), L.current?.hide();
-  }, [c]), q = f((t) => {
-    const n = l.current;
-    if (!n || !S) return;
-    const r = t.nativeEvent.offsetX + n.scrollLeft, u = t.nativeEvent.offsetY + n.scrollTop, o = w(e, r, u);
-    if (!o) return;
-    const E = A(e, o);
-    E && S(E);
-  }, [e, S]);
-  return {
-    canvasRef: _,
-    mainPaneRef: l,
-    canvasTooltipRef: L,
-    setMainPaneNode: V,
-    handleGridScroll: N,
-    axisScrollPos: p,
-    visibleXTickValues: C,
-    visibleYTickValues: F,
-    canvasHandlers: {
-      onMouseMove: h,
-      onMouseLeave: k,
-      onClick: q
-    }
-  };
-}
+  return /* @__PURE__ */ e(a.line, { strokeWidth: r, initial: !1, animate: n ? t : o, stroke: i, transition: m });
+});
 export {
-  O as useHeatmapCanvasGrid
+  k as LeafLinkExtension
 };
 //# sourceMappingURL=visualization.es118.js.map

package/dist/visualization.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es118.js","sources":["../src/components/Heatmap/hooks/useHeatmapCanvasGrid.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport type { AnyBin } from \"../HeatmapCells\";\nimport type { PlotTooltipHandle } from \"../../../tooltip\";\nimport { drawHeatmapCells, getVisibleRange, hitTestCell, buildBin, type CanvasCellParams } from \"../HeatmapCanvasCells\";\n\n// Extra rows/columns painted/rendered just beyond the visible viewport in scrollable mode, so a\n// cell or tick label is already there before it scrolls into view rather than popping in late.\nconst GRID_OVERSCAN_CELLS = 4;\n\nexport interface UseHeatmapCanvasGridArgs {\n  canvasCellParams: CanvasCellParams;\n  viewportWidth: number;\n  viewportHeight: number;\n  xTickValues: number[];\n  yTickValues: number[];\n  isScrollable: boolean;\n  onClick?: (bin: AnyBin) => void;\n}\n\nexport function useHeatmapCanvasGrid({\n  canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, isScrollable, onClick,\n}: UseHeatmapCanvasGridArgs) {\n  // mainPaneRef is the only pane with a real native scrollbar - the cell canvas and the\n  // row/column tick-label panes all track its scroll position by reading it directly here\n  // (rAF-throttled), rather than being natively scrolled themselves: the canvas repaints\n  // imperatively (drawCanvas), and the tick label panes shift via a transform driven by\n  // axisScrollPos state - both cheaper than the pane actually scrolling 15,000px+ of real content.\n  const mainPaneRef = useRef<HTMLDivElement | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const hoveredCellRef = useRef<HeatmapCellId | null>(null);\n  const canvasTooltipRef = useRef<PlotTooltipHandle<AnyBin>>(null);\n  const drawRafRef = useRef<number | null>(null);\n\n  useEffect(() => () => {\n    if (drawRafRef.current != null) cancelAnimationFrame(drawRafRef.current);\n  }, []);\n\n  // Imperative canvas paint - deliberately never routed through React state. Driven both by prop\n  // changes (the effect below) and by native scroll events (handleGridScroll), and it's the\n  // scroll case that matters: an earlier attempt at this drove the redraw through a React state\n  // update on every scroll frame, which forced React to reconcile on every frame and made\n  // scrolling *slower* than the plain (if huge) static SVG it replaced. Reading scroll position\n  // directly off the DOM and painting immediately keeps scrolling itself entirely on the\n  // browser's native, free compositor path - React is never involved.\n  const drawCanvas = useCallback(() => {\n    const canvas = canvasRef.current;\n    const main = mainPaneRef.current;\n    if (!canvas || !main) return;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n    const dpr = window.devicePixelRatio || 1;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, viewportWidth, viewportHeight);\n    const range = getVisibleRange(canvasCellParams, main.scrollLeft, main.scrollTop, viewportWidth, viewportHeight, GRID_OVERSCAN_CELLS);\n    ctx.translate(-main.scrollLeft, -main.scrollTop);\n    drawHeatmapCells(ctx, canvasCellParams, range, hoveredCellRef.current);\n  }, [canvasCellParams, viewportWidth, viewportHeight]);\n\n  useEffect(() => {\n    if (isScrollable) drawCanvas();\n  }, [isScrollable, drawCanvas]);\n\n  const [axisScrollPos, setAxisScrollPos] = useState({ left: 0, top: 0 });\n  const setMainPaneNode = useCallback((node: HTMLDivElement | null) => {\n    mainPaneRef.current = node;\n    if (node) setAxisScrollPos({ left: node.scrollLeft, top: node.scrollTop });\n  }, []);\n\n  const axisVisibleRange = useMemo(\n    () => getVisibleRange(canvasCellParams, axisScrollPos.left, axisScrollPos.top, viewportWidth, viewportHeight, GRID_OVERSCAN_CELLS),\n    [canvasCellParams, axisScrollPos.left, axisScrollPos.top, viewportWidth, viewportHeight]\n  );\n  const visibleXTickValues = useMemo(\n    () => xTickValues.slice(axisVisibleRange.colStart, axisVisibleRange.colEnd + 1),\n    [xTickValues, axisVisibleRange.colStart, axisVisibleRange.colEnd]\n  );\n  const visibleYTickValues = useMemo(\n    () => yTickValues.slice(axisVisibleRange.rowStart, axisVisibleRange.rowEnd + 1),\n    [yTickValues, axisVisibleRange.rowStart, axisVisibleRange.rowEnd]\n  );\n\n  const handleGridScroll = useCallback(() => {\n    const main = mainPaneRef.current;\n    if (!main) return;\n    if (drawRafRef.current != null) return;\n    drawRafRef.current = requestAnimationFrame(() => {\n      drawRafRef.current = null;\n      drawCanvas();\n      setAxisScrollPos({ left: main.scrollLeft, top: main.scrollTop });\n    });\n  }, [drawCanvas]);\n\n  const handleCanvasMouseMove = useCallback((event: React.MouseEvent<HTMLCanvasElement>) => {\n    const main = mainPaneRef.current;\n    if (!main) return;\n    const contentX = event.nativeEvent.offsetX + main.scrollLeft;\n    const contentY = event.nativeEvent.offsetY + main.scrollTop;\n    const cell = hitTestCell(canvasCellParams, contentX, contentY);\n    // Matches the SVG path's heatmapCellStyles (`.visx-heatmap-cell { cursor: pointer }`):\n    // pointer over any real cell - including a null-count one, which still hit-tests true here,\n    // same as it still being a hit target there via `pointer-events: all` - not just where\n    // onClick is wired up, so hover-only tooltips still get the affordance.\n    event.currentTarget.style.cursor = cell ? \"pointer\" : \"default\";\n    const prev = hoveredCellRef.current;\n    if (prev?.row !== cell?.row || prev?.column !== cell?.column) {\n      hoveredCellRef.current = cell;\n      drawCanvas();\n    }\n    if (cell) {\n      const bin = buildBin(canvasCellParams, cell);\n      if (bin) canvasTooltipRef.current?.show(bin, event);\n    } else {\n      canvasTooltipRef.current?.hide();\n    }\n  }, [canvasCellParams, drawCanvas]);\n\n  const handleCanvasMouseLeave = useCallback((event: React.MouseEvent<HTMLCanvasElement>) => {\n    event.currentTarget.style.cursor = \"default\";\n    if (hoveredCellRef.current) {\n      hoveredCellRef.current = null;\n      drawCanvas();\n    }\n    canvasTooltipRef.current?.hide();\n  }, [drawCanvas]);\n\n  const handleCanvasClick = useCallback((event: React.MouseEvent<HTMLCanvasElement>) => {\n    const main = mainPaneRef.current;\n    if (!main || !onClick) return;\n    const contentX = event.nativeEvent.offsetX + main.scrollLeft;\n    const contentY = event.nativeEvent.offsetY + main.scrollTop;\n    const cell = hitTestCell(canvasCellParams, contentX, contentY);\n    if (!cell) return;\n    const bin = buildBin(canvasCellParams, cell);\n    if (bin) onClick(bin);\n  }, [canvasCellParams, onClick]);\n\n  return {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues,\n    canvasHandlers: {\n      onMouseMove: handleCanvasMouseMove,\n      onMouseLeave: handleCanvasMouseLeave,\n      onClick: handleCanvasClick,\n    },\n  };\n}\n"],"names":["GRID_OVERSCAN_CELLS","useHeatmapCanvasGrid","canvasCellParams","viewportWidth","viewportHeight","xTickValues","yTickValues","isScrollable","onClick","mainPaneRef","useRef","canvasRef","hoveredCellRef","canvasTooltipRef","drawRafRef","useEffect","current","cancelAnimationFrame","drawCanvas","useCallback","canvas","main","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","getVisibleRange","scrollLeft","scrollTop","translate","drawHeatmapCells","axisScrollPos","setAxisScrollPos","useState","left","top","setMainPaneNode","node","axisVisibleRange","useMemo","visibleXTickValues","slice","colStart","colEnd","visibleYTickValues","rowStart","rowEnd","handleGridScroll","requestAnimationFrame","handleCanvasMouseMove","event","contentX","nativeEvent","offsetX","contentY","offsetY","cell","hitTestCell","currentTarget","style","cursor","prev","row","column","bin","buildBin","show","hide","handleCanvasMouseLeave","handleCanvasClick","canvasHandlers","onMouseMove","onMouseLeave"],"mappings":"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"}
+{"version":3,"file":"visualization.es118.js","sources":["../src/components/PhyloTree/LeafLinkExtension.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { useBranchLengthTransition } from \"./PhyloTree\";\nimport { memo } from \"react\";\nimport { TreeNode } from \"./types\";\n\n\nexport type LeafLinkExtensionProps = {\n  baseLeafLinkExtension: TreeNode[\"baseLeafLinkExtension\"]\n  scaledLeafLinkExtension: TreeNode[\"scaledLeafLinkExtension\"]\n  color: TreeNode[\"color\"];\n  strokeWidth: TreeNode[\"linkStrokeWidth\"]\n  useBranchLengths: boolean\n};\n\nexport const LeafLinkExtension = memo(function LinkExtension({\n  useBranchLengths,\n  color,\n  baseLeafLinkExtension,\n  scaledLeafLinkExtension,\n  strokeWidth\n}: LeafLinkExtensionProps) {\n\n  return (\n    <motion.line\n      strokeWidth={strokeWidth}\n      initial={false}\n      animate={useBranchLengths ? scaledLeafLinkExtension : baseLeafLinkExtension}\n      stroke={color}\n      transition={useBranchLengthTransition}\n    />\n  );\n});\n"],"names":["LeafLinkExtension","memo","useBranchLengths","color","baseLeafLinkExtension","scaledLeafLinkExtension","strokeWidth","jsx","motion","useBranchLengthTransition"],"mappings":";;;;AAcO,MAAMA,IAAoBC,EAAK,SAAuB;AAAA,EAC3DC,kBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,uBAAAA;AAAAA,EACAC,yBAAAA;AAAAA,EACAC,aAAAA;AACsB,GAAG;AAEzB,SACE,gBAAAC,EAACC,EAAO,MAAP,EACC,aAAAF,GACA,SAAS,IACT,SAASJ,IAAmBG,IAA0BD,GACtD,QAAQD,GACR,YAAYM,GAA0B;AAG5C,CAAC;"}

package/dist/visualization.es119.js

@@ -1,41 +1,29 @@
-import { c as _ } from "react/compiler-runtime";
-import { useRef as v, useEffect as w } from "react";
-import { cellKey as S } from "./visualization.es114.js";
-function I(i, e, l, t) {
-  return t - l > e || l < i ? l : t > i + e ? t - e : i;
-}
-function O(i) {
-  const e = _(14), {
-    mainPaneRef: l,
-    selectedCells: t,
-    scrollToSelection: n,
-    isScrollable: c,
-    binWidth: o,
-    viewportWidth: s
-  } = i;
+import { jsx as u, jsxs as k } from "react/jsx-runtime";
+import { c as g } from "react/compiler-runtime";
+import { memo as j } from "react";
+import O from "./visualization.es28.js";
+const F = j(function(L) {
+  const t = g(16), {
+    nodeX: N,
+    color: e,
+    baseNodeX: f,
+    baseNodeY: i,
+    label: a,
+    fontSize: n,
+    fontFamily: c,
+    strokeWidth: m
+  } = L, s = N * 180 / Math.PI - 90, d = s > 90 || s < -90, $ = d ? s + 180 : s, p = d ? "end" : "start", x = d ? -6 : 6, b = `rotate(${$}) translate(0, ${(n ?? 2.4) / 3})`, h = a === "Human" ? `${a} ★★★` : a;
+  let o;
+  t[0] !== e || t[1] !== c || t[2] !== n || t[3] !== m || t[4] !== b || t[5] !== h || t[6] !== p || t[7] !== x ? (o = /* @__PURE__ */ u("text", { fontSize: n, fontFamily: c, fill: e, stroke: e, strokeWidth: m, paintOrder: "stroke", transform: b, textAnchor: p, x, children: h }), t[0] = e, t[1] = c, t[2] = n, t[3] = m, t[4] = b, t[5] = h, t[6] = p, t[7] = x, t[8] = o) : o = t[8];
   let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ new Set(), e[0] = r) : r = e[0];
-  const y = v(r);
-  let m;
-  e[1] !== o || e[2] !== c || e[3] !== l || e[4] !== n || e[5] !== t || e[6] !== s ? (m = () => {
-    const g = y.current, C = t ?? [], L = C.filter((f) => !g.has(S(f)));
-    y.current = new Set(C.map(S));
-    const a = l.current;
-    if (!n || !c || !a || L.length === 0)
-      return;
-    let h = 1 / 0, p = -1 / 0;
-    for (const f of L)
-      f.column < h && (h = f.column), f.column > p && (p = f.column);
-    const K = h * o, T = (p + 1) * o, R = I(a.scrollLeft, s, K, T);
-    R !== a.scrollLeft && a.scrollTo({
-      left: R,
-      behavior: "smooth"
-    });
-  }, e[1] = o, e[2] = c, e[3] = l, e[4] = n, e[5] = t, e[6] = s, e[7] = m) : m = e[7];
-  let u;
-  e[8] !== o || e[9] !== c || e[10] !== n || e[11] !== t || e[12] !== s ? (u = [t, n, c, o, s], e[8] = o, e[9] = c, e[10] = n, e[11] = t, e[12] = s, e[13] = u) : u = e[13], w(m, u);
-}
+  t[9] !== e ? (r = /* @__PURE__ */ u("circle", { r: 1.5, fill: e }), t[9] = e, t[10] = r) : r = t[10];
+  let l;
+  return t[11] !== f || t[12] !== i || t[13] !== o || t[14] !== r ? (l = /* @__PURE__ */ k(O, { top: i, left: f, children: [
+    o,
+    r
+  ] }), t[11] = f, t[12] = i, t[13] = o, t[14] = r, t[15] = l) : l = t[15], l;
+});
 export {
-  O as useScrollToSelection
+  F as LeafNodeLabel
 };
 //# sourceMappingURL=visualization.es119.js.map

package/dist/visualization.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es119.js","sources":["../src/components/Heatmap/hooks/useScrollToSelection.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport { cellKey } from \"../heatmapCellAppearance\";\n\n// Minimal scroll offset (along one axis) that brings [boxStart, boxEnd) fully into\n// [current, current+viewportSize) - unchanged if it's already fully visible, and aligned to\n// boxStart if the box itself is bigger than the viewport (can't fit all of it either way).\n// Mirrors Element.scrollIntoView({ block: \"nearest\" })'s semantics.\nfunction nearestScrollOffset(current: number, viewportSize: number, boxStart: number, boxEnd: number): number {\n  if (boxEnd - boxStart > viewportSize) return boxStart;\n  if (boxStart < current) return boxStart;\n  if (boxEnd > current + viewportSize) return boxEnd - viewportSize;\n  return current;\n}\n\nexport interface UseScrollToSelectionArgs {\n  mainPaneRef: RefObject<HTMLDivElement | null>;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  isScrollable: boolean;\n  binWidth: number;\n  viewportWidth: number;\n}\n\n// Auto-scrolls to reveal newly-selected cells\nexport function useScrollToSelection({\n  mainPaneRef, selectedCells, scrollToSelection, isScrollable, binWidth, viewportWidth,\n}: UseScrollToSelectionArgs) {\n  const previousSelectionKeysRef = useRef<Set<string>>(new Set());\n\n  useEffect(() => {\n    const previousKeys = previousSelectionKeysRef.current;\n    const cells = selectedCells ?? [];\n    const newCells = cells.filter((cell) => !previousKeys.has(cellKey(cell)));\n    previousSelectionKeysRef.current = new Set(cells.map(cellKey));\n\n    const main = mainPaneRef.current;\n    if (!scrollToSelection || !isScrollable || !main || newCells.length === 0) return;\n\n    let minCol = Infinity, maxCol = -Infinity;\n    for (const cell of newCells) {\n      if (cell.column < minCol) minCol = cell.column;\n      if (cell.column > maxCol) maxCol = cell.column;\n    }\n\n    const boxLeft = minCol * binWidth;\n    const boxRight = (maxCol + 1) * binWidth;\n\n    const targetLeft = nearestScrollOffset(main.scrollLeft, viewportWidth, boxLeft, boxRight);\n    if (targetLeft !== main.scrollLeft) {\n      main.scrollTo({ left: targetLeft, behavior: \"smooth\" });\n    }\n  }, [selectedCells, scrollToSelection, isScrollable, binWidth, viewportWidth]);\n}\n"],"names":["nearestScrollOffset","current","viewportSize","boxStart","boxEnd","useScrollToSelection","t0","$","_c","mainPaneRef","selectedCells","scrollToSelection","isScrollable","binWidth","viewportWidth","t1","Symbol","for","Set","previousSelectionKeysRef","useRef","t2","previousKeys","cells","newCells","filter","cell","has","cellKey","map","main","length","minCol","Infinity","maxCol","cell_0","column","boxLeft","boxRight","targetLeft","scrollLeft","scrollTo","left","behavior","t3","useEffect"],"mappings":";;;AAQA,SAASA,EAAoBC,GAAiBC,GAAsBC,GAAkBC,GAAwB;AAE5G,SADIA,IAASD,IAAWD,KACpBC,IAAWF,IAAgBE,IAC3BC,IAASH,IAAUC,IAAqBE,IAASF,IAC9CD;AACT;AAYO,SAAAI,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA8B;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAR;AAEV,MAAAS;AAAA,EAAAR,EAAA,CAAA,MAAAS,uBAAAC,IAAA,2BAAA,KAC4BF,wBAAIG,IAAAA,GAAKX,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAA9D,QAAAY,IAAiCC,EAAoBL,CAAS;AAAE,MAAAM;AAAA,EAAAd,SAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAO,KAEtDO,IAAAA,MAAA;AACR,UAAAC,IAAqBH,EAAwBlB,SAC7CsB,IAAcb,KAAA,CAAA,GACdc,IAAiBD,EAAKE,OAAQC,CAAAA,MAAU,CAACJ,EAAYK,IAAKC,EAAQF,CAAI,CAAC,CAAC;AACxEP,IAAAA,EAAwBlB,UAAW,IAAIiB,IAAIK,EAAKM,IAAKD,CAAO,CAAC;AAE7D,UAAAE,IAAarB,EAAWR;AACxB,QAAI,CAACU,KAAD,CAAuBC,KAAvB,CAAwCkB,KAAQN,EAAQO,WAAY;AAAC;AAEzE,QAAAC,IAAaC,OAAbC,IAAgC;AAChC,eAAKC,KAAcX;AACjB,MAAIE,EAAIU,SAAUJ,MAAQA,IAASN,EAAIU,SACnCV,EAAIU,SAAUF,MAAQA,IAASR,EAAIU;AAGzC,UAAAC,IAAgBL,IAASnB,GACzByB,KAAkBJ,IAAS,KAAKrB,GAEhC0B,IAAmBvC,EAAoB8B,EAAIU,YAAa1B,GAAeuB,GAASC,CAAQ;AACxF,IAAIC,MAAeT,EAAIU,cACrBV,EAAIW,SAAU;AAAA,MAAAC,MAAQH;AAAAA,MAAUI,UAAY;AAAA,IAAA,CAAU;AAAA,EACvD,GACFpC,OAAAM,GAAAN,OAAAK,GAAAL,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAO,GAAAP,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAqC;AAAA,EAAArC,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAG,KAAAH,UAAAO,KAAE8B,IAAA,CAAClC,GAAeC,GAAmBC,GAAcC,GAAUC,CAAa,GAACP,OAAAM,GAAAN,OAAAK,GAAAL,QAAAI,GAAAJ,QAAAG,GAAAH,QAAAO,GAAAP,QAAAqC,KAAAA,IAAArC,EAAA,EAAA,GAtB5EsC,EAAUxB,GAsBPuB,CAAyE;AAAC;"}
+{"version":3,"file":"visualization.es119.js","sources":["../src/components/PhyloTree/LeafNodeLabel.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { memo } from \"react\";\n\n\nexport type LeafNodeLabelProps = {\n  // node.x is the angle the node is at in radial layout while base/scaled are true x/y position in svg\n  nodeX: number;\n  baseNodeX: TreeNode[\"baseNodeX\"];\n  baseNodeY: TreeNode[\"baseNodeY\"];\n  label: TreeNode[\"label\"];\n  color: TreeNode[\"color\"];\n  fontSize: PhyloTreeProps[\"leafFontSize\"];\n  fontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  strokeWidth: TreeNode[\"labelStrokeWidth\"]\n};\n\nexport const LeafNodeLabel = memo(function LeafNodeLabel({\n  nodeX,\n  color,\n  baseNodeX,\n  baseNodeY,\n  label,\n  fontSize,\n  fontFamily,\n  strokeWidth\n}: LeafNodeLabelProps) {\n  const angleDeg = (nodeX * 180) / Math.PI - 90;\n  const flip = angleDeg > 90 || angleDeg < -90;\n  const rotation = flip ? angleDeg + 180 : angleDeg;\n  const textAnchor: \"start\" | \"end\" = flip ? \"end\" : \"start\";\n  const xOffset = flip ? -6 : 6;\n\n  return (\n    <Group\n      top={baseNodeY}\n      left={baseNodeX}\n    >\n      <text\n        fontSize={fontSize}\n        fontFamily={fontFamily}\n        fill={color}\n        stroke={color}\n        strokeWidth={strokeWidth}\n        paintOrder=\"stroke\"\n        transform={`rotate(${rotation}) translate(0, ${(fontSize ?? 2.4) / 3})`}\n        textAnchor={textAnchor}\n        x={xOffset}\n      >\n        {label === \"Human\" ? `${label} \\u2605\\u2605\\u2605` : label}\n      </text>\n      <circle\n        r={1.5}\n        fill={color}\n      />\n    </Group>\n  );\n});\n"],"names":["LeafNodeLabel","memo","t0","$","_c","nodeX","color","baseNodeX","baseNodeY","label","fontSize","fontFamily","strokeWidth","angleDeg","Math","PI","flip","rotation","textAnchor","xOffset","t1","t2","t3","t4","jsx","t5","jsxs","Group"],"mappings":";;;;AAiBO,MAAMA,IAAgBC,EAAK,SAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAuB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAV,GAUvDW,IAAkBR,IAAQ,MAAOS,KAAIC,KAAM,IAC3CC,IAAaH,IAAW,MAAMA,IAAW,KACzCI,IAAiBD,IAAOH,IAAW,MAAlBA,GACjBK,IAAoCF,IAAA,QAAA,SACpCG,IAAgBH,IAAA,KAAA,GAcCI,IAAA,UAAUH,CAAQ,mBAAmBP,KAAA,OAAmB,CAAC,KAInEW,IAAAZ,MAAU,UAAV,GAAuBA,CAAK,SAA5BA;AAAyD,MAAAa;AAAA,EAAAnB,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAiB,KAAAjB,EAAA,CAAA,MAAAkB,KAAAlB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAX5DG,sBAAA,QAAA,EACYZ,UAAAA,GACEC,YAAAA,GACNL,MAAAA,GACEA,QAAAA,GACKM,aAAAA,GACF,YAAA,UACA,WAAAQ,GACCF,YAAAA,GACTC,GAEFE,UAAAA,GACH,GAAOlB,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAO,GAAAP,OAAAS,GAAAT,OAAAiB,GAAAjB,OAAAkB,GAAAlB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAG,KACPiB,IAAA,gBAAAC,EAAA,UAAA,EACK,GAAA,KACGlB,MAAAA,GAAK,GACXH,OAAAG,GAAAH,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAmB,KAAAnB,UAAAoB,KApBJE,IAAA,gBAAAC,EAACC,GAAA,EACMnB,KAAAA,GACCD,SAENe,UAAAA;AAAAA,IAAAA;AAAAA,IAaAC;AAAAA,EAAAA,GAIF,GAAQpB,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAmB,GAAAnB,QAAAoB,GAAApB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GArBRsB;AAqBQ,CAEX;"}

package/dist/visualization.es120.js

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

package/dist/visualization.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es120.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\";\nimport { getBins } from \"./heatmapLayout\";\n\nexport type AnyBin = RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>;\n\nexport interface HeatmapCellsProps {\n  data: ColumnDatum[];\n  xScale: (d: number) => number;\n  yScale: (d: number) => number;\n  colors: [string, string, ...string[]];\n  /**\n   * Value mapped to the first color. Defaults to 0. Pass a negative value (e.g. paired with a\n   * positive maxValue) for a diverging scale centered away from zero.\n   */\n  minValue?: number;\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, minValue = 0, maxValue, gap,\n  isRect, binWidth, binHeight, animationType,\n  tooltipBody, onClick, selectedCells, deselectedColor = DEFAULT_DESELECTED_COLOR,\n}: HeatmapCellsProps) {\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(colors, [minValue, maxValue]),\n    [colors, minValue, 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":["HeatmapCells","memo","t0","$","_c","data","xScale","yScale","colors","minValue","t1","maxValue","gap","isRect","binWidth","binHeight","animationType","tooltipBody","onClick","selectedCells","deselectedColor","t2","undefined","DEFAULT_DESELECTED_COLOR","t3","getHeatmapColorScale","colorScale","radius","Math","min","t4","length","Set","map","cellKey","selectedKeys","tooltipRef","useRef","handleClick","useStableCallback","HeatmapComponent","HeatmapRect","HeatmapCircle","t5","t6","heatmap","heatmapBins","colIndex","bin","isDeselected","has","fill","fillOpacity","resolveCellAppearance","count","color","HeatmapCell","row","column","t7","getBins","t8","jsx","PlotTooltip","t9"],"mappings":"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"}
+{"version":3,"file":"visualization.es120.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Circle.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Circle(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"circle\", {\n    ref: innerRef,\n    className: cx('visx-circle', className),\n    ...restProps\n  });\n}"],"names":["Circle","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAOC,GAAM;AACnC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,UAAU;AAAA,IACjC,KAAKF;AAAA,IACL,WAAWG,EAAG,eAAeJ,CAAS;AAAA,IACtC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es121.js

@@ -1,50 +1,18 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { c as A } from "react/compiler-runtime";
-import { memo as H } from "react";
-import { getAnimationProps as I } from "./visualization.es31.js";
-import { motion as M } from "./visualization.es34.js";
-const S = "visx-heatmap-cell", d = "visx-heatmap-cell-shape", z = `
-.${S} { cursor: pointer; }
-.${d} { transition: stroke-width 0.2s; pointer-events: all; }
-.${S}:hover .${d} { stroke-width: 2; }
-`, N = (o, t) => o.row !== t.row || o.column !== t.column || o.count !== t.count || o.gap !== t.gap || o.color !== t.color || o.opacity !== t.opacity || o.bin !== t.bin || o.datum !== t.datum ? !1 : "x" in o ? "x" in t && o.x === t.x && o.y === t.y && o.width === t.width && o.height === t.height : "cy" in t && o.cy === t.cy && o.r === t.r && o.radius === t.radius, O = (o, t) => o.fill === t.fill && o.fillOpacity === t.fillOpacity && o.isRect === t.isRect && o.binWidth === t.binWidth && o.colIndex === t.colIndex && o.animationType === t.animationType && o.tooltipRef === t.tooltipRef && o.onClick === t.onClick && N(o.bin, t.bin), B = H(function(t) {
-  const i = A(27), {
-    bin: e,
-    isRect: E,
-    binWidth: a,
-    fill: m,
-    fillOpacity: y,
-    colIndex: C,
-    animationType: P,
-    tooltipRef: l,
-    onClick: g
-  } = t, w = E && "width" in e && "height" in e && "x" in e && "y" in e, x = !E && "cy" in e && "r" in e;
-  let h;
-  i[0] !== m || i[1] !== y ? (h = {
-    fill: m,
-    fillOpacity: y,
-    stroke: m,
-    strokeWidth: 0
-  }, i[0] = m, i[1] = y, i[2] = h) : h = i[2];
-  const p = h, k = P ? M.g : "g", L = P;
-  let f;
-  i[3] !== C || i[4] !== L ? (f = I(L, C), i[3] = C, i[4] = L, i[5] = f) : f = i[5];
-  const R = f;
-  let c;
-  i[6] !== e || i[7] !== l ? (c = (W) => l.current?.show(e, W), i[6] = e, i[7] = l, i[8] = c) : c = i[8];
-  let n;
-  i[9] !== l ? (n = () => l.current?.hide(), i[9] = l, i[10] = n) : n = i[10];
-  let s;
-  i[11] !== e || i[12] !== g ? (s = () => g?.(e), i[11] = e, i[12] = g, i[13] = s) : s = i[13];
-  let r;
-  i[14] !== e || i[15] !== a || i[16] !== x || i[17] !== w || i[18] !== p ? (r = w ? /* @__PURE__ */ $("rect", { className: `visx-heatmap-rect ${d}`, width: e.width, height: e.height, x: e.x, y: e.y, ...p }) : x ? /* @__PURE__ */ $("circle", { className: `visx-heatmap-circle ${d}`, cx: e.column * a + a / 2, cy: e.cy, r: e.r, ...p }) : null, i[14] = e, i[15] = a, i[16] = x, i[17] = w, i[18] = p, i[19] = r) : r = i[19];
-  let u;
-  return i[20] !== k || i[21] !== R || i[22] !== c || i[23] !== n || i[24] !== s || i[25] !== r ? (u = /* @__PURE__ */ $(k, { ...R, className: S, onMouseMove: c, onMouseLeave: n, onClick: s, children: r }), i[20] = k, i[21] = R, i[22] = c, i[23] = n, i[24] = s, i[25] = r, i[26] = u) : u = i[26], u;
-}, O);
+import a from "./visualization.es139.js";
+import { jsx as o } from "react/jsx-runtime";
+function c(r) {
+  let {
+    className: e,
+    innerRef: s,
+    ...t
+  } = r;
+  return /* @__PURE__ */ o("rect", {
+    ref: s,
+    className: a("visx-bar", e),
+    ...t
+  });
+}
 export {
-  S as CELL_CLASS,
-  d as CELL_SHAPE_CLASS,
-  B as default,
-  z as heatmapCellStyles
+  c as default
 };
 //# sourceMappingURL=visualization.es121.js.map

package/dist/visualization.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es121.js","sources":["../src/components/Heatmap/HeatmapCell.tsx"],"sourcesContent":["import { memo, MouseEvent } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { getAnimationProps } from \"../../utility\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport type { PlotTooltipRef } from \"../../tooltip\";\n\n/** Class on the <g> wrapping each cell. The hover rule keys off this. */\nexport const CELL_CLASS = \"visx-heatmap-cell\";\n/** Class on the <rect>/<circle> inside each cell. */\nexport const CELL_SHAPE_CLASS = \"visx-heatmap-cell-shape\";\n\n/**\n * Hover styling is plain CSS rather than React state: `:hover` costs no render at all, while\n * tracking hover in state re-renders on every cell the pointer crosses. Rendered once per chart\n * by Heatmap, inside the <svg> so it survives the SVG/PNG download serialization.\n *\n * The stroke is always painted in the cell's own fill color, so hovering only has to give it a\n * width. `strokeWidth={0}` below is a presentation attribute, which loses to any CSS rule - so\n * the hover rule wins without needing !important.\n *\n * `pointer-events: all` because cells with a null count render with fill=\"none\", and SVG's\n * default (visiblePainted) only treats painted area as a hit target - without this the pointer\n * falls through such a cell to the <svg> and it can never show its \"no data\" tooltip.\n */\nexport const heatmapCellStyles = `\n.${CELL_CLASS} { cursor: pointer; }\n.${CELL_SHAPE_CLASS} { transition: stroke-width 0.2s; pointer-events: all; }\n.${CELL_CLASS}:hover .${CELL_SHAPE_CLASS} { stroke-width: 2; }\n`;\n\nexport interface HeatmapCellProps {\n  bin: AnyBin;\n  isRect: boolean;\n  binWidth: number;\n  fill: string;\n  fillOpacity: number;\n  colIndex: number;\n  animationType?: AnimationType;\n  /** Stable for the life of the plot, so it never invalidates this cell's memoization. */\n  tooltipRef: PlotTooltipRef<AnyBin>;\n  onClick?: (bin: AnyBin) => void;\n}\n\n/**\n * visx rebuilds every bin object inside its own render, so `bin` always arrives with a fresh\n * identity and memo's default shallow compare can never bail out. Comparing the bin's fields\n * instead lets untouched cells skip re-rendering, which is what makes selection changes cheap:\n * only the cells whose appearance actually changed re-render, rather than the whole grid.\n *\n * `bin.bin` and `bin.datum` are the caller's own row/column data, which do keep identity, so a\n * reference check on those covers data and metadata changes.\n */\nconst binsEqual = (a: AnyBin, b: AnyBin): boolean => {\n  if (\n    a.row !== b.row ||\n    a.column !== b.column ||\n    a.count !== b.count ||\n    a.gap !== b.gap ||\n    a.color !== b.color ||\n    a.opacity !== b.opacity ||\n    a.bin !== b.bin ||\n    a.datum !== b.datum\n  ) {\n    return false;\n  }\n  // Rect and circle cells carry different geometry fields\n  if (\"x\" in a) {\n    return \"x\" in b && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n  }\n  return \"cy\" in b && a.cy === b.cy && a.r === b.r && a.radius === b.radius;\n};\n\n/**\n * Must compare every prop in HeatmapCellProps - one left out here would silently stop updating.\n */\nconst cellPropsEqual = (prev: HeatmapCellProps, next: HeatmapCellProps): boolean =>\n  prev.fill === next.fill &&\n  prev.fillOpacity === next.fillOpacity &&\n  prev.isRect === next.isRect &&\n  prev.binWidth === next.binWidth &&\n  prev.colIndex === next.colIndex &&\n  prev.animationType === next.animationType &&\n  prev.tooltipRef === next.tooltipRef &&\n  prev.onClick === next.onClick &&\n  binsEqual(prev.bin, next.bin);\n\nconst HeatmapCell = memo(function HeatmapCell({\n  bin, isRect, binWidth, fill, fillOpacity, colIndex,\n  animationType, tooltipRef, onClick,\n}: HeatmapCellProps) {\n  const isRectCell = isRect && \"width\" in bin && \"height\" in bin && \"x\" in bin && \"y\" in bin;\n  const isCircleCell = !isRect && \"cy\" in bin && \"r\" in bin;\n\n  const sharedProps = { fill, fillOpacity, stroke: fill, strokeWidth: 0 };\n\n  const Wrapper = animationType ? motion.g : \"g\";\n  const animProps = getAnimationProps(animationType as AnimationType, colIndex);\n\n  return (\n    <Wrapper\n      {...animProps}\n      className={CELL_CLASS}\n      onMouseMove={(event: MouseEvent<SVGElement>) => tooltipRef.current?.show(bin, event)}\n      onMouseLeave={() => tooltipRef.current?.hide()}\n      onClick={() => onClick?.(bin)}\n    >\n      {isRectCell ? (\n        <rect\n          className={`visx-heatmap-rect ${CELL_SHAPE_CLASS}`}\n          width={bin.width}\n          height={bin.height}\n          x={bin.x}\n          y={bin.y}\n          {...sharedProps}\n        />\n      ) : isCircleCell ? (\n        <circle\n          className={`visx-heatmap-circle ${CELL_SHAPE_CLASS}`}\n          cx={bin.column * binWidth + binWidth / 2}\n          cy={bin.cy}\n          r={bin.r}\n          {...sharedProps}\n        />\n      ) : null}\n    </Wrapper>\n  );\n}, cellPropsEqual);\n\nexport default HeatmapCell;\n"],"names":["CELL_CLASS","CELL_SHAPE_CLASS","heatmapCellStyles","binsEqual","a","b","row","column","count","gap","color","opacity","bin","datum","x","y","width","height","cy","r","radius","cellPropsEqual","prev","next","fill","fillOpacity","isRect","binWidth","colIndex","animationType","tooltipRef","onClick","HeatmapCell","memo","t0","$","_c","isRectCell","isCircleCell","t1","stroke","strokeWidth","sharedProps","Wrapper","motion","g","t2","t3","getAnimationProps","animProps","t4","event","current","show","t5","hide","t6","t7","jsx","t8"],"mappings":"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"}
+{"version":3,"file":"visualization.es121.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es124.js

@@ -1,16 +1,58 @@
-function u(n, i) {
-  let l = 0, t = 0;
-  if (i === void 0)
-    for (let e of n)
-      e != null && (e = +e) >= e && (++l, t += e);
-  else {
-    let e = -1;
-    for (let f of n)
-      (f = i(f, ++e, n)) != null && (f = +f) >= f && (++l, t += f);
-  }
-  if (l) return t / l;
-}
+import { jsx as d, jsxs as H } from "react/jsx-runtime";
+import { c as M } from "react/compiler-runtime";
+import { useId as O } from "react";
+import { measureTextWidth as R } from "./visualization.es24.js";
+import V from "./visualization.es26.js";
+import j from "./visualization.es28.js";
+const m = 14, E = 6, G = 4, B = 11, C = "sans-serif", D = 5, N = (o) => o % 1 === 0 ? String(o) : o.toFixed(1), $ = (o, t) => Array.from({
+  length: D
+}, (n, s) => o + s * (t - o) / (D - 1)), K = 1.15, P = 6, Q = (o, t) => {
+  const n = Math.max(...$(o, t).map((s) => R(N(s), B, C)));
+  return m + G + E + n * K + P;
+}, X = (o) => {
+  const t = M(22), {
+    colors: n,
+    minValue: s,
+    maxValue: f,
+    length: h,
+    orientation: W
+  } = o, b = W === void 0 ? "vertical" : W, _ = O();
+  let g;
+  if (t[0] !== _) {
+    let i;
+    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /:/g, t[2] = i) : i = t[2], g = _.replace(i, ""), t[0] = _, t[1] = g;
+  } else
+    g = t[1];
+  const c = `heatmap-legend-gradient-${g}`, e = b === "horizontal";
+  let p;
+  if (t[3] !== n || t[4] !== c || t[5] !== e || t[6] !== h || t[7] !== f || t[8] !== s) {
+    const i = $(s, f), z = V({
+      domain: e ? [s, f] : [f, s],
+      range: [0, h]
+    }), A = e ? "1" : "0", I = e ? "0" : "1";
+    let l;
+    t[10] !== n || t[11] !== e ? (l = n.map((F, r) => /* @__PURE__ */ d("stop", { offset: `${r / (n.length - 1) * 100}%`, stopColor: e ? n[r] : n[n.length - 1 - r] }, r)), t[10] = n, t[11] = e, t[12] = l) : l = t[12];
+    let x;
+    t[13] !== c || t[14] !== A || t[15] !== I || t[16] !== l ? (x = /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("linearGradient", { id: c, x1: "0", y1: "0", x2: A, y2: I, children: l }) }), t[13] = c, t[14] = A, t[15] = I, t[16] = l, t[17] = x) : x = t[17];
+    const y = e ? h : m, L = e ? m : h, u = `url(#${c})`;
+    let T;
+    t[18] !== L || t[19] !== u || t[20] !== y ? (T = /* @__PURE__ */ d("rect", { x: 0, y: 0, width: y, height: L, fill: u, rx: 2 }), t[18] = L, t[19] = u, t[20] = y, t[21] = T) : T = t[21], p = /* @__PURE__ */ H(j, { children: [
+      x,
+      T,
+      i.map((F, r) => {
+        const a = z(F), S = m + G, k = S + E;
+        return /* @__PURE__ */ H("g", { children: [
+          /* @__PURE__ */ d("line", { x1: e ? a : m, x2: e ? a : S, y1: e ? m : a, y2: e ? S : a, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ d("text", { x: e ? a : k, y: e ? k : a, dominantBaseline: e ? "hanging" : "middle", textAnchor: !e || r === 0 ? "start" : r === i.length - 1 ? "end" : "middle", fontSize: B, fontFamily: C, fill: "#4d4f52", children: N(F) })
+        ] }, r);
+      })
+    ] }), t[3] = n, t[4] = c, t[5] = e, t[6] = h, t[7] = f, t[8] = s, t[9] = p;
+  } else
+    p = t[9];
+  return p;
+};
 export {
-  u as default
+  X as default,
+  Q as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es124.js.map

package/dist/visualization.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es124.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/mean.js"],"sourcesContent":["export default function mean(values, valueof) {\n  let count = 0;\n  let sum = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value != null && (value = +value) >= value) {\n        ++count, sum += value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {\n        ++count, sum += value;\n      }\n    }\n  }\n  if (count) return sum / count;\n}\n"],"names":["mean","values","valueof","count","sum","value","index"],"mappings":"AAAe,SAASA,EAAKC,GAAQC,GAAS;AAC5C,MAAIC,IAAQ,GACRC,IAAM;AACV,MAAIF,MAAY;AACd,aAASG,KAASJ;AAChB,MAAII,KAAS,SAASA,IAAQ,CAACA,MAAUA,MACvC,EAAEF,GAAOC,KAAOC;AAAA,OAGf;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASJ;AAChB,OAAKI,IAAQH,EAAQG,GAAO,EAAEC,GAAOL,CAAM,MAAM,SAASI,IAAQ,CAACA,MAAUA,MAC3E,EAAEF,GAAOC,KAAOC;AAAA,EAGtB;AACA,MAAIF,EAAO,QAAOC,IAAMD;AAC1B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es124.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    /** The bar's length along its orientation. */\n    length: number;\n    orientation?: \"vertical\" | \"horizontal\";\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// measureText and SVG layout disagree slightly, more so for longer labels: pad so none get clipped.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// The legend's full width - bar, ticks and the widest tick label - for a vertical legend.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, length, orientation = \"vertical\" }: HeatmapLegendProps) => {\n    // Unique per instance: the expanded minimap draws a second legend.\n    const gradientId = `heatmap-legend-gradient-${useId().replace(/:/g, \"\")}`;\n    const horizontal = orientation === \"horizontal\";\n    const tickValues = getTickValues(minValue, maxValue);\n\n    // Standing up, the bar reads top (max) to bottom (min); lying down, left (min) to right (max).\n    const scale = scaleLinear<number>({\n        domain: horizontal ? [minValue, maxValue] : [maxValue, minValue],\n        range: [0, length],\n    });\n\n    return (\n        <Group>\n            <defs>\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2={horizontal ? \"1\" : \"0\"} y2={horizontal ? \"0\" : \"1\"}>\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            // Top to bottom standing up, so the stops run in reverse color order.\n                            stopColor={horizontal ? colors[i] : colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={horizontal ? length : BAR_WIDTH}\n                height={horizontal ? BAR_WIDTH : length}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const at = scale(value);\n                const tickStart = BAR_WIDTH;\n                const tickEnd = BAR_WIDTH + TICK_WIDTH;\n                const labelAt = tickEnd + LABEL_GAP;\n                return (\n                    <g key={i}>\n                        <line\n                            x1={horizontal ? at : tickStart}\n                            x2={horizontal ? at : tickEnd}\n                            y1={horizontal ? tickStart : at}\n                            y2={horizontal ? tickEnd : at}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={horizontal ? at : labelAt}\n                            y={horizontal ? labelAt : at}\n                            dominantBaseline={horizontal ? \"hanging\" : \"middle\"}\n                            // Lying down, the end labels keep inside the bar's ends rather than hang past them.\n                            textAnchor={!horizontal || i === 0 ? \"start\" : i === tickValues.length - 1 ? \"end\" : \"middle\"}\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","orientation","t1","undefined","t2","useId","t3","t4","Symbol","for","replace","gradientId","horizontal","tickValues","scale","scaleLinear","domain","range","t5","t6","t7","jsx","t8","t9","t10","t11","t12","Group","i_0","at","tickEnd","labelAt"],"mappings":"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"}