@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.js","sources":["../src/components/TreeMap/SingleNode.tsx"],"sourcesContent":["import { SingleNodeProps, TreemapNode } from \"./types\";\nimport ValueOval from \"./ValueOval\";\nimport { getLabelPlacement, truncateTextToWidth } from \"./helpers\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Portal, TooltipWithBounds, useTooltip } from \"@visx/tooltip\";\nimport React from \"react\";\nimport { HierarchyRectangularNode } from \"@visx/hierarchy\";\n\nconst SingleNode = <T,>(\n    props: SingleNodeProps<T>\n) => {\n    function getNodeValue(node: HierarchyRectangularNode<TreemapNode<T>>): number {\n        // If the node has children, sum their values\n        if (node.children && node.children.length > 0) {\n            return node.children.reduce((sum: number, child) => {\n                return sum + getNodeValue(child);\n            }, 0);\n        }\n\n        // Otherwise use the leaf's data value\n        return node.data.value ?? 0;\n    }\n\n    const hasChildren = props.node.children !== undefined && props.node.children.length > 0;\n    \n    const value = hasChildren ? props.node.data.displayValue ?? getNodeValue(props.node) : props.node.data.value ?? 0\n\n    const fontSize = props.fontSize\n    const nodeColor = props.node.data.style?.color ||  props.node.parent?.data.style?.color || \"black\"\n    const labelColor = props.node.data.style?.labelColor || nodeColor;\n    const nodeStrokeColor = props.node.data.style?.strokeColor || nodeColor;\n    const nodeStroke = props.node.data.style?.strokeWidth === 0 ? 0 : props.node.data.style?.strokeWidth || props.strokeWidth;\n    const stroke = props.isHovered ? nodeStroke + 2 : nodeStroke;\n\n    const width = props.node.x1 - props.node.x0;\n    const height = props.node.y1 - props.node.y0;\n\n    const fullLabel = props.node.data.label;\n    const truncatedLabel = truncateTextToWidth(fullLabel, width - 8, fontSize, \"sans-serif\");\n    const showValue = height > 55 && width > 50 && value > 0;\n    const showText = height > 20;\n\n    const { textX, textY, textAnchor, valueAnchor, baseline, valueY, valueX } = getLabelPlacement(\n        props.node,\n        props.labelPlacement,\n        showValue,\n        hasChildren\n    );\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<ReactNode>();\n\n    const handleMouseMove = useCallback(\n        (event: React.MouseEvent<SVGElement>) => {\n            if (!props.tooltipBody) return;\n\n            const tooltipContent = props.tooltipBody(props.node.data);\n\n            showTooltip({\n                tooltipLeft: event.clientX + 10,\n                tooltipTop: event.clientY + 10,\n                tooltipData: tooltipContent,\n            });\n        },\n        [props.tooltipBody, props.node.data, showTooltip]\n    );\n\n    const handleNodeClick = () => {\n        if (!props.onNodeClicked) return;\n        props.onNodeClicked(props.node.data);\n    };\n\n    return (\n        <React.Fragment key={`frag-${props.node.data.label}`}>\n            <g\n                onMouseEnter={() => props.onHover(true)}\n                onMouseLeave={() => {\n                    props.onHover(false);\n                    hideTooltip?.();\n                }}\n                onMouseMove={handleMouseMove}\n                onClick={handleNodeClick}\n                style={{ cursor: \"pointer\", transition: \"stroke-width 0.2s\" }}\n            >\n                <rect\n                    x={props.node.x0}\n                    y={props.node.y0}\n                    width={width}\n                    height={height}\n                    fill={nodeColor}\n                    fillOpacity={props.opacity}\n                    stroke={nodeStrokeColor}\n                    strokeWidth={stroke}\n                    rx={props.borderRadius}\n                />\n                {showText && (\n                    <text\n                        x={textX}\n                        y={textY}\n                        textAnchor={textAnchor}\n                        dominantBaseline={baseline}\n                        fill={labelColor}\n                        fontSize={props.fontSize}\n                        fontWeight={500}\n                    >\n                        {truncatedLabel}\n                    </text>\n                )}\n                {showValue && (\n                    <ValueOval\n                        cx={valueX}\n                        cy={valueY}\n                        color={labelColor}\n                        value={value}\n                        align={valueAnchor}\n                    />\n                )}\n            </g>\n            {props.tooltipBody && tooltipOpen && tooltipData && (\n                <Portal>\n                    <TooltipWithBounds left={(tooltipLeft ?? 0) + 10} top={tooltipTop}>\n                        {tooltipData}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default SingleNode;"],"names":["SingleNode","props","getNodeValue","node","children","length","reduce","sum","child","data","value","hasChildren","undefined","displayValue","fontSize","nodeColor","style","color","parent","labelColor","nodeStrokeColor","strokeColor","nodeStroke","strokeWidth","stroke","isHovered","width","x1","x0","height","y1","y0","fullLabel","label","truncatedLabel","truncateTextToWidth","showValue","showText","textX","textY","textAnchor","valueAnchor","baseline","valueY","valueX","getLabelPlacement","labelPlacement","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","handleMouseMove","useCallback","event","tooltipBody","tooltipContent","clientX","clientY","handleNodeClick","onNodeClicked","jsxs","React","onHover","cursor","transition","jsx","opacity","borderRadius","ValueOval","Portal","TooltipWithBounds"],"mappings":";;;;;;;AAQA,MAAMA,IAAa,CACfC,MACC;AACD,WAASC,EAAaC,GAAwD;AAE1E,WAAIA,EAAKC,YAAYD,EAAKC,SAASC,SAAS,IACjCF,EAAKC,SAASE,OAAO,CAACC,GAAaC,MAC/BD,IAAML,EAAaM,CAAK,GAChC,CAAC,IAIDL,EAAKM,KAAKC,SAAS;AAAA,EAC9B;AAEA,QAAMC,IAAcV,EAAME,KAAKC,aAAaQ,UAAaX,EAAME,KAAKC,SAASC,SAAS,GAEhFK,IAAQC,IAAcV,EAAME,KAAKM,KAAKI,gBAAgBX,EAAaD,EAAME,IAAI,IAAIF,EAAME,KAAKM,KAAKC,SAAS,GAE1GI,IAAWb,EAAMa,UACjBC,IAAYd,EAAME,KAAKM,KAAKO,OAAOC,SAAUhB,EAAME,KAAKe,QAAQT,KAAKO,OAAOC,SAAS,SACrFE,IAAalB,EAAME,KAAKM,KAAKO,OAAOG,cAAcJ,GAClDK,IAAkBnB,EAAME,KAAKM,KAAKO,OAAOK,eAAeN,GACxDO,IAAarB,EAAME,KAAKM,KAAKO,OAAOO,gBAAgB,IAAI,IAAItB,EAAME,KAAKM,KAAKO,OAAOO,eAAetB,EAAMsB,aACxGC,IAASvB,EAAMwB,YAAYH,IAAa,IAAIA,GAE5CI,IAAQzB,EAAME,KAAKwB,KAAK1B,EAAME,KAAKyB,IACnCC,IAAS5B,EAAME,KAAK2B,KAAK7B,EAAME,KAAK4B,IAEpCC,IAAY/B,EAAME,KAAKM,KAAKwB,OAC5BC,IAAiBC,EAAoBH,GAAWN,IAAQ,GAAGZ,GAAU,YAAY,GACjFsB,IAAYP,IAAS,MAAMH,IAAQ,MAAMhB,IAAQ,GACjD2B,IAAWR,IAAS,IAEpB;AAAA,IAAES,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,YAAAA;AAAAA,IAAYC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAAUC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,EAAAA,IAAWC,EACxE5C,EAAME,MACNF,EAAM6C,gBACNV,GACAzB,CACJ,GAEM;AAAA,IACFoC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,EAAAA,IACAC,EAAAA,GAEEC,IAAkBC,EACpB,CAACC,MAAwC;AACrC,QAAI,CAACvD,EAAMwD,YAAa;AAExB,UAAMC,IAAiBzD,EAAMwD,YAAYxD,EAAME,KAAKM,IAAI;AAExD0C,IAAAA,EAAY;AAAA,MACRH,aAAaQ,EAAMG,UAAU;AAAA,MAC7BV,YAAYO,EAAMI,UAAU;AAAA,MAC5Bb,aAAaW;AAAAA,IAAAA,CAChB;AAAA,EACL,GACA,CAACzD,EAAMwD,aAAaxD,EAAME,KAAKM,MAAM0C,CAAW,CACpD,GAEMU,IAAkBA,MAAM;AAC1B,IAAK5D,EAAM6D,iBACX7D,EAAM6D,cAAc7D,EAAME,KAAKM,IAAI;AAAA,EACvC;AAEA,SACI,gBAAAsD,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,IAAA,gBAAAD,EAAC,KAAA,EACG,cAAc,MAAM9D,EAAMgE,QAAQ,EAAI,GACtC,cAAc,MAAM;AAChBhE,MAAAA,EAAMgE,QAAQ,EAAK,GACnBb,IAAAA;AAAAA,IACJ,GACA,aAAaE,GACb,SAASO,GACT,OAAO;AAAA,MAAEK,QAAQ;AAAA,MAAWC,YAAY;AAAA,IAAA,GAExC,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EACG,GAAGnE,EAAME,KAAKyB,IACd,GAAG3B,EAAME,KAAK4B,IACd,OAAAL,GACA,QAAAG,GACA,MAAMd,GACN,aAAad,EAAMoE,SACnB,QAAQjD,GACR,aAAaI,GACb,IAAIvB,EAAMqE,aAAAA,CAAa;AAAA,MAE1BjC,KACG,gBAAA+B,EAAC,QAAA,EACG,GAAG9B,GACH,GAAGC,GACH,YAAAC,GACA,kBAAkBE,GAClB,MAAMvB,GACN,UAAUlB,EAAMa,UAChB,YAAY,KAEXoB,UAAAA,GACL;AAAA,MAEHE,KACG,gBAAAgC,EAACG,GAAA,EACG,IAAI3B,GACJ,IAAID,GACJ,OAAOxB,GACP,OAAAT,GACA,OAAO+B,EAAAA,CAAY;AAAA,IAAA,GAG/B;AAAA,IACCxC,EAAMwD,eAAeP,KAAeH,uBAChCyB,GAAA,EACG,UAAA,gBAAAJ,EAACK,GAAA,EAAkB,OAAOzB,KAAe,KAAK,IAAI,KAAKC,GAClDF,aACL,EAAA,CACJ;AAAA,EAAA,EAAA,GAlDa,QAAQ9C,EAAME,KAAKM,KAAKwB,KAAK,EAoDlD;AAER;"}
+{"version":3,"file":"visualization.es66.js","sources":["../src/components/Heatmap/HeatmapGrid.tsx"],"sourcesContent":["import { useCallback, useId, useMemo, useRef, useState, type ReactElement, type ReactNode, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { HeatmapCellId, HeatmapLegendFrame } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCanvasCells\";\nimport type { AnimationType } from \"../../utility\";\nimport HeatmapLegend from \"./HeatmapLegend\";\nimport HeatmapSelectionPointers from \"./HeatmapSelectionPointers\";\nimport HeatmapMiniMap from \"./HeatmapMiniMap\";\nimport HeatmapMiniMapPopup from \"./HeatmapMiniMapPopup\";\nimport { PlotTooltip } from \"../../tooltip\";\nimport { TICK_FONT_FAMILY, AXIS_TITLE_FONT_SIZE, markTickLabels, yAxisTickLabelProps, type getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { LEGEND_GAP, MINI_MAP_HEIGHT, xAxisTitleCenter, type HeatmapLayout } from \"./heatmapLayout\";\nimport { useHeatmapCanvasGrid } from \"./hooks/useHeatmapCanvasGrid\";\nimport { useScrollToSelection } from \"./hooks/useScrollToSelection\";\n\nconst X_AXIS_OVERHANG_CLIP_HEIGHT = 10;\n\nexport interface HeatmapGridProps {\n  legendSvgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  /** The container's width, which a long x-axis title is kept inside. */\n  parentWidth: number;\n  showMiniMap: boolean;\n  showLegend: boolean;\n  renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;\n  xLabel?: string;\n  yLabel?: string;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  animationType?: AnimationType;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\n/**\n * The cells on one viewport-sized canvas, repainted from the scroll position, with the axes, titles\n * and legend in panes around it that stay put as the grid scrolls (frozen panes).\n */\nconst HeatmapGrid = ({\n  legendSvgRef, layout, parentWidth, showMiniMap, showLegend, renderLegend, xLabel, yLabel, tooltipBody,\n  onClick, animationType, selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapGridProps) => {\n  const {\n    marg, xMax, yMax, viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth,\n    xTitleHeight, xTickLabelHeight, binWidth, xTickLeftOverhangMax, legendWidth,\n    xScale, yScale, xTickValues, yTickValues, stableColors, minValue, maxValue, canvasCellParams,\n    selectionMarks,\n  } = layout;\n  const markedXTickLabelProps = useMemo(\n    () => markTickLabels(xAxisTickLabelProps, selectionMarks.columns),\n    [xAxisTickLabelProps, selectionMarks]\n  );\n  const markedYTickLabelProps = useMemo(() => markTickLabels(yAxisTickLabelProps, selectionMarks.rows), [selectionMarks]);\n\n  const {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues, canvasHandlers,\n  } = useHeatmapCanvasGrid({\n    canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, onClick, animationType,\n  });\n  useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, binWidth, viewportWidth });\n\n  // Centered under the viewport, but kept inside the container, as the download places it.\n  const plotLeft = yTitleWidth + yTickLabelWidth;\n  const xTitleX = useMemo(\n    () => (xLabel ? xAxisTitleCenter(xLabel, plotLeft + viewportWidth / 2, parentWidth) - plotLeft : viewportWidth / 2),\n    [xLabel, plotLeft, viewportWidth, parentWidth]\n  );\n\n  const xTickClipId = useId();\n  // Room for the first column's slanted label to hang left over the y-axis pane, only while\n  // scrolled to the start: anywhere else, the column to its left would show through.\n  const xTickLeftOverhang = Math.max(0, xTickLeftOverhangMax - axisScrollPos.left);\n\n  // The scroll event repaints the grid and moves the minimap's rectangle, as a manual scroll does.\n  const handleMiniMapNavigate = useCallback((left: number, top: number) => {\n    mainPaneRef.current?.scrollTo({ left, top });\n  }, []);\n\n  const [isMiniMapExpanded, setIsMiniMapExpanded] = useState(false);\n  const miniMapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  // The caller's legend or the built-in one, beside the grid or across the expanded minimap.\n  const legend = (frame: HeatmapLegendFrame) =>\n    renderLegend ? (\n      renderLegend(frame)\n    ) : (\n      <HeatmapLegend\n        colors={stableColors}\n        minValue={minValue}\n        maxValue={maxValue}\n        length={frame.orientation === \"vertical\" ? frame.height : frame.width}\n        orientation={frame.orientation}\n      />\n    );\n\n  return (\n    <>\n      <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n        {showMiniMap && (\n          <div ref={miniMapContainerRef} style={{ marginLeft: yTitleWidth + yTickLabelWidth, position: \"relative\", width: viewportWidth }}>\n            <HeatmapMiniMap\n              canvasCellParams={canvasCellParams}\n              xMax={xMax}\n              yMax={yMax}\n              viewportWidth={viewportWidth}\n              viewportHeight={viewportHeight}\n              scrollLeft={axisScrollPos.left}\n              scrollTop={axisScrollPos.top}\n              width={viewportWidth}\n              height={MINI_MAP_HEIGHT}\n              onNavigate={handleMiniMapNavigate}\n              onCanvasClick={() => setIsMiniMapExpanded(true)}\n              paused={isMiniMapExpanded}\n            />\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: showLegend\n              ? `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px ${LEGEND_GAP + legendWidth}px`\n              : `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px`,\n            gridTemplateRows: `${marg.top}px ${viewportHeight}px ${xTickLabelHeight}px ${xTitleHeight}px`,\n          }}\n        >\n          <div style={{ gridColumn: 1, gridRow: 2 }}>\n            <svg width={yTitleWidth} height={viewportHeight} style={{ display: \"block\" }}>\n              <text\n                x={yTitleWidth / 2}\n                y={viewportHeight / 2}\n                transform={`rotate(-90, ${yTitleWidth / 2}, ${viewportHeight / 2})`}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {yLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 2, gridRow: 2, width: yTickLabelWidth, height: viewportHeight, overflow: \"hidden\" }}>\n            <svg width={yTickLabelWidth} height={viewportHeight}>\n              <g transform={`translate(${yTickLabelWidth},${-axisScrollPos.top})`}>\n                <AxisLeft\n                  scale={yScale}\n                  tickValues={visibleYTickValues}\n                  tickFormat={yAxisTickFormat}\n                  tickLabelProps={markedYTickLabelProps}\n                />\n                <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n              </g>\n            </svg>\n          </div>\n          <div\n            ref={setMainPaneNode}\n            onScroll={handleGridScroll}\n            style={{ gridColumn: 3, gridRow: 2, width: viewportWidth, height: viewportHeight, overflow: \"auto\", overscrollBehavior: \"contain\", position: \"relative\" }}\n          >\n            <div style={{ width: xMax, height: yMax, position: \"relative\" }}>\n              <canvas\n                ref={canvasRef}\n                width={viewportWidth * (window.devicePixelRatio || 1)}\n                height={viewportHeight * (window.devicePixelRatio || 1)}\n                style={{\n                  width: viewportWidth,\n                  height: viewportHeight,\n                  position: \"sticky\",\n                  top: 0,\n                  left: 0,\n                  display: \"block\",\n                  cursor: \"default\",\n                }}\n                {...canvasHandlers}\n              />\n            </div>\n          </div>\n          {tooltipBody && <PlotTooltip ref={canvasTooltipRef}>{tooltipBody}</PlotTooltip>}\n          <div style={{ gridColumn: 3, gridRow: 3 }}>\n            <svg width={viewportWidth} height={xTickLabelHeight} style={{ display: \"block\", overflow: \"visible\" }}>\n              <defs>\n                <clipPath id={xTickClipId}>\n                  <rect x={0} y={0} width={viewportWidth} height={xTickLabelHeight} />\n                  {xTickLeftOverhangMax > 0 && (\n                    <rect\n                      x={-xTickLeftOverhang}\n                      y={X_AXIS_OVERHANG_CLIP_HEIGHT}\n                      width={xTickLeftOverhang}\n                      height={Math.max(0, xTickLabelHeight - X_AXIS_OVERHANG_CLIP_HEIGHT)}\n                    />\n                  )}\n                </clipPath>\n              </defs>\n              <g clipPath={`url(#${xTickClipId})`}>\n                <g transform={`translate(${-axisScrollPos.left},0)`}>\n                  <AxisBottom\n                    top={0}\n                    scale={xScale}\n                    tickFormat={xAxisTickFormat}\n                    tickValues={visibleXTickValues}\n                    tickLabelProps={markedXTickLabelProps}\n                  />\n                  <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 3, gridRow: 4 }}>\n            <svg width={viewportWidth} height={xTitleHeight} style={{ display: \"block\", overflow: \"visible\" }}>\n              <text\n                x={xTitleX}\n                y={xTitleHeight / 2}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {xLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          {showLegend && (\n            <div style={{ gridColumn: 4, gridRow: 2, width: legendWidth, marginLeft: LEGEND_GAP, height: viewportHeight }}>\n              <svg width={legendWidth} height={viewportHeight} ref={legendSvgRef} style={{ overflow: \"visible\" }}>\n                {legend({ width: legendWidth, height: viewportHeight, orientation: \"vertical\" })}\n              </svg>\n            </div>\n          )}\n        </div>\n      </div>\n      {showMiniMap && isMiniMapExpanded && (\n        <HeatmapMiniMapPopup\n          onClose={() => setIsMiniMapExpanded(false)}\n          containerRef={miniMapContainerRef}\n          canvasCellParams={canvasCellParams}\n          xMax={xMax}\n          yMax={yMax}\n          viewportWidth={viewportWidth}\n          viewportHeight={viewportHeight}\n          scrollLeft={axisScrollPos.left}\n          scrollTop={axisScrollPos.top}\n          onNavigate={handleMiniMapNavigate}\n          legend={showLegend ? legend : undefined}\n        />\n      )}\n    </>\n  );\n};\n\nexport default HeatmapGrid;\n"],"names":["X_AXIS_OVERHANG_CLIP_HEIGHT","HeatmapGrid","legendSvgRef","layout","parentWidth","showMiniMap","showLegend","renderLegend","xLabel","yLabel","tooltipBody","onClick","animationType","selectedCells","scrollToSelection","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","marg","xMax","yMax","viewportWidth","viewportHeight","yTitleWidth","yTickLabelWidth","xTitleHeight","xTickLabelHeight","binWidth","xTickLeftOverhangMax","legendWidth","xScale","yScale","xTickValues","yTickValues","stableColors","minValue","maxValue","canvasCellParams","selectionMarks","markedXTickLabelProps","useMemo","markTickLabels","columns","markedYTickLabelProps","yAxisTickLabelProps","rows","canvasRef","mainPaneRef","canvasTooltipRef","setMainPaneNode","handleGridScroll","axisScrollPos","visibleXTickValues","visibleYTickValues","canvasHandlers","useHeatmapCanvasGrid","useScrollToSelection","plotLeft","xTitleX","xAxisTitleCenter","xTickClipId","useId","xTickLeftOverhang","Math","max","left","handleMiniMapNavigate","useCallback","top","current","scrollTo","isMiniMapExpanded","setIsMiniMapExpanded","useState","miniMapContainerRef","useRef","legend","frame","jsx","HeatmapLegend","orientation","height","width","jsxs","Fragment","display","flexDirection","marginLeft","position","HeatmapMiniMap","MINI_MAP_HEIGHT","gridTemplateColumns","LEGEND_GAP","gridTemplateRows","gridColumn","gridRow","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","overflow","AxisLeft","HeatmapSelectionPointers","overscrollBehavior","window","devicePixelRatio","cursor","PlotTooltip","AxisBottom","HeatmapMiniMapPopup","undefined"],"mappings":"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"}

