@weng-lab/visualization 2.4.2 → 2.5.0

package/dist/visualization.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es67.js","sources":["../src/components/ScatterPlot/hooks/useSelectionMode.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { SelectionMode } from \"../types\";\n\ntype UseSelectionModeProps = {\n    initialSelectionMode: SelectionMode;\n};\n\nexport const useSelectionMode = ({ initialSelectionMode }: UseSelectionModeProps) => {\n    const [selectMode, setSelectMode] = useState<SelectionMode>(initialSelectionMode);\n\n    const handleSelectionModeChange = useCallback((mode: SelectionMode) => {\n        setSelectMode(mode);\n    }, []);\n\n    return { selectMode, handleSelectionModeChange };\n};\n"],"names":["useSelectionMode","t0","$","_c","initialSelectionMode","selectMode","setSelectMode","useState","t1","Symbol","for","mode","handleSelectionModeChange","t2"],"mappings":";;AAOO,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAH,GAC7B,CAAAI,GAAAC,CAAA,IAAoCC,EAAwBH,CAAoB;AAAE,MAAAI;AAAA,EAAAN,EAAA,CAAA,MAAAO,uBAAAC,IAAA,2BAAA,KAEpCF,IAAAG,CAAAA,MAAA;AAC1CL,IAAAA,EAAcK,CAAI;AAAA,EAAC,GACtBT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAU,IAAkCJ;AAE3B,MAAAK;AAAA,SAAAX,SAAAG,KAEAQ,IAAA;AAAA,IAAAR,YAAAA;AAAAA,IAAAO,2BAAAA;AAAAA,EAAAA,GAAyCV,OAAAG,GAAAH,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAAzCW;AAAyC;"}
+{"version":3,"file":"visualization.es67.js","sources":["../src/components/Heatmap/scrollable/heatmapExport.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum } from \"../types\";\nimport { MAX_CANVAS_EXPORT_DIMENSION, MAX_CANVAS_EXPORT_PIXELS, downloadBlob } from \"../../../utility\";\nimport type { HeatmapLayout } from \"../heatmapLayout\";\nimport { LEGEND_GAP } from \"../heatmapLayout\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY, getXAxisTickLabelProps, yAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { drawHeatmapCells } from \"../HeatmapCanvasCells\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\nconst XLINK_NS = \"http://www.w3.org/1999/xlink\";\n\ninterface ScrollableExportOptions {\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  legendSvg: SVGSVGElement | null;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst appendTitle = (exportSvg: SVGSVGElement, text: string, x: number, y: number, rotate: boolean) => {\n  const titleEl = document.createElementNS(SVG_NS, \"text\");\n  titleEl.setAttribute(\"x\", String(x));\n  titleEl.setAttribute(\"y\", String(y));\n  if (rotate) titleEl.setAttribute(\"transform\", `rotate(-90, ${x}, ${y})`);\n  titleEl.setAttribute(\"text-anchor\", \"middle\");\n  titleEl.setAttribute(\"dominant-baseline\", \"middle\");\n  titleEl.setAttribute(\"font-size\", String(AXIS_TITLE_FONT_SIZE));\n  titleEl.setAttribute(\"font-family\", TICK_FONT_FAMILY);\n  titleEl.textContent = text;\n  exportSvg.appendChild(titleEl);\n};\n\nconst appendClone = (exportSvg: SVGSVGElement, source: SVGSVGElement, x: number, y: number) => {\n  const group = document.createElementNS(SVG_NS, \"g\");\n  group.setAttribute(\"transform\", `translate(${x},${y})`);\n  source.childNodes.forEach((node) => group.appendChild(node.cloneNode(true)));\n  exportSvg.appendChild(group);\n};\n\n// Resolution is capped (never upscaled) so a canvas can't exceed what browsers will reliably\n// allocate - past that, some browsers just hand back a blank canvas instead of erroring.\nfunction computeExportScale(width: number, height: number): number {\n  const desiredScale = window.devicePixelRatio || 2;\n  return Math.min(\n    desiredScale,\n    MAX_CANVAS_EXPORT_DIMENSION / width,\n    MAX_CANVAS_EXPORT_DIMENSION / height,\n    Math.sqrt(MAX_CANVAS_EXPORT_PIXELS / (width * height))\n  );\n}\n\n// Rasterizes the full (unwindowed) cell grid onto a canvas using the same paint routine the\n// live scrollable grid and minimap use for their own canvases (drawHeatmapCells). This is the\n// key difference from every other layer here: a large grid (e.g. 1000x1000 = 1M cells) rendered\n// as individual SVG shapes via React would mean 1M DOM nodes built synchronously and then\n// serialized into a multi-hundred-MB XML string - that's what used to hang/crash the tab.\n// Painting into a canvas instead collapses that to a bounded number of fillRect calls, which is\n// exactly how the minimap already handles full-dataset draws.\nfunction rasterizeCells(o: ScrollableExportOptions, scale: number): HTMLCanvasElement | null {\n  const { xMax, yMax, canvasCellParams, numRows } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return null;\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(xMax * scale));\n  canvas.height = Math.max(1, Math.round(yMax * scale));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n\n  ctx.setTransform(scale, 0, 0, scale, 0, 0);\n  const range = { colStart: 0, colEnd: Math.max(0, o.data.length - 1), rowStart: 0, rowEnd: Math.max(0, numRows - 1) };\n  drawHeatmapCells(ctx, canvasCellParams, range, null);\n  return canvas;\n}\n\n// Only used to embed the cell layer in an actual downloadable .svg file (see\n// buildScrollableExportSVG) - the PNG path (downloadScrollableHeatmapPNG below) draws the\n// rasterized canvas directly onto the output canvas instead, so it never needs this as a string.\nfunction renderCellsToDataURL(o: ScrollableExportOptions): string | null {\n  const { xMax, yMax } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return null;\n  const canvas = rasterizeCells(o, computeExportScale(xMax, yMax));\n  return canvas ? canvas.toDataURL(\"image/png\") : null;\n}\n\nconst appendCellsImage = (exportSvg: SVGSVGElement, dataUrl: string, x: number, y: number, width: number, height: number) => {\n  const image = document.createElementNS(SVG_NS, \"image\");\n  image.setAttribute(\"x\", String(x));\n  image.setAttribute(\"y\", String(y));\n  image.setAttribute(\"width\", String(width));\n  image.setAttribute(\"height\", String(height));\n  image.setAttribute(\"preserveAspectRatio\", \"none\");\n  // Both attributes are set for compatibility: xlink:href is what older SVG renderers (and some\n  // image editors) still expect, href is the modern SVG2/browser-native attribute.\n  image.setAttributeNS(XLINK_NS, \"href\", dataUrl);\n  image.setAttribute(\"href\", dataUrl);\n  exportSvg.appendChild(image);\n};\n\n// Builds a standalone, off-DOM <svg> at full content size for export. The on-screen row/column\n// axis panes (SVGs windowed to the visible tick range) only ever hold a slice of the full grid -\n// they can't just be cloned for export without capturing an incomplete/mispositioned snapshot -\n// so both are rendered fresh here in one detached tree, synchronously, full grid, no windowing,\n// purely to snapshot into the export SVG below. The cell layer is handled separately (see\n// renderCellsToDataURL above) since it doesn't have this problem's flip side: rendering it fresh\n// as SVG shapes is exactly what's too expensive at full-grid scale.\nexport function buildScrollableExportSVG(o: ScrollableExportOptions, { includeCells = true }: { includeCells?: boolean } = {}): SVGSVGElement | null {\n  const { layout } = o;\n  const {\n    marg, xMax, yMax, xScale, yScale, numRows, xTickValues, yTickValues, yTickLabelWidth, xTickLabelHeight,\n    yTitleWidth, xTitleHeight,\n  } = layout;\n\n  const exportSvg = document.createElementNS(SVG_NS, \"svg\") as SVGSVGElement;\n  exportSvg.setAttribute(\"width\", String(marg.left + xMax + marg.right));\n  exportSvg.setAttribute(\"height\", String(marg.top + yMax + marg.bottom));\n\n  if (includeCells) {\n    const cellsDataUrl = renderCellsToDataURL(o);\n    if (cellsDataUrl) appendCellsImage(exportSvg, cellsDataUrl, marg.left, marg.top, xMax, yMax);\n  }\n\n  let fullRowAxis: SVGSVGElement | null = null;\n  let fullColAxis: SVGSVGElement | null = null;\n  const exportContainer = document.createElement(\"div\");\n  const exportRoot = createRoot(exportContainer);\n  flushSync(() => {\n    exportRoot.render(\n      <>\n        <svg width={yTickLabelWidth} height={yMax} ref={(el) => { fullRowAxis = el; }}>\n          <g transform={`translate(${yTickLabelWidth},0)`}>\n            <AxisLeft\n              scale={yScale}\n              numTicks={numRows}\n              tickValues={yTickValues}\n              tickFormat={o.yAxisTickFormat}\n              tickLabelProps={yAxisTickLabelProps}\n            />\n          </g>\n        </svg>\n        <svg width={xMax} height={xTickLabelHeight} ref={(el) => { fullColAxis = el; }}>\n          <AxisBottom\n            top={0}\n            scale={xScale}\n            numTicks={o.data.length}\n            tickFormat={o.xAxisTickFormat}\n            tickValues={xTickValues}\n            tickLabelProps={o.xAxisTickLabelProps}\n          />\n        </svg>\n      </>\n    );\n  });\n  if (fullRowAxis) appendClone(exportSvg, fullRowAxis, yTitleWidth, marg.top);\n  if (fullColAxis) appendClone(exportSvg, fullColAxis, marg.left, marg.top + yMax);\n  exportRoot.unmount();\n\n  if (o.showLegend && o.legendSvg) {\n    appendClone(exportSvg, o.legendSvg, marg.left + xMax + LEGEND_GAP, marg.top);\n  }\n\n  // The axis titles live in their own always-visible panes on screen (so scrolling can't\n  // carry them out of view) rather than as visx's built-in centered-on-the-full-axis label,\n  // so they're added here directly instead of being cloned from a live pane.\n  if (o.yLabel) appendTitle(exportSvg, o.yLabel, yTitleWidth / 2, marg.top + yMax / 2, true);\n  if (o.xLabel) appendTitle(exportSvg, o.xLabel, marg.left + xMax / 2, marg.top + yMax + xTickLabelHeight + xTitleHeight / 2, false);\n\n  return exportSvg;\n}\n\n// Renders a scrollable heatmap straight to a downloadable PNG in a single raster pass: the cell\n// grid is drawn once (rasterizeCells) directly onto the output canvas, and only the much smaller\n// axes/legend/titles are round-tripped through SVG-to-image to rasterize on top of it. This\n// deliberately avoids buildScrollableExportSVG's normal cells-as-embedded-image path (used for\n// the actual .svg download, where a raster layer has to be embedded as a data URL to produce a\n// valid standalone file) - base64-encoding a full-resolution cell canvas into an XML string,\n// then decoding that string back into an image to redraw onto a second full-size canvas, doubles\n// both the memory footprint and the encode/decode work for no benefit here, and was enough to\n// crash the tab on a large export. No DOM attachment is needed either: unlike downloadSVGAsPNG,\n// nothing here reads clientWidth/clientHeight - the output size comes straight from the layout.\nexport function downloadScrollableHeatmapPNG(o: ScrollableExportOptions, fileName: string): void {\n  const { marg, xMax, yMax } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return;\n\n  const fullWidth = marg.left + xMax + marg.right;\n  const fullHeight = marg.top + yMax + marg.bottom;\n  const scale = computeExportScale(fullWidth, fullHeight);\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(fullWidth * scale));\n  canvas.height = Math.max(1, Math.round(fullHeight * scale));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return;\n\n  const cellsCanvas = rasterizeCells(o, scale);\n  if (cellsCanvas) ctx.drawImage(cellsCanvas, marg.left * scale, marg.top * scale);\n\n  const finish = (blob: Blob | null) => {\n    if (blob) downloadBlob(blob, fileName);\n  };\n\n  const axesSvg = buildScrollableExportSVG(o, { includeCells: false });\n  if (!axesSvg) {\n    canvas.toBlob(finish, \"image/png\", 1);\n    return;\n  }\n\n  const svgString = new XMLSerializer().serializeToString(axesSvg);\n  const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n  const url = URL.createObjectURL(svgBlob);\n  const img = new Image();\n  img.onload = () => {\n    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n    URL.revokeObjectURL(url);\n    canvas.toBlob(finish, \"image/png\", 1);\n  };\n  img.onerror = () => URL.revokeObjectURL(url);\n  img.src = url;\n}\n\n// downloadSVGAsPNG reads the element's layout box asynchronously (after its image loads), so\n// an off-DOM export node has to stay attached (off-screen) until onComplete fires. The\n// off-screen positioning goes on a wrapper div, never on the <svg> itself - that svg is what\n// gets serialized and downloaded, so any inline style set directly on it (e.g. `left:\n// -99999px`) would be baked into the exported file, rendering everything pushed off-canvas\n// and out of view - the exact \"blank image\" bug this replaced.\nexport function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void {\n  const svg = buildScrollableExportSVG(o);\n  if (!svg) return;\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.position = \"absolute\";\n  wrapper.style.top = \"0\";\n  wrapper.style.left = \"-99999px\";\n  wrapper.appendChild(svg);\n  document.body.appendChild(wrapper);\n  run(svg, () => {\n    if (wrapper.parentNode) document.body.removeChild(wrapper);\n  });\n}\n"],"names":["SVG_NS","XLINK_NS","appendTitle","exportSvg","text","x","y","rotate","titleEl","document","createElementNS","setAttribute","String","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","textContent","appendChild","appendClone","source","group","childNodes","forEach","node","cloneNode","computeExportScale","width","height","desiredScale","window","devicePixelRatio","Math","min","MAX_CANVAS_EXPORT_DIMENSION","sqrt","MAX_CANVAS_EXPORT_PIXELS","rasterizeCells","o","scale","xMax","yMax","canvasCellParams","numRows","layout","canvas","createElement","max","round","ctx","getContext","setTransform","range","colStart","colEnd","data","length","rowStart","rowEnd","drawHeatmapCells","renderCellsToDataURL","toDataURL","appendCellsImage","dataUrl","image","setAttributeNS","buildScrollableExportSVG","includeCells","marg","xScale","yScale","xTickValues","yTickValues","yTickLabelWidth","xTickLabelHeight","yTitleWidth","xTitleHeight","left","right","top","bottom","cellsDataUrl","fullRowAxis","fullColAxis","exportContainer","exportRoot","createRoot","flushSync","render","jsxs","Fragment","jsx","el","AxisLeft","yAxisTickFormat","yAxisTickLabelProps","AxisBottom","xAxisTickFormat","xAxisTickLabelProps","unmount","showLegend","legendSvg","LEGEND_GAP","yLabel","xLabel","downloadScrollableHeatmapPNG","fileName","fullWidth","fullHeight","cellsCanvas","drawImage","finish","blob","downloadBlob","axesSvg","toBlob","svgString","XMLSerializer","serializeToString","svgBlob","Blob","type","url","URL","createObjectURL","img","Image","onload","revokeObjectURL","onerror","src","withOffscreenExportSVG","run","svg","wrapper","style","position","body","parentNode","removeChild"],"mappings":"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"}

