@weng-lab/visualization 2.4.0-beta.1 → 2.4.0-beta.3

package/dist/visualization.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es68.js","sources":["../src/components/ScatterPlot/ScatterPlotViewport.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { Box, Stack } from \"@mui/material\";\nimport { Group } from \"@visx/group\";\nimport { AxisBottom, AxisLeft, AxisRight, AxisTop } from \"@visx/axis\";\nimport { LinePath } from \"@visx/shape\";\nimport { Text } from \"@visx/text\";\nimport { curveBasis } from \"@visx/curve\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { BackgroundGradient, ChartProps, CrosshairPosition, Point, SelectionMode, ZoomType } from \"./types\";\nimport { drawCanvasPoint, getTicks, isPointVisible, partitionPointsByHover, prepareCanvas, rescaleX, rescaleY } from \"./helpers\";\nimport AnimatedPoints from \"./AnimatedPoints\";\nimport PointLabels from \"./PointLabels\";\nimport GradientLegend from \"./GradientLegend\";\nimport Crosshair from \"./Crosshair\";\nimport { useDragSelection } from \"./hooks/useDragSelection\";\n\ntype ScatterPlotViewportProps<T extends object> = {\n    size: number;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    loading: boolean;\n    pointData: Point<T>[];\n    animation?: ChartProps<T, boolean | undefined, boolean | undefined>[\"animation\"];\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    selectMode: SelectionMode;\n    selectable: boolean;\n    disableZoom?: boolean;\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    hoveredPoint: Point<T> | null;\n    handleMouseMove: (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => void;\n    handleMouseLeave: () => void;\n    onDisplayedPointsChange?: (points: Point<T>[]) => void;\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    onPointClicked?: (point: Point<T>) => void;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    border: boolean;\n    originLine?: boolean;\n    backgroundGradient?: BackgroundGradient;\n    /** Crosshair position in data coordinates, or null for no crosshair. */\n    crosshair?: CrosshairPosition | null;\n    divRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst ScatterPlotViewport = <T extends object>({\n    size,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    loading,\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScale,\n    yScale,\n    zoom,\n    selectMode,\n    selectable,\n    disableZoom,\n    groupPointsAnchor,\n    hoveredPoint,\n    handleMouseMove,\n    handleMouseLeave,\n    onDisplayedPointsChange,\n    onSelectionChange,\n    onPointClicked,\n    leftAxisLabel,\n    bottomAxisLabel,\n    border,\n    originLine,\n    backgroundGradient,\n    crosshair,\n    divRef,\n}: ScatterPlotViewportProps<T>) => {\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n    // Animation state — viewport owns what it renders\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(animation));\n\n    useEffect(() => {\n        if (!animation) return;\n        if (pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(pointData.length / (animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [animation, animationBuffer, animationGroupSize, pointData.length]);\n\n    const { lines, isDragging, x, y, dx, dy, dragStart, dragMove, dragEnd, completeSelection } =\n        useDragSelection({ pointData, margin, xScale, yScale, onSelectionChange });\n\n    // Passive event listeners to prevent default scroll/touch behavior on the chart surface\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => { event.preventDefault(); };\n        const handleTouchMove = (event: TouchEvent) => { event.preventDefault(); };\n        const handleTouchStart = (event: TouchEvent) => { event.preventDefault(); };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, []);\n\n    const xScaleTransformed = useMemo(\n        () => rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX),\n        [xScale, zoom.transformMatrix]\n    );\n    const yScaleTransformed = useMemo(\n        () => rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY),\n        [yScale, zoom.transformMatrix]\n    );\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = groupPointsAnchor;\n        if (anchor && hoveredPoint) {\n            return pointData.filter((point) => {\n                if (anchor in point) {\n                    return point[anchor as keyof Point<T>] === hoveredPoint[anchor as keyof Point<T>];\n                }\n                if (point.metaData && hoveredPoint.metaData) {\n                    return point.metaData[anchor as keyof T] === hoveredPoint.metaData[anchor as keyof T];\n                }\n                return false;\n            });\n        }\n        return hoveredPoint ? [hoveredPoint] : [];\n    }, [hoveredPoint, groupPointsAnchor, pointData]);\n\n    const hoveredPointKeys = useMemo(\n        () => new Set(groupedPoints.map((point) => `${point.x},${point.y}`)),\n        [groupedPoints]\n    );\n\n    const currentDisplayedPoints = useMemo(\n        () => pointData.filter((point) => {\n            const tx = xScaleTransformed(point.x);\n            const ty = yScaleTransformed(point.y);\n            return tx >= 0 && tx <= boundedWidth && ty >= 0 && ty <= boundedHeight;\n        }),\n        [pointData, xScaleTransformed, yScaleTransformed, boundedWidth, boundedHeight]\n    );\n\n    const drawPoints = useCallback((\n        xST: ScaleLinear<number, number, never>,\n        yST: ScaleLinear<number, number, never>,\n        canvas: HTMLCanvasElement\n    ) => {\n        const context = canvas.getContext('2d');\n        if (!context) return;\n\n        prepareCanvas(context, boundedWidth, boundedHeight);\n\n        if (backgroundGradient) {\n            const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n            const W = boundedWidth;\n            const H = boundedHeight;\n            const x0 = xST(0);\n            const y0 = yST(0);\n            const fraction = Math.max(0.001, Math.min(0.999, (x0 * W - y0 * H + H * H) / (W * W + H * H)));\n            const gradient = context.createLinearGradient(0, H, W, 0);\n            gradient.addColorStop(0, colorLow);\n            gradient.addColorStop(fraction, colorMid);\n            gradient.addColorStop(1, colorHigh);\n            context.globalAlpha = backgroundGradient.opacity ?? 1;\n            context.fillStyle = gradient;\n            context.fillRect(0, 0, W, H);\n            context.globalAlpha = 1;\n        }\n\n        const { nonHovered, hovered } = partitionPointsByHover(pointData, hoveredPointKeys);\n\n        const drawRenderedPoint = (point: Point<T>, isHovered: boolean) => {\n            const transformedX = xST(point.x);\n            const transformedY = yST(point.y);\n            if (!isPointVisible(transformedX, transformedY, boundedWidth, boundedHeight)) return;\n            drawCanvasPoint(context, point, transformedX, transformedY, isHovered);\n        };\n\n        nonHovered.forEach((point) => drawRenderedPoint(point, false));\n        hovered.forEach((point) => drawRenderedPoint(point, true));\n    }, [boundedHeight, boundedWidth, hoveredPointKeys, pointData, backgroundGradient]);\n\n    useEffect(() => {\n        if (canvasRef.current && !showPointAnimation) {\n            drawPoints(xScaleTransformed, yScaleTransformed, canvasRef.current);\n        }\n    }, [drawPoints, xScaleTransformed, yScaleTransformed, showPointAnimation]);\n\n    const handlePointClick = useCallback(() => {\n        if (hoveredPoint) onPointClicked?.(hoveredPoint);\n    }, [hoveredPoint, onPointClicked]);\n\n    const surfaceCursor = disableZoom\n        ? selectable\n            ? isDragging ? 'none' : 'crosshair'\n            : isDragging ? 'none' : 'default'\n        : hoveredPoint\n            ? 'default'\n            : selectMode === 'select'\n                ? isDragging ? 'none' : 'crosshair'\n                : zoom.isDragging\n                    ? 'grabbing'\n                    : 'grab';\n\n    const handleSelectionEnd = (event: React.MouseEvent<SVGRectElement> | React.TouchEvent<SVGRectElement>) => {\n        dragEnd(event);\n        completeSelection(zoom);\n    };\n\n    const onSurfaceMouseDown = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceMouseUp = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceMouseMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceMouseLeave = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceTouchStart = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? dragStart\n            : disableZoom ? undefined : zoom.dragStart;\n    const onSurfaceTouchEnd = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? handleSelectionEnd\n            : disableZoom ? undefined : zoom.dragEnd;\n    const onSurfaceTouchMove = selectMode === \"none\"\n        ? undefined\n        : selectMode === \"select\"\n            ? (isDragging ? dragMove : undefined)\n            : disableZoom ? undefined : zoom.dragMove;\n    const onSurfaceWheel: React.WheelEventHandler<SVGRectElement> = (event) => {\n        setShowPointAnimation(false);\n        if (!disableZoom) {\n            const point = localPoint(event) || { x: 0, y: 0 };\n            const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n            zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n        }\n    };\n\n    const previousDisplayedPoints = useRef<Point<T>[]>([]);\n\n    useEffect(() => {\n        const haveDisplayedPointsChanged = (prevPoints: Point<T>[], nextPoints: Point<T>[]) => {\n            if (prevPoints.length !== nextPoints.length) return true;\n            return !prevPoints.every((point, index) => {\n                const nextPoint = nextPoints[index];\n                return (\n                    point.x === nextPoint.x &&\n                    point.y === nextPoint.y &&\n                    point.r === nextPoint.r &&\n                    point.shape === nextPoint.shape &&\n                    point.color === nextPoint.color &&\n                    point.opacity === nextPoint.opacity\n                );\n            });\n        };\n\n        if (haveDisplayedPointsChanged(previousDisplayedPoints.current, currentDisplayedPoints)) {\n            onDisplayedPointsChange?.(currentDisplayedPoints);\n            previousDisplayedPoints.current = currentDisplayedPoints;\n        }\n    }, [currentDisplayedPoints, onDisplayedPointsChange]);\n\n    return (\n        <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n            <Box sx={{ width: size, height: size }}>\n                {loading ? (\n                    <Box display=\"flex\" width=\"100%\" height=\"100%\" sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                        <CircularProgress />\n                    </Box>\n                ) : (\n                    <div style={{ position: \"relative\" }} ref={divRef}>\n                        <canvas\n                            ref={canvasRef}\n                            width={boundedWidth * 2}\n                            height={boundedHeight * 2}\n                            style={{\n                                userSelect: \"none\",\n                                position: \"absolute\",\n                                top: margin.top,\n                                left: margin.left,\n                                width: boundedWidth,\n                                height: boundedHeight,\n                                backgroundColor: \"transparent\",\n                            }}\n                        />\n                        <svg\n                            width={size}\n                            height={size}\n                            overflow=\"visible\"\n                            style={{ position: \"absolute\", userSelect: \"none\" }}\n                            onMouseMove={(event) => {\n                                if (isDragging) handleMouseLeave();\n                                else handleMouseMove(event, zoom);\n                            }}\n                            onMouseLeave={handleMouseLeave}\n                        >\n                            <Group top={margin.top} left={margin.left}>\n                                {showPointAnimation && animation && (\n                                    <AnimatedPoints\n                                        pointData={pointData}\n                                        animation={animation}\n                                        animationGroupSize={animationGroupSize}\n                                        animationBuffer={animationBuffer}\n                                        xScaleTransformed={xScaleTransformed}\n                                        yScaleTransformed={yScaleTransformed}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                                {selectMode === \"select\" && (\n                                    <>\n                                        {lines.map((line, index) => (\n                                            <LinePath\n                                                key={`line-${index}`}\n                                                fill=\"transparent\"\n                                                stroke=\"black\"\n                                                strokeWidth={3}\n                                                data={line}\n                                                curve={curveBasis}\n                                                x={(datum) => datum.x}\n                                                y={(datum) => datum.y}\n                                            />\n                                        ))}\n                                        {isDragging && (\n                                            <g>\n                                                <line x1={x - margin.left + dx - 6} y1={y - margin.top + dy} x2={x - margin.left + dx + 6} y2={y - margin.top + dy} stroke=\"black\" strokeWidth={1} />\n                                                <line x1={x - margin.left + dx} y1={y - margin.top + dy - 6} x2={x - margin.left + dx} y2={y - margin.top + dy + 6} stroke=\"black\" strokeWidth={1} />\n                                                <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                            </g>\n                                        )}\n                                    </>\n                                )}\n                                {originLine && (() => {\n                                    const x0 = xScaleTransformed(0);\n                                    const y0 = yScaleTransformed(0);\n                                    return (\n                                        <>\n                                            {y0 >= 0 && y0 <= boundedHeight && (\n                                                <line x1={0} x2={boundedWidth} y1={y0} y2={y0} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                            {x0 >= 0 && x0 <= boundedWidth && (\n                                                <line x1={x0} x2={x0} y1={0} y2={boundedHeight} stroke=\"#000\" strokeWidth={1} strokeDasharray=\"4,4\" pointerEvents=\"none\" />\n                                            )}\n                                        </>\n                                    );\n                                })()}\n                                <rect\n                                    ref={graphRef}\n                                    fill=\"transparent\"\n                                    width={boundedWidth}\n                                    height={boundedHeight}\n                                    style={{ cursor: surfaceCursor }}\n                                    onMouseDown={onSurfaceMouseDown}\n                                    onMouseUp={onSurfaceMouseUp}\n                                    onMouseMove={onSurfaceMouseMove}\n                                    onMouseLeave={onSurfaceMouseLeave}\n                                    onTouchStart={onSurfaceTouchStart}\n                                    onTouchEnd={onSurfaceTouchEnd}\n                                    onTouchMove={onSurfaceTouchMove}\n                                    onWheel={onSurfaceWheel}\n                                    onClick={handlePointClick}\n                                />\n                                {crosshair && !isDragging && (\n                                    <Crosshair\n                                        position={{\n                                            x: xScaleTransformed(crosshair.x),\n                                            y: yScaleTransformed(crosshair.y),\n                                        }}\n                                        boundedWidth={boundedWidth}\n                                        boundedHeight={boundedHeight}\n                                    />\n                                )}\n                            </Group>\n                            <Group top={margin.top} left={margin.left}>\n                                <AxisLeft\n                                    scale={yScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 10,\n                                        textAnchor: \"end\",\n                                        verticalAnchor: \"middle\",\n                                        x: -10,\n                                    })}\n                                    tickValues={getTicks(yScaleTransformed, 5)}\n                                />\n                                <AxisBottom\n                                    top={boundedHeight}\n                                    scale={xScaleTransformed}\n                                    tickLabelProps={() => ({\n                                        fill: \"#1c1917\",\n                                        fontSize: 11,\n                                        textAnchor: \"middle\",\n                                    })}\n                                    tickValues={getTicks(xScaleTransformed, 5)}\n                                />\n                                {border && (\n                                    <>\n                                        <AxisTop top={0} scale={xScaleTransformed} tickValues={[]} />\n                                        <AxisRight scale={yScaleTransformed} tickValues={[]} left={boundedWidth} />\n                                    </>\n                                )}\n                                <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={-90} fontSize={15} y={boundedHeight / 2} x={0} dx={-50}>\n                                    {leftAxisLabel}\n                                </Text>\n                                <Text textAnchor=\"middle\" verticalAnchor=\"start\" fontSize={15} y={boundedHeight} x={boundedWidth / 2} dy={50}>\n                                    {bottomAxisLabel}\n                                </Text>\n                            </Group>\n                            <PointLabels\n                                pointData={pointData}\n                                xScaleTransformed={xScaleTransformed}\n                                yScaleTransformed={yScaleTransformed}\n                                boundedWidth={boundedWidth}\n                                boundedHeight={boundedHeight}\n                                margin={margin}\n                            />\n                            {backgroundGradient?.legend && (\n                                <GradientLegend\n                                    backgroundGradient={backgroundGradient}\n                                    boundedHeight={boundedHeight}\n                                    barLeft={margin.left + boundedWidth + 25}\n                                    marginTop={margin.top}\n                                />\n                            )}\n                        </svg>\n                    </div>\n                )}\n            </Box>\n        </Stack>\n    );\n};\n\nexport default ScatterPlotViewport;\n"],"names":["ScatterPlotViewport","t0","$","_c","size","margin","boundedWidth","boundedHeight","loading","pointData","animation","animationGroupSize","animationBuffer","xScale","yScale","zoom","selectMode","selectable","disableZoom","groupPointsAnchor","hoveredPoint","handleMouseMove","handleMouseLeave","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","crosshair","divRef","graphRef","useRef","canvasRef","showPointAnimation","setShowPointAnimation","useState","Boolean","t1","t2","length","buffer","total","Math","ceil","t","window","setTimeout","clearTimeout","useEffect","t3","lines","isDragging","x","y","dx","dy","dragStart","dragMove","dragEnd","completeSelection","useDragSelection","t4","t5","Symbol","for","graphElement","current","handleWheel","_temp","handleTouchMove","_temp2","handleTouchStart","_temp3","addEventListener","passive","removeEventListener","t6","transformMatrix","scaleX","translateX","rescaleX","xScaleTransformed","t7","scaleY","translateY","rescaleY","yScaleTransformed","t8","bb0","anchor","t9","t10","point","metaData","filter","groupedPoints","Set","map","_temp4","hoveredPointKeys","t11","point_1","tx","ty","currentDisplayedPoints","xST","yST","canvas","context","getContext","prepareCanvas","colorLow","colorMid","colorHigh","colorScale","W","H","x0","y0","fraction","max","min","gradient","createLinearGradient","addColorStop","globalAlpha","opacity","fillStyle","fillRect","nonHovered","hovered","partitionPointsByHover","drawRenderedPoint","point_2","isHovered","transformedX","transformedY","isPointVisible","drawCanvasPoint","forEach","point_3","point_4","drawPoints","t12","t13","t14","handlePointClick","surfaceCursor","t15","event_2","event","handleSelectionEnd","onSurfaceMouseDown","undefined","onSurfaceMouseUp","onSurfaceMouseMove","onSurfaceMouseLeave","onSurfaceTouchStart","onSurfaceTouchEnd","onSurfaceTouchMove","t16","event_3","point_5","localPoint","zoomDirection","deltaY","scale","onSurfaceWheel","t17","previousDisplayedPoints","t18","t19","_temp5","t20","position","t21","width","height","t22","Box","justifyContent","alignItems","jsx","CircularProgress","jsxs","userSelect","top","left","backgroundColor","event_4","Group","AnimatedPoints","Fragment","_temp8","x0_0","y0_0","cursor","Crosshair","AxisLeft","_temp9","getTicks","AxisBottom","_temp0","AxisTop","AxisRight","Text","PointLabels","legend","GradientLegend","t23","Stack","preventDefault","event_0","event_1","point_0","prevPoints","nextPoints","every","point_6","index","nextPoint","r","shape","color","_temp6","datum","_temp7","datum_0","line","index_0","LinePath","curveBasis","fill","fontSize","textAnchor","verticalAnchor"],"mappings":"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"}
+{"version":3,"file":"visualization.es68.js","sources":["../src/components/Heatmap/HeatmapCell.tsx"],"sourcesContent":["import { memo, MouseEvent } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { getAnimationProps } from \"../../utility\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport type { PlotTooltipRef } from \"../../tooltip\";\n\n/** Class on the <g> wrapping each cell. The hover rule keys off this. */\nexport const CELL_CLASS = \"visx-heatmap-cell\";\n/** Class on the <rect>/<circle> inside each cell. */\nexport const CELL_SHAPE_CLASS = \"visx-heatmap-cell-shape\";\n\n/**\n * Hover styling is plain CSS rather than React state: `:hover` costs no render at all, while\n * tracking hover in state re-renders on every cell the pointer crosses. Rendered once per chart\n * by Heatmap, inside the <svg> so it survives the SVG/PNG download serialization.\n *\n * The stroke is always painted in the cell's own fill color, so hovering only has to give it a\n * width. `strokeWidth={0}` below is a presentation attribute, which loses to any CSS rule - so\n * the hover rule wins without needing !important.\n *\n * `pointer-events: all` because cells with a null count render with fill=\"none\", and SVG's\n * default (visiblePainted) only treats painted area as a hit target - without this the pointer\n * falls through such a cell to the <svg> and it can never show its \"no data\" tooltip.\n */\nexport const heatmapCellStyles = `\n.${CELL_CLASS} { cursor: pointer; }\n.${CELL_SHAPE_CLASS} { transition: stroke-width 0.2s; pointer-events: all; }\n.${CELL_CLASS}:hover .${CELL_SHAPE_CLASS} { stroke-width: 2; }\n`;\n\nexport interface HeatmapCellProps {\n  bin: AnyBin;\n  isRect: boolean;\n  binWidth: number;\n  fill: string;\n  fillOpacity: number;\n  colIndex: number;\n  animationType?: AnimationType;\n  /** Stable for the life of the plot, so it never invalidates this cell's memoization. */\n  tooltipRef: PlotTooltipRef<AnyBin>;\n  onClick?: (bin: AnyBin) => void;\n}\n\n/**\n * visx rebuilds every bin object inside its own render, so `bin` always arrives with a fresh\n * identity and memo's default shallow compare can never bail out. Comparing the bin's fields\n * instead lets untouched cells skip re-rendering, which is what makes selection changes cheap:\n * only the cells whose appearance actually changed re-render, rather than the whole grid.\n *\n * `bin.bin` and `bin.datum` are the caller's own row/column data, which do keep identity, so a\n * reference check on those covers data and metadata changes.\n */\nconst binsEqual = (a: AnyBin, b: AnyBin): boolean => {\n  if (\n    a.row !== b.row ||\n    a.column !== b.column ||\n    a.count !== b.count ||\n    a.gap !== b.gap ||\n    a.color !== b.color ||\n    a.opacity !== b.opacity ||\n    a.bin !== b.bin ||\n    a.datum !== b.datum\n  ) {\n    return false;\n  }\n  // Rect and circle cells carry different geometry fields\n  if (\"x\" in a) {\n    return \"x\" in b && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n  }\n  return \"cy\" in b && a.cy === b.cy && a.r === b.r && a.radius === b.radius;\n};\n\n/**\n * Must compare every prop in HeatmapCellProps - one left out here would silently stop updating.\n */\nconst cellPropsEqual = (prev: HeatmapCellProps, next: HeatmapCellProps): boolean =>\n  prev.fill === next.fill &&\n  prev.fillOpacity === next.fillOpacity &&\n  prev.isRect === next.isRect &&\n  prev.binWidth === next.binWidth &&\n  prev.colIndex === next.colIndex &&\n  prev.animationType === next.animationType &&\n  prev.tooltipRef === next.tooltipRef &&\n  prev.onClick === next.onClick &&\n  binsEqual(prev.bin, next.bin);\n\nconst HeatmapCell = memo(function HeatmapCell({\n  bin, isRect, binWidth, fill, fillOpacity, colIndex,\n  animationType, tooltipRef, onClick,\n}: HeatmapCellProps) {\n  const isRectCell = isRect && \"width\" in bin && \"height\" in bin && \"x\" in bin && \"y\" in bin;\n  const isCircleCell = !isRect && \"cy\" in bin && \"r\" in bin;\n\n  const sharedProps = { fill, fillOpacity, stroke: fill, strokeWidth: 0 };\n\n  const Wrapper = animationType ? motion.g : \"g\";\n  const animProps = getAnimationProps(animationType as AnimationType, colIndex);\n\n  return (\n    <Wrapper\n      {...animProps}\n      className={CELL_CLASS}\n      onMouseMove={(event: MouseEvent<SVGElement>) => tooltipRef.current?.show(bin, event)}\n      onMouseLeave={() => tooltipRef.current?.hide()}\n      onClick={() => onClick?.(bin)}\n    >\n      {isRectCell ? (\n        <rect\n          className={`visx-heatmap-rect ${CELL_SHAPE_CLASS}`}\n          width={bin.width}\n          height={bin.height}\n          x={bin.x}\n          y={bin.y}\n          {...sharedProps}\n        />\n      ) : isCircleCell ? (\n        <circle\n          className={`visx-heatmap-circle ${CELL_SHAPE_CLASS}`}\n          cx={bin.column * binWidth + binWidth / 2}\n          cy={bin.cy}\n          r={bin.r}\n          {...sharedProps}\n        />\n      ) : null}\n    </Wrapper>\n  );\n}, cellPropsEqual);\n\nexport default HeatmapCell;\n"],"names":["CELL_CLASS","CELL_SHAPE_CLASS","heatmapCellStyles","binsEqual","a","b","row","column","count","gap","color","opacity","bin","datum","x","y","width","height","cy","r","radius","cellPropsEqual","prev","next","fill","fillOpacity","isRect","binWidth","colIndex","animationType","tooltipRef","onClick","HeatmapCell","memo","t0","$","_c","isRectCell","isCircleCell","t1","stroke","strokeWidth","sharedProps","Wrapper","motion","g","t2","t3","getAnimationProps","animProps","t4","event","current","show","t5","hide","t6","t7","jsx","t8"],"mappings":"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"}