package/dist/visualization.es660.js

@@ -0,0 +1,11 @@
+import { formatDecimalParts as a } from "./visualization.es659.js";
+function f(t, o) {
+  var n = a(t, o);
+  if (!n) return t + "";
+  var e = n[0], r = n[1];
+  return r < 0 ? "0." + new Array(-r).join("0") + e : e.length > r + 1 ? e.slice(0, r + 1) + "." + e.slice(r + 1) : e + new Array(r - e.length + 2).join("0");
+}
+export {
+  f as default
+};
+//# sourceMappingURL=visualization.es660.js.map

package/dist/visualization.es660.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es660.js","sources":["../../../node_modules/.pnpm/d3-format@3.1.0/node_modules/d3-format/src/formatRounded.js"],"sourcesContent":["import {formatDecimalParts} from \"./formatDecimal.js\";\n\nexport default function(x, p) {\n  var d = formatDecimalParts(x, p);\n  if (!d) return x + \"\";\n  var coefficient = d[0],\n      exponent = d[1];\n  return exponent < 0 ? \"0.\" + new Array(-exponent).join(\"0\") + coefficient\n      : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + \".\" + coefficient.slice(exponent + 1)\n      : coefficient + new Array(exponent - coefficient.length + 2).join(\"0\");\n}\n"],"names":["formatRounded","x","p","d","formatDecimalParts","coefficient","exponent"],"mappings":";AAEe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,MAAIC,IAAIC,EAAmBH,GAAGC,CAAC;AAC/B,MAAI,CAACC,EAAG,QAAOF,IAAI;AACnB,MAAII,IAAcF,EAAE,CAAC,GACjBG,IAAWH,EAAE,CAAC;AAClB,SAAOG,IAAW,IAAI,OAAO,IAAI,MAAM,CAACA,CAAQ,EAAE,KAAK,GAAG,IAAID,IACxDA,EAAY,SAASC,IAAW,IAAID,EAAY,MAAM,GAAGC,IAAW,CAAC,IAAI,MAAMD,EAAY,MAAMC,IAAW,CAAC,IAC7GD,IAAc,IAAI,MAAMC,IAAWD,EAAY,SAAS,CAAC,EAAE,KAAK,GAAG;AAC3E;","x_google_ignoreList":[0]}

