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

package/dist/visualization.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es131.js","sources":["../src/components/ViolinPlot/violinTooltip.tsx"],"sourcesContent":["import { TooltipWithBounds } from \"@visx/tooltip\";\nimport { TooltipProps } from \"./types\";\n\nconst ViolinTooltip = <T,>({ left, top, data, open, pointTooltipBody }: TooltipProps<T>) => {\n    if (!open || !data) return null;\n\n    return (\n        <TooltipWithBounds left={left + 10} top={top}>\n            {pointTooltipBody && data.point ? (\n                pointTooltipBody(data.point)\n            ) : (\n                Object.entries(data as Record<string, unknown>).map(([key, value]) => {\n                    const formattedKey = key\n                        .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n                        .replace(/^./, str => str.toUpperCase());\n\n                    if (key === \"outlier\") {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}</strong>\n                            </div>\n                        );\n                    } else {\n                        return (\n                            <div key={key}>\n                                <strong>{formattedKey}: </strong>\n                                {typeof value === 'string'\n                                    ? (value.length > 45\n                                        ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                        : value.replace(/_/g, \" \"))\n                                    : String(value)}\n                            </div>\n                        );\n                    }\n                })\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default ViolinTooltip;\n"],"names":["ViolinTooltip","t0","$","_c","left","top","data","open","pointTooltipBody","t1","t2","point","Object","entries","map","_temp2","t3","TooltipWithBounds","_temp","str","toUpperCase","key","value","formattedKey","replace","jsx","jsxs","length","slice","String"],"mappings":";;;AAGA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAAAP;AACvB,MAAI,CAACM,KAAD,CAAUD;AAAI,WAAS;AAGE,QAAAG,IAAAL,IAAO;AAAE,MAAAM;AAAA,EAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAM,KAC7BE,IAAAF,KAAoBF,EAAIK,QACrBH,EAAiBF,EAAIK,KA0BzB,IAxBIC,OAAMC,QAASP,CAA+B,EAACQ,IAAKC,CAwBxD,GAACb,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAO,KAAAP,SAAAQ,KAAAR,EAAA,CAAA,MAAAG,KA5BLW,sBAACC,GAAA,EAAwB,MAAAR,GAAgBJ,KAAAA,GACpCK,UAAAA,GA4BL,GAAoBR,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAG,GAAAH,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GA7BpBc;AA6BoB;AAjCN,SAAAE,EAAAC,GAAA;AAAA,SAWwBA,EAAGC,YAAAA;AAAc;AAXzC,SAAAL,EAAAd,GAAA;AAQ+C,QAAA,CAAAoB,GAAAC,CAAA,IAAArB,GACjDsB,IAAqBF,EAAGG,QACX,mBAAmB,OAAO,EAACA,QAC3B,MAAMN,CAAwB;AAE3C,SAAIG,MAAQ,8BAEJ,OAAA,EACI,UAAA,gBAAAI,EAAA,UAAA,eAAsB,MAC1B,sBAIA,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAA,UAAA,EAASH,UAAAA;AAAAA,MAAAA;AAAAA,MAAa;AAAA,IAAA,GAAE;AAAA,IACvB,OAAOD,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKE,QAAS,MAAM,GAAG,EAACI,MAAO,GAAG,EAAE,CAAC,QACxCN,EAAKE,QAAS,MAAM,GAAG,IAC3BK,OAAOP,CAAK;AAAA,EAAA,EAAA,GANZD,CAOV;AAEP;"}
+{"version":3,"file":"visualization.es131.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// Rows and columns drawn past the viewport, so cells and tick labels don't pop in as they scroll into view.\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  onClick?: (bin: AnyBin) => void;\n}\n\nexport function useHeatmapCanvasGrid({\n  canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, onClick,\n}: UseHeatmapCanvasGridArgs) {\n  // Only mainPaneRef scrolls natively. The canvas repaints from its scroll position, and the tick\n  // label panes follow it through a transform (axisScrollPos), both once per frame.\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  // Painted imperatively rather than through state, so scrolling never waits on a React render.\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    drawCanvas();\n  }, [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    // As heatmapCellStyles does for SVG cells: a pointer over any cell, null ones included.\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","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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"}

package/dist/visualization.es132.js