package/dist/visualization.es69.js

@@ -1,100 +1,48 @@
-import { jsx as p, jsxs as N } from "react/jsx-runtime";
-import { c as G } from "react/compiler-runtime";
-import { CROSSHAIR_STROKE as L, CROSSHAIR_DASH as J, CROSSHAIR_STROKE_WIDTH as Q } from "./visualization.es120.js";
-const a = 0.25, $ = Q / a, z = J.map((b) => b / a).join(","), et = (b) => {
-  const t = G(52), {
-    miniMap: R,
-    width: F,
-    height: U,
-    pointData: A,
-    xScale: X,
-    yScale: Y,
-    zoom: e,
-    crosshair: w
-  } = b, n = w ? X(w.x) : null, l = w ? Y(w.y) : null, r = F - 100, s = U - 100, D = R.position ? R.position.bottom : 10, H = R.position ? R.position.right : 10;
-  let c;
-  t[0] !== D || t[1] !== H ? (c = {
-    position: "absolute",
-    bottom: D,
-    right: H
-  }, t[0] = D, t[1] = H, t[2] = c) : c = t[2];
-  const T = r * a, O = s * a;
-  let f;
-  t[3] !== s || t[4] !== r || t[5] !== A || t[6] !== X || t[7] !== Y ? (f = (i) => {
-    if (i) {
-      const o = i.getContext("2d"), j = r * a, K = s * a;
-      o && (o.clearRect(0, 0, i.width, i.height), o.fillStyle = "white", o.fillRect(0, 0, j, K), o.strokeStyle = "grey", o.lineWidth = 4, o.strokeRect(0, 0, j, K), A.forEach((P) => {
-        const q = X(P.x) * a, B = Y(P.y) * a;
-        o.beginPath(), o.arc(q, B, 3 * a, 0, Math.PI * 2), o.fillStyle = P.color ?? "black", o.fill();
-      }));
-    }
-  }, t[3] = s, t[4] = r, t[5] = A, t[6] = X, t[7] = Y, t[8] = f) : f = t[8];
-  let I;
-  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
-    display: "block"
-  }, t[9] = I) : I = t[9];
-  let h;
-  t[10] !== T || t[11] !== O || t[12] !== f ? (h = /* @__PURE__ */ p("canvas", { width: T, height: O, ref: f, style: I }), t[10] = T, t[11] = O, t[12] = f, t[13] = h) : h = t[13];
-  const C = r * a, W = s * a;
-  let _;
-  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
-    position: "absolute",
-    top: 0,
-    left: 0
-  }, t[14] = _) : _ = t[14];
-  let m;
-  t[15] !== e ? (m = e.toStringInvert(), t[15] = e, t[16] = m) : m = t[16];
-  const v = e.isDragging ? "grabbing" : "grab";
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { measureTextWidth as W } from "./visualization.es40.js";
+import H from "./visualization.es22.js";
+import k from "./visualization.es36.js";
+const l = 14, _ = 6, x = 4, y = 11, A = "sans-serif", T = 5, I = (n) => n % 1 === 0 ? String(n) : n.toFixed(1), L = (n, t) => Array.from({
+  length: T
+}, (e, o) => n + o * (t - n) / (T - 1)), D = 1.15, G = 6, O = (n, t) => {
+  const e = Math.max(...L(n, t).map((o) => W(I(o), y, A)));
+  return l + x + _ + e * D + G;
+}, R = (n) => {
+  const t = S(11), {
+    colors: e,
+    minValue: o,
+    maxValue: c,
+    height: r
+  } = n;
   let d;
-  t[17] !== v ? (d = {
-    cursor: v
-  }, t[17] = v, t[18] = d) : d = t[18];
-  let g;
-  t[19] !== e ? (g = (i) => {
-    e.isDragging && e.setTransformMatrix({
-      scaleX: e.transformMatrix.scaleX,
-      scaleY: e.transformMatrix.scaleY,
-      translateX: e.transformMatrix.translateX - i.movementX / 0.25 * e.transformMatrix.scaleX,
-      translateY: e.transformMatrix.translateY - i.movementY / 0.25 * e.transformMatrix.scaleY,
-      skewX: e.transformMatrix.skewX,
-      skewY: e.transformMatrix.skewY
+  if (t[0] !== e || t[1] !== r || t[2] !== c || t[3] !== o) {
+    const u = L(o, c), F = H({
+      domain: [c, o],
+      range: [0, r]
     });
-  }, t[19] = e, t[20] = g) : g = t[20];
-  let M;
-  t[21] !== e ? (M = (i) => {
-    if (e.isDragging && i.touches.length === 1) {
-      const o = i.touches[0];
-      e.setTransformMatrix({
-        scaleX: e.transformMatrix.scaleX,
-        scaleY: e.transformMatrix.scaleY,
-        translateX: e.transformMatrix.translateX - o.clientX / 0.25,
-        translateY: e.transformMatrix.translateY - o.clientY / 0.25,
-        skewX: e.transformMatrix.skewX,
-        skewY: e.transformMatrix.skewY
-      });
-    }
-  }, t[21] = e, t[22] = M) : M = t[22];
-  let x;
-  t[23] !== s || t[24] !== r || t[25] !== m || t[26] !== d || t[27] !== g || t[28] !== M || t[29] !== e.dragEnd || t[30] !== e.dragStart ? (x = /* @__PURE__ */ p("rect", { width: r, height: s, fill: "#0d0f98", fillOpacity: 0.2, stroke: "#0d0f98", strokeWidth: 4, rx: 8, transform: m, style: d, onMouseDown: e.dragStart, onMouseUp: e.dragEnd, onMouseMove: g, onMouseLeave: e.dragEnd, onTouchStart: e.dragStart, onTouchEnd: e.dragEnd, onTouchMove: M }), t[23] = s, t[24] = r, t[25] = m, t[26] = d, t[27] = g, t[28] = M, t[29] = e.dragEnd, t[30] = e.dragStart, t[31] = x) : x = t[31];
-  let S;
-  t[32] !== l || t[33] !== s || t[34] !== r ? (S = l !== null && l >= 0 && l <= s && /* @__PURE__ */ p("line", { x1: 0, x2: r, y1: l, y2: l, stroke: L, strokeWidth: $, strokeDasharray: z, pointerEvents: "none" }), t[32] = l, t[33] = s, t[34] = r, t[35] = S) : S = t[35];
-  let y;
-  t[36] !== n || t[37] !== s || t[38] !== r ? (y = n !== null && n >= 0 && n <= r && /* @__PURE__ */ p("line", { x1: n, x2: n, y1: 0, y2: s, stroke: L, strokeWidth: $, strokeDasharray: z, pointerEvents: "none" }), t[36] = n, t[37] = s, t[38] = r, t[39] = y) : y = t[39];
-  let k;
-  t[40] !== x || t[41] !== S || t[42] !== y ? (k = /* @__PURE__ */ N("g", { transform: `scale(${a})`, children: [
-    x,
-    S,
-    y
-  ] }), t[40] = x, t[41] = S, t[42] = y, t[43] = k) : k = t[43];
-  let u;
-  t[44] !== W || t[45] !== k || t[46] !== C ? (u = /* @__PURE__ */ p("svg", { width: C, height: W, style: _, children: k }), t[44] = W, t[45] = k, t[46] = C, t[47] = u) : u = t[47];
-  let E;
-  return t[48] !== u || t[49] !== c || t[50] !== h ? (E = /* @__PURE__ */ N("div", { style: c, children: [
-    h,
-    u
-  ] }), t[48] = u, t[49] = c, t[50] = h, t[51] = E) : E = t[51], E;
+    let s;
+    t[5] !== e ? (s = e.map((h, a) => /* @__PURE__ */ i("stop", { offset: `${a / (e.length - 1) * 100}%`, stopColor: e[e.length - 1 - a] }, a)), t[5] = e, t[6] = s) : s = t[6];
+    let m;
+    t[7] !== s ? (m = /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "heatmap-legend-gradient", x1: "0", y1: "0", x2: "0", y2: "1", children: s }) }), t[7] = s, t[8] = m) : m = t[8];
+    let f;
+    t[9] !== r ? (f = /* @__PURE__ */ i("rect", { x: 0, y: 0, width: l, height: r, fill: "url(#heatmap-legend-gradient)", rx: 2 }), t[9] = r, t[10] = f) : f = t[10], d = /* @__PURE__ */ g(k, { children: [
+      m,
+      f,
+      u.map((h, a) => {
+        const p = F(h);
+        return /* @__PURE__ */ g("g", { children: [
+          /* @__PURE__ */ i("line", { x1: l, x2: l + x, y1: p, y2: p, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ i("text", { x: l + x + _, y: p, dominantBaseline: "middle", fontSize: y, fontFamily: A, fill: "#4d4f52", children: I(h) })
+        ] }, a);
+      })
+    ] }), t[0] = e, t[1] = r, t[2] = c, t[3] = o, t[4] = d;
+  } else
+    d = t[4];
+  return d;
 };
 export {
-  et as default
+  R as default,
+  O as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es69.js.map

package/dist/visualization.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es69.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { MapProps } from \"./types\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\n\nconst MINIMAP_SCALE_FACTOR = 0.25;\n// The crosshair is drawn inside the scaled group, so its stroke and dashes shrink with it.\n// Scale them back up so it renders identically to the crosshair on the plot itself.\nconst MINIMAP_CROSSHAIR_STROKE_WIDTH = CROSSHAIR_STROKE_WIDTH / MINIMAP_SCALE_FACTOR;\nconst MINIMAP_CROSSHAIR_DASH = CROSSHAIR_DASH.map((dash) => dash / MINIMAP_SCALE_FACTOR).join(\",\");\n\nconst MiniMap = <T,>({\n    miniMap,\n    width,\n    height,\n    pointData,\n    xScale,\n    yScale,\n    zoom,\n    crosshair\n}: MapProps<T>) => {\n    // The minimap frame is the whole plot area untransformed, so a data coordinate maps onto it\n    // through the base scales - no need to undo the current zoom.\n    const crosshairX = crosshair ? xScale(crosshair.x) : null;\n    const crosshairY = crosshair ? yScale(crosshair.y) : null;\n    const frameWidth = width - 100;\n    const frameHeight = height - 100;\n\n    return (\n        <div\n            style={{\n                position: 'absolute',\n                bottom: miniMap.position ? miniMap.position.bottom : 10,\n                right: miniMap.position ? miniMap.position.right : 10,\n            }}\n        >\n            {/* Canvas for rendering points on minimap */}\n            <canvas\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                ref={(canvas) => {\n                    if (canvas) {\n                        const context = canvas.getContext('2d');\n                        const scaleFactor = MINIMAP_SCALE_FACTOR;\n                        const scaledWidth = frameWidth * scaleFactor;\n                        const scaledHeight = frameHeight * scaleFactor;\n                        if (context) {\n                            // Clear canvas\n                            context.clearRect(0, 0, canvas.width, canvas.height);\n\n                            // Draw background and outline\n                            context.fillStyle = 'white';\n                            context.fillRect(0, 0, scaledWidth, scaledHeight);\n                            context.strokeStyle = 'grey';\n                            context.lineWidth = 4;\n                            context.strokeRect(0, 0, scaledWidth, scaledHeight);\n\n                            // Draw points\n                            pointData.forEach(point => {\n                                const transformedX = xScale(point.x) * scaleFactor;\n                                const transformedY = yScale(point.y) * scaleFactor;\n                                context.beginPath();\n                                context.arc(transformedX, transformedY, 3 * scaleFactor, 0, Math.PI * 2);\n                                context.fillStyle = point.color ?? \"black\";\n                                context.fill();\n                            });\n                        }\n                    }\n                }}\n                style={{ display: 'block' }}\n            />\n\n            {/* SVG for rendering the zoom window */}\n            <svg\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                style={{ position: 'absolute', top: 0, left: 0 }}\n            >\n                <g transform={`scale(${MINIMAP_SCALE_FACTOR})`}>\n                    <rect\n                        width={frameWidth}\n                        height={frameHeight}\n                        fill=\"#0d0f98\"\n                        fillOpacity={0.2}\n                        stroke=\"#0d0f98\"\n                        strokeWidth={4}\n                        rx={8}\n                        transform={zoom.toStringInvert()}\n                        //drag functionality for window, must invert zoom and take the scale into account\n                        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\" }}\n                        onMouseDown={zoom.dragStart}\n                        onMouseUp={zoom.dragEnd}\n                        onMouseMove={(event) => {\n                            if (zoom.isDragging) {\n                                zoom.setTransformMatrix({\n                                    scaleX: zoom.transformMatrix.scaleX,\n                                    scaleY: zoom.transformMatrix.scaleY,\n                                    translateX: zoom.transformMatrix.translateX - event.movementX / .25 * zoom.transformMatrix.scaleX,\n                                    translateY: zoom.transformMatrix.translateY - event.movementY / .25 * zoom.transformMatrix.scaleY,\n                                    skewX: zoom.transformMatrix.skewX,\n                                    skewY: zoom.transformMatrix.skewY\n                                });\n                            }\n                        }}\n                        onMouseLeave={zoom.dragEnd}\n                        onTouchStart={zoom.dragStart}\n                        onTouchEnd={zoom.dragEnd}\n                        onTouchMove={(event) => {\n                            if (zoom.isDragging && event.touches.length === 1) {\n                                const touch = event.touches[0];\n                                zoom.setTransformMatrix({\n                                    scaleX: zoom.transformMatrix.scaleX,\n                                    scaleY: zoom.transformMatrix.scaleY,\n                                    translateX: zoom.transformMatrix.translateX - touch.clientX / .25,\n                                    translateY: zoom.transformMatrix.translateY - touch.clientY / .25,\n                                    skewX: zoom.transformMatrix.skewX,\n                                    skewY: zoom.transformMatrix.skewY\n                                });\n                            }\n                        }}\n                    />\n                    {crosshairY !== null && crosshairY >= 0 && crosshairY <= frameHeight && (\n                        <line\n                            x1={0}\n                            x2={frameWidth}\n                            y1={crosshairY}\n                            y2={crosshairY}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                    {crosshairX !== null && crosshairX >= 0 && crosshairX <= frameWidth && (\n                        <line\n                            x1={crosshairX}\n                            x2={crosshairX}\n                            y1={0}\n                            y2={frameHeight}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                </g>\n            </svg>\n        </div>\n    );\n};\n\nexport default MiniMap;"],"names":["MINIMAP_SCALE_FACTOR","MINIMAP_CROSSHAIR_STROKE_WIDTH","CROSSHAIR_STROKE_WIDTH","MINIMAP_CROSSHAIR_DASH","CROSSHAIR_DASH","map","dash","join","MiniMap","t0","$","_c","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","crosshairX","x","crosshairY","y","frameWidth","frameHeight","t1","position","bottom","t2","right","t3","t4","t5","t6","canvas","context","getContext","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","forEach","point","transformedX","transformedY","beginPath","arc","Math","PI","color","fill","t7","Symbol","for","display","t8","jsx","t9","t10","t11","top","left","t12","toStringInvert","t13","isDragging","t14","cursor","t15","event","setTransformMatrix","scaleX","transformMatrix","scaleY","translateX","movementX","translateY","movementY","skewX","skewY","t16","event_0","touches","length","touch","clientX","clientY","t17","dragEnd","dragStart","t18","CROSSHAIR_STROKE","t19","t20","t21","t22","jsxs"],"mappings":"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"}
+{"version":3,"file":"visualization.es69.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    height: number;\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so longer labels (more digits) don't\n// creep past the reserved width and get clipped by the svg's default overflow:hidden.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// Full width needed to render the legend (color bar + ticks + tick labels) without\n// clipping, based on the widest formatted tick label for the given value range.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, height }: HeatmapLegendProps) => {\n    const gradientId = \"heatmap-legend-gradient\";\n\n    const tickValues = getTickValues(minValue, maxValue);\n\n    const yScale = scaleLinear<number>({\n        domain: [maxValue, minValue],\n        range: [0, height],\n    });\n\n    return (\n        <Group>\n            <defs>\n                {/* The bar reads top (max) to bottom (min), so the gradient stops run in reverse\n                    color order to match how colors map to values in the heatmap cells. */}\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            stopColor={colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={BAR_WIDTH}\n                height={height}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const y = yScale(value);\n                return (\n                    <g key={i}>\n                        <line\n                            x1={BAR_WIDTH}\n                            x2={BAR_WIDTH + TICK_WIDTH}\n                            y1={y}\n                            y2={y}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={BAR_WIDTH + TICK_WIDTH + LABEL_GAP}\n                            y={y}\n                            dominantBaseline=\"middle\"\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\nexport type { HeatmapLegendProps };\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","height","t1","tickValues","yScale","scaleLinear","domain","range","t2","jsx","t3","gradientId","t4","Group","i_0","y"],"mappings":"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"}