package/dist/visualization.es67.js

@@ -1,58 +1,70 @@
-import s from "./visualization.es518.js";
-import u from "./visualization.es519.js";
-import m from "./visualization.es520.js";
-import l from "./visualization.es521.js";
-import _ from "./visualization.es522.js";
-import v from "./visualization.es523.js";
-import y from "./visualization.es524.js";
-import g from "./visualization.es525.js";
-import w from "./visualization.es526.js";
-import B from "./visualization.es527.js";
-import A from "./visualization.es528.js";
-function d(e, t) {
-  var a = new n(e), f = +e.value && (a.value = e.value), o, c = [a], i, h, r, p;
-  for (t == null && (t = x); o = c.pop(); )
-    if (f && (o.value = +o.data.value), (h = t(o.data)) && (p = h.length))
-      for (o.children = new Array(p), r = p - 1; r >= 0; --r)
-        c.push(i = o.children[r] = new n(h[r])), i.parent = o, i.depth = o.depth + 1;
-  return a.eachBefore(D);
-}
-function k() {
-  return d(this).eachBefore(C);
+import g from "./visualization.es138.js";
+const q = (t, n, s) => {
+  const e = document.createElement("g");
+  e.style.position = "absolute", e.style.visibility = "hidden", e.style.fontSize = `${n}px`, e.style.fontFamily = s, e.style.whiteSpace = "nowrap", e.textContent = t, document.body.appendChild(e);
+  const i = e.getBoundingClientRect().width;
+  return document.body.removeChild(e), i;
+}, v = (t, n) => {
+  t.sort((o, c) => o - c);
+  const s = (o) => {
+    const c = Math.floor(o.length / 2);
+    return o.length % 2 !== 0 ? o[c] : (o[c - 1] + o[c]) / 2;
+  }, e = (o) => {
+    const c = Math.floor(o.length / 2), p = o.slice(0, c), M = o.slice(o.length % 2 === 0 ? c : c + 1);
+    return {
+      firstQuartile: s(p),
+      thirdQuartile: s(M)
+    };
+  }, {
+    firstQuartile: i,
+    thirdQuartile: r
+  } = e(t), l = s(t), h = r - i, a = i - 1.5 * h, f = r + 1.5 * h, u = n === "none" ? [] : n === "top" ? t.filter((o) => o > f) : n === "bottom" ? t.filter((o) => o < a) : t.filter((o) => o < a || o > f), m = t[0], d = t[t.length - 1];
+  return {
+    min: m,
+    max: d,
+    firstQuartile: i,
+    thirdQuartile: r,
+    median: l,
+    outliers: u
+  };
+};
+function x(t, n) {
+  return (s) => n.map((e) => ({
+    value: e,
+    count: g(s, (i) => t(e - i)) || 0
+  }));
 }
-function x(e) {
-  return e.children;
+function y(t) {
+  const n = 1 / (t * Math.sqrt(2 * Math.PI));
+  return (s) => n * Math.exp(-0.5 * Math.pow(s / t, 2));
 }
-function C(e) {
-  e.data = e.data.data;
+function b(t) {
+  const n = t.length;
+  if (n === 0)
+    return 0;
+  const s = t.reduce((l, h) => l + h, 0) / n, e = t.reduce((l, h) => l + Math.pow(h - s, 2), 0) / t.length;
+  return 3.5 * Math.sqrt(e) / Math.pow(n, 1 / 3);
 }
-function D(e) {
-  var t = 0;
-  do
-    e.height = t;
-  while ((e = e.parent) && e.height < ++t);
+function C(t) {
+  const n = t.length;
+  if (n === 0) return 0;
+  const s = t.reduce((u, m) => u + m, 0) / n, e = t.reduce((u, m) => u + Math.pow(m - s, 2), 0) / n, i = Math.sqrt(e), r = t.slice().sort((u, m) => u - m), l = r[Math.floor((n - 1) * 0.25)], a = r[Math.floor((n - 1) * 0.75)] - l, f = 0.9 * Math.min(i, a / 1.34) * Math.pow(n, -1 / 5);
+  return Math.max(f, 1e-10);
 }
-function n(e) {
-  this.data = e, this.depth = this.height = 0, this.parent = null;
+function D(t) {
+  let n = 0;
+  for (let e = 0; e < t.length; e++)
+    n = (n << 5) - n + t.charCodeAt(e), n |= 0;
+  const s = Math.sin(n) * 1e4;
+  return s - Math.floor(s);
 }
-n.prototype = d.prototype = {
-  constructor: n,
-  count: s,
-  each: u,
-  eachAfter: l,
-  eachBefore: m,
-  sum: _,
-  sort: v,
-  path: y,
-  ancestors: g,
-  descendants: w,
-  leaves: B,
-  links: A,
-  copy: k
-};
 export {
-  n as Node,
-  D as computeHeight,
-  d as default
+  v as calculateBoxStats,
+  y as gaussian,
+  q as getTextHeight,
+  x as kernelDensityEstimator,
+  b as scottRule,
+  D as seededRandom,
+  C as silvermanRule
 };
 //# sourceMappingURL=visualization.es67.js.map

package/dist/visualization.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es67.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/index.js"],"sourcesContent":["import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\n\nexport default function hierarchy(data, children) {\n  var root = new Node(data),\n      valued = +data.value && (root.value = data.value),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  if (children == null) children = defaultChildren;\n\n  while (node = nodes.pop()) {\n    if (valued) node.value = +node.data.value;\n    if ((childs = children(node.data)) && (n = childs.length)) {\n      node.children = new Array(n);\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = node.children[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction defaultChildren(d) {\n  return d.children;\n}\n\nfunction copyData(node) {\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy\n};\n"],"names":["hierarchy","data","children","root","Node","valued","node","nodes","child","childs","i","n","defaultChildren","computeHeight","node_copy","copyData","d","height","node_count","node_each","node_eachAfter","node_eachBefore","node_sum","node_sort","node_path","node_ancestors","node_descendants","node_leaves","node_links"],"mappings":";;;;;;;;;;;AAYe,SAASA,EAAUC,GAAMC,GAAU;AAChD,MAAIC,IAAO,IAAIC,EAAKH,CAAI,GACpBI,IAAS,CAACJ,EAAK,UAAUE,EAAK,QAAQF,EAAK,QAC3CK,GACAC,IAAQ,CAACJ,CAAI,GACbK,GACAC,GACAC,GACAC;AAIJ,OAFIT,KAAY,SAAMA,IAAWU,IAE1BN,IAAOC,EAAM;AAElB,QADIF,MAAQC,EAAK,QAAQ,CAACA,EAAK,KAAK,SAC/BG,IAASP,EAASI,EAAK,IAAI,OAAOK,IAAIF,EAAO;AAEhD,WADAH,EAAK,WAAW,IAAI,MAAMK,CAAC,GACtBD,IAAIC,IAAI,GAAGD,KAAK,GAAG,EAAEA;AACxB,QAAAH,EAAM,KAAKC,IAAQF,EAAK,SAASI,CAAC,IAAI,IAAIN,EAAKK,EAAOC,CAAC,CAAC,CAAC,GACzDF,EAAM,SAASF,GACfE,EAAM,QAAQF,EAAK,QAAQ;AAKjC,SAAOH,EAAK,WAAWU,CAAa;AACtC;AAEA,SAASC,IAAY;AACnB,SAAOd,EAAU,IAAI,EAAE,WAAWe,CAAQ;AAC5C;AAEA,SAASH,EAAgBI,GAAG;AAC1B,SAAOA,EAAE;AACX;AAEA,SAASD,EAAST,GAAM;AACtB,EAAAA,EAAK,OAAOA,EAAK,KAAK;AACxB;AAEO,SAASO,EAAcP,GAAM;AAClC,MAAIW,IAAS;AACb;AAAG,IAAAX,EAAK,SAASW;AAAA,UACTX,IAAOA,EAAK,WAAYA,EAAK,SAAS,EAAEW;AAClD;AAEO,SAASb,EAAKH,GAAM;AACzB,OAAK,OAAOA,GACZ,KAAK,QACL,KAAK,SAAS,GACd,KAAK,SAAS;AAChB;AAEAG,EAAK,YAAYJ,EAAU,YAAY;AAAA,EACrC,aAAaI;AAAA,EACb,OAAOc;AAAA,EACP,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,YAAYC;AAAA,EACZ,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,MAAMd;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es67.js","sources":["../src/components/ViolinPlot/helpers.ts"],"sourcesContent":["import { mean } from '@visx/vendor/d3-array';\n\n//measure the height of the longest tick\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    const el = document.createElement(\"g\");\n    el.style.position = \"absolute\";\n    el.style.visibility = \"hidden\";\n    el.style.fontSize = `${fontSize}px`;\n    el.style.fontFamily = fontFamily;\n    el.style.whiteSpace = \"nowrap\";\n    el.textContent = text;\n    document.body.appendChild(el);\n    const width = el.getBoundingClientRect().width;\n    document.body.removeChild(el);\n    return width;\n};\n\n// Get the min, max, quartiles, median, and ouotiers for each data set\nexport const calculateBoxStats = (data: number[], outlierType: string) => {\n\n    data.sort((a, b) => a - b);\n\n    const median = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        return arr.length % 2 !== 0 ? arr[mid] : (arr[mid - 1] + arr[mid]) / 2;\n    };\n\n    const getQuartiles = (arr: number[]) => {\n        const mid = Math.floor(arr.length / 2);\n        const lower = arr.slice(0, mid);\n        const upper = arr.slice(arr.length % 2 === 0 ? mid : mid + 1);\n        return {\n            firstQuartile: median(lower),\n            thirdQuartile: median(upper),\n        };\n    };\n\n    // Calculate quartiles\n    const { firstQuartile, thirdQuartile } = getQuartiles(data);\n    const med = median(data);\n\n    // Calculate the IQR and whiskers\n    const iqr = thirdQuartile - firstQuartile;\n    const lowerWhisker = firstQuartile - 1.5 * iqr;\n    const upperWhisker = thirdQuartile + 1.5 * iqr;\n\n    // Calculate outliers (values outside of the whiskers)\n    const outliers = outlierType === \"none\"\n        ? []\n        : outlierType === \"top\"\n            ? data.filter(val => val > upperWhisker)\n            : outlierType === \"bottom\"\n                ? data.filter(val => val < lowerWhisker)\n                : data.filter(val => val < lowerWhisker || val > upperWhisker);\n\n    // Min and max\n    const min = data[0];\n    const max = data[data.length - 1];\n\n    return { min, max, firstQuartile, thirdQuartile, median: med, outliers };\n    \n};\n\nexport function kernelDensityEstimator(\n    kernel: (distance: number) => number,\n    X: number[]\n): (data: number[]) => { value: number, count: number }[] {\n    return (data: number[]) => {\n        return X.map((x) => ({\n            value: x,\n            count: mean(data, (v) => kernel(x - v)) || 0,\n        }));\n    };\n}\n\nexport function gaussian(bandwidth: number): (x: number) => number {\n    const normalizationFactor = 1 / (bandwidth * Math.sqrt(2 * Math.PI));\n    return (x) => normalizationFactor * Math.exp(-0.5 * Math.pow(x / bandwidth, 2));\n}\n\nexport function scottRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) {\n      return 0;\n    }\n  \n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / data.length;\n    const stdDev = Math.sqrt(variance)\n    const binWidth = 3.5 * stdDev / Math.pow(n, 1/3);\n    return binWidth;\n  }\n\n  export function silvermanRule(data: number[]) {\n    const n = data.length;\n    if (n === 0) return 0;\n\n    const mean = data.reduce((a, b) => a + b, 0) / n;\n    const variance = data.reduce((acc, val) => acc + Math.pow(val - mean, 2), 0) / n;\n    const stdDev = Math.sqrt(variance);\n\n    //calc iqr\n    const sortedData = data.slice().sort((a, b) => a - b);\n    const q1 = sortedData[Math.floor((n - 1) * 0.25)];\n    const q3 = sortedData[Math.floor((n - 1) * 0.75)];\n    const iqr = q3 - q1;\n\n    const bandwidth = 0.9 * Math.min(stdDev, iqr / 1.34) * Math.pow(n, -1 / 5);\n    \n    //ensure a positive result even if quartiles coincide\n    return Math.max(bandwidth, 1e-10);\n}\n\n//randomly generate jitter based on seed to keep jitter consisten across page loads\nexport function seededRandom(seed: string): number {\n    let hash = 0;\n    for (let i = 0; i < seed.length; i++) {\n      hash = (hash << 5) - hash + seed.charCodeAt(i);\n      hash |= 0; // Convert to 32bit integer\n    }\n    const x = Math.sin(hash) * 10000;\n    return x - Math.floor(x); // returns [0, 1)\n}"],"names":["getTextHeight","text","fontSize","fontFamily","el","document","createElement","style","position","visibility","whiteSpace","textContent","body","appendChild","width","getBoundingClientRect","removeChild","calculateBoxStats","data","outlierType","sort","a","b","median","arr","mid","Math","floor","length","getQuartiles","lower","slice","upper","firstQuartile","thirdQuartile","med","iqr","lowerWhisker","upperWhisker","outliers","filter","val","min","max","kernelDensityEstimator","kernel","X","map","x","value","count","mean","v","gaussian","bandwidth","normalizationFactor","sqrt","PI","exp","pow","scottRule","n","reduce","variance","acc","silvermanRule","stdDev","sortedData","q1","seededRandom","seed","hash","i","charCodeAt","sin"],"mappings":"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"}

package/dist/visualization.es68.js

@@ -1,46 +1,43 @@
-import { createElement as B } from "react";
-import I from "./visualization.es139.js";
-import L from "./visualization.es229.js";
-import i from "./visualization.es230.js";
-import { jsx as t, Fragment as j } from "react/jsx-runtime";
-import v from "./visualization.es231.js";
-import h from "./visualization.es28.js";
-function H(N) {
-  let {
-    top: x,
-    left: O,
-    className: R,
-    root: T,
-    tile: r,
-    size: d,
-    round: n,
-    padding: o,
-    paddingInner: p,
-    paddingOuter: a,
-    paddingTop: m,
-    paddingRight: f,
-    paddingBottom: g,
-    paddingLeft: c,
-    children: s,
-    nodeComponent: l = L
-  } = N;
-  const e = v();
-  r && e.tile(r), d && e.size(d), n && e.round(n), o && i(e.padding, o), p && i(e.paddingInner, p), a && i(e.paddingOuter, a), m && i(e.paddingTop, m), f && i(e.paddingRight, f), g && i(e.paddingBottom, g), c && i(e.paddingLeft, c);
-  const u = e(T);
-  return s ? /* @__PURE__ */ t(j, {
-    children: s(u)
-  }) : /* @__PURE__ */ t(h, {
-    top: x,
-    left: O,
-    className: I("visx-treemap", R),
-    children: l && u.descendants().map((b, z) => /* @__PURE__ */ t(h, {
-      children: /* @__PURE__ */ B(l, {
-        node: b
-      })
-    }, `treemap-node-${z}`))
-  });
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es51.js";
+const g = 18, l = 12, u = 6, r = 8;
+function G(n) {
+  const t = Math.max(...n.map((h) => h.label.length)) * 7 + l + u + r * 2, e = n.length * g + r * 2;
+  return {
+    width: t,
+    height: e
+  };
+}
+const W = (n) => {
+  const t = w(11), {
+    series: e,
+    xMax: h
+  } = n;
+  let s;
+  t[0] !== e ? (s = G(e), t[0] = e, t[1] = s) : s = t[1];
+  const {
+    width: c,
+    height: f
+  } = s, m = h - c - 4;
+  let o;
+  t[2] !== f || t[3] !== c ? (o = /* @__PURE__ */ a("rect", { width: c, height: f, fill: "white", stroke: "#d4d4d4", strokeWidth: 1, rx: 3 }), t[2] = f, t[3] = c, t[4] = o) : o = t[4];
+  let i;
+  t[5] !== e ? (i = e.map(H), t[5] = e, t[6] = i) : i = t[6];
+  let d;
+  return t[7] !== m || t[8] !== o || t[9] !== i ? (d = /* @__PURE__ */ p(x, { left: m, top: 4, children: [
+    o,
+    i
+  ] }), t[7] = m, t[8] = o, t[9] = i, t[10] = d) : d = t[10], d;
+};
+function H(n, t) {
+  return /* @__PURE__ */ p(x, { top: r + t * g, children: [
+    /* @__PURE__ */ a("rect", { x: r, y: 2, width: l, height: l, fill: n.color, opacity: 0.85, rx: 2 }),
+    /* @__PURE__ */ a("text", { x: r + l + u, y: l / 2 + 2, dominantBaseline: "middle", fontSize: 11, children: n.label })
+  ] }, `legend-${t}`);
 }
 export {
-  H as default
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es68.js.map

package/dist/visualization.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es68.js","sources":["../../../node_modules/.pnpm/@visx+hierarchy@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/hierarchy/esm/hierarchies/Treemap.js"],"sourcesContent":["import { createElement } from 'react';\nimport cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { treemap as d3treemap } from 'd3-hierarchy';\nimport HierarchyDefaultRectNode from \"../HierarchyDefaultRectNode.js\";\nimport setNumberOrNumberAccessor from \"../utils/setNumOrNumAccessor.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Treemap(_ref) {\n  let {\n    top,\n    left,\n    className,\n    root,\n    tile,\n    size,\n    round,\n    padding,\n    paddingInner,\n    paddingOuter,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    children,\n    nodeComponent = HierarchyDefaultRectNode\n  } = _ref;\n  const treemap = d3treemap();\n  if (tile) treemap.tile(tile);\n  if (size) treemap.size(size);\n  if (round) treemap.round(round);\n  if (padding) setNumberOrNumberAccessor(treemap.padding, padding);\n  if (paddingInner) setNumberOrNumberAccessor(treemap.paddingInner, paddingInner);\n  if (paddingOuter) setNumberOrNumberAccessor(treemap.paddingOuter, paddingOuter);\n  if (paddingTop) setNumberOrNumberAccessor(treemap.paddingTop, paddingTop);\n  if (paddingRight) setNumberOrNumberAccessor(treemap.paddingRight, paddingRight);\n  if (paddingBottom) setNumberOrNumberAccessor(treemap.paddingBottom, paddingBottom);\n  if (paddingLeft) setNumberOrNumberAccessor(treemap.paddingLeft, paddingLeft);\n  const data = treemap(root);\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(data)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    top: top,\n    left: left,\n    className: cx('visx-treemap', className),\n    children: nodeComponent && data.descendants().map((node, i) => /*#__PURE__*/_jsx(Group, {\n      children: /*#__PURE__*/createElement(nodeComponent, {\n        node\n      })\n    }, `treemap-node-${i}`))\n  });\n}"],"names":["Treemap","_ref","top","left","className","root","tile","size","round","padding","paddingInner","paddingOuter","paddingTop","paddingRight","paddingBottom","paddingLeft","children","nodeComponent","HierarchyDefaultRectNode","treemap","d3treemap","setNumberOrNumberAccessor","data","_jsx","_Fragment","Group","cx","node","i","createElement"],"mappings":";;;;;;;AAOe,SAASA,EAAQC,GAAM;AACpC,MAAI;AAAA,IACF,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgBC;AAAA,EACpB,IAAMjB;AACJ,QAAMkB,IAAUC,EAAS;AACzB,EAAId,KAAMa,EAAQ,KAAKb,CAAI,GACvBC,KAAMY,EAAQ,KAAKZ,CAAI,GACvBC,KAAOW,EAAQ,MAAMX,CAAK,GAC1BC,KAASY,EAA0BF,EAAQ,SAASV,CAAO,GAC3DC,KAAcW,EAA0BF,EAAQ,cAAcT,CAAY,GAC1EC,KAAcU,EAA0BF,EAAQ,cAAcR,CAAY,GAC1EC,KAAYS,EAA0BF,EAAQ,YAAYP,CAAU,GACpEC,KAAcQ,EAA0BF,EAAQ,cAAcN,CAAY,GAC1EC,KAAeO,EAA0BF,EAAQ,eAAeL,CAAa,GAC7EC,KAAaM,EAA0BF,EAAQ,aAAaJ,CAAW;AAC3E,QAAMO,IAAOH,EAAQd,CAAI;AACzB,SAAIW,IAA8BO,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUR,EAASM,CAAI;AAAA,EAC3B,CAAG,IACmBC,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,KAAKvB;AAAA,IACL,MAAMC;AAAA,IACN,WAAWuB,EAAG,gBAAgBtB,CAAS;AAAA,IACvC,UAAUa,KAAiBK,EAAK,YAAW,EAAG,IAAI,CAACK,GAAMC,MAAmBL,gBAAAA,EAAKE,GAAO;AAAA,MACtF,UAAuB,gBAAAI,EAAcZ,GAAe;AAAA,QAClD,MAAAU;AAAA,MACR,CAAO;AAAA,IACP,GAAO,gBAAgBC,CAAC,EAAE,CAAC;AAAA,EAC3B,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es68.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}

package/dist/visualization.es69.js

@@ -1,9 +1,84 @@
-import o from "./visualization.es72.js";
-import p from "./visualization.es70.js";
-function f(e, t, i, m, r) {
-  (e.depth & 1 ? p : o)(e, t, i, m, r);
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { c as b } from "react/compiler-runtime";
+import { useState as S, useImperativeHandle as v } from "react";
+import _ from "./visualization.es90.js";
+const H = (t) => {
+  const e = b(10), {
+    multiSeries: d,
+    tooltipBody: i,
+    ref: h
+  } = t;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    open: !1
+  }, e[0] = r) : r = e[0];
+  const [p, u] = S(r);
+  let s;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
+    show: (g, x, y) => u({
+      open: !0,
+      data: g,
+      left: x,
+      top: y
+    }),
+    hide: () => u(j)
+  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
+    return null;
+  const {
+    data: o,
+    left: f,
+    top: m
+  } = p;
+  let l;
+  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
+    fontSize: 12
+  }, children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Range:" }),
+      " ",
+      o.x0.toFixed(2),
+      ", ",
+      o.x1.toFixed(2)
+    ] }),
+    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Count:" }),
+      " ",
+      o.count
+    ] })
+  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
+  let a;
+  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
+};
+function j(t) {
+  return {
+    ...t,
+    open: !1
+  };
+}
+function k(t) {
+  return /* @__PURE__ */ n("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 4
+  }, children: [
+    /* @__PURE__ */ c("span", { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 2,
+      backgroundColor: t.color,
+      display: "inline-block"
+    } }),
+    /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ n("strong", { children: [
+        t.label,
+        ":"
+      ] }),
+      " ",
+      t.count
+    ] })
+  ] }, t.label);
 }
 export {
-  f as default
+  H as default
 };
 //# sourceMappingURL=visualization.es69.js.map

package/dist/visualization.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es69.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/sliceDice.js"],"sourcesContent":["import dice from \"./dice.js\";\nimport slice from \"./slice.js\";\n\nexport default function(parent, x0, y0, x1, y1) {\n  (parent.depth & 1 ? slice : dice)(parent, x0, y0, x1, y1);\n}\n"],"names":["treemapSliceDice","parent","x0","y0","x1","y1","slice","dice"],"mappings":";;AAGe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC9C,GAACJ,EAAO,QAAQ,IAAIK,IAAQC,GAAMN,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAC1D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es69.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":"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"}