@weng-lab/visualization 2.5.0 → 2.5.1-beta.0

package/dist/visualization.es67.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"visualization.es67.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":";;;;AAeA,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,KAAAA;AAAAA,EAAAA,IAAAL;AAAwD,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC0BF,IAAA;AAAA,IAAAG,MAAQ;AAAA,EAAA,GAAOR,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAvH,QAAA,CAAAS,GAAAC,CAAA,IAA0BC,EAA8EN,CAAe;AAAE,MAAAO;AAOzH,MAPyHZ,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEhGK,IAAAA,OAAO;AAAA,IAAAC,MACtBA,CAAAC,GAAAC,GAAAC,MAAoBN,EAAS;AAAA,MAAAF,MAAQ;AAAA,MAAIS,MAAQH;AAAAA,MAAGC,MAAAA;AAAAA,MAAAC,KAAAA;AAAAA,IAAAA,CAAa;AAAA,IAACE,MAClEA,MAAMR,EAASS,CAA8B;AAAA,EAAA,IACrDnB,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAHFoB,EAAoBhB,GAAKQ,CAGvB,GAEE,CAACH,EAAKD,QAAN,CAAgBC,EAAKQ;AAAK,WAAS;AAEvC,QAAA;AAAA,IAAAA,MAAAA;AAAAA,IAAAF,MAAAM;AAAAA,IAAAL,KAAAM;AAAAA,EAAAA,IAA4Bb;AAAM,MAAAc;AAAA,EAAAvB,EAAA,CAAA,MAAAiB,KAAAjB,SAAAE,KAAAF,EAAA,CAAA,MAAAG,KAIzBoB,IAAApB,IACGA,EAAYc,CAiBhB,IAfI,gBAAAO,EAAA,SAAY,OAAA;AAAA,IAAAC,UAAY;AAAA,EAAA,GACpB,UAAA;AAAA,IAAA,gBAAAD,EAAA,OAAA,EACI,UAAA;AAAA,MAAA,gBAAAE,EAAA,YAAQ,UAAA,SAAA,CAAM;AAAA,MAAS;AAAA,MAAET,EAAIU,GAAGC,QAAS,CAAC;AAAA,MAAE;AAAA,MAAGX,EAAIY,GAAGD,QAAS,CAAC;AAAA,IAAA,GACpE;AAAA,IACC1B,IACGe,EAAIa,OAAOC,IAAKC,CAQpB,sBADI,OAAA,EAAK,UAAA;AAAA,MAAA,gBAAAN,EAAA,YAAQ,UAAA,SAAA,CAAM;AAAA,MAAS;AAAA,MAAET,EAAIgB;AAAAA,IAAAA,EAAAA,CAAO;AAAA,EAAA,GAEjD,GACHjC,OAAAiB,GAAAjB,OAAAE,GAAAF,OAAAG,GAAAH,OAAAuB,KAAAA,IAAAvB,EAAA,CAAA;AAAA,MAAAkC;AAAA,SAAAlC,EAAA,CAAA,MAAAqB,KAAArB,SAAAuB,KAAAvB,EAAA,CAAA,MAAAsB,KAnBLY,sBAACC,GAAA,EAAwBpB,MAAAA,GAAWC,KAAAA,GAC/BO,UAAAA,GAmBL,GAAoBvB,OAAAqB,GAAArB,OAAAuB,GAAAvB,OAAAsB,GAAAtB,OAAAkC,KAAAA,IAAAlC,EAAA,CAAA,GApBpBkC;AAoBoB;AAjCH,SAAAf,EAAAiB,GAAA;AAAA,SAKY;AAAA,IAAA,GAAKA;AAAAA,IAAC5B,MAAQ;AAAA,EAAA;AAAO;AALjC,SAAAwB,EAAAK,GAAA;AAAA,SAuBG,gBAAAb,EAAA,SAA0B,OAAA;AAAA,IAAAc,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GACpE,UAAA;AAAA,IAAA,gBAAAd,EAAA,UAAa,OAAA;AAAA,MAAAe,OAAS;AAAA,MAACC,QAAU;AAAA,MAACC,cAAgB;AAAA,MAACC,iBAAmBR,EAACS;AAAAA,MAAMP,SAAW;AAAA,IAAA,GAAgB;AAAA,gCAClG,UAAA;AAAA,MAAA,gBAAAd,EAAA,UAAA,EAASY,UAAAA;AAAAA,QAAAA,EAACU;AAAAA,QAAO;AAAA,MAAA,GAAC;AAAA,MAAS;AAAA,MAAEV,EAACH;AAAAA,IAAAA,EAAAA,CAAO;AAAA,EAAA,EAAA,GAFrCG,EAACU,KAGX;AAAM;"}