package/dist/visualization.es7.js

@@ -1,16 +1,16 @@
 import { jsx as N, jsxs as oe } from "react/jsx-runtime";
 import { useState as G, useMemo as f, useRef as U, useCallback as R } from "react";
-import { ZoomFrame as ce } from "./visualization.es52.js";
-import { RenderTree as re } from "./visualization.es53.js";
-import ie from "./visualization.es21.js";
-import le from "./visualization.es22.js";
-import de from "./visualization.es54.js";
-import ue from "./visualization.es55.js";
-import he from "./visualization.es56.js";
-import S from "./visualization.es57.js";
-import pe from "./visualization.es33.js";
-import me from "./visualization.es58.js";
-import { pathRadialStep as J } from "./visualization.es59.js";
+import { ZoomFrame as ce } from "./visualization.es30.js";
+import { RenderTree as re } from "./visualization.es31.js";
+import ie from "./visualization.es20.js";
+import le from "./visualization.es21.js";
+import de from "./visualization.es32.js";
+import ue from "./visualization.es33.js";
+import he from "./visualization.es34.js";
+import S from "./visualization.es35.js";
+import pe from "./visualization.es36.js";
+import me from "./visualization.es37.js";
+import { pathRadialStep as J } from "./visualization.es38.js";
 const we = {
   duration: 0.3,
   ease: "easeInOut"

package/dist/visualization.es70.js

@@ -1,31 +1,24 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
-import m from "./visualization.es58.js";
-const f = {
-  scaleX: 1,
-  scaleY: 1,
-  translateX: 0,
-  translateY: 0,
-  skewX: 0,
-  skewY: 0
-}, M = {
-  scaleXMin: 1 / 2,
-  scaleXMax: 10,
-  scaleYMin: 1 / 2,
-  scaleYMax: 10
-}, h = m, d = (r) => {
-  const t = n(6), {
-    width: s,
-    height: a,
-    children: l
-  } = r;
-  let e;
-  t[0] !== l ? (e = (c) => l(c), t[0] = l, t[1] = e) : e = t[1];
-  let o;
-  return t[2] !== a || t[3] !== e || t[4] !== s ? (o = /* @__PURE__ */ i(h, { width: s, height: a, ...M, initialTransformMatrix: f, children: e }), t[2] = a, t[3] = e, t[4] = s, t[5] = o) : o = t[5], o;
-};
+import o from "./visualization.es22.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 {
-  d as default,
-  f as initialTransformMatrix
+  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.es70.js.map

package/dist/visualization.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es70.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nexport const initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\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 */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQO,MAAMA,IAAyB;AAAA,EAClCC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}
+{"version":3,"file":"visualization.es70.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.es71.js

@@ -1,26 +1,119 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { c as n } from "react/compiler-runtime";
-const m = (l) => {
-  const t = n(5), {
-    tooltipBody: e,
-    tooltipData: i
-  } = l;
-  let r;
-  t[0] !== e || t[1] !== i ? (r = e ? e(i) : /* @__PURE__ */ a("div", { children: i.metaData && Object.entries(i.metaData).map(s) }), t[0] = e, t[1] = i, t[2] = r) : r = t[2];
-  let o;
-  return t[3] !== r ? (o = /* @__PURE__ */ a("div", { children: r }), t[3] = r, t[4] = o) : o = t[4], o;
-};
-function s(l) {
-  const [t, e] = l;
-  return /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ c("strong", { children: [
-      t.charAt(0).toUpperCase() + t.slice(1),
-      ": "
-    ] }),
-    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
-  ] }, t);
+import { cellKey as x, resolveCellAppearance as S } from "./visualization.es70.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 {
-  m as default
+  E as buildBin,
+  D as drawHeatmapCells,
+  R as getVisibleRange,
+  A as hitTestCell
 };
 //# sourceMappingURL=visualization.es71.js.map