@@ -1,16 +1,40 @@
-function l(d, i) {
-  let e;
-  if (i === void 0)
-    for (const n of d)
-      n != null && (e < n || e === void 0 && n >= n) && (e = n);
-  else {
-    let n = -1;
-    for (let f of d)
-      (f = i(f, ++n, d)) != null && (e < f || e === void 0 && f >= f) && (e = f);
-  }
-  return e;
+import { c as T } from "react/compiler-runtime";
+import { useRef as _, useEffect as v } from "react";
+import { cellKey as R } from "./visualization.es126.js";
+function w(f, e, l, t) {
+  return t - l > e || l < f ? l : t > f + e ? t - e : f;
+}
+function O(f) {
+  const e = T(12), {
+    mainPaneRef: l,
+    selectedCells: t,
+    scrollToSelection: n,
+    binWidth: o,
+    viewportWidth: c
+  } = f;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ new Set(), e[0] = i) : i = e[0];
+  const p = _(i);
+  let r;
+  e[1] !== o || e[2] !== l || e[3] !== n || e[4] !== t || e[5] !== c ? (r = () => {
+    const g = p.current, y = t ?? [], C = y.filter((s) => !g.has(R(s)));
+    p.current = new Set(y.map(R));
+    const u = l.current;
+    if (!n || !u || C.length === 0)
+      return;
+    let a = 1 / 0, h = -1 / 0;
+    for (const s of C)
+      s.column < a && (a = s.column), s.column > h && (h = s.column);
+    const K = a * o, S = (h + 1) * o, L = w(u.scrollLeft, c, K, S);
+    L !== u.scrollLeft && u.scrollTo({
+      left: L,
+      behavior: "smooth"
+    });
+  }, e[1] = o, e[2] = l, e[3] = n, e[4] = t, e[5] = c, e[6] = r) : r = e[6];
+  let m;
+  e[7] !== o || e[8] !== n || e[9] !== t || e[10] !== c ? (m = [t, n, o, c], e[7] = o, e[8] = n, e[9] = t, e[10] = c, e[11] = m) : m = e[11], v(r, m);
 }
 export {
-  l as default
+  O as useScrollToSelection
 };
 //# sourceMappingURL=visualization.es132.js.map

package/dist/visualization.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es132.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/max.js"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n"],"names":["max","values","valueof","value","index"],"mappings":"AAAe,SAASA,EAAIC,GAAQC,GAAS;AAC3C,MAAIF;AACJ,MAAIE,MAAY;AACd,eAAWC,KAASF;AAClB,MAAIE,KAAS,SACLH,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,OAGL;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASF;AAChB,OAAKE,IAAQD,EAAQC,GAAO,EAAEC,GAAOH,CAAM,MAAM,SACzCD,IAAMG,KAAUH,MAAQ,UAAaG,KAASA,OACpDH,IAAMG;AAAA,EAGZ;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es132.js","sources":["../src/components/Heatmap/hooks/useScrollToSelection.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport { cellKey } from \"../heatmapSelection\";\n\n// The smallest scroll that brings [boxStart, boxEnd) into view, as scrollIntoView({ block: \"nearest\" })\n// would: unchanged if it's already visible, aligned to boxStart if it can't fit.\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  binWidth: number;\n  viewportWidth: number;\n}\n\n// Scrolls newly selected cells into view, horizontally.\nexport function useScrollToSelection({\n  mainPaneRef, selectedCells, scrollToSelection, 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 || !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, binWidth, viewportWidth]);\n}\n"],"names":["nearestScrollOffset","current","viewportSize","boxStart","boxEnd","useScrollToSelection","t0","$","_c","mainPaneRef","selectedCells","scrollToSelection","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":";;;AAMA,SAASA,EAAoBC,GAAiBC,GAAsBC,GAAkBC,GAAwB;AAE5G,SADIA,IAASD,IAAWD,KACpBC,IAAWF,IAAgBE,IAC3BC,IAASH,IAAUC,IAAqBE,IAASF,IAC9CD;AACT;AAWO,SAAAI,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA8B;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAP;AAEV,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAQ,uBAAAC,IAAA,2BAAA,KAC4BF,wBAAIG,IAAAA,GAAKV,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAA9D,QAAAW,IAAiCC,EAAoBL,CAAS;AAAE,MAAAM;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAEtDO,IAAAA,MAAA;AACR,UAAAC,IAAqBH,EAAwBjB,SAC7CqB,IAAcZ,KAAA,CAAA,GACda,IAAiBD,EAAKE,OAAQC,CAAAA,MAAU,CAACJ,EAAYK,IAAKC,EAAQF,CAAI,CAAC,CAAC;AACxEP,IAAAA,EAAwBjB,UAAW,IAAIgB,IAAIK,EAAKM,IAAKD,CAAO,CAAC;AAE7D,UAAAE,IAAapB,EAAWR;AACxB,QAAI,CAACU,KAAD,CAAuBkB,KAAQN,EAAQO,WAAY;AAAC;AAExD,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,IAAmBtC,EAAoB6B,EAAIU,YAAa1B,GAAeuB,GAASC,CAAQ;AACxF,IAAIC,MAAeT,EAAIU,cACrBV,EAAIW,SAAU;AAAA,MAAAC,MAAQH;AAAAA,MAAUI,UAAY;AAAA,IAAA,CAAU;AAAA,EACvD,GACFnC,OAAAK,GAAAL,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,GAAAN,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAoC;AAAA,EAAApC,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,UAAAM,KAAE8B,IAAA,CAACjC,GAAeC,GAAmBC,GAAUC,CAAa,GAACN,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAG,GAAAH,QAAAM,GAAAN,QAAAoC,KAAAA,IAAApC,EAAA,EAAA,GAtB9DqC,EAAUxB,GAsBPuB,CAA2D;AAAC;"}