package/dist/visualization.es68.js

@@ -1,178 +1,49 @@
-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
+import { jsx as g } from "react/jsx-runtime";
+import { memo as X, useState as v } from "react";
+import { getAnimationProps as w } from "./visualization.es23.js";
+import { motion as x } from "./visualization.es28.js";
+import B from "./visualization.es102.js";
+const E = X(({
+  bin: r,
+  x: p,
+  barWidth: l,
+  yScale: n,
+  animationType: c,
+  binIndex: f,
+  svgRef: i,
+  tooltipRef: s,
+  onBarClicked: u
 }) => {
-  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
+  const [h, m] = v(!1), d = c ? x.g : "g", M = w(c, f);
+  let a = 0;
+  const Y = r.series.map((t, e) => {
+    const o = a;
+    return a += t.count, {
+      s: t,
+      si: e,
+      segY: n(o + t.count),
+      segHeight: Math.max(n(o) - n(o + t.count), 0)
+    };
   });
-  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 })
-  ] });
-};
+  return /* @__PURE__ */ g(d, { ...M, onMouseEnter: (t) => {
+    m(!0);
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseMove: (t) => {
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseLeave: () => {
+    m(!1), s.current?.hide();
+  }, children: Y.map(({
+    s: t,
+    si: e,
+    segY: o,
+    segHeight: H
+  }) => /* @__PURE__ */ g(B, { x: p, y: o, width: l, height: H, fill: t.color, opacity: 0.85, stroke: h ? "#000000" : "none", style: {
+    cursor: u ? "pointer" : "default"
+  }, onClick: () => u?.(r) }, `seg-${e}`)) });
+});
 export {
-  Si as default
+  E as default
 };
 //# sourceMappingURL=visualization.es68.js.map

package/dist/visualization.es68.js.map

@@ -1 +1 @@
-{"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":"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"}
+{"version":3,"file":"visualization.es68.js","sources":["../src/components/Histogram/HistogramBar.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\nimport { Bar } from '@visx/shape';\nimport { motion } from 'framer-motion';\nimport { getAnimationProps, AnimationType } from '../../utility';\nimport { HistogramBin } from './types';\nimport { HistogramTooltipHandle } from './HistogramTooltip';\n\nexport interface HistogramBarProps {\n    bin: HistogramBin;\n    x: number;\n    barWidth: number;\n    yScale: (v: number) => number;\n    animationType?: AnimationType;\n    binIndex: number;\n    svgRef: React.RefObject<SVGSVGElement | null>;\n    tooltipRef: React.RefObject<HistogramTooltipHandle | null>;\n    onBarClicked?: (bin: HistogramBin) => void;\n}\n\n//memoize so that entire chart doesnt re-render on hover, just the hovered bar\nconst HistogramBar = memo(({ bin, x, barWidth, yScale, animationType, binIndex, svgRef, tooltipRef, onBarClicked }: HistogramBarProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const Wrapper = animationType ? motion.g : 'g';\n    const animProps = getAnimationProps(animationType, binIndex);\n\n    let totCount = 0;\n    const segments = bin.series.map((s, si) => {\n        const start = totCount;\n        totCount += s.count;\n        return { s, si, segY: yScale(start + s.count), segHeight: Math.max(yScale(start) - yScale(start + s.count), 0) };\n    });\n\n    return (\n        <Wrapper\n            {...animProps}\n            onMouseEnter={(e: React.MouseEvent) => {\n                setIsHovered(true);\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseMove={(e: React.MouseEvent) => {\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseLeave={() => {\n                setIsHovered(false);\n                tooltipRef.current?.hide();\n            }}\n        >\n            {segments.map(({ s, si, segY, segHeight }) => (\n                <Bar\n                    key={`seg-${si}`}\n                    x={x}\n                    y={segY}\n                    width={barWidth}\n                    height={segHeight}\n                    fill={s.color}\n                    opacity={0.85}\n                    stroke={isHovered ? '#000000' : 'none'}\n                    style={{ cursor: onBarClicked ? 'pointer' : 'default' }}\n                    onClick={() => onBarClicked?.(bin)}\n                />\n            ))}\n        </Wrapper>\n    );\n});\n\nexport default HistogramBar;\n"],"names":["HistogramBar","memo","bin","x","barWidth","yScale","animationType","binIndex","svgRef","tooltipRef","onBarClicked","isHovered","setIsHovered","useState","Wrapper","motion","g","animProps","getAnimationProps","totCount","segments","series","map","s","si","start","count","segY","segHeight","Math","max","e","rect","current","getBoundingClientRect","show","clientX","left","pageX","clientY","top","pageY","hide","jsx","Bar","color","cursor"],"mappings":";;;;;AAoBA,MAAMA,IAAeC,EAAK,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,GAAAA;AAAAA,EAAGC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,eAAAA;AAAAA,EAAeC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,YAAAA;AAAAA,EAAYC,cAAAA;AAAgC,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAUR,IAAgBS,EAAOC,IAAI,KACrCC,IAAYC,EAAkBZ,GAAeC,CAAQ;AAE3D,MAAIY,IAAW;AACf,QAAMC,IAAWlB,EAAImB,OAAOC,IAAI,CAACC,GAAGC,MAAO;AACvC,UAAMC,IAAQN;AACdA,WAAAA,KAAYI,EAAEG,OACP;AAAA,MAAEH,GAAAA;AAAAA,MAAGC,IAAAA;AAAAA,MAAIG,MAAMtB,EAAOoB,IAAQF,EAAEG,KAAK;AAAA,MAAGE,WAAWC,KAAKC,IAAIzB,EAAOoB,CAAK,IAAIpB,EAAOoB,IAAQF,EAAEG,KAAK,GAAG,CAAC;AAAA,IAAA;AAAA,EACjH,CAAC;AAED,2BACKZ,GAAA,EACG,GAAIG,GACJ,cAAc,CAACc,MAAwB;AACnCnB,IAAAA,EAAa,EAAI;AACjB,UAAMoB,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,aAAa,CAACV,MAAwB;AAClC,UAAMC,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,cAAc,MAAM;AAChB7B,IAAAA,EAAa,EAAK,GAClBH,EAAWwB,SAASS,KAAAA;AAAAA,EACxB,GAECtB,UAAAA,EAASE,IAAI,CAAC;AAAA,IAAEC,GAAAA;AAAAA,IAAGC,IAAAA;AAAAA,IAAIG,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAAA,MAC1B,gBAAAe,EAACC,GAAA,EAEG,GAAAzC,GACA,GAAGwB,GACH,OAAOvB,GACP,QAAQwB,GACR,MAAML,EAAEsB,OACR,SAAS,MACT,QAAQlC,IAAY,YAAY,QAChC,OAAO;AAAA,IAAEmC,QAAQpC,IAAe,YAAY;AAAA,EAAA,GAC5C,SAAS,MAAMA,IAAeR,CAAG,KAT5B,OAAOsB,CAAE,EASqB,CAE1C,GACL;AAER,CAAC;"}

package/dist/visualization.es69.js

@@ -1,77 +1,59 @@
-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;
-  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;
-  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 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;
-};
+import { slice as F } from "./visualization.es521.js";
+import { bisectRight as j } from "./visualization.es515.js";
+import b from "./visualization.es522.js";
+import w from "./visualization.es520.js";
+import I from "./visualization.es523.js";
+import R from "./visualization.es524.js";
+import S, { tickIncrement as z } from "./visualization.es71.js";
+import q from "./visualization.es525.js";
+function L() {
+  var A = I, h = w, v = q;
+  function s(i) {
+    Array.isArray(i) || (i = Array.from(i));
+    var r, c = i.length, o, m, u = new Array(c);
+    for (r = 0; r < c; ++r)
+      u[r] = A(i[r], r, i);
+    var k = h(u), e = k[0], t = k[1], n = v(u, e, t);
+    if (!Array.isArray(n)) {
+      const g = t, x = +n;
+      if (h === w && ([e, t] = R(e, t, x)), n = S(e, t, x), n[0] <= e && (m = z(e, t, x)), n[n.length - 1] >= t)
+        if (g >= t && h === w) {
+          const l = z(e, t, x);
+          isFinite(l) && (l > 0 ? t = (Math.floor(t / l) + 1) * l : l < 0 && (t = (Math.ceil(t * -l) + 1) / -l));
+        } else
+          n.pop();
+    }
+    for (var f = n.length, a = 0, p = f; n[a] <= e; ) ++a;
+    for (; n[p - 1] > t; ) --p;
+    (a || p < f) && (n = n.slice(a, p), f = p - a);
+    var y = new Array(f + 1), M;
+    for (r = 0; r <= f; ++r)
+      M = y[r] = [], M.x0 = r > 0 ? n[r - 1] : e, M.x1 = r < f ? n[r] : t;
+    if (isFinite(m)) {
+      if (m > 0)
+        for (r = 0; r < c; ++r)
+          (o = u[r]) != null && e <= o && o <= t && y[Math.min(f, Math.floor((o - e) / m))].push(i[r]);
+      else if (m < 0) {
+        for (r = 0; r < c; ++r)
+          if ((o = u[r]) != null && e <= o && o <= t) {
+            const g = Math.floor((e - o) * m);
+            y[Math.min(f, g + (n[g] <= o))].push(i[r]);
+          }
+      }
+    } else
+      for (r = 0; r < c; ++r)
+        (o = u[r]) != null && e <= o && o <= t && y[j(n, o, 0, f)].push(i[r]);
+    return y;
+  }
+  return s.value = function(i) {
+    return arguments.length ? (A = typeof i == "function" ? i : b(i), s) : A;
+  }, s.domain = function(i) {
+    return arguments.length ? (h = typeof i == "function" ? i : b([i[0], i[1]]), s) : h;
+  }, s.thresholds = function(i) {
+    return arguments.length ? (v = typeof i == "function" ? i : b(Array.isArray(i) ? F.call(i) : i), s) : v;
+  }, s;
+}
 export {
-  ge as default
+  L as default
 };
 //# sourceMappingURL=visualization.es69.js.map

package/dist/visualization.es69.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"visualization.es69.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/bin.js"],"sourcesContent":["import {slice} from \"./array.js\";\nimport bisect from \"./bisect.js\";\nimport constant from \"./constant.js\";\nimport extent from \"./extent.js\";\nimport identity from \"./identity.js\";\nimport nice from \"./nice.js\";\nimport ticks, {tickIncrement} from \"./ticks.js\";\nimport sturges from \"./threshold/sturges.js\";\n\nexport default function bin() {\n  var value = identity,\n      domain = extent,\n      threshold = sturges;\n\n  function histogram(data) {\n    if (!Array.isArray(data)) data = Array.from(data);\n\n    var i,\n        n = data.length,\n        x,\n        step,\n        values = new Array(n);\n\n    for (i = 0; i < n; ++i) {\n      values[i] = value(data[i], i, data);\n    }\n\n    var xz = domain(values),\n        x0 = xz[0],\n        x1 = xz[1],\n        tz = threshold(values, x0, x1);\n\n    // Convert number of thresholds into uniform thresholds, and nice the\n    // default domain accordingly.\n    if (!Array.isArray(tz)) {\n      const max = x1, tn = +tz;\n      if (domain === extent) [x0, x1] = nice(x0, x1, tn);\n      tz = ticks(x0, x1, tn);\n\n      // If the domain is aligned with the first tick (which it will by\n      // default), then we can use quantization rather than bisection to bin\n      // values, which is substantially faster.\n      if (tz[0] <= x0) step = tickIncrement(x0, x1, tn);\n\n      // If the last threshold is coincident with the domain’s upper bound, the\n      // last bin will be zero-width. If the default domain is used, and this\n      // last threshold is coincident with the maximum input value, we can\n      // extend the niced upper bound by one tick to ensure uniform bin widths;\n      // otherwise, we simply remove the last threshold. Note that we don’t\n      // coerce values or the domain to numbers, and thus must be careful to\n      // compare order (>=) rather than strict equality (===)!\n      if (tz[tz.length - 1] >= x1) {\n        if (max >= x1 && domain === extent) {\n          const step = tickIncrement(x0, x1, tn);\n          if (isFinite(step)) {\n            if (step > 0) {\n              x1 = (Math.floor(x1 / step) + 1) * step;\n            } else if (step < 0) {\n              x1 = (Math.ceil(x1 * -step) + 1) / -step;\n            }\n          }\n        } else {\n          tz.pop();\n        }\n      }\n    }\n\n    // Remove any thresholds outside the domain.\n    // Be careful not to mutate an array owned by the user!\n    var m = tz.length, a = 0, b = m;\n    while (tz[a] <= x0) ++a;\n    while (tz[b - 1] > x1) --b;\n    if (a || b < m) tz = tz.slice(a, b), m = b - a;\n\n    var bins = new Array(m + 1),\n        bin;\n\n    // Initialize bins.\n    for (i = 0; i <= m; ++i) {\n      bin = bins[i] = [];\n      bin.x0 = i > 0 ? tz[i - 1] : x0;\n      bin.x1 = i < m ? tz[i] : x1;\n    }\n\n    // Assign data to bins by value, ignoring any outside the domain.\n    if (isFinite(step)) {\n      if (step > 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            bins[Math.min(m, Math.floor((x - x0) / step))].push(data[i]);\n          }\n        }\n      } else if (step < 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            const j = Math.floor((x0 - x) * step);\n            bins[Math.min(m, j + (tz[j] <= x))].push(data[i]); // handle off-by-one due to rounding\n          }\n        }\n      }\n    } else {\n      for (i = 0; i < n; ++i) {\n        if ((x = values[i]) != null && x0 <= x && x <= x1) {\n          bins[bisect(tz, x, 0, m)].push(data[i]);\n        }\n      }\n    }\n\n    return bins;\n  }\n\n  histogram.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(_), histogram) : value;\n  };\n\n  histogram.domain = function(_) {\n    return arguments.length ? (domain = typeof _ === \"function\" ? _ : constant([_[0], _[1]]), histogram) : domain;\n  };\n\n  histogram.thresholds = function(_) {\n    return arguments.length ? (threshold = typeof _ === \"function\" ? _ : constant(Array.isArray(_) ? slice.call(_) : _), histogram) : threshold;\n  };\n\n  return histogram;\n}\n"],"names":["bin","value","identity","domain","extent","threshold","sturges","histogram","data","i","n","x","step","values","xz","x0","x1","tz","max","tn","nice","ticks","tickIncrement","m","b","bins","j","bisect","_","constant","slice"],"mappings":"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","x_google_ignoreList":[0]}

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.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.es40.js";
-import { pathRadialStep as J } from "./visualization.es41.js";
+import { ZoomFrame as ce } from "./visualization.es81.js";
+import { RenderTree as re } from "./visualization.es82.js";
+import ie from "./visualization.es51.js";
+import le from "./visualization.es52.js";
+import de from "./visualization.es83.js";
+import ue from "./visualization.es84.js";
+import he from "./visualization.es85.js";
+import S from "./visualization.es86.js";
+import pe from "./visualization.es27.js";
+import me from "./visualization.es87.js";
+import { pathRadialStep as J } from "./visualization.es88.js";
 const we = {
   duration: 0.3,
   ease: "easeInOut"