package/dist/visualization.es68.js

@@ -1,24 +1,178 @@
-import { c as l } from "react/compiler-runtime";
-import { useState as p } from "react";
-const f = (i) => {
-  const t = l(3), {
-    initialOpen: s
-  } = i, [n, r] = p(s);
-  let e;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = () => {
-    r(a);
-  }, t[0] = e) : e = t[0];
-  const c = e;
-  let o;
-  return t[1] !== n ? (o = {
-    showMiniMap: n,
-    toggleMiniMap: c
-  }, t[1] = n, t[2] = o) : o = t[2], o;
+import { jsxs as n, Fragment as ri, jsx as i } from "react/jsx-runtime";
+import { useId as oi, useCallback as ai, useState as ni, useRef as si } from "react";
+import di from "./visualization.es120.js";
+import ci from "./visualization.es123.js";
+import hi from "./visualization.es124.js";
+import { TICK_FONT_FAMILY as C, AXIS_TITLE_FONT_SIZE as M, yAxisTickLabelProps as mi } from "./visualization.es65.js";
+import { MINI_MAP_HEIGHT as pi, LEGEND_GAP as b } from "./visualization.es66.js";
+import { useHeatmapCanvasGrid as fi } from "./visualization.es125.js";
+import { useScrollToSelection as gi } from "./visualization.es126.js";
+import xi from "./visualization.es27.js";
+import vi from "./visualization.es13.js";
+import ui from "./visualization.es32.js";
+const R = 10, Si = ({
+  legendSvgRef: $,
+  layout: I,
+  data: L,
+  showMiniMap: p,
+  showLegend: f,
+  xLabel: P,
+  yLabel: S,
+  tooltipBody: g,
+  onClick: H,
+  selectedCells: _,
+  scrollToSelection: A,
+  xAxisTickFormat: E,
+  yAxisTickFormat: N,
+  xAxisTickLabelProps: V
+}) => {
+  const {
+    numRows: F,
+    marg: G,
+    xMax: d,
+    yMax: c,
+    viewportWidth: e,
+    viewportHeight: t,
+    yTitleWidth: l,
+    yTickLabelWidth: o,
+    xTitleHeight: s,
+    xTickLabelHeight: a,
+    binWidth: O,
+    xTickLeftOverhangMax: x,
+    legendWidth: h,
+    xScale: W,
+    yScale: j,
+    xTickValues: X,
+    yTickValues: B,
+    stableColors: z,
+    minValue: D,
+    maxValue: Y,
+    canvasCellParams: m
+  } = I, {
+    canvasRef: K,
+    mainPaneRef: v,
+    canvasTooltipRef: Z,
+    setMainPaneNode: q,
+    handleGridScroll: J,
+    axisScrollPos: r,
+    visibleXTickValues: Q,
+    visibleYTickValues: U,
+    canvasHandlers: ii
+  } = fi({
+    canvasCellParams: m,
+    viewportWidth: e,
+    viewportHeight: t,
+    xTickValues: X,
+    yTickValues: B,
+    isScrollable: !0,
+    onClick: H
+  });
+  gi({
+    mainPaneRef: v,
+    selectedCells: _,
+    scrollToSelection: A,
+    isScrollable: !0,
+    binWidth: O,
+    viewportWidth: e
+  });
+  const u = oi(), w = Math.max(0, x - r.left), y = ai((ti, li) => {
+    v.current?.scrollTo({
+      left: ti,
+      top: li
+    });
+  }, []), [ei, T] = ni(!1), k = si(null);
+  return /* @__PURE__ */ n(ri, { children: [
+    /* @__PURE__ */ n("div", { style: {
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      p && /* @__PURE__ */ i("div", { ref: k, style: {
+        marginLeft: l + o,
+        position: "relative",
+        width: e
+      }, children: /* @__PURE__ */ i(ci, { canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, width: e, height: pi, onNavigate: y, onCanvasClick: () => T(!0) }) }),
+      /* @__PURE__ */ n("div", { style: {
+        display: "grid",
+        gridTemplateColumns: f ? `${l}px ${o}px ${e}px ${b + h}px` : `${l}px ${o}px ${e}px`,
+        gridTemplateRows: `${G.top}px ${t}px ${a}px ${s}px`
+      }, children: [
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 1,
+          gridRow: 2,
+          width: l,
+          height: t,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: S ?? "" }) }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 2,
+          gridRow: 2,
+          width: o,
+          height: t,
+          overflow: "hidden"
+        }, children: /* @__PURE__ */ i("svg", { width: o, height: t, children: /* @__PURE__ */ i("g", { transform: `translate(${o},${-r.top})`, children: /* @__PURE__ */ i(xi, { scale: j, numTicks: F, tickValues: U, tickFormat: N, tickLabelProps: mi }) }) }) }),
+        /* @__PURE__ */ i("div", { ref: q, onScroll: J, style: {
+          gridColumn: 3,
+          gridRow: 2,
+          width: e,
+          height: t,
+          overflow: "auto",
+          overscrollBehavior: "contain",
+          position: "relative"
+        }, children: /* @__PURE__ */ i("div", { style: {
+          width: d,
+          height: c,
+          position: "relative"
+        }, children: /* @__PURE__ */ i("canvas", { ref: K, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
+          width: e,
+          height: t,
+          position: "sticky",
+          top: 0,
+          left: 0,
+          display: "block",
+          cursor: "default"
+        }, ...ii }) }) }),
+        g && /* @__PURE__ */ i(vi, { ref: Z, children: g }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 3,
+          width: e,
+          height: a,
+          overflow: "visible"
+        }, children: /* @__PURE__ */ n("svg", { width: e, height: a, style: {
+          overflow: "visible"
+        }, children: [
+          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ n("clipPath", { id: u, children: [
+            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: a }),
+            x > 0 && /* @__PURE__ */ i("rect", { x: -w, y: R, width: w, height: Math.max(0, a - R) })
+          ] }) }),
+          /* @__PURE__ */ i("g", { clipPath: `url(#${u})`, children: /* @__PURE__ */ i("g", { transform: `translate(${-r.left},0)`, children: /* @__PURE__ */ i(ui, { top: 0, scale: W, numTicks: L.length, tickFormat: E, tickValues: Q, tickLabelProps: V }) }) })
+        ] }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 4,
+          width: e,
+          height: s,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: e, height: s, children: /* @__PURE__ */ i("text", { x: e / 2, y: s / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: P ?? "" }) }) }),
+        f && /* @__PURE__ */ i("div", { style: {
+          gridColumn: 4,
+          gridRow: 2,
+          width: h,
+          marginLeft: b,
+          height: t
+        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: $, style: {
+          overflow: "visible"
+        }, children: /* @__PURE__ */ i(di, { colors: z, minValue: D, maxValue: Y, height: t }) }) })
+      ] })
+    ] }),
+    p && ei && /* @__PURE__ */ i(hi, { onClose: () => T(!1), containerRef: k, canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, onNavigate: y })
+  ] });
 };