package/dist/visualization.es133.js

@@ -1,5 +1,59 @@
-var e = { exports: {} };
+import { jsx as $, jsxs as P, 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 E from "./visualization.es134.js";
+import { getHeatmapColorScale as G, isOutsideRange as I, resolveCellAppearance as J } from "./visualization.es125.js";
+import { getBins as K } from "./visualization.es88.js";
+import { useStableCallback as L } from "./visualization.es20.js";
+import N from "./visualization.es249.js";
+import Q from "./visualization.es250.js";
+import U from "./visualization.es13.js";
+const re = q(function(B) {
+  const e = b(29), {
+    data: f,
+    xScale: u,
+    yScale: d,
+    colors: h,
+    minValue: j,
+    maxValue: C,
+    gap: g,
+    isRect: t,
+    binWidth: o,
+    binHeight: c,
+    animationType: H,
+    tooltipBody: n,
+    onClick: O,
+    highlightRange: R
+  } = B, x = j === void 0 ? 0 : j;
+  let s;
+  e[0] !== h || e[1] !== C || e[2] !== x ? (s = G(h, [x, C]), e[0] = h, e[1] = C, e[2] = x, e[3] = s) : s = e[3];
+  const S = s, k = Math.min(o, c) / 2, v = z(null), y = L(O), V = t ? N : Q;
+  let l;
+  e[4] !== c || e[5] !== o || e[6] !== t || e[7] !== k ? (l = t ? {
+    binWidth: o,
+    binHeight: c
+  } : {
+    radius: k
+  }, e[4] = c, e[5] = o, e[6] = t, e[7] = k, e[8] = l) : l = e[8];
+  let a;
+  e[9] !== H || e[10] !== o || e[11] !== y || e[12] !== R || e[13] !== t ? (a = (T) => T.map((w, A) => w.map((r) => {
+    const D = I(r.count, R), {
+      fill: F,
+      fillOpacity: M
+    } = J(r.count, r.color, D);
+    return /* @__PURE__ */ $(E, { bin: r, isRect: t, binWidth: o, fill: F, fillOpacity: M, colIndex: A, animationType: H, tooltipRef: v, onClick: y }, `heatmap-cell-${r.row}-${r.column}`);
+  })), e[9] = H, e[10] = o, e[11] = y, e[12] = R, e[13] = t, e[14] = a) : a = e[14];
+  let i;
+  e[15] !== V || e[16] !== S || e[17] !== f || e[18] !== g || e[19] !== l || e[20] !== a || e[21] !== u || e[22] !== d ? (i = /* @__PURE__ */ $(V, { data: f, xScale: u, yScale: d, colorScale: S, bins: K, gap: g, ...l, children: a }), e[15] = V, e[16] = S, e[17] = f, e[18] = g, e[19] = l, e[20] = a, e[21] = u, e[22] = d, e[23] = i) : i = e[23];
+  let m;
+  e[24] !== n ? (m = n && /* @__PURE__ */ $(U, { ref: v, children: n }), e[24] = n, e[25] = m) : m = e[25];
+  let p;
+  return e[26] !== i || e[27] !== m ? (p = /* @__PURE__ */ P(W, { children: [
+    i,
+    m
+  ] }), e[26] = i, e[27] = m, e[28] = p) : p = e[28], p;
+});
 export {
-  e as __module
+  re as default
 };
 //# sourceMappingURL=visualization.es133.js.map

package/dist/visualization.es133.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es133.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"visualization.es133.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 } from \"./types\";\nimport HeatmapCell from \"./HeatmapCell\";\nimport { PlotTooltip, type PlotTooltipHandle } from \"../../tooltip\";\nimport { useStableCallback } from \"../../hooks\";\nimport { getHeatmapColorScale, isOutsideRange, 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  /** See HeatmapProps.highlightRange. */\n  highlightRange?: [number, number] | null;\n}\n\nconst HeatmapCells = memo(function HeatmapCells({\n  data, xScale, yScale, colors, minValue = 0, maxValue, gap,\n  isRect, binWidth, binHeight, animationType,\n  tooltipBody, onClick, highlightRange,\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  // 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 isDimmed = isOutsideRange(bin.count, highlightRange);\n              const { fill, fillOpacity } = resolveCellAppearance(bin.count, bin.color, isDimmed);\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","highlightRange","undefined","t2","getHeatmapColorScale","colorScale","radius","Math","min","tooltipRef","useRef","handleClick","useStableCallback","HeatmapComponent","HeatmapRect","HeatmapCircle","t3","t4","heatmap","map","heatmapBins","colIndex","bin","isDimmed","isOutsideRange","count","fill","fillOpacity","resolveCellAppearance","color","HeatmapCell","row","column","t5","getBins","t6","jsx","PlotTooltip","t7"],"mappings":"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"}