package/dist/visualization.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es71.js","sources":["../src/components/ScatterPlot/tooltip.tsx"],"sourcesContent":["import { TooltipProps } from \"./types\";\n\nconst ScatterTooltip = <T,>({\n    tooltipBody,\n    tooltipData\n}: TooltipProps<T>) => {\n    return (\n        <div>\n            {tooltipBody ? tooltipBody(tooltipData) : (\n                <div>\n                    {tooltipData.metaData && Object.entries(tooltipData.metaData).map(([key, value]) => (\n                        <div key={key}>\n                            <strong>{key.charAt(0).toUpperCase() + key.slice(1)}: </strong>\n                            {typeof value === 'string'\n                                ? (value.length > 45\n                                    ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                                    : value.replace(/_/g, \" \"))\n                                : String(value)}\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport default ScatterTooltip;"],"names":["ScatterTooltip","t0","$","_c","tooltipBody","tooltipData","t1","metaData","Object","entries","map","_temp","t2","key","value","jsxs","charAt","toUpperCase","slice","length","replace","String"],"mappings":";;AAEA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAGV,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAGLC,IAAAF,IAAcA,EAAYC,CAa3B,sBAZI,OAAA,EACKA,UAAAA,EAAWE,YAAaC,OAAMC,QAASJ,EAAWE,QAAS,EAACG,IAAKC,CASjE,GACL,GACHT,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,SAAAI,KAdLM,+BACKN,UAAAA,EAAAA,CAcL,GAAMJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAfNU;AAeM;AApBS,SAAAD,EAAAV,GAAA;AAQgE,QAAA,CAAAY,GAAAC,CAAA,IAAAb;AAAY,2BAC3E,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAc,EAAA,UAAA,EAASF,UAAAA;AAAAA,MAAAA,EAAGG,OAAQ,CAAC,EAACC,gBAAiBJ,EAAGK,MAAO,CAAC;AAAA,MAAE;AAAA,IAAA,GAAE;AAAA,IACrD,OAAOJ,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKM,QAAS,MAAM,GAAG,EAACF,MAAO,GAAG,EAAE,CAAC,QACxCJ,EAAKM,QAAS,MAAM,GAAG,IAC3BC,OAAOP,CAAK;AAAA,EAAA,EAAA,IACtB;AAAM;"}
+{"version":3,"file":"visualization.es71.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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"}