-function a(i) {
-  return !i;
-}
 export {
-  f as useMiniMapToggle
+  Si as default
 };
 //# sourceMappingURL=visualization.es68.js.map

package/dist/visualization.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es68.js","sources":["../src/components/ScatterPlot/hooks/useMiniMapToggle.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\ntype UseMiniMapToggleProps = {\n    initialOpen: boolean;\n};\n\nexport const useMiniMapToggle = ({ initialOpen }: UseMiniMapToggleProps) => {\n    const [showMiniMap, setShowMiniMap] = useState(initialOpen);\n\n    const toggleMiniMap = useCallback(() => {\n        setShowMiniMap((curr) => !curr);\n    }, []);\n\n    return { showMiniMap, toggleMiniMap };\n};\n"],"names":["useMiniMapToggle","t0","$","_c","initialOpen","showMiniMap","setShowMiniMap","useState","t1","Symbol","for","_temp","toggleMiniMap","t2","curr"],"mappings":";;AAMO,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAH,GAC7B,CAAAI,GAAAC,CAAA,IAAsCC,EAASH,CAAW;AAAE,MAAAI;AAAA,EAAAN,EAAA,CAAA,MAAAO,uBAAAC,IAAA,2BAAA,KAE1BF,IAAAA,MAAA;AAC9BF,IAAAA,EAAeK,CAAe;AAAA,EAAC,GAClCT,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAFD,QAAAU,IAAsBJ;AAEf,MAAAK;AAAA,SAAAX,SAAAG,KAEAQ,IAAA;AAAA,IAAAR,aAAAA;AAAAA,IAAAO,eAAAA;AAAAA,EAAAA,GAA8BV,OAAAG,GAAAH,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAA9BW;AAA8B;AAPT,SAAAF,EAAAG,GAAA;AAAA,SAIC,CAACA;AAAI;"}
+{"version":3,"file":"visualization.es68.js","sources":["../src/components/Heatmap/scrollable/HeatmapScrollableGrid.tsx"],"sourcesContent":["import { useCallback, useId, useRef, useState, type ReactElement, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"../types\";\nimport type { AnyBin } from \"../HeatmapCells\";\nimport HeatmapLegend from \"../HeatmapLegend\";\nimport HeatmapMiniMap from \"./HeatmapMiniMap\";\nimport HeatmapMiniMapPopup from \"./HeatmapMiniMapPopup\";\nimport { PlotTooltip } from \"../../../tooltip\";\nimport { TICK_FONT_FAMILY, AXIS_TITLE_FONT_SIZE, yAxisTickLabelProps, type getXAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { LEGEND_GAP, MINI_MAP_HEIGHT, type HeatmapLayout } from \"../heatmapLayout\";\nimport { useHeatmapCanvasGrid } from \"../hooks/useHeatmapCanvasGrid\";\nimport { useScrollToSelection } from \"../hooks/useScrollToSelection\";\n\nconst X_AXIS_OVERHANG_CLIP_HEIGHT = 10;\n\nexport interface HeatmapScrollableGridProps {\n  legendSvgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  showMiniMap: boolean;\n  showLegend: boolean;\n  xLabel?: string;\n  yLabel?: string;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapScrollableGrid = ({\n  legendSvgRef, layout, data, showMiniMap, showLegend, xLabel, yLabel, tooltipBody, onClick,\n  selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapScrollableGridProps) => {\n  const {\n    numRows, marg, xMax, yMax, viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth,\n    xTitleHeight, xTickLabelHeight, binWidth, xTickLeftOverhangMax, legendWidth,\n    xScale, yScale, xTickValues, yTickValues, stableColors, minValue, maxValue, canvasCellParams,\n  } = layout;\n\n  const {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues, canvasHandlers,\n  } = useHeatmapCanvasGrid({\n    canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, isScrollable: true, onClick,\n  });\n  useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, isScrollable: true, binWidth, viewportWidth });\n\n  const xTickClipId = useId();\n  // Shrinks to 0 as soon as scrolling moves away from the start, so the reveal only ever applies\n  // to column 0's genuine edge case (nothing real to its left) and doesn't linger over the y-axis\n  // pane at other scroll positions, where a real, adjacent column - not empty space - would\n  // otherwise show through.\n  const xTickLeftOverhang = Math.max(0, xTickLeftOverhangMax - axisScrollPos.left);\n\n  // Drives the minimap: scrollTo dispatches a native scroll event on mainPaneRef, which\n  // handleGridScroll picks up the same way it would a manual scroll (repainting the canvas and\n  // updating axisScrollPos, which also moves the minimap's own viewport rectangle).\n  const handleMiniMapNavigate = useCallback((left: number, top: number) => {\n    mainPaneRef.current?.scrollTo({ left, top });\n  }, []);\n\n  const [isMiniMapExpanded, setIsMiniMapExpanded] = useState(false);\n  const miniMapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <>\n      <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n        {showMiniMap && (\n          <div ref={miniMapContainerRef} style={{ marginLeft: yTitleWidth + yTickLabelWidth, position: \"relative\", width: viewportWidth }}>\n            <HeatmapMiniMap\n              canvasCellParams={canvasCellParams}\n              xMax={xMax}\n              yMax={yMax}\n              viewportWidth={viewportWidth}\n              viewportHeight={viewportHeight}\n              scrollLeft={axisScrollPos.left}\n              scrollTop={axisScrollPos.top}\n              width={viewportWidth}\n              height={MINI_MAP_HEIGHT}\n              onNavigate={handleMiniMapNavigate}\n              onCanvasClick={() => setIsMiniMapExpanded(true)}\n            />\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: showLegend\n              ? `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px ${LEGEND_GAP + legendWidth}px`\n              : `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px`,\n            gridTemplateRows: `${marg.top}px ${viewportHeight}px ${xTickLabelHeight}px ${xTitleHeight}px`,\n          }}\n        >\n          <div style={{ gridColumn: 1, gridRow: 2, width: yTitleWidth, height: viewportHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={yTitleWidth} height={viewportHeight}>\n              <text\n                x={yTitleWidth / 2}\n                y={viewportHeight / 2}\n                transform={`rotate(-90, ${yTitleWidth / 2}, ${viewportHeight / 2})`}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {yLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 2, gridRow: 2, width: yTickLabelWidth, height: viewportHeight, overflow: \"hidden\" }}>\n            <svg width={yTickLabelWidth} height={viewportHeight}>\n              <g transform={`translate(${yTickLabelWidth},${-axisScrollPos.top})`}>\n                <AxisLeft\n                  scale={yScale}\n                  numTicks={numRows}\n                  tickValues={visibleYTickValues}\n                  tickFormat={yAxisTickFormat}\n                  tickLabelProps={yAxisTickLabelProps}\n                />\n              </g>\n            </svg>\n          </div>\n          <div\n            ref={setMainPaneNode}\n            onScroll={handleGridScroll}\n            style={{ gridColumn: 3, gridRow: 2, width: viewportWidth, height: viewportHeight, overflow: \"auto\", overscrollBehavior: \"contain\", position: \"relative\" }}\n          >\n            <div style={{ width: xMax, height: yMax, position: \"relative\" }}>\n              <canvas\n                ref={canvasRef}\n                width={viewportWidth * (window.devicePixelRatio || 1)}\n                height={viewportHeight * (window.devicePixelRatio || 1)}\n                style={{\n                  width: viewportWidth,\n                  height: viewportHeight,\n                  position: \"sticky\",\n                  top: 0,\n                  left: 0,\n                  display: \"block\",\n                  cursor: \"default\",\n                }}\n                {...canvasHandlers}\n              />\n            </div>\n          </div>\n          {tooltipBody && <PlotTooltip ref={canvasTooltipRef}>{tooltipBody}</PlotTooltip>}\n          <div style={{ gridColumn: 3, gridRow: 3, width: viewportWidth, height: xTickLabelHeight, overflow: \"visible\" }}>\n            <svg width={viewportWidth} height={xTickLabelHeight} style={{ overflow: \"visible\" }}>\n              <defs>\n                <clipPath id={xTickClipId}>\n                  <rect x={0} y={0} width={viewportWidth} height={xTickLabelHeight} />\n                  {xTickLeftOverhangMax > 0 && (\n                    <rect\n                      x={-xTickLeftOverhang}\n                      y={X_AXIS_OVERHANG_CLIP_HEIGHT}\n                      width={xTickLeftOverhang}\n                      height={Math.max(0, xTickLabelHeight - X_AXIS_OVERHANG_CLIP_HEIGHT)}\n                    />\n                  )}\n                </clipPath>\n              </defs>\n              <g clipPath={`url(#${xTickClipId})`}>\n                <g transform={`translate(${-axisScrollPos.left},0)`}>\n                  <AxisBottom\n                    top={0}\n                    scale={xScale}\n                    numTicks={data.length}\n                    tickFormat={xAxisTickFormat}\n                    tickValues={visibleXTickValues}\n                    tickLabelProps={xAxisTickLabelProps}\n                  />\n                </g>\n              </g>\n            </svg>\n          </div>\n          {/* X-axis title: fixed in place (not scroll-synced) so it's always visible, centered on\n              the visible viewport rather than the full data range */}\n          <div style={{ gridColumn: 3, gridRow: 4, width: viewportWidth, height: xTitleHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={viewportWidth} height={xTitleHeight}>\n              <text\n                x={viewportWidth / 2}\n                y={xTitleHeight / 2}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {xLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          {showLegend && (\n            <div style={{ gridColumn: 4, gridRow: 2, width: legendWidth, marginLeft: LEGEND_GAP, height: viewportHeight }}>\n              <svg width={legendWidth} height={viewportHeight} ref={legendSvgRef} style={{ overflow: \"visible\" }}>\n                <HeatmapLegend\n                  colors={stableColors}\n                  minValue={minValue}\n                  maxValue={maxValue}\n                  height={viewportHeight}\n                />\n              </svg>\n            </div>\n          )}\n        </div>\n      </div>\n      {showMiniMap && isMiniMapExpanded && (\n        <HeatmapMiniMapPopup\n          onClose={() => setIsMiniMapExpanded(false)}\n          containerRef={miniMapContainerRef}\n          canvasCellParams={canvasCellParams}\n          xMax={xMax}\n          yMax={yMax}\n          viewportWidth={viewportWidth}\n          viewportHeight={viewportHeight}\n          scrollLeft={axisScrollPos.left}\n          scrollTop={axisScrollPos.top}\n          onNavigate={handleMiniMapNavigate}\n        />\n      )}\n    </>\n  );\n};\n\nexport default HeatmapScrollableGrid;\n"],"names":["X_AXIS_OVERHANG_CLIP_HEIGHT","HeatmapScrollableGrid","legendSvgRef","layout","data","showMiniMap","showLegend","xLabel","yLabel","tooltipBody","onClick","selectedCells","scrollToSelection","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","numRows","marg","xMax","yMax","viewportWidth","viewportHeight","yTitleWidth","yTickLabelWidth","xTitleHeight","xTickLabelHeight","binWidth","xTickLeftOverhangMax","legendWidth","xScale","yScale","xTickValues","yTickValues","stableColors","minValue","maxValue","canvasCellParams","canvasRef","mainPaneRef","canvasTooltipRef","setMainPaneNode","handleGridScroll","axisScrollPos","visibleXTickValues","visibleYTickValues","canvasHandlers","useHeatmapCanvasGrid","isScrollable","useScrollToSelection","xTickClipId","useId","xTickLeftOverhang","Math","max","left","handleMiniMapNavigate","useCallback","top","current","scrollTo","isMiniMapExpanded","setIsMiniMapExpanded","useState","miniMapContainerRef","useRef","jsxs","Fragment","display","flexDirection","jsx","marginLeft","position","width","HeatmapMiniMap","MINI_MAP_HEIGHT","gridTemplateColumns","LEGEND_GAP","gridTemplateRows","gridColumn","gridRow","height","alignItems","justifyContent","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","overflow","AxisLeft","yAxisTickLabelProps","overscrollBehavior","window","devicePixelRatio","cursor","PlotTooltip","AxisBottom","length","HeatmapLegend","HeatmapMiniMapPopup"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAA8B,IAmB9BC,KAAwBA,CAAC;AAAA,EAC7BC,cAAAA;AAAAA,EAAcC,QAAAA;AAAAA,EAAQC,MAAAA;AAAAA,EAAMC,aAAAA;AAAAA,EAAaC,YAAAA;AAAAA,EAAYC,QAAAA;AAAAA,EAAQC,QAAAA;AAAAA,EAAQC,aAAAA;AAAAA,EAAaC,SAAAA;AAAAA,EAClFC,eAAAA;AAAAA,EAAeC,mBAAAA;AAAAA,EAAmBC,iBAAAA;AAAAA,EAAiBC,iBAAAA;AAAAA,EAAiBC,qBAAAA;AAC1C,MAAM;AAChC,QAAM;AAAA,IACJC,SAAAA;AAAAA,IAASC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,IAAMC,eAAAA;AAAAA,IAAeC,gBAAAA;AAAAA,IAAgBC,aAAAA;AAAAA,IAAaC,iBAAAA;AAAAA,IACvEC,cAAAA;AAAAA,IAAcC,kBAAAA;AAAAA,IAAkBC,UAAAA;AAAAA,IAAUC,sBAAAA;AAAAA,IAAsBC,aAAAA;AAAAA,IAChEC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,aAAAA;AAAAA,IAAaC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAUC,kBAAAA;AAAAA,EAAAA,IAC1EjC,GAEE;AAAA,IACJkC,WAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAaC,kBAAAA;AAAAA,IAAkBC,iBAAAA;AAAAA,IAAiBC,kBAAAA;AAAAA,IAAkBC,eAAAA;AAAAA,IAC7EC,oBAAAA;AAAAA,IAAoBC,oBAAAA;AAAAA,IAAoBC,gBAAAA;AAAAA,EAAAA,IACtCC,GAAqB;AAAA,IACvBV,kBAAAA;AAAAA,IAAkBhB,eAAAA;AAAAA,IAAeC,gBAAAA;AAAAA,IAAgBU,aAAAA;AAAAA,IAAaC,aAAAA;AAAAA,IAAae,cAAc;AAAA,IAAMrC,SAAAA;AAAAA,EAAAA,CAChG;AACDsC,EAAAA,GAAqB;AAAA,IAAEV,aAAAA;AAAAA,IAAa3B,eAAAA;AAAAA,IAAeC,mBAAAA;AAAAA,IAAmBmC,cAAc;AAAA,IAAMrB,UAAAA;AAAAA,IAAUN,eAAAA;AAAAA,EAAAA,CAAe;AAEnH,QAAM6B,IAAcC,GAAAA,GAKdC,IAAoBC,KAAKC,IAAI,GAAG1B,IAAuBe,EAAcY,IAAI,GAKzEC,IAAwBC,GAAY,CAACF,IAAcG,OAAgB;AACvEnB,IAAAA,EAAYoB,SAASC,SAAS;AAAA,MAAEL,MAAAA;AAAAA,MAAMG,KAAAA;AAAAA,IAAAA,CAAK;AAAA,EAC7C,GAAG,CAAA,CAAE,GAEC,CAACG,IAAmBC,CAAoB,IAAIC,GAAS,EAAK,GAC1DC,IAAsBC,GAA8B,IAAI;AAE9D,SACE,gBAAAC,EAAAC,IAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,OAAO;AAAA,MAAEE,SAAS;AAAA,MAAQC,eAAe;AAAA,IAAA,GAC3C/D,UAAAA;AAAAA,MAAAA,KACC,gBAAAgE,EAAC,OAAA,EAAI,KAAKN,GAAqB,OAAO;AAAA,QAAEO,YAAYhD,IAAcC;AAAAA,QAAiBgD,UAAU;AAAA,QAAYC,OAAOpD;AAAAA,MAAAA,GAC9G,UAAA,gBAAAiD,EAACI,IAAA,EACC,kBAAArC,GACA,MAAAlB,GACA,MAAAC,GACA,eAAAC,GACA,gBAAAC,GACA,YAAYqB,EAAcY,MAC1B,WAAWZ,EAAce,KACzB,OAAOrC,GACP,QAAQsD,IACR,YAAYnB,GACZ,eAAe,MAAMM,EAAqB,EAAI,EAAA,CAAE,EAAA,CAEpD;AAAA,MAEF,gBAAAI,EAAC,SACC,OAAO;AAAA,QACLE,SAAS;AAAA,QACTQ,qBAAqBrE,IACjB,GAAGgB,CAAW,MAAMC,CAAe,MAAMH,CAAa,MAAMwD,IAAahD,CAAW,OACpF,GAAGN,CAAW,MAAMC,CAAe,MAAMH,CAAa;AAAA,QAC1DyD,kBAAkB,GAAG5D,EAAKwC,GAAG,MAAMpC,CAAc,MAAMI,CAAgB,MAAMD,CAAY;AAAA,MAAA,GAG3F,UAAA;AAAA,QAAA,gBAAA6C,EAAC,SAAI,OAAO;AAAA,UAAES,YAAY;AAAA,UAAGC,SAAS;AAAA,UAAGP,OAAOlD;AAAAA,UAAa0D,QAAQ3D;AAAAA,UAAgB8C,SAAS;AAAA,UAAQc,YAAY;AAAA,UAAUC,gBAAgB;AAAA,QAAA,GAC1I,UAAA,gBAAAb,EAAC,OAAA,EAAI,OAAO/C,GAAa,QAAQD,GAC/B,UAAA,gBAAAgD,EAAC,QAAA,EACC,GAAG/C,IAAc,GACjB,GAAGD,IAAiB,GACpB,WAAW,eAAeC,IAAc,CAAC,KAAKD,IAAiB,CAAC,KAChE,YAAW,UACX,kBAAiB,UACjB,UAAU8D,GACV,YAAYC,GAEX5E,UAAAA,KAAU,GAAA,CACb,GACF,GACF;AAAA,QACA,gBAAA6D,EAAC,SAAI,OAAO;AAAA,UAAES,YAAY;AAAA,UAAGC,SAAS;AAAA,UAAGP,OAAOjD;AAAAA,UAAiByD,QAAQ3D;AAAAA,UAAgBgE,UAAU;AAAA,QAAA,GACjG,UAAA,gBAAAhB,EAAC,OAAA,EAAI,OAAO9C,GAAiB,QAAQF,GACnC,UAAA,gBAAAgD,EAAC,KAAA,EAAE,WAAW,aAAa9C,CAAe,IAAI,CAACmB,EAAce,GAAG,KAC9D,UAAA,gBAAAY,EAACiB,IAAA,EACC,OAAOxD,GACP,UAAUd,GACV,YAAY4B,GACZ,YAAY9B,GACZ,gBAAgByE,GAAAA,CAAoB,EAAA,CAExC,GACF,GACF;AAAA,0BACC,OAAA,EACC,KAAK/C,GACL,UAAUC,GACV,OAAO;AAAA,UAAEqC,YAAY;AAAA,UAAGC,SAAS;AAAA,UAAGP,OAAOpD;AAAAA,UAAe4D,QAAQ3D;AAAAA,UAAgBgE,UAAU;AAAA,UAAQG,oBAAoB;AAAA,UAAWjB,UAAU;AAAA,QAAA,GAE7I,UAAA,gBAAAF,EAAC,OAAA,EAAI,OAAO;AAAA,UAAEG,OAAOtD;AAAAA,UAAM8D,QAAQ7D;AAAAA,UAAMoD,UAAU;AAAA,QAAA,GACjD,UAAA,gBAAAF,EAAC,UAAA,EACC,KAAKhC,GACL,OAAOjB,KAAiBqE,OAAOC,oBAAoB,IACnD,QAAQrE,KAAkBoE,OAAOC,oBAAoB,IACrD,OAAO;AAAA,UACLlB,OAAOpD;AAAAA,UACP4D,QAAQ3D;AAAAA,UACRkD,UAAU;AAAA,UACVd,KAAK;AAAA,UACLH,MAAM;AAAA,UACNa,SAAS;AAAA,UACTwB,QAAQ;AAAA,QAAA,GAEV,GAAI9C,GAAAA,CAAe,EAAA,CAEvB,GACF;AAAA,QACCpC,KAAe,gBAAA4D,EAACuB,IAAA,EAAY,KAAKrD,GAAmB9B,UAAAA,GAAY;AAAA,QACjE,gBAAA4D,EAAC,SAAI,OAAO;AAAA,UAAES,YAAY;AAAA,UAAGC,SAAS;AAAA,UAAGP,OAAOpD;AAAAA,UAAe4D,QAAQvD;AAAAA,UAAkB4D,UAAU;AAAA,QAAA,GACjG,UAAA,gBAAApB,EAAC,OAAA,EAAI,OAAO7C,GAAe,QAAQK,GAAkB,OAAO;AAAA,UAAE4D,UAAU;AAAA,QAAA,GACtE,UAAA;AAAA,UAAA,gBAAAhB,EAAC,QAAA,EACC,UAAA,gBAAAJ,EAAC,YAAA,EAAS,IAAIhB,GACZ,UAAA;AAAA,YAAA,gBAAAoB,EAAC,QAAA,EAAK,GAAG,GAAG,GAAG,GAAG,OAAOjD,GAAe,QAAQK,EAAAA,CAAiB;AAAA,YAChEE,IAAuB,KACtB,gBAAA0C,EAAC,QAAA,EACC,GAAG,CAAClB,GACJ,GAAGnD,GACH,OAAOmD,GACP,QAAQC,KAAKC,IAAI,GAAG5B,IAAmBzB,CAA2B,EAAA,CAAE;AAAA,UAAA,EAAA,CAG1E,EAAA,CACF;AAAA,UACA,gBAAAqE,EAAC,KAAA,EAAE,UAAU,QAAQpB,CAAW,KAC9B,UAAA,gBAAAoB,EAAC,KAAA,EAAE,WAAW,aAAa,CAAC3B,EAAcY,IAAI,OAC5C,UAAA,gBAAAe,EAACwB,IAAA,EACC,KAAK,GACL,OAAOhE,GACP,UAAUzB,EAAK0F,QACf,YAAYjF,GACZ,YAAY8B,GACZ,gBAAgB5B,EAAAA,CAAoB,GAExC,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QAGA,gBAAAsD,EAAC,SAAI,OAAO;AAAA,UAAES,YAAY;AAAA,UAAGC,SAAS;AAAA,UAAGP,OAAOpD;AAAAA,UAAe4D,QAAQxD;AAAAA,UAAc2C,SAAS;AAAA,UAAQc,YAAY;AAAA,UAAUC,gBAAgB;AAAA,QAAA,GAC1I,UAAA,gBAAAb,EAAC,OAAA,EAAI,OAAOjD,GAAe,QAAQI,GACjC,UAAA,gBAAA6C,EAAC,QAAA,EACC,GAAGjD,IAAgB,GACnB,GAAGI,IAAe,GAClB,YAAW,UACX,kBAAiB,UACjB,UAAU2D,GACV,YAAYC,GAEX7E,UAAAA,KAAU,GAAA,CACb,EAAA,CACF,GACF;AAAA,QACCD,KACC,gBAAA+D,EAAC,OAAA,EAAI,OAAO;AAAA,UAAES,YAAY;AAAA,UAAGC,SAAS;AAAA,UAAGP,OAAO5C;AAAAA,UAAa0C,YAAYM;AAAAA,UAAYI,QAAQ3D;AAAAA,QAAAA,GAC3F,4BAAC,OAAA,EAAI,OAAOO,GAAa,QAAQP,GAAgB,KAAKnB,GAAc,OAAO;AAAA,UAAEmF,UAAU;AAAA,QAAA,GACrF,UAAA,gBAAAhB,EAAC0B,IAAA,EACC,QAAQ9D,GACR,UAAAC,GACA,UAAAC,GACA,QAAQd,EAAAA,CAAe,EAAA,CAE3B,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IACChB,KAAeuD,MACd,gBAAAS,EAAC2B,IAAA,EACC,SAAS,MAAMnC,EAAqB,EAAK,GACzC,cAAcE,GACd,kBAAA3B,GACA,MAAAlB,GACA,MAAAC,GACA,eAAAC,GACA,gBAAAC,GACA,YAAYqB,EAAcY,MAC1B,WAAWZ,EAAce,KACzB,YAAYF,EAAAA,CAAsB;AAAA,EAAA,GAGxC;AAEJ;"}

package/dist/visualization.es69.js

@@ -1,77 +1,77 @@
-import { c as N } from "react/compiler-runtime";
-import { useState as P, useRef as L, useEffect as $ } from "react";
-import { rescaleX as Q, rescaleY as U } from "./visualization.es17.js";
-import { useStableCallback as V } from "./visualization.es19.js";
-import W from "./visualization.es88.js";
-const lt = (q) => {
-  const t = N(24), {
-    pointData: o,
-    margin: r,
-    xScale: g,
-    yScale: y,
-    onHoveredPointChange: w
-  } = q, [n, X] = P(null), [Y, M] = P(!1), [b, A] = P(0), [S, F] = P(0), _ = L(null);
+import { jsx as f, jsxs as D } from "react/jsx-runtime";
+import { c as Q } from "react/compiler-runtime";
+import U from "./visualization.es127.js";
+import { heatmapCellStyles as Z } from "./visualization.es128.js";
+import ee from "./visualization.es120.js";
+import { xAxisLabelProps as te, yAxisLabelProps as le, yAxisTickLabelProps as oe } from "./visualization.es65.js";
+import { AXIS_LABEL_GAP as I, LEGEND_GAP as se } from "./visualization.es66.js";
+import ae from "./visualization.es32.js";
+import ie from "./visualization.es27.js";
+const ge = (X) => {
+  const e = Q(51), {
+    svgRef: b,
+    layout: Y,
+    parentWidth: g,
+    parentHeight: d,
+    data: t,
+    gap: k,
+    isRect: L,
+    animationType: y,
+    tooltipBody: u,
+    onClick: A,
+    selectedCells: P,
+    deselectedColor: S,
+    xLabel: q,
+    yLabel: z,
+    showLegend: T,
+    xAxisTickFormat: C,
+    yAxisTickFormat: H,
+    xAxisTickLabelProps: V
+  } = X, {
+    marg: O,
+    xMax: _,
+    yMax: l,
+    xScale: o,
+    yScale: w,
+    cellYScale: F,
+    stableColors: s,
+    minValue: a,
+    maxValue: i,
+    binWidth: R,
+    binHeight: $,
+    numRows: v,
+    xTickValues: B,
+    yTickValues: E,
+    colLabelHeight: J,
+    maxRowNameWidth: K
+  } = Y;
+  let x;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ f("style", { children: Z }), e[0] = x) : x = e[0];
+  const G = `translate(${O.left},${O.top})`;
+  let r;
+  e[1] !== y || e[2] !== $ || e[3] !== R || e[4] !== F || e[5] !== t || e[6] !== S || e[7] !== k || e[8] !== L || e[9] !== i || e[10] !== a || e[11] !== A || e[12] !== P || e[13] !== s || e[14] !== u || e[15] !== o ? (r = /* @__PURE__ */ f(U, { data: t, xScale: o, yScale: F, colors: s, minValue: a, maxValue: i, gap: k, isRect: L, binWidth: R, binHeight: $, animationType: y, tooltipBody: u, onClick: A, selectedCells: P, deselectedColor: S }), e[1] = y, e[2] = $, e[3] = R, e[4] = F, e[5] = t, e[6] = S, e[7] = k, e[8] = L, e[9] = i, e[10] = a, e[11] = A, e[12] = P, e[13] = s, e[14] = u, e[15] = o, e[16] = r) : r = e[16];
+  const W = q ?? "", j = J + I;
   let c;
-  t[0] !== o || t[1] !== n ? (c = n ? o.find((l) => l.x === n.x && l.y === n.y) ?? null : null, t[0] = o, t[1] = n, t[2] = c) : c = t[2];
-  const e = c, s = V(w), T = L(null);
-  let i, u;
-  t[3] !== e || t[4] !== s ? (i = () => {
-    T.current !== e && (T.current = e, s(e));
-  }, u = [e, s], t[3] = e, t[4] = s, t[5] = i, t[6] = u) : (i = t[5], u = t[6]), $(i, u);
-  let f, p;
-  t[7] !== s ? (f = () => () => {
-    T.current !== null && s(null);
-  }, p = [s], t[7] = s, t[8] = f, t[9] = p) : (f = t[8], p = t[9]), $(f, p);
-  let d;
-  t[10] !== r.left || t[11] !== r.top || t[12] !== o || t[13] !== g || t[14] !== y ? (d = (l, k) => {
-    if (k.isDragging) {
-      M(!1), X(null);
-      return;
-    }
-    A(l.pageX), F(l.pageY);
-    const D = W(l.currentTarget, l);
-    if (!D)
-      return;
-    const I = D.x - r.left, J = D.y - r.top, {
-      translateX: R,
-      translateY: v,
-      scaleX: H,
-      scaleY: j
-    } = k.transformMatrix, a = _.current, B = (a && a.pointData === o && a.translateX === R && a.translateY === v && a.scaleX === H && a.scaleY === j ? a.points : (() => {
-      const x = Q(g, R, H), K = U(y, v, j), E = o.map((O) => ({
-        point: O,
-        x: x(O.x),
-        y: K(O.y)
-      }));
-      return _.current = {
-        pointData: o,
-        translateX: R,
-        translateY: v,
-        scaleX: H,
-        scaleY: j,
-        points: E
-      }, E;
-    })()).find((x) => Math.abs(I - x.x) < 5 && Math.abs(J - x.y) < 5)?.point ?? null;
-    X(B), M(!!B);
-  }, t[10] = r.left, t[11] = r.top, t[12] = o, t[13] = g, t[14] = y, t[15] = d) : d = t[15];
-  const C = d;
+  e[17] !== t.length || e[18] !== W || e[19] !== j || e[20] !== C || e[21] !== V || e[22] !== o || e[23] !== B || e[24] !== l ? (c = /* @__PURE__ */ f(ae, { top: l, scale: o, numTicks: t.length, tickFormat: C, tickValues: B, tickLabelProps: V, label: W, labelOffset: j, labelProps: te }), e[17] = t.length, e[18] = W, e[19] = j, e[20] = C, e[21] = V, e[22] = o, e[23] = B, e[24] = l, e[25] = c) : c = e[25];
+  const M = z ?? "", N = K + I;
   let m;
-  t[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
-    M(!1), X(null);
-  }, t[16] = m) : m = t[16];
-  const G = m;
+  e[26] !== v || e[27] !== M || e[28] !== N || e[29] !== H || e[30] !== w || e[31] !== E ? (m = /* @__PURE__ */ f(ie, { scale: w, numTicks: v, tickValues: E, tickFormat: H, tickLabelProps: oe, label: M, labelOffset: N, labelProps: le }), e[26] = v, e[27] = M, e[28] = N, e[29] = H, e[30] = w, e[31] = E, e[32] = m) : m = e[32];
+  let n;
+  e[33] !== i || e[34] !== a || e[35] !== T || e[36] !== s || e[37] !== _ || e[38] !== l ? (n = T && /* @__PURE__ */ f("g", { transform: `translate(${_ + se}, 0)`, children: /* @__PURE__ */ f(ee, { colors: s, minValue: a, maxValue: i, height: l }) }), e[33] = i, e[34] = a, e[35] = T, e[36] = s, e[37] = _, e[38] = l, e[39] = n) : n = e[39];
+  let p;
+  e[40] !== n || e[41] !== G || e[42] !== r || e[43] !== c || e[44] !== m ? (p = /* @__PURE__ */ D("g", { transform: G, children: [
+    r,
+    c,
+    m,
+    n
+  ] }), e[40] = n, e[41] = G, e[42] = r, e[43] = c, e[44] = m, e[45] = p) : p = e[45];
   let h;
-  return t[17] !== C || t[18] !== e || t[19] !== b || t[20] !== S || t[21] !== n || t[22] !== Y ? (h = {
-    hoveredPoint: e,
-    tooltipData: n,
-    tooltipOpen: Y,
-    mouseX: b,
-    mouseY: S,
-    handleMouseMove: C,
-    handleMouseLeave: G
-  }, t[17] = C, t[18] = e, t[19] = b, t[20] = S, t[21] = n, t[22] = Y, t[23] = h) : h = t[23], h;
+  return e[46] !== d || e[47] !== g || e[48] !== b || e[49] !== p ? (h = /* @__PURE__ */ D("svg", { width: g, height: d, ref: b, children: [
+    x,
+    p
+  ] }), e[46] = d, e[47] = g, e[48] = b, e[49] = p, e[50] = h) : h = e[50], h;
 };
 export {
-  lt as useHoverTooltip
+  ge as default
 };
 //# sourceMappingURL=visualization.es69.js.map

package/dist/visualization.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es69.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onHoveredPointChange,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const [tooltipOpen, setTooltipOpen] = useState(false);\n    const [mouseX, setMouseX] = useState(0);\n    const [mouseY, setMouseY] = useState(0);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    // Published from an effect rather than the move handler because hoveredPoint is derived:\n    // setTooltipData is called on every move and React discards the ones that do not change it,\n    // so watching the derived value is what turns a stream of moves into enter/leave events.\n    // The ref keeps that true when the effect itself is re-run without a real change.\n    const publishHoverChange = useStableCallback(onHoveredPointChange);\n    const publishedPointRef = useRef<Point<T> | null>(null);\n\n    useEffect(() => {\n        if (publishedPointRef.current === hoveredPoint) return;\n        publishedPointRef.current = hoveredPoint;\n        publishHoverChange(hoveredPoint);\n    }, [hoveredPoint, publishHoverChange]);\n\n    // Announce the hover as ended when the plot unmounts, so a consumer driving highlight state\n    // of its own - a legend entry, a linked chart - isn't left lit for a plot that is gone.\n    // Kept apart from the effect above, whose cleanup would otherwise fire on every transition.\n    useEffect(() => () => {\n        if (publishedPointRef.current !== null) publishHoverChange(null);\n    }, [publishHoverChange]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            setTooltipOpen(false);\n            setTooltipData(null);\n            return;\n        }\n\n        setMouseX(event.pageX);\n        setMouseY(event.pageY);\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        setTooltipData(nextHoveredPoint);\n        setTooltipOpen(Boolean(nextHoveredPoint));\n    }, [margin.left, margin.top, pointData, xScale, yScale]);\n\n    const handleMouseLeave = useCallback(() => {\n        setTooltipOpen(false);\n        setTooltipData(null);\n    }, []);\n\n    return { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipData","setTooltipData","useState","tooltipOpen","setTooltipOpen","mouseX","setMouseX","mouseY","setMouseY","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","t5","t6","left","top","event","zoom","isDragging","pageX","pageY","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","Boolean","handleMouseMove","t7","Symbol","for","handleMouseLeave","t8"],"mappings":";;;;;AAwBO,MAAMA,KAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAP,GAO9C,CAAAQ,GAAAC,CAAA,IAAsCC,EAA0B,IAAI,GACpE,CAAAC,GAAAC,CAAA,IAAsCF,EAAS,EAAK,GACpD,CAAAG,GAAAC,CAAA,IAA4BJ,EAAS,CAAC,GACtC,CAAAK,GAAAC,CAAA,IAA4BN,EAAS,CAAC,GACtCO,IAAiCC,EAAwC,IAAI;AAAE,MAAAC;AAAA,EAAAlB,EAAA,CAAA,MAAAE,KAAAF,SAAAO,KAGrEW,IAAAX,IACAL,EAASiB,KAAMC,CAAAA,MAAWA,EAAKC,MAAOd,EAAWc,KAAMD,EAAKE,MAAOf,EAAWe,CAAU,KAAxF,OADA,MAEItB,OAAAE,GAAAF,OAAAO,GAAAP,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAHd,QAAAuB,IACUL,GAUVM,IAA2BC,EAAkBnB,CAAoB,GACjEoB,IAA0BT,EAAwB,IAAI;AAAE,MAAAU,GAAAC;AAAA,EAAA5B,EAAA,CAAA,MAAAuB,KAAAvB,SAAAwB,KAE9CG,IAAAA,MAAA;AACN,IAAID,EAAiBG,YAAaN,MAClCG,EAAiBG,UAAWN,GAC5BC,EAAmBD,CAAY;AAAA,EAAC,GACjCK,IAAA,CAACL,GAAcC,CAAkB,GAACxB,OAAAuB,GAAAvB,OAAAwB,GAAAxB,OAAA2B,GAAA3B,OAAA4B,MAAAD,IAAA3B,EAAA,CAAA,GAAA4B,IAAA5B,EAAA,CAAA,IAJrC8B,EAAUH,GAIPC,CAAkC;AAAC,MAAAG,GAAAC;AAAA,EAAAhC,SAAAwB,KAK5BO,IAAAA,MAAM,MAAA;AACZ,IAAIL,EAAiBG,YAAa,QAAML,EAAmB,IAAI;AAAA,EAAE,GAClEQ,IAAA,CAACR,CAAkB,GAACxB,OAAAwB,GAAAxB,OAAA+B,GAAA/B,OAAAgC,MAAAD,IAAA/B,EAAA,CAAA,GAAAgC,IAAAhC,EAAA,CAAA,IAFvB8B,EAAUC,GAEPC,CAAoB;AAAC,MAAAC;AAAA,EAAAjC,UAAAG,EAAA+B,QAAAlC,EAAA,EAAA,MAAAG,EAAAgC,OAAAnC,EAAA,EAAA,MAAAE,KAAAF,UAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAEY4B,IAAAA,CAAAG,GAAAC,MAAA;AAChC,QAAIA,EAAIC,YAAW;AACf3B,MAAAA,EAAe,EAAK,GACpBH,EAAe,IAAI;AAAC;AAAA,IAAA;AAIxBK,IAAAA,EAAUuB,EAAKG,KAAM,GACrBxB,EAAUqB,EAAKI,KAAM;AAErB,UAAAC,IAAcC,EAAWN,EAAKO,eAAgBP,CAAK;AACnD,QAAI,CAAChB;AAAK;AAEV,UAAAwB,IAAkBxB,EAAKC,IAAKlB,EAAM+B,MAClCW,IAAkBzB,EAAKE,IAAKnB,EAAMgC,KAClC;AAAA,MAAAW,YAAAA;AAAAA,MAAAC,YAAAA;AAAAA,MAAAC,QAAAA;AAAAA,MAAAC,QAAAA;AAAAA,IAAAA,IAAmDZ,EAAIa,iBAEvDC,IAAgCnC,EAAwBa,SAiCxDuB,KA/BID,KACAA,EAAuBjD,cAAeA,KACtCiD,EAAuBL,eAAgBA,KACvCK,EAAuBJ,eAAgBA,KACvCI,EAAuBH,WAAYA,KACnCG,EAAuBF,WAAYA,IAGjCE,EAAuBE,UACtB,MAAA;AACC,YAAAC,IAA0BC,EAASnD,GAAQ0C,GAAYE,CAAM,GAC7DQ,IAA0BC,EAASpD,GAAQ0C,GAAYE,CAAM,GAC7DS,IAAmBxD,EAASyD,IAAKC,CAAAA,OAAW;AAAA,QAAAxC,OACjCwC;AAAAA,QAAIvC,GACRiC,EAAkBM,EAAIvC,CAAE;AAAA,QAACC,GACzBkC,EAAkBI,EAAItC,CAAE;AAAA,MAAA,EAC7B;AAEFN,aAAAA,EAAwBa,UAAW;AAAA,QAAA3B,WAAAA;AAAAA,QAAA4C,YAAAA;AAAAA,QAAAC,YAAAA;AAAAA,QAAAC,QAAAA;AAAAA,QAAAC,QAAAA;AAAAA,QAAAI,QAMvBK;AAAAA,MAAAA,GAGLA;AAAAA,IAAU,GAAA,GAIiBvC,KAAM0C,OAC5CC,KAAIC,IAAKnB,IAAYgB,EAAIvC,CAAE,IAFb,KAGdyC,KAAIC,IAAKlB,IAAYe,EAAItC,CAAE,IAHb,CAIV,GAACF,SAHgB;AAKzBZ,IAAAA,EAAe4C,CAAgB,GAC/BzC,EAAeqD,EAAQZ,CAAiB;AAAA,EAAC,GAC5CpD,EAAA,EAAA,IAAAG,EAAA+B,MAAAlC,EAAA,EAAA,IAAAG,EAAAgC,KAAAnC,QAAAE,GAAAF,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AAzDD,QAAAiE,IAAwBhC;AAyDiC,MAAAiC;AAAA,EAAAlE,EAAA,EAAA,MAAAmE,uBAAAC,IAAA,2BAAA,KAEpBF,IAAAA,MAAA;AACjCvD,IAAAA,EAAe,EAAK,GACpBH,EAAe,IAAI;AAAA,EAAC,GACvBR,QAAAkE,KAAAA,IAAAlE,EAAA,EAAA;AAHD,QAAAqE,IAAyBH;AAGlB,MAAAI;AAAA,SAAAtE,UAAAiE,KAAAjE,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAc,KAAAd,UAAAO,KAAAP,EAAA,EAAA,MAAAU,KAEA4D,IAAA;AAAA,IAAA/C,cAAAA;AAAAA,IAAAhB,aAAAA;AAAAA,IAAAG,aAAAA;AAAAA,IAAAE,QAAAA;AAAAA,IAAAE,QAAAA;AAAAA,IAAAmD,iBAAAA;AAAAA,IAAAI,kBAAAA;AAAAA,EAAAA,GAA6FrE,QAAAiE,GAAAjE,QAAAuB,GAAAvB,QAAAY,GAAAZ,QAAAc,GAAAd,QAAAO,GAAAP,QAAAU,GAAAV,QAAAsE,KAAAA,IAAAtE,EAAA,EAAA,GAA7FsE;AAA6F;"}
+{"version":3,"file":"visualization.es69.js","sources":["../src/components/Heatmap/HeatmapStaticSvg.tsx"],"sourcesContent":["import { type ReactElement, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport HeatmapCells from \"./HeatmapCells\";\nimport { heatmapCellStyles } from \"./HeatmapCell\";\nimport HeatmapLegend from \"./HeatmapLegend\";\nimport { xAxisLabelProps, yAxisTickLabelProps, yAxisLabelProps, type getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { LEGEND_GAP, AXIS_LABEL_GAP, type HeatmapLayout } from \"./heatmapLayout\";\n\nexport interface HeatmapStaticSvgProps {\n  svgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  parentWidth: number;\n  parentHeight: number;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapStaticSvg = ({\n  svgRef, layout, parentWidth, parentHeight, data, gap, isRect, animationType, tooltipBody,\n  onClick, selectedCells, deselectedColor, xLabel, yLabel, showLegend,\n  xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapStaticSvgProps) => {\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, colLabelHeight, maxRowNameWidth, legendWidth,\n  } = layout;\n\n  return (\n    <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n      {/* Inside the <svg> so cell hover styling survives the SVG/PNG download serialization */}\n      <style>{heatmapCellStyles}</style>\n      <g transform={`translate(${marg.left},${marg.top})`}>\n        <HeatmapCells\n          data={data}\n          xScale={xScale}\n          yScale={cellYScale}\n          colors={stableColors}\n          minValue={minValue}\n          maxValue={maxValue}\n          gap={gap}\n          isRect={isRect}\n          binWidth={binWidth}\n          binHeight={binHeight}\n          animationType={animationType}\n          tooltipBody={tooltipBody}\n          onClick={onClick}\n          selectedCells={selectedCells}\n          deselectedColor={deselectedColor}\n        />\n        <AxisBottom\n          top={yMax}\n          scale={xScale}\n          numTicks={data.length}\n          tickFormat={xAxisTickFormat}\n          tickValues={xTickValues}\n          tickLabelProps={xAxisTickLabelProps}\n          label={xLabel ?? \"\"}\n          labelOffset={colLabelHeight + AXIS_LABEL_GAP}\n          labelProps={xAxisLabelProps}\n        />\n        <AxisLeft\n          scale={yScale}\n          numTicks={numRows}\n          tickValues={yTickValues}\n          tickFormat={yAxisTickFormat}\n          tickLabelProps={yAxisTickLabelProps}\n          label={yLabel ?? \"\"}\n          labelOffset={maxRowNameWidth + AXIS_LABEL_GAP}\n          labelProps={yAxisLabelProps}\n        />\n        {showLegend && (\n          <g transform={`translate(${xMax + LEGEND_GAP}, 0)`}>\n            <HeatmapLegend\n              colors={stableColors}\n              minValue={minValue}\n              maxValue={maxValue}\n              height={yMax}\n            />\n          </g>\n        )}\n      </g>\n    </svg>\n  );\n};\n\nexport default HeatmapStaticSvg;\n"],"names":["HeatmapStaticSvg","t0","$","_c","svgRef","layout","parentWidth","parentHeight","data","gap","isRect","animationType","tooltipBody","onClick","selectedCells","deselectedColor","xLabel","yLabel","showLegend","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","colLabelHeight","maxRowNameWidth","t1","Symbol","for","jsx","heatmapCellStyles","t2","left","top","t3","HeatmapCells","t4","t5","AXIS_LABEL_GAP","t6","length","AxisBottom","xAxisLabelProps","t7","t8","t9","AxisLeft","yAxisTickLabelProps","yAxisLabelProps","t10","LEGEND_GAP","HeatmapLegend","t11","jsxs","t12"],"mappings":"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"}

package/dist/visualization.es7.js

@@ -1,16 +1,16 @@
 import { jsx as N, jsxs as oe } from "react/jsx-runtime";
 import { useState as G, useMemo as f, useRef as U, useCallback as R } from "react";
-import { ZoomFrame as ce } from "./visualization.es20.js";
-import { RenderTree as re } from "./visualization.es21.js";
-import ie from "./visualization.es22.js";
-import le from "./visualization.es23.js";
-import de from "./visualization.es24.js";
-import ue from "./visualization.es25.js";
-import he from "./visualization.es26.js";
-import S from "./visualization.es27.js";
+import { ZoomFrame as ce } from "./visualization.es33.js";
+import { RenderTree as re } from "./visualization.es34.js";
+import ie from "./visualization.es24.js";
+import le from "./visualization.es35.js";
+import de from "./visualization.es36.js";
+import ue from "./visualization.es37.js";
+import he from "./visualization.es38.js";
+import S from "./visualization.es39.js";
 import pe from "./visualization.es28.js";
-import me from "./visualization.es29.js";
-import { pathRadialStep as J } from "./visualization.es30.js";
+import me from "./visualization.es40.js";
+import { pathRadialStep as J } from "./visualization.es41.js";
 const we = {
   duration: 0.3,
   ease: "easeInOut"