@weng-lab/visualization 2.4.0-beta.0 → 2.4.0-beta.2

package/dist/visualization.es8.js

@@ -1,140 +1,149 @@
-import { jsx as o, jsxs as tt, Fragment as ot } from "react/jsx-runtime";
-import it, { useMemo as d, useCallback as G, useImperativeHandle as nt } from "react";
-import et from "./visualization.es28.js";
-import { Stack as at, Tooltip as lt, IconButton as rt } from "@mui/material";
-import { HighlightAlt as ct } from "@mui/icons-material";
-import { downloadDivAsPNG as mt, downloadDivAsSVG as R } from "./visualization.es29.js";
-import { getPointExtents as st, getDomains as dt, isSameTransform as ht } from "./visualization.es17.js";
-import gt from "./visualization.es30.js";
-import ut from "./visualization.es31.js";
-import ft from "./visualization.es32.js";
-import Mt from "./visualization.es33.js";
-import { useSelectionMode as xt } from "./visualization.es34.js";
-import { useMiniMapToggle as bt } from "./visualization.es35.js";
-import { useHoverTooltip as Dt } from "./visualization.es36.js";
-import { useCrosshair as Pt } from "./visualization.es37.js";
-import { useResponsiveParentSize as St } from "./visualization.es18.js";
-import Z from "./visualization.es38.js";
-import { ResponsiveContainer as wt } from "./visualization.es14.js";
-import Ct from "./visualization.es39.js";
-import vt from "./visualization.es40.js";
-const c = {
+import { jsx as o, jsxs as ot, Fragment as et } from "react/jsx-runtime";
+import { c as nt } from "react/compiler-runtime";
+import it, { useMemo as g, useCallback as G, useImperativeHandle as at } from "react";
+import lt from "./visualization.es66.js";
+import { useTheme as rt, Stack as ct, Tooltip as st, IconButton as mt } from "@mui/material";
+import { HighlightAlt as dt } from "@mui/icons-material";
+import { downloadDivAsPNG as ht, downloadDivAsSVG as H } from "./visualization.es22.js";
+import { getPointExtents as gt, getDomains as ut, isSameTransform as ft } from "./visualization.es17.js";
+import Mt from "./visualization.es67.js";
+import xt from "./visualization.es68.js";
+import bt from "./visualization.es69.js";
+import Pt from "./visualization.es70.js";
+import { useSelectionMode as Dt } from "./visualization.es71.js";
+import { useMiniMapToggle as St } from "./visualization.es72.js";
+import { useHoverTooltip as Ct } from "./visualization.es73.js";
+import { useCrosshair as vt } from "./visualization.es74.js";
+import { useResponsiveParentSize as wt } from "./visualization.es18.js";
+import R from "./visualization.es24.js";
+import { ResponsiveContainer as yt } from "./visualization.es14.js";
+import Tt, { defaultStyles as zt } from "./visualization.es50.js";
+import It from "./visualization.es48.js";
+const m = {
   top: 20,
   right: 20,
   bottom: 70,
   left: 70
-}, jt = (t) => {
-  const z = vt, B = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), k = t.initialState?.minimap?.open ?? !1, {
-    parentRef: H,
-    containerStyle: I,
-    width: N,
+}, Lt = () => {
+  const t = nt(2), c = rt();
+  let l;
+  return t[0] !== c.zIndex.tooltip ? (l = {
+    ...zt,
+    zIndex: c.zIndex.tooltip
+  }, t[0] = c.zIndex.tooltip, t[1] = l) : l = t[1], l;
+}, Ut = (t) => {
+  const c = Tt, l = Lt(), Z = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), B = t.initialState?.minimap?.open ?? !1, {
+    parentRef: k,
+    containerStyle: N,
+    width: $,
     height: O
-  } = St({
+  } = wt({
     width: t.width,
     height: t.height
-  }), n = Math.min(O, N), e = it.useRef(null), h = t.selectable ?? !1, a = n * 0.9 - c.left, l = a, $ = t.downloadButton ?? !1, {
-    selectMode: g,
-    handleSelectionModeChange: F
-  } = xt({
-    initialSelectionMode: B
+  }), n = Math.min(O, $), i = it.useRef(null), u = t.selectable ?? !1, a = n * 0.9 - m.left, r = a, F = t.downloadButton ?? !1, {
+    selectMode: f,
+    handleSelectionModeChange: V
+  } = Dt({
+    initialSelectionMode: Z
   }), {
-    showMiniMap: u,
-    toggleMiniMap: V
-  } = bt({
-    initialOpen: k
-  }), f = d(() => st(t.pointData), [t.pointData]), M = d(() => dt(f), [f]), [x, b] = t.xDomain ?? M.xDomain, [D, P] = t.yDomain ?? M.yDomain, m = d(() => Z({
-    domain: [x, b],
+    showMiniMap: M,
+    toggleMiniMap: E
+  } = St({
+    initialOpen: B
+  }), x = g(() => gt(t.pointData), [t.pointData]), b = g(() => ut(x), [x]), [P, D] = t.xDomain ?? b.xDomain, [S, C] = t.yDomain ?? b.yDomain, d = g(() => R({
+    domain: [P, D],
     range: [0, a]
-  }), [a, x, b]), s = d(() => Z({
-    domain: [D, P],
-    range: [l, 0]
-  }), [l, D, P]), {
-    hoveredPoint: E,
-    tooltipData: S,
-    tooltipOpen: X,
-    mouseX: Y,
-    mouseY: j,
+  }), [a, P, D]), h = g(() => R({
+    domain: [S, C],
+    range: [r, 0]
+  }), [r, S, C]), {
+    hoveredPoint: X,
+    tooltipData: v,
+    tooltipOpen: Y,
+    mouseX: j,
+    mouseY: W,
     handleMouseMove: w,
-    handleMouseLeave: C
-  } = Dt({
+    handleMouseLeave: y
+  } = Ct({
     pointData: t.pointData,
-    margin: c,
-    xScale: m,
-    yScale: s
-  }), v = t.crosshair ?? !1, {
-    crosshairPosition: W,
-    handleCrosshairMove: y,
-    handleCrosshairLeave: L
-  } = Pt({
-    enabled: v,
-    margin: c,
+    margin: m,
+    xScale: d,
+    yScale: h,
+    onHoveredPointChange: t.onHoveredPointChange
+  }), T = t.crosshair ?? !1, {
+    crosshairPosition: q,
+    handleCrosshairMove: z,
+    handleCrosshairLeave: I
+  } = vt({
+    enabled: T,
+    margin: m,
     boundedWidth: a,
-    boundedHeight: l,
-    xScale: m,
-    yScale: s,
+    boundedHeight: r,
+    xScale: d,
+    yScale: h,
     onCrosshairChange: t.onCrosshairChange
-  }), T = v ? W ?? t.crosshairPosition ?? null : null, q = G((i, r) => {
-    w(i, r), y(i, r);
-  }, [y, w]), J = G(() => {
-    C(), L();
-  }, [L, C]);
-  nt(t.ref, () => ({
+  }), L = T ? q ?? t.crosshairPosition ?? null : null, J = G((e, s) => {
+    w(e, s), z(e, s);
+  }, [z, w]), K = G(() => {
+    y(), I();
+  }, [I, y]);
+  at(t.ref, () => ({
     downloadSVG: () => {
-      e.current && R(e.current, t.downloadFileName ?? "scatter_plot.svg");
+      i.current && H(i.current, t.downloadFileName ?? "scatter_plot.svg");
     },
     downloadPNG: () => {
-      e.current && mt(e.current, t.downloadFileName ?? "scatter_plot.png");
+      i.current && ht(i.current, t.downloadFileName ?? "scatter_plot.png");
     }
   }));
-  const K = () => {
-    e.current && R(e.current, t.downloadFileName ?? "scatter_plot.svg");
-  }, A = (i) => {
-    const r = {
+  const Q = () => {
+    i.current && H(i.current, t.downloadFileName ?? "scatter_plot.svg");
+  }, A = (e) => {
+    const s = {
       x: a / 2,
-      y: l / 2
-    }, Q = () => {
-      i.scale({
+      y: r / 2
+    }, U = () => {
+      e.scale({
         scaleX: 1.2,
         scaleY: 1.2,
-        point: r
+        point: s
       });
-    }, U = () => {
-      i.scale({
+    }, p = () => {
+      e.scale({
         scaleX: 0.8,
         scaleY: 0.8,
-        point: r
+        point: s
       });
     }, _ = () => {
-      i.reset();
-    }, p = t.controlsPosition ?? "left";
-    return /* @__PURE__ */ tt(ot, { children: [
-      !t.disableZoom && /* @__PURE__ */ o(at, { direction: "column", sx: {
+      e.reset();
+    }, tt = t.controlsPosition ?? "left";
+    return /* @__PURE__ */ ot(et, { children: [
+      !t.disableZoom && /* @__PURE__ */ o(ct, { direction: "column", sx: {
         position: "absolute",
-        ...p === "right" ? {
+        ...tt === "right" ? {
           right: `max(10px, calc(45% - ${n / 2}px))`
         } : {
           left: `max(10px, calc(45% - ${n / 2}px))`
         },
-        top: `calc(50% - ${n / 2}px + ${c.top}px)`,
+        top: `calc(50% - ${n / 2}px + ${m.top}px)`,
         zIndex: 10
-      }, children: /* @__PURE__ */ o(et, { selectable: h, resetable: !ht(i.transformMatrix, i.initialTransformMatrix), handleSelectionModeChange: F, selectMode: g, zoomIn: Q, zoomOut: U, zoomReset: _, highlight: t.controlsHighlight, downloadButton: $, downloadPlot: K }) }),
-      /* @__PURE__ */ o(gt, { size: n, margin: c, boundedWidth: a, boundedHeight: l, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: m, yScale: s, zoom: i, selectMode: g, selectable: h, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: E, handleMouseMove: q, handleMouseLeave: J, onDisplayedPointsChange: t.onDisplayedPointsChange, onSelectionChange: t.onSelectionChange, onPointClicked: t.onPointClicked, leftAxisLabel: t.leftAxisLabel, bottomAxisLabel: t.bottomAxisLabel, border: t.border ?? !1, originLine: t.originLine, backgroundGradient: t.backgroundGradient, crosshair: T, divRef: e }),
-      t.miniMap && !t.disableZoom && /* @__PURE__ */ o(lt, { title: "Toggle Minimap", children: /* @__PURE__ */ o(rt, { sx: {
+      }, children: /* @__PURE__ */ o(lt, { selectable: u, resetable: !ft(e.transformMatrix, e.initialTransformMatrix), handleSelectionModeChange: V, selectMode: f, zoomIn: U, zoomOut: p, zoomReset: _, highlight: t.controlsHighlight, downloadButton: F, downloadPlot: Q }) }),
+      /* @__PURE__ */ o(Mt, { size: n, margin: m, boundedWidth: a, boundedHeight: r, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: d, yScale: h, zoom: e, selectMode: f, selectable: u, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: X, handleMouseMove: J, handleMouseLeave: K, onDisplayedPointsChange: t.onDisplayedPointsChange, onSelectionChange: t.onSelectionChange, onPointClicked: t.onPointClicked, leftAxisLabel: t.leftAxisLabel, bottomAxisLabel: t.bottomAxisLabel, border: t.border ?? !1, originLine: t.originLine, backgroundGradient: t.backgroundGradient, crosshair: L, divRef: i }),
+      t.miniMap && !t.disableZoom && /* @__PURE__ */ o(st, { title: "Toggle Minimap", children: /* @__PURE__ */ o(mt, { sx: {
         position: "absolute",
         right: 10,
         bottom: 10,
         zIndex: 10,
         width: "auto",
         height: "auto",
-        color: u ? t.controlsHighlight ?? "primary.main" : "default"
-      }, size: "small", onClick: V, children: /* @__PURE__ */ o(ct, {}) }) }),
-      u && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(ut, { miniMap: t.miniMap, width: n, height: n, pointData: t.pointData, xScale: m, yScale: s, zoom: i, crosshair: T }),
-      !t.disableTooltip && X && S && /* @__PURE__ */ o(Ct, { children: /* @__PURE__ */ o(z, { left: Y + 10, top: j, children: /* @__PURE__ */ o(Mt, { tooltipBody: t.tooltipBody, tooltipData: S }) }) })
+        color: M ? t.controlsHighlight ?? "primary.main" : "default"
+      }, size: "small", onClick: E, children: /* @__PURE__ */ o(dt, {}) }) }),
+      M && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(xt, { miniMap: t.miniMap, width: n, height: n, pointData: t.pointData, xScale: d, yScale: h, zoom: e, crosshair: L }),
+      !t.disableTooltip && Y && v && /* @__PURE__ */ o(It, { children: /* @__PURE__ */ o(c, { left: j + 10, top: W, style: l, children: /* @__PURE__ */ o(Pt, { tooltipBody: t.tooltipBody, tooltipData: v }) }) })
     ] });
   };
-  return /* @__PURE__ */ o(wt, { parentRef: H, containerStyle: I, children: t.zoom ? A(t.zoom) : /* @__PURE__ */ o(ft, { width: a, height: l, children: A }) });
+  return /* @__PURE__ */ o(yt, { parentRef: k, containerStyle: N, children: t.zoom ? A(t.zoom) : /* @__PURE__ */ o(bt, { width: a, height: r, children: A }) });
 };
 export {
-  jt as default
+  Ut as default
 };
 //# sourceMappingURL=visualization.es8.js.map

package/dist/visualization.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useImperativeHandle, useMemo } from 'react';\nimport { ChartProps, ZoomType } from './types';\nimport { Tooltip as VisxTooltip, TooltipProps, Portal } from '@visx/tooltip';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport ScatterTooltip from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\nimport { useCrosshair } from './hooks/useCrosshair';\n\nconst MARGIN = { top: 20, right: 20, bottom: 70, left: 70 };\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    /**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\n\n    const initialSelectionMode = props.initialState?.controls?.selectionType ?? (props.selectable ? \"select\" : \"pan\");\n    const initialMiniMapOpen = props.initialState?.minimap?.open ?? false;\n\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const size = Math.min(parentHeight, parentWidth)\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = size * 0.9 - MARGIN.left;\n    const boundedHeight = boundedWidth;\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({ pointData: props.pointData, margin: MARGIN, xScale, yScale });\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: `max(10px, calc(45% - ${size / 2}px))` }\n                                : { left: `max(10px, calc(45% - ${size / 2}px))` }),\n                            top: `calc(50% - ${size / 2}px + ${MARGIN.top}px)`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    size={size}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    groupPointsAnchor={props.groupPointsAnchor}\n                    hoveredPoint={hoveredPoint}\n                    handleMouseMove={handlePointerMove}\n                    handleMouseLeave={handlePointerLeave}\n                    onDisplayedPointsChange={props.onDisplayedPointsChange}\n                    onSelectionChange={props.onSelectionChange}\n                    onPointClicked={props.onPointClicked}\n                    leftAxisLabel={props.leftAxisLabel}\n                    bottomAxisLabel={props.bottomAxisLabel}\n                    border={props.border ?? false}\n                    originLine={props.originLine}\n                    backgroundGradient={props.backgroundGradient}\n                    crosshair={crosshair}\n                    divRef={divRef}\n                />\n                {props.miniMap && !props.disableZoom && (\n                    <Tooltip title=\"Toggle Minimap\">\n                        <IconButton\n                            sx={{\n                                position: \"absolute\",\n                                right: 10,\n                                bottom: 10,\n                                zIndex: 10,\n                                width: \"auto\",\n                                height: \"auto\",\n                                color: showMiniMap ? props.controlsHighlight ?? \"primary.main\" : \"default\",\n                            }}\n                            size=\"small\"\n                            onClick={toggleMiniMap}\n                        >\n                            <HighlightAlt />\n                        </IconButton>\n                    </Tooltip>\n                )}\n                {showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                    <MiniMap\n                        miniMap={props.miniMap}\n                        width={size}\n                        height={size}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && tooltipOpen && tooltipData && (\n                    <Portal>\n                        <VisTooltip left={mouseX + 10} top={mouseY}>\n                            <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                        </VisTooltip>\n                    </Portal>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","ScatterPlot","props","VisTooltip","VisxTooltip","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","zIndex","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","Portal","ScatterTooltip","tooltipBody","ResponsiveContainer","PlotZoom"],"mappings":"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"}
+{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useImperativeHandle, useMemo } from 'react';\nimport { ChartProps, ZoomType } from './types';\nimport { Tooltip as VisxTooltip, TooltipProps, Portal, defaultStyles as visxTooltipStyles } from '@visx/tooltip';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip, useTheme } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport ScatterTooltip from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\nimport { useCrosshair } from './hooks/useCrosshair';\n\nconst MARGIN = { top: 20, right: 20, bottom: 70, left: 70 };\n\n/**\n * The point tooltip is portalled to document.body, so it leaves the plot's stacking\n * context and cannot be layered against the plot's own overlays by DOM order alone.\n * visx ships no z-index of its own, which leaves it below the controls and the minimap\n * toggle (z-index 10) - those sit in the root stacking context, so they win against an\n * auto z-index no matter where the portal lands. Lifting the tooltip to the theme's\n * tooltip layer keeps it above them, and matches the MUI tooltips on the same controls.\n */\nconst useTooltipStyle = () => {\n    const theme = useTheme();\n    return useMemo(\n        () => ({ ...visxTooltipStyles, zIndex: theme.zIndex.tooltip }),\n        [theme.zIndex.tooltip]\n    );\n};\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    /**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\n\n    const tooltipStyle = useTooltipStyle();\n\n    const initialSelectionMode = props.initialState?.controls?.selectionType ?? (props.selectable ? \"select\" : \"pan\");\n    const initialMiniMapOpen = props.initialState?.minimap?.open ?? false;\n\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const size = Math.min(parentHeight, parentWidth)\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = size * 0.9 - MARGIN.left;\n    const boundedHeight = boundedWidth;\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({\n            pointData: props.pointData,\n            margin: MARGIN,\n            xScale,\n            yScale,\n            onHoveredPointChange: props.onHoveredPointChange,\n        });\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: `max(10px, calc(45% - ${size / 2}px))` }\n                                : { left: `max(10px, calc(45% - ${size / 2}px))` }),\n                            top: `calc(50% - ${size / 2}px + ${MARGIN.top}px)`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    size={size}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    groupPointsAnchor={props.groupPointsAnchor}\n                    hoveredPoint={hoveredPoint}\n                    handleMouseMove={handlePointerMove}\n                    handleMouseLeave={handlePointerLeave}\n                    onDisplayedPointsChange={props.onDisplayedPointsChange}\n                    onSelectionChange={props.onSelectionChange}\n                    onPointClicked={props.onPointClicked}\n                    leftAxisLabel={props.leftAxisLabel}\n                    bottomAxisLabel={props.bottomAxisLabel}\n                    border={props.border ?? false}\n                    originLine={props.originLine}\n                    backgroundGradient={props.backgroundGradient}\n                    crosshair={crosshair}\n                    divRef={divRef}\n                />\n                {props.miniMap && !props.disableZoom && (\n                    <Tooltip title=\"Toggle Minimap\">\n                        <IconButton\n                            sx={{\n                                position: \"absolute\",\n                                right: 10,\n                                bottom: 10,\n                                zIndex: 10,\n                                width: \"auto\",\n                                height: \"auto\",\n                                color: showMiniMap ? props.controlsHighlight ?? \"primary.main\" : \"default\",\n                            }}\n                            size=\"small\"\n                            onClick={toggleMiniMap}\n                        >\n                            <HighlightAlt />\n                        </IconButton>\n                    </Tooltip>\n                )}\n                {showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                    <MiniMap\n                        miniMap={props.miniMap}\n                        width={size}\n                        height={size}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && tooltipOpen && tooltipData && (\n                    <Portal>\n                        <VisTooltip left={mouseX + 10} top={mouseY} style={tooltipStyle}>\n                            <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                        </VisTooltip>\n                    </Portal>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","useTooltipStyle","$","_c","theme","useTheme","t0","zIndex","tooltip","visxTooltipStyles","ScatterPlot","props","VisTooltip","VisxTooltip","tooltipStyle","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","onHoveredPointChange","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","Portal","ScatterTooltip","tooltipBody","ResponsiveContainer","PlotZoom"],"mappings":"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"}

package/dist/visualization.es80.js

@@ -1,10 +1,24 @@
-function l(n, e, a) {
-  n = +n, e = +e, a = (g = arguments.length) < 2 ? (e = n, n = 0, 1) : g < 3 ? 1 : +a;
-  for (var h = -1, g = Math.max(0, Math.ceil((e - n) / a)) | 0, i = new Array(g); ++h < g; )
-    i[h] = n + h * a;
-  return i;
+import o from "./visualization.es24.js";
+const L = "#d1d5db", r = 0.5, E = "none", i = (n) => `${n.row}-${n.column}`;
+function u(n, a) {
+  return o({
+    range: n,
+    domain: n.map((e, t) => t * a / (n.length - 1))
+  });
+}
+function p(n, a, e, t) {
+  const l = n == null;
+  return {
+    fill: l ? E : e ? t : a ?? t,
+    fillOpacity: l ? 0 : e ? r : 1
+  };
 }
 export {
-  l as default
+  L as DEFAULT_DESELECTED_COLOR,
+  r as DESELECTED_OPACITY,
+  E as NULL_VALUE_COLOR,
+  i as cellKey,
+  u as getHeatmapColorScale,
+  p as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/range.js"],"sourcesContent":["export default function range(start, stop, step) {\n  start = +start, stop = +stop, step = (n = arguments.length) < 2 ? (stop = start, start = 0, 1) : n < 3 ? 1 : +step;\n\n  var i = -1,\n      n = Math.max(0, Math.ceil((stop - start) / step)) | 0,\n      range = new Array(n);\n\n  while (++i < n) {\n    range[i] = start + i * step;\n  }\n\n  return range;\n}\n"],"names":["range","start","stop","step","n","i"],"mappings":"AAAe,SAASA,EAAMC,GAAOC,GAAMC,GAAM;AAC/C,EAAAF,IAAQ,CAACA,GAAOC,IAAO,CAACA,GAAMC,KAAQC,IAAI,UAAU,UAAU,KAAKF,IAAOD,GAAOA,IAAQ,GAAG,KAAKG,IAAI,IAAI,IAAI,CAACD;AAM9G,WAJIE,IAAI,IACJD,IAAI,KAAK,IAAI,GAAG,KAAK,MAAMF,IAAOD,KAASE,CAAI,CAAC,IAAI,GACpDH,IAAQ,IAAI,MAAMI,CAAC,GAEhB,EAAEC,IAAID;AACX,IAAAJ,EAAMK,CAAC,IAAIJ,IAAQI,IAAIF;AAGzB,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es80.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\nimport type { HeatmapCellId } from \"./types\";\n\nexport const DEFAULT_DESELECTED_COLOR = \"#d1d5db\";\nexport const DESELECTED_OPACITY = 0.5;\nexport const NULL_VALUE_COLOR = \"none\";\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nexport function getHeatmapColorScale(colors: [string, string, ...string[]], maxValue: number) {\n  return scaleLinear<string>({\n    range: colors,\n    domain: colors.map((_, i) => (i * maxValue) / (colors.length - 1)),\n  });\n}\n\n/**\n * Shared by the SVG cell renderer (HeatmapCells.tsx, used for non-scrollable mode and export)\n * and the canvas cell renderer (HeatmapCanvasCells.ts, used on-screen in scrollable mode) so the\n * two can never drift apart on what a cell actually looks like.\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDeselected: boolean,\n  deselectedColor: string\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue ? NULL_VALUE_COLOR : isDeselected ? deselectedColor : color ?? deselectedColor,\n    fillOpacity: isNullValue ? 0 : isDeselected ? DESELECTED_OPACITY : 1,\n  };\n}\n"],"names":["DEFAULT_DESELECTED_COLOR","DESELECTED_OPACITY","NULL_VALUE_COLOR","cellKey","cell","row","column","getHeatmapColorScale","colors","maxValue","scaleLinear","range","domain","map","_","i","length","resolveCellAppearance","count","color","isDeselected","deselectedColor","isNullValue","fill","fillOpacity"],"mappings":";AAGO,MAAMA,IAA2B,WAC3BC,IAAqB,KACrBC,IAAmB,QAEnBC,IAAUA,CAACC,MAAwB,GAAGA,EAAKC,GAAG,IAAID,EAAKE,MAAM;AAEnE,SAASC,EAAqBC,GAAuCC,GAAkB;AAC5F,SAAOC,EAAoB;AAAA,IACzBC,OAAOH;AAAAA,IACPI,QAAQJ,EAAOK,IAAI,CAACC,GAAGC,MAAOA,IAAIN,KAAaD,EAAOQ,SAAS,EAAE;AAAA,EAAA,CAClE;AACH;AAOO,SAASC,EACdC,GACAC,GACAC,GACAC,GACuC;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,IAAcpB,IAAmBkB,IAAeC,IAAkBF,KAASE;AAAAA,IACjFG,aAAaF,IAAc,IAAIF,IAAenB,IAAqB;AAAA,EAAA;AAEvE;"}

package/dist/visualization.es81.js

@@ -1,16 +1,119 @@
-import f from "./visualization.es146.js";
-import u from "./visualization.es160.js";
-function d() {
-  let {
-    x: r,
-    y: n,
-    defined: t,
-    curve: i
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const e = u();
-  return r && f(e.x, r), n && f(e.y, n), t && e.defined(t), i && e.curve(i), e;
+import { cellKey as x, resolveCellAppearance as S } from "./visualization.es80.js";
+const m = (t, o, n) => Math.min(Math.max(t, o), n);
+function y(t, o, n) {
+  const {
+    xScale: a,
+    cellYScale: u,
+    gap: e,
+    isRect: l,
+    binWidth: c,
+    binHeight: i
+  } = t;
+  if (l)
+    return {
+      isRect: !0,
+      x: a(o),
+      y: u(n) + e,
+      width: c - e,
+      height: i - e
+    };
+  const r = Math.min(c, i) / 2;
+  return {
+    isRect: !1,
+    cx: o * c + c / 2,
+    cy: u(n) + e + r,
+    r: r - e,
+    radius: r
+  };
+}
+function R(t, o, n, a, u, e) {
+  const {
+    data: l,
+    numRows: c,
+    binWidth: i,
+    binHeight: r,
+    yMax: h
+  } = t;
+  return {
+    colStart: m(Math.floor(o / i) - e, 0, Math.max(0, l.length - 1)),
+    colEnd: m(Math.ceil((o + a) / i) + e, 0, Math.max(0, l.length - 1)),
+    rowStart: m(Math.floor((h - (n + u)) / r) - e, 0, Math.max(0, c - 1)),
+    rowEnd: m(Math.floor((h - n) / r) + e, 0, Math.max(0, c - 1))
+  };
+}
+function D(t, o, n, a) {
+  const {
+    data: u,
+    colorScale: e,
+    selectedKeys: l,
+    deselectedColor: c
+  } = o;
+  for (let i = n.colStart; i <= n.colEnd; i++) {
+    const r = u[i];
+    if (r)
+      for (let h = n.rowStart; h <= n.rowEnd; h++) {
+        const f = r.rows[h];
+        if (!f) continue;
+        const d = f.count, M = d == null ? void 0 : e(d), b = !!l && !l.has(x({
+          row: h,
+          column: i
+        })), {
+          fill: w,
+          fillOpacity: g
+        } = S(d, M, b, c);
+        if (g <= 0) continue;
+        const s = y(o, i, h);
+        t.globalAlpha = g, t.fillStyle = w, t.beginPath(), s.isRect ? t.rect(s.x, s.y, Math.max(s.width, 0), Math.max(s.height, 0)) : t.arc(s.cx, s.cy, Math.max(s.r, 0), 0, Math.PI * 2), t.fill(), a && a.row === h && a.column === i && (t.globalAlpha = 1, t.lineWidth = 2, t.strokeStyle = w, t.stroke());
+      }
+  }
+  t.globalAlpha = 1;
+}
+function A(t, o, n) {
+  const {
+    data: a,
+    numRows: u,
+    binWidth: e,
+    binHeight: l,
+    yMax: c
+  } = t;
+  if (o < 0 || n < 0) return null;
+  const i = Math.floor(o / e), r = Math.floor((c - n) / l);
+  return i < 0 || i >= a.length || r < 0 || r >= u || !a[i]?.rows[r] ? null : {
+    row: r,
+    column: i
+  };
+}
+function E(t, o) {
+  const n = t.data[o.column], a = n?.rows[o.row];
+  if (!n || !a) return null;
+  const u = a.count, e = u == null ? void 0 : t.colorScale(u), l = y(t, o.column, o.row), c = {
+    bin: a,
+    row: o.row,
+    column: o.column,
+    datum: n,
+    gap: t.gap,
+    count: u,
+    color: e,
+    opacity: u == null ? void 0 : 1
+  };
+  return l.isRect ? {
+    ...c,
+    x: l.x,
+    y: l.y,
+    width: l.width,
+    height: l.height
+  } : {
+    ...c,
+    cx: l.cx,
+    cy: l.cy,
+    r: l.r,
+    radius: l.radius
+  };
 }
 export {
-  d as line
+  E as buildBin,
+  D as drawHeatmapCells,
+  R as getVisibleRange,
+  A as hitTestCell
 };
 //# sourceMappingURL=visualization.es81.js.map

package/dist/visualization.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es81.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/util/D3ShapeFactories.js"],"sourcesContent":["import { arc as d3Arc, area as d3Area, line as d3Line, pie as d3Pie, radialLine as d3RadialLine, stack as d3Stack } from '@visx/vendor/d3-shape';\nimport setNumberOrNumberAccessor from \"./setNumberOrNumberAccessor.js\";\nimport stackOrder from \"./stackOrder.js\";\nimport stackOffset from \"./stackOffset.js\";\nexport function arc() {\n  let {\n    innerRadius,\n    outerRadius,\n    cornerRadius,\n    startAngle,\n    endAngle,\n    padAngle,\n    padRadius\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Arc();\n  if (innerRadius != null) setNumberOrNumberAccessor(path.innerRadius, innerRadius);\n  if (outerRadius != null) setNumberOrNumberAccessor(path.outerRadius, outerRadius);\n  if (cornerRadius != null) setNumberOrNumberAccessor(path.cornerRadius, cornerRadius);\n  if (startAngle != null) setNumberOrNumberAccessor(path.startAngle, startAngle);\n  if (endAngle != null) setNumberOrNumberAccessor(path.endAngle, endAngle);\n  if (padAngle != null) setNumberOrNumberAccessor(path.padAngle, padAngle);\n  if (padRadius != null) setNumberOrNumberAccessor(path.padRadius, padRadius);\n  return path;\n}\nexport function area() {\n  let {\n    x,\n    x0,\n    x1,\n    y,\n    y0,\n    y1,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Area();\n  if (x) setNumberOrNumberAccessor(path.x, x);\n  if (x0) setNumberOrNumberAccessor(path.x0, x0);\n  if (x1) setNumberOrNumberAccessor(path.x1, x1);\n  if (y) setNumberOrNumberAccessor(path.y, y);\n  if (y0) setNumberOrNumberAccessor(path.y0, y0);\n  if (y1) setNumberOrNumberAccessor(path.y1, y1);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function line() {\n  let {\n    x,\n    y,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Line();\n  if (x) setNumberOrNumberAccessor(path.x, x);\n  if (y) setNumberOrNumberAccessor(path.y, y);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function pie() {\n  let {\n    startAngle,\n    endAngle,\n    padAngle,\n    value,\n    sort,\n    sortValues\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Pie();\n\n  // In d3-shape v3+, sortValues defaults to descending sort.\n  // To maintain visx's behavior of preserving input order by default,\n  // we explicitly set sortValues to null when neither sort nor sortValues is provided.\n  // Note: d3's pie generator clears sortValues when sort is set, and vice versa.\n  if (sortValues !== undefined) {\n    path.sortValues(sortValues);\n  } else if (sort === undefined) {\n    // Neither provided - disable sorting to preserve input order\n    path.sortValues(null);\n  } else if (sort === null) {\n    // explicit null: clear comparator\n    path.sort(null);\n  } else {\n    // here sort is narrowed to a comparator function\n    path.sort(sort);\n  }\n  if (value != null) path.value(value);\n  if (padAngle != null) setNumberOrNumberAccessor(path.padAngle, padAngle);\n  if (startAngle != null) setNumberOrNumberAccessor(path.startAngle, startAngle);\n  if (endAngle != null) setNumberOrNumberAccessor(path.endAngle, endAngle);\n  return path;\n}\nexport function radialLine() {\n  let {\n    angle,\n    radius,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3RadialLine();\n  if (angle) setNumberOrNumberAccessor(path.angle, angle);\n  if (radius) setNumberOrNumberAccessor(path.radius, radius);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function stack(_ref) {\n  let {\n    keys,\n    value,\n    order,\n    offset\n  } = _ref;\n  const path = d3Stack();\n  if (keys) path.keys(keys);\n  if (value) setNumberOrNumberAccessor(path.value, value);\n  if (order) path.order(stackOrder(order));\n  if (offset) path.offset(stackOffset(offset));\n  return path;\n}"],"names":["line","x","y","defined","curve","path","d3Line","setNumberOrNumberAccessor"],"mappings":";;AA8CO,SAASA,IAAO;AACrB,MAAI;AAAA,IACF,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAMC,IAAOC,EAAM;AACnB,SAAIL,KAAGM,EAA0BF,EAAK,GAAGJ,CAAC,GACtCC,KAAGK,EAA0BF,EAAK,GAAGH,CAAC,GACtCC,KAASE,EAAK,QAAQF,CAAO,GAC7BC,KAAOC,EAAK,MAAMD,CAAK,GACpBC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es81.js","sources":["../src/components/Heatmap/HeatmapCanvasCells.ts"],"sourcesContent":["import type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport { cellKey, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\n/**\n * Everything the canvas draw loop and hit-testing need to place a cell exactly where the SVG\n * path (HeatmapCells.tsx, via @visx/heatmap's HeatmapRect/HeatmapCircle) would. xScale/cellYScale\n * are the same functions Heatmap.tsx already builds and passes to HeatmapCells.\n */\nexport interface CanvasCellParams {\n  data: ColumnDatum[];\n  numRows: number;\n  xScale: (column: number) => number;\n  cellYScale: (row: number) => number;\n  colorScale: (count: number) => string | undefined;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  yMax: number;\n  selectedKeys: Set<string> | null;\n  deselectedColor: string;\n}\n\nexport interface CanvasDrawRange {\n  colStart: number;\n  colEnd: number;\n  rowStart: number;\n  rowEnd: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\n// Mirrors @visx/heatmap's HeatmapRect/HeatmapCircle bin geometry exactly (see their source:\n// node_modules/@visx/heatmap/lib/heatmaps/{HeatmapRect,HeatmapCircle}.js) so canvas-drawn cells\n// land on the same pixels the SVG path (export, non-scrollable mode) would draw them at. The\n// circle center's x mirrors HeatmapCell.tsx's own recomputation (col*binWidth + binWidth/2)\n// rather than @visx/heatmap's raw cx, for the same reason that file does it: keeps circles\n// centered in their cell regardless of the configured radius.\ntype CellGeometry =\n  | { isRect: true; x: number; y: number; width: number; height: number }\n  | { isRect: false; cx: number; cy: number; r: number; radius: number };\n\nfunction getCellGeometry(params: CanvasCellParams, col: number, row: number): CellGeometry {\n  const { xScale, cellYScale, gap, isRect, binWidth, binHeight } = params;\n  if (isRect) {\n    return { isRect: true, x: xScale(col), y: cellYScale(row) + gap, width: binWidth - gap, height: binHeight - gap };\n  }\n  const radius = Math.min(binWidth, binHeight) / 2;\n  return { isRect: false, cx: col * binWidth + binWidth / 2, cy: cellYScale(row) + gap + radius, r: radius - gap, radius };\n}\n\n/**\n * Column/row index bounds (inclusive) that intersect the given scroll viewport, plus a small\n * overscan so a cell is already drawn just before it scrolls into view rather than popping in a\n * frame late. Row bounds are derived from cellYScale's own convention (row 0 at the bottom of\n * the grid, row numRows-1 at the top): a cell at row r occupies content-y band\n * [yMax-(r+1)*binHeight, yMax-r*binHeight), so the row under a given y is\n * floor((yMax-y)/binHeight).\n */\nexport function getVisibleRange(\n  params: CanvasCellParams,\n  scrollLeft: number,\n  scrollTop: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  overscan: number\n): CanvasDrawRange {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  return {\n    colStart: clamp(Math.floor(scrollLeft / binWidth) - overscan, 0, Math.max(0, data.length - 1)),\n    colEnd: clamp(Math.ceil((scrollLeft + viewportWidth) / binWidth) + overscan, 0, Math.max(0, data.length - 1)),\n    rowStart: clamp(Math.floor((yMax - (scrollTop + viewportHeight)) / binHeight) - overscan, 0, Math.max(0, numRows - 1)),\n    rowEnd: clamp(Math.floor((yMax - scrollTop) / binHeight) + overscan, 0, Math.max(0, numRows - 1)),\n  };\n}\n\n/** Paints the cells in `range` onto `ctx`, whose origin is already at content-space (0,0). */\nexport function drawHeatmapCells(\n  ctx: CanvasRenderingContext2D,\n  params: CanvasCellParams,\n  range: CanvasDrawRange,\n  hoveredCell: HeatmapCellId | null\n) {\n  const { data, colorScale, selectedKeys, deselectedColor } = params;\n  for (let col = range.colStart; col <= range.colEnd; col++) {\n    const columnDatum = data[col];\n    if (!columnDatum) continue;\n    for (let row = range.rowStart; row <= range.rowEnd; row++) {\n      const rowDatum = columnDatum.rows[row];\n      if (!rowDatum) continue;\n      const count = rowDatum.count;\n      const color = count == null ? undefined : colorScale(count);\n      const isDeselected = !!selectedKeys && !selectedKeys.has(cellKey({ row, column: col }));\n      const { fill, fillOpacity } = resolveCellAppearance(count, color, isDeselected, deselectedColor);\n      if (fillOpacity <= 0) continue;\n\n      const geometry = getCellGeometry(params, col, row);\n      ctx.globalAlpha = fillOpacity;\n      ctx.fillStyle = fill;\n      ctx.beginPath();\n      if (geometry.isRect) {\n        ctx.rect(geometry.x, geometry.y, Math.max(geometry.width, 0), Math.max(geometry.height, 0));\n      } else {\n        ctx.arc(geometry.cx, geometry.cy, Math.max(geometry.r, 0), 0, Math.PI * 2);\n      }\n      ctx.fill();\n\n      if (hoveredCell && hoveredCell.row === row && hoveredCell.column === col) {\n        ctx.globalAlpha = 1;\n        ctx.lineWidth = 2;\n        ctx.strokeStyle = fill;\n        ctx.stroke();\n      }\n    }\n  }\n  ctx.globalAlpha = 1;\n}\n\n/** Content-space (post-scroll-offset) coordinates -> the cell under them, or null if none. */\nexport function hitTestCell(params: CanvasCellParams, contentX: number, contentY: number): HeatmapCellId | null {\n  const { data, numRows, binWidth, binHeight, yMax } = params;\n  if (contentX < 0 || contentY < 0) return null;\n  const column = Math.floor(contentX / binWidth);\n  const row = Math.floor((yMax - contentY) / binHeight);\n  if (column < 0 || column >= data.length || row < 0 || row >= numRows) return null;\n  if (!data[column]?.rows[row]) return null;\n  return { row, column };\n}\n\n/** Builds the same bin shape @visx/heatmap's RectCell/CircleCell provide, for onClick/tooltipBody. */\nexport function buildBin(params: CanvasCellParams, cell: HeatmapCellId): AnyBin | null {\n  const columnDatum = params.data[cell.column];\n  const rowDatum = columnDatum?.rows[cell.row];\n  if (!columnDatum || !rowDatum) return null;\n\n  const count = rowDatum.count;\n  const color = count == null ? undefined : params.colorScale(count);\n  const geometry = getCellGeometry(params, cell.column, cell.row);\n  const shared = { bin: rowDatum, row: cell.row, column: cell.column, datum: columnDatum, gap: params.gap, count, color, opacity: count == null ? undefined : 1 };\n\n  return geometry.isRect\n    ? ({ ...shared, x: geometry.x, y: geometry.y, width: geometry.width, height: geometry.height } as AnyBin)\n    : ({ ...shared, cx: geometry.cx, cy: geometry.cy, r: geometry.r, radius: geometry.radius } as AnyBin);\n}\n"],"names":["clamp","value","min","max","Math","getCellGeometry","params","col","row","xScale","cellYScale","gap","isRect","binWidth","binHeight","x","y","width","height","radius","cx","cy","r","getVisibleRange","scrollLeft","scrollTop","viewportWidth","viewportHeight","overscan","data","numRows","yMax","colStart","floor","length","colEnd","ceil","rowStart","rowEnd","drawHeatmapCells","ctx","range","hoveredCell","colorScale","selectedKeys","deselectedColor","columnDatum","rowDatum","rows","count","color","undefined","isDeselected","has","cellKey","column","fill","fillOpacity","resolveCellAppearance","geometry","globalAlpha","fillStyle","beginPath","rect","arc","PI","lineWidth","strokeStyle","stroke","hitTestCell","contentX","contentY","buildBin","cell","shared","bin","datum","opacity"],"mappings":"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"}