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

package/dist/visualization.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es64.js","sources":["../src/components/Graph/ControlPanel.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from 'react';\nimport { Node, Edge } from './types';\nimport Button from '@mui/material/Button';\nimport Legend from './Legend';\nimport ScaleLegend from './ScaleLegend';\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';\nimport Stack from '@mui/material/Stack';\nimport { Typography } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport ShuffleIcon from '@mui/icons-material/Shuffle';\nimport LabelIcon from '@mui/icons-material/Label';\nimport LabelOffIcon from '@mui/icons-material/LabelOff';\nimport InsightsIcon from '@mui/icons-material/Insights';\nimport Tooltip from '@mui/material/Tooltip';\nimport Paper from '@mui/material/Paper';\n\ninterface ControlPanelProps {\n  toggles: { [key: string]: boolean };\n  onToggle: (category: string) => void;\n  simpleCategories: string[];\n  edgeType: boolean;\n  colorFunc?: (node: Node | Edge) => string;\n  elements: Node[];\n  edges: Edge[];\n  scales: number[];\n  scaleWidth: (n: number) => number;\n  downloadScreenshot: () => void;\n  randomize: () => void;\n  organize: () => void;\n  toggleLabels: () => void;\n  labelsOn: boolean;\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  uniqueCat?: string[];\n  scaleLabel?: string;\n}\n\nconst ControlPanel: React.FC<ControlPanelProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  scales,\n  scaleWidth,\n  downloadScreenshot,\n  randomize,\n  organize,\n  toggleLabels,\n  labelsOn,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  uniqueCat,\n  scaleLabel,\n}) => {\n  const [collapsed, setCollapsed] = useState(false);\n\n  const panelStyle: CSSProperties = {\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    width: collapsed ? '40px' : '250px',\n    backgroundColor: 'white',\n    transition: 'width 0.3s',\n    zIndex: 1000,\n    overflowX: 'hidden',\n    marginRight: '5px',\n    marginTop: '5px',\n    overflowY: 'auto',\n    maxHeight: '100vh',\n  };\n\n  const buttonStyle: CSSProperties = {\n    width: collapsed ? '0px' : '10px',\n    height: '40px',\n    display: 'inline-block',\n    alignItems: 'left',\n    justifyContent: 'left',\n    cursor: 'pointer',\n    padding: '0px',\n  };\n\n  return (\n    <Paper style={panelStyle} elevation={3}>\n      <Button\n        onClick={() => setCollapsed(!collapsed)}\n        fullWidth\n        sx={{ typography: 'body2', textTransform: 'none' }}\n        style={buttonStyle}\n      >\n        {collapsed ? (\n          <KeyboardDoubleArrowLeftIcon style={{ marginLeft: '-27px' }} />\n        ) : (\n          <KeyboardDoubleArrowRightIcon style={{ marginRight: '30px' }} />\n        )}\n      </Button>\n\n      {!collapsed && (\n        <>\n          <Typography\n            variant=\"body2\"\n            style={{\n              fontSize: '20px',\n              marginLeft: '22px',\n              marginTop: '5px',\n              justifyContent: 'center',\n              alignItems: 'center',\n              display: 'inline-block',\n            }}\n          >\n            Controls\n          </Typography>\n          <Stack spacing={1}>\n            <Legend\n              toggles={toggles}\n              onToggle={onToggle}\n              simpleCategories={simpleCategories}\n              edgeType={edgeType}\n              colorFunc={colorFunc}\n              elements={elements}\n              edges={edges}\n              legendToggle={legendToggle}\n              legendNodeLabel={legendNodeLabel}\n              legendEdgeLabel={legendEdgeLabel}\n              uniqueCat={uniqueCat}\n            />\n\n            <ScaleLegend\n              scales={scales}\n              width={scaleWidth}\n              scaleLabel={scaleLabel}\n            />\n\n            <Stack direction=\"row\" spacing={2} style={{ marginBottom: '5px' }}>\n              <Button\n                onClick={downloadScreenshot}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Download\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <DownloadIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={randomize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Randomize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <ShuffleIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={organize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Organize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <InsightsIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={toggleLabels}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Toggle Labels\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  {labelsOn ? <LabelOffIcon /> : <LabelIcon />}\n                </Tooltip>\n              </Button>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </Paper>\n  );\n};\n\nexport default ControlPanel;\n"],"names":["ControlPanel","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","scales","scaleWidth","downloadScreenshot","randomize","organize","toggleLabels","labelsOn","legendToggle","legendNodeLabel","legendEdgeLabel","uniqueCat","scaleLabel","collapsed","setCollapsed","useState","t1","t2","position","top","right","width","backgroundColor","transition","zIndex","overflowX","marginRight","marginTop","overflowY","maxHeight","panelStyle","t3","t4","height","display","alignItems","justifyContent","cursor","padding","buttonStyle","t5","t6","Symbol","for","typography","textTransform","t7","jsx","KeyboardDoubleArrowLeftIcon","marginLeft","KeyboardDoubleArrowRightIcon","t8","Button","t9","jsxs","Fragment","Typography","fontSize","Stack","Legend","ScaleLegend","marginBottom","minWidth","Tooltip","ml","DownloadIcon","ShuffleIcon","InsightsIcon","LabelOffIcon","LabelIcon","t10","Paper"],"mappings":"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"}
+{"version":3,"file":"visualization.es64.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    // On unmount, drop any queued frame and announce the crosshair as gone. Without the second\n    // half a parent mirroring this position onto sibling plots - ScatterPlotSync - keeps drawing\n    // the crosshair of a plot that no longer exists, until something else happens to move it.\n    useEffect(() => () => {\n        cancelFrame();\n        if (publishedRef.current !== null) publishChange(null);\n    }, [cancelFrame, publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":"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"}

package/dist/visualization.es65.js

@@ -1,35 +1,14 @@
-const c = 12, t = "sans-serif", e = 14, i = (o) => (n) => o[Math.floor(+n)] ?? "", T = (o) => o === "horizontal" ? 0 : o === "vertical" ? -90 : o === "leftDiagonal" ? -45 : 45, s = (o) => o === "horizontal" ? "middle" : o === "rightDiagonal" ? "start" : "end", I = (o) => ({
-  fontSize: 12,
-  fontFamily: t,
-  textAnchor: s(o),
-  angle: T(o),
-  dy: o === "horizontal" ? "0.71em" : "0.25em"
-}), _ = {
-  fontSize: 14,
-  fontFamily: t,
-  textAnchor: "middle",
-  dy: "-0.5em"
-}, l = {
-  fontSize: 12,
-  fontFamily: t,
-  textAnchor: "end",
-  dx: "-0.25em",
-  dy: "0.25em"
-}, r = {
-  fontSize: 14,
-  fontFamily: t,
-  textAnchor: "middle"
-};
+import { PureComponent as e } from "react";
+import t from "react-dom";
+class i extends e {
+  componentWillUnmount() {
+    this.node && document.body && (document.body.removeChild(this.node), delete this.node);
+  }
+  render() {
+    return !this.node && typeof document < "u" && (this.node = document.createElement("div"), this.props.zIndex != null && (this.node.style.zIndex = `${this.props.zIndex}`), document.body.append(this.node)), this.node ? /* @__PURE__ */ t.createPortal(this.props.children, this.node) : null;
+  }
+}
 export {
-  e as AXIS_TITLE_FONT_SIZE,
-  t as TICK_FONT_FAMILY,
-  c as TICK_FONT_SIZE,
-  I as getXAxisTickLabelProps,
-  i as makeTickFormat,
-  _ as xAxisLabelProps,
-  T as xTickAngleFor,
-  s as xTickTextAnchorFor,
-  r as yAxisLabelProps,
-  l as yAxisTickLabelProps
+  i as default
 };
 //# sourceMappingURL=visualization.es65.js.map

package/dist/visualization.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es65.js","sources":["../src/components/Heatmap/heatmapAxisProps.ts"],"sourcesContent":["import type { HeatmapProps } from \"./types\";\n\nexport const TICK_FONT_SIZE = 12;\nexport const TICK_FONT_FAMILY = \"sans-serif\";\nexport const AXIS_TITLE_FONT_SIZE = 14;\n\nexport const makeTickFormat = (names: string[]) => (d: number | { valueOf(): number }) => names[Math.floor(+d)] ?? \"\";\n\ntype XLabelOrientation = NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n\nexport const xTickAngleFor = (xLabelOrientation: XLabelOrientation) =>\n  xLabelOrientation === \"horizontal\" ? 0 : xLabelOrientation === \"vertical\" ? -90 : xLabelOrientation === \"leftDiagonal\" ? -45 : 45;\n\nexport const xTickTextAnchorFor = (xLabelOrientation: XLabelOrientation): \"middle\" | \"start\" | \"end\" =>\n  xLabelOrientation === \"horizontal\" ? \"middle\" : xLabelOrientation === \"rightDiagonal\" ? \"start\" : \"end\";\n\nexport const getXAxisTickLabelProps = (xLabelOrientation: XLabelOrientation) => ({\n  fontSize: TICK_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: xTickTextAnchorFor(xLabelOrientation),\n  angle: xTickAngleFor(xLabelOrientation),\n  dy: xLabelOrientation === \"horizontal\" ? \"0.71em\" : \"0.25em\",\n});\n\nexport const xAxisLabelProps = {\n  fontSize: AXIS_TITLE_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"middle\" as const,\n  dy: \"-0.5em\",\n};\n\nexport const yAxisTickLabelProps = {\n  fontSize: TICK_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"end\" as const,\n  dx: \"-0.25em\",\n  dy: \"0.25em\",\n};\n\nexport const yAxisLabelProps = {\n  fontSize: AXIS_TITLE_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"middle\" as const,\n};\n"],"names":["TICK_FONT_SIZE","TICK_FONT_FAMILY","AXIS_TITLE_FONT_SIZE","makeTickFormat","names","d","Math","floor","xTickAngleFor","xLabelOrientation","xTickTextAnchorFor","getXAxisTickLabelProps","fontSize","fontFamily","textAnchor","angle","dy","xAxisLabelProps","yAxisTickLabelProps","dx","yAxisLabelProps"],"mappings":"AAEO,MAAMA,IAAiB,IACjBC,IAAmB,cACnBC,IAAuB,IAEvBC,IAAiBA,CAACC,MAAoB,CAACC,MAAsCD,EAAME,KAAKC,MAAM,CAACF,CAAC,CAAC,KAAK,IAItGG,IAAgBA,CAACC,MAC5BA,MAAsB,eAAe,IAAIA,MAAsB,aAAa,MAAMA,MAAsB,iBAAiB,MAAM,IAEpHC,IAAqBA,CAACD,MACjCA,MAAsB,eAAe,WAAWA,MAAsB,kBAAkB,UAAU,OAEvFE,IAAyBA,CAACF,OAA0C;AAAA,EAC/EG,UAAUZ;AAAAA,EACVa,YAAYZ;AAAAA,EACZa,YAAYJ,EAAmBD,CAAiB;AAAA,EAChDM,OAAOP,EAAcC,CAAiB;AAAA,EACtCO,IAAIP,MAAsB,eAAe,WAAW;AACtD,IAEaQ,IAAkB;AAAA,EAC7BL,UAAUV;AAAAA,EACVW,YAAYZ;AAAAA,EACZa,YAAY;AAAA,EACZE,IAAI;AACN,GAEaE,IAAsB;AAAA,EACjCN,UAAUZ;AAAAA,EACVa,YAAYZ;AAAAA,EACZa,YAAY;AAAA,EACZK,IAAI;AAAA,EACJH,IAAI;AACN,GAEaI,IAAkB;AAAA,EAC7BR,UAAUV;AAAAA,EACVW,YAAYZ;AAAAA,EACZa,YAAY;AACd;"}
+{"version":3,"file":"visualization.es65.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/Portal.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport ReactDOM from 'react-dom';\n/** Render within a portal using a declarative component API. */\nexport default class Portal extends PureComponent {\n  componentWillUnmount() {\n    if (this.node && document.body) {\n      document.body.removeChild(this.node);\n      delete this.node;\n    }\n  }\n  render() {\n    // SSR check\n    if (!this.node && typeof document !== 'undefined') {\n      this.node = document.createElement('div');\n      if (this.props.zIndex != null) this.node.style.zIndex = `${this.props.zIndex}`;\n      document.body.append(this.node);\n    }\n    if (!this.node) {\n      return null;\n    }\n    return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.node);\n  }\n}"],"names":["Portal","PureComponent","ReactDOM"],"mappings":";;AAGe,MAAMA,UAAeC,EAAc;AAAA,EAChD,uBAAuB;AACrB,IAAI,KAAK,QAAQ,SAAS,SACxB,SAAS,KAAK,YAAY,KAAK,IAAI,GACnC,OAAO,KAAK;AAAA,EAEhB;AAAA,EACA,SAAS;AAOP,WALI,CAAC,KAAK,QAAQ,OAAO,WAAa,QACpC,KAAK,OAAO,SAAS,cAAc,KAAK,GACpC,KAAK,MAAM,UAAU,SAAM,KAAK,KAAK,MAAM,SAAS,GAAG,KAAK,MAAM,MAAM,KAC5E,SAAS,KAAK,OAAO,KAAK,IAAI,IAE3B,KAAK,OAGU,gBAAAC,EAAS,aAAa,KAAK,MAAM,UAAU,KAAK,IAAI,IAF/D;AAAA,EAGX;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es66.js

@@ -1,172 +1,43 @@
-import { c as Ht } from "react/compiler-runtime";
-import { measureTextWidth as _t } from "./visualization.es21.js";
-import { getHeatmapLegendWidth as It } from "./visualization.es120.js";
-import { getHeatmapColorScale as Wt, cellKey as Nt, DEFAULT_DESELECTED_COLOR as yt } from "./visualization.es121.js";
-import { TICK_FONT_FAMILY as dt, TICK_FONT_SIZE as it } from "./visualization.es65.js";
-import ut from "./visualization.es23.js";
-const vt = 16, ft = 12, at = 40, ct = 70, pt = 1.15, Dt = 50, gt = (o) => o.rows;
-function st(o, t) {
-  return o.reduce((e, T) => {
-    const r = t(T);
-    return r == null ? e : Math.max(e, r);
-  }, 0);
-}
-function Zt(o) {
-  const t = Ht(76), {
-    data: e,
-    colorDomain: T,
-    colors: r,
-    xLabelOrientation: k,
-    margin: B,
-    showLegend: Tt,
-    isScrollable: x,
-    cellWidth: xt,
-    cellHeight: Lt,
-    parentWidth: Mt,
-    parentHeight: St,
-    showMiniMap: Ct,
-    gap: G,
-    isRect: X,
-    selectedCells: M,
-    deselectedColor: wt
-  } = o;
-  let S;
-  t[0] !== e ? (S = e.map(Gt), t[0] = e, t[1] = S) : S = t[1];
-  const C = S;
-  let w;
-  t[2] !== e[0]?.rows ? (w = e[0]?.rows.map(Bt) ?? [], t[2] = e[0]?.rows, t[3] = w) : w = t[3];
-  const E = w;
-  let b;
-  t[4] !== e ? (b = st(e, Vt), t[4] = e, t[5] = b) : b = t[5];
-  const Y = b;
-  let A;
-  t[6] !== T || t[7] !== Y ? (A = T ?? [0, Y], t[6] = T, t[7] = Y, t[8] = A) : A = t[8];
-  const [s, i] = A, l = st(e, Pt), Et = C.reduce(Kt, 0) * pt, m = E.reduce(Ft, 0) * pt, rt = Et, L = k === "horizontal" ? 12 : k === "vertical" ? rt : rt * Math.SQRT1_2, j = k === "leftDiagonal" ? L : 0;
-  let H;
-  t[9] !== r ? (H = r.join("\0"), t[9] = r, t[10] = H) : H = t[10];
-  const z = H;
-  let I;
-  t[11] !== z ? (I = z.split("\0"), t[11] = z, t[12] = I) : I = t[12];
-  const h = I, W = It(s, i), Q = Tt ? W + vt : 10, U = L + ft + ct;
-  let N;
-  t[13] !== Q || t[14] !== U || t[15] !== B || t[16] !== m ? (N = B ?? {
-    top: 20,
-    left: m + ft + at,
-    right: Q,
-    bottom: U + it
-  }, t[13] = Q, t[14] = U, t[15] = B, t[16] = m, t[17] = N) : N = t[17];
-  const a = N, bt = x && Ct ? Dt : 0, mt = Math.max(0, Mt - a.left - a.right), ht = Math.max(0, St - a.bottom - a.top - bt), c = x ? e.length * xt : mt, n = x ? l * Lt : ht, Z = x ? Math.min(c, mt) : c, $ = x ? Math.min(n, ht) : n, q = Math.max(0, a.left - at), J = Math.max(0, a.bottom - ct), u = c / e.length, f = n / l;
-  let y;
-  t[18] !== e.length || t[19] !== c ? (y = ut({
-    domain: [0, e.length],
-    range: [0, c]
-  }), t[18] = e.length, t[19] = c, t[20] = y) : y = t[20];
-  const p = y;
-  let v;
-  t[21] !== l || t[22] !== n ? (v = ut({
-    domain: [0, l],
-    range: [n, 0]
-  }), t[21] = l, t[22] = n, t[23] = v) : v = t[23];
-  const _ = v;
-  let D;
-  t[24] !== _ ? (D = (At) => _(At + 1), t[24] = _, t[25] = D) : D = t[25];
-  const d = D;
-  let O;
-  t[26] !== e ? (O = e.map(Rt), t[26] = e, t[27] = O) : O = t[27];
-  const tt = O;
-  let R;
-  t[28] !== e[0]?.rows ? (R = e[0]?.rows.map(Ot) ?? [], t[28] = e[0]?.rows, t[29] = R) : R = t[29];
-  const et = R, ot = wt ?? yt;
-  let F;
-  t[30] !== i || t[31] !== s || t[32] !== h ? (F = Wt(h, [s, i]), t[30] = i, t[31] = s, t[32] = h, t[33] = F) : F = t[33];
-  const g = F;
-  let K;
-  t[34] !== M ? (K = M?.length ? new Set(M.map(Nt)) : null, t[34] = M, t[35] = K) : K = t[35];
-  const nt = K;
-  let P;
-  t[36] !== f || t[37] !== u || t[38] !== d || t[39] !== g || t[40] !== e || t[41] !== G || t[42] !== X || t[43] !== l || t[44] !== ot || t[45] !== nt || t[46] !== p || t[47] !== n ? (P = {
-    data: e,
-    numRows: l,
-    xScale: p,
-    cellYScale: d,
-    colorScale: g,
-    gap: G,
-    isRect: X,
-    binWidth: u,
-    binHeight: f,
-    yMax: n,
-    selectedKeys: nt,
-    deselectedColor: ot
-  }, t[36] = f, t[37] = u, t[38] = d, t[39] = g, t[40] = e, t[41] = G, t[42] = X, t[43] = l, t[44] = ot, t[45] = nt, t[46] = p, t[47] = n, t[48] = P) : P = t[48];
-  const lt = P;
-  let V;
-  return t[49] !== C || t[50] !== E || t[51] !== f || t[52] !== u || t[53] !== lt || t[54] !== d || t[55] !== L || t[56] !== g || t[57] !== W || t[58] !== a || t[59] !== m || t[60] !== i || t[61] !== s || t[62] !== l || t[63] !== h || t[64] !== $ || t[65] !== Z || t[66] !== c || t[67] !== p || t[68] !== J || t[69] !== j || t[70] !== tt || t[71] !== n || t[72] !== _ || t[73] !== q || t[74] !== et ? (V = {
-    allColNames: C,
-    allRowNames: E,
-    numRows: l,
-    minValue: s,
-    maxValue: i,
-    marg: a,
-    xMax: c,
-    yMax: n,
-    viewportWidth: Z,
-    viewportHeight: $,
-    yTitleWidth: at,
-    yTickLabelWidth: q,
-    xTitleHeight: ct,
-    xTickLabelHeight: J,
-    binWidth: u,
-    binHeight: f,
-    colLabelHeight: L,
-    xTickLeftOverhangMax: j,
-    maxRowNameWidth: m,
-    legendWidth: W,
-    xScale: p,
-    yScale: _,
-    cellYScale: d,
-    xTickValues: tt,
-    yTickValues: et,
-    stableColors: h,
-    colorScale: g,
-    canvasCellParams: lt
-  }, t[49] = C, t[50] = E, t[51] = f, t[52] = u, t[53] = lt, t[54] = d, t[55] = L, t[56] = g, t[57] = W, t[58] = a, t[59] = m, t[60] = i, t[61] = s, t[62] = l, t[63] = h, t[64] = $, t[65] = Z, t[66] = c, t[67] = p, t[68] = J, t[69] = j, t[70] = tt, t[71] = n, t[72] = _, t[73] = q, t[74] = et, t[75] = V) : V = t[75], V;
-}
-function Ot(o, t) {
-  return t + 0.5;
-}
-function Rt(o, t) {
-  return t + 0.5;
-}
-function Ft(o, t) {
-  return Math.max(o, _t(t, it, dt));
-}
-function Kt(o, t) {
-  return Math.max(o, _t(t, it, dt));
-}
-function Pt(o) {
-  return gt(o).length;
-}
-function Vt(o) {
-  return st(gt(o), kt);
-}
-function kt(o) {
-  return o.count;
-}
-function Bt(o) {
-  return o.rowName;
-}
-function Gt(o) {
-  return o.columnName;
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es27.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 {
-  ft as AXIS_LABEL_GAP,
-  vt as LEGEND_GAP,
-  Dt as MINI_MAP_HEIGHT,
-  pt as TICK_LABEL_WIDTH_SAFETY_FACTOR,
-  ct as X_AXIS_TITLE_SPACE,
-  at as Y_AXIS_TITLE_SPACE,
-  gt as getBins,
-  st as maxOf,
-  Zt as useHeatmapLayout
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es66.js.map

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.js","sources":["../src/components/Heatmap/heatmapLayout.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { HeatmapProps } from \"./types\";\nimport { measureTextWidth } from \"../../utility\";\nimport { getHeatmapLegendWidth } from \"./HeatmapLegend\";\nimport { DEFAULT_DESELECTED_COLOR, cellKey, getHeatmapColorScale } from \"./heatmapCellAppearance\";\nimport { type CanvasCellParams } from \"./HeatmapCanvasCells\";\nimport { TICK_FONT_SIZE, TICK_FONT_FAMILY } from \"./heatmapAxisProps\";\n\nexport const LEGEND_GAP = 16;\n// Extra breathing room between the tick labels and the axis title, beyond the space\n// reserved for the tick labels themselves.\nexport const AXIS_LABEL_GAP = 12;\n// Space reserved for the axis title itself (the \"X-Axis Label\" / \"Y-Axis Label\" text), beyond\n// the tick labels. In scrollable mode this is carved out into its own always-visible pane so\n// the title can't be scrolled out of view - see yTitleWidth/xTitleHeight in HeatmapLayout.\nexport const Y_AXIS_TITLE_SPACE = 40;\nexport const X_AXIS_TITLE_SPACE = 70;\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 long tick labels aren't clipped.\nexport const TICK_LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nexport const MINI_MAP_HEIGHT = 50;\n\nexport const getBins = (d: ColumnDatum) => d.rows;\n\nexport function maxOf<Datum>(data: Datum[], value: (d: Datum) => number | null): number {\n  // Null counts are gaps in the data and don't participate in the max. reduce rather than\n  // Math.max(...spread): returns 0 (not -Infinity) for empty/all-null input, with no\n  // argument-count ceiling.\n  return data.reduce((max, datum) => {\n    const datumValue = value(datum);\n    return datumValue == null ? max : Math.max(max, datumValue);\n  }, 0);\n}\n\nexport interface HeatmapLayout {\n  allColNames: string[];\n  allRowNames: string[];\n  numRows: number;\n  minValue: number;\n  maxValue: number;\n  marg: { top: number; right: number; bottom: number; left: number };\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  yTitleWidth: number;\n  yTickLabelWidth: number;\n  xTitleHeight: number;\n  xTickLabelHeight: number;\n  binWidth: number;\n  binHeight: number;\n  colLabelHeight: number;\n  xTickLeftOverhangMax: number;\n  maxRowNameWidth: number;\n  legendWidth: number;\n  xScale: ScaleLinear<number, number, never>;\n  yScale: ScaleLinear<number, number, never>;\n  cellYScale: (row: number) => number;\n  xTickValues: number[];\n  yTickValues: number[];\n  stableColors: [string, string, ...string[]];\n  colorScale: (count: number) => string | undefined;\n  canvasCellParams: CanvasCellParams;\n}\n\nexport interface UseHeatmapLayoutArgs {\n  data: ColumnDatum[];\n  colorDomain?: [number, number];\n  colors: [string, string, ...string[]];\n  xLabelOrientation: NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  showLegend: boolean;\n  isScrollable: boolean;\n  cellWidth?: number;\n  cellHeight?: number;\n  parentWidth: number;\n  parentHeight: number;\n  showMiniMap: boolean;\n  gap: number;\n  isRect: boolean;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n}\n\nexport function useHeatmapLayout({\n  data, colorDomain, colors, xLabelOrientation, margin, showLegend, isScrollable,\n  cellWidth, cellHeight, parentWidth, parentHeight, showMiniMap, gap, isRect,\n  selectedCells, deselectedColor,\n}: UseHeatmapLayoutArgs): HeatmapLayout {\n  const allColNames = useMemo(() => data.map((d) => d.columnName), [data]);\n  const allRowNames = useMemo(() => data[0]?.rows.map((r) => r.rowName) ?? [], [data]);\n  const dataMaxValue = useMemo(() => maxOf(data, (d) => maxOf(getBins(d), (r) => r.count)), [data]);\n  const [minValue, maxValue] = colorDomain ?? [0, dataMaxValue];\n  const numRows = useMemo(() => maxOf(data, (d) => getBins(d).length), [data]);\n\n  // Measured (not estimated) pixel width of the longest label, so any label - short or long,\n  // narrow or wide characters - gets exactly the room it needs rather than a per-character guess.\n  const maxColNameWidth = useMemo(\n    () => allColNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allColNames]\n  );\n  const maxRowNameWidth = useMemo(\n    () => allRowNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allRowNames]\n  );\n\n  const rotatedColNameSpace = maxColNameWidth;\n  const colLabelHeight = xLabelOrientation === \"horizontal\" ? 12 : xLabelOrientation === \"vertical\" ? rotatedColNameSpace : rotatedColNameSpace * Math.SQRT1_2;\n\n  const xTickLeftOverhangMax = xLabelOrientation === \"leftDiagonal\" ? colLabelHeight : 0;\n\n  const colorsKey = colors.join(\"\\u0000\");\n  const stableColors = useMemo(\n    () => colorsKey.split(\"\\u0000\") as [string, string, ...string[]],\n    [colorsKey]\n  );\n\n  const legendWidth = useMemo(() => getHeatmapLegendWidth(minValue, maxValue), [minValue, maxValue]);\n  const defaultRight = showLegend ? legendWidth + LEGEND_GAP : 10;\n  const defaultTop = 20;\n  const labelBottomSpace = colLabelHeight + AXIS_LABEL_GAP + X_AXIS_TITLE_SPACE;\n  const marg = margin ?? {\n    top: defaultTop,\n    left: maxRowNameWidth + AXIS_LABEL_GAP + Y_AXIS_TITLE_SPACE,\n    right: defaultRight,\n    bottom: labelBottomSpace + TICK_FONT_SIZE,\n  };\n\n  const miniMapSpace = isScrollable && showMiniMap ? MINI_MAP_HEIGHT : 0;\n  const availableWidth = Math.max(0, parentWidth - marg.left - marg.right);\n  const availableHeight = Math.max(0, parentHeight - marg.bottom - marg.top - miniMapSpace);\n\n  const xMax = isScrollable ? data.length * (cellWidth as number) : availableWidth;\n  const yMax = isScrollable ? numRows * (cellHeight as number) : availableHeight;\n  const viewportWidth = isScrollable ? Math.min(xMax, availableWidth) : xMax;\n  const viewportHeight = isScrollable ? Math.min(yMax, availableHeight) : yMax;\n\n  const yTitleWidth = Y_AXIS_TITLE_SPACE;\n  const yTickLabelWidth = Math.max(0, marg.left - yTitleWidth);\n  const xTitleHeight = X_AXIS_TITLE_SPACE;\n  const xTickLabelHeight = Math.max(0, marg.bottom - xTitleHeight);\n\n  const binWidth = xMax / data.length;\n  const binHeight = yMax / numRows;\n\n  const xScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, data.length], range: [0, xMax] }),\n    [data.length, xMax]\n  );\n  const yScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, numRows], range: [yMax, 0] }),\n    [numRows, yMax]\n  );\n  const cellYScale = useCallback((row: number) => yScale(row + 1), [yScale]);\n\n  const xTickValues = useMemo(() => data.map((_, i) => i + 0.5), [data]);\n  const yTickValues = useMemo(() => data[0]?.rows.map((_, i) => i + 0.5) ?? [], [data]);\n\n  const resolvedDeselectedColor = deselectedColor ?? DEFAULT_DESELECTED_COLOR;\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(stableColors, [minValue, maxValue]),\n    [stableColors, minValue, maxValue]\n  );\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n\n  // Everything the canvas draw loop and hit-testing need to place/color a cell. Only changes when\n  // a prop that actually affects appearance/geometry changes - never on scroll or hover, so\n  // drawCanvas (and, through it, handleGridScroll) keeps a stable identity across scroll events.\n  const canvasCellParams: CanvasCellParams = useMemo(\n    () => ({\n      data, numRows, xScale, cellYScale, colorScale, gap, isRect, binWidth, binHeight,\n      yMax, selectedKeys, deselectedColor: resolvedDeselectedColor,\n    }),\n    [data, numRows, xScale, cellYScale, colorScale, gap, isRect, binWidth, binHeight, yMax, selectedKeys, resolvedDeselectedColor]\n  );\n\n  return {\n    allColNames, allRowNames, numRows, minValue, maxValue, marg, xMax, yMax,\n    viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth, xTitleHeight, xTickLabelHeight,\n    binWidth, binHeight, colLabelHeight, xTickLeftOverhangMax, maxRowNameWidth, legendWidth,\n    xScale, yScale, cellYScale, xTickValues, yTickValues, stableColors, colorScale, canvasCellParams,\n  };\n}\n"],"names":["LEGEND_GAP","AXIS_LABEL_GAP","Y_AXIS_TITLE_SPACE","X_AXIS_TITLE_SPACE","TICK_LABEL_WIDTH_SAFETY_FACTOR","MINI_MAP_HEIGHT","getBins","d","rows","maxOf","data","value","reduce","max","datum","datumValue","Math","useHeatmapLayout","t0","$","_c","colorDomain","colors","xLabelOrientation","margin","showLegend","isScrollable","cellWidth","cellHeight","parentWidth","parentHeight","showMiniMap","gap","isRect","selectedCells","deselectedColor","t1","map","_temp","allColNames","t2","_temp2","allRowNames","t3","_temp4","dataMaxValue","t4","minValue","maxValue","numRows","_temp5","maxColNameWidth","_temp6","maxRowNameWidth","_temp7","rotatedColNameSpace","colLabelHeight","SQRT1_2","xTickLeftOverhangMax","t5","join","colorsKey","t6","split","stableColors","legendWidth","getHeatmapLegendWidth","defaultRight","labelBottomSpace","t7","top","left","right","bottom","TICK_FONT_SIZE","marg","miniMapSpace","availableWidth","availableHeight","xMax","length","yMax","viewportWidth","min","viewportHeight","yTickLabelWidth","xTickLabelHeight","binWidth","binHeight","t8","scaleLinear","domain","range","xScale","t9","yScale","t10","row","cellYScale","t11","_temp8","xTickValues","t12","_temp9","yTickValues","resolvedDeselectedColor","DEFAULT_DESELECTED_COLOR","t13","getHeatmapColorScale","colorScale","t14","Set","cellKey","selectedKeys","t15","canvasCellParams","t16","yTitleWidth","xTitleHeight","__0","i_0","i","_","m_0","name_0","m","measureTextWidth","name","TICK_FONT_FAMILY","d_1","d_0","_temp3","r_0","r","count","rowName","columnName"],"mappings":"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"}
+{"version":3,"file":"visualization.es66.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.es67.js

@@ -1,133 +1,84 @@
-import { jsxs as k, Fragment as N, jsx as h } from "react/jsx-runtime";
-import { createRoot as R } from "react-dom/client";
-import { flushSync as _ } from "react-dom";
-import { downloadBlob as I, MAX_CANVAS_EXPORT_DIMENSION as L, MAX_CANVAS_EXPORT_PIXELS as P } from "./visualization.es21.js";
-import { LEGEND_GAP as O } from "./visualization.es66.js";
-import { yAxisTickLabelProps as V, AXIS_TITLE_FONT_SIZE as F, TICK_FONT_FAMILY as U } from "./visualization.es65.js";
-import { drawHeatmapCells as X } from "./visualization.es122.js";
-import B from "./visualization.es27.js";
-import G from "./visualization.es32.js";
-const S = "http://www.w3.org/2000/svg", j = "http://www.w3.org/1999/xlink", y = (e, o, n, t, i) => {
-  const r = document.createElementNS(S, "text");
-  r.setAttribute("x", String(n)), r.setAttribute("y", String(t)), i && r.setAttribute("transform", `rotate(-90, ${n}, ${t})`), r.setAttribute("text-anchor", "middle"), r.setAttribute("dominant-baseline", "middle"), r.setAttribute("font-size", String(F)), r.setAttribute("font-family", U), r.textContent = o, e.appendChild(r);
-}, w = (e, o, n, t) => {
-  const i = document.createElementNS(S, "g");
-  i.setAttribute("transform", `translate(${n},${t})`), o.childNodes.forEach((r) => i.appendChild(r.cloneNode(!0))), e.appendChild(i);
-};
-function M(e, o) {
-  const n = window.devicePixelRatio || 2;
-  return Math.min(n, L / e, L / o, Math.sqrt(P / (e * o)));
-}
-function C(e, o) {
-  const {
-    xMax: n,
-    yMax: t,
-    canvasCellParams: i,
-    numRows: r
-  } = e.layout;
-  if (n <= 0 || t <= 0) return null;
-  const a = document.createElement("canvas");
-  a.width = Math.max(1, Math.round(n * o)), a.height = Math.max(1, Math.round(t * o));
-  const s = a.getContext("2d");
-  if (!s) return null;
-  s.setTransform(o, 0, 0, o, 0, 0);
-  const c = {
-    colStart: 0,
-    colEnd: Math.max(0, e.data.length - 1),
-    rowStart: 0,
-    rowEnd: Math.max(0, r - 1)
-  };
-  return X(s, i, c, null), a;
-}
-function D(e) {
+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 {
-    xMax: o,
-    yMax: n
-  } = e.layout;
-  if (o <= 0 || n <= 0) return null;
-  const t = C(e, M(o, n));
-  return t ? t.toDataURL("image/png") : null;
-}
-const H = (e, o, n, t, i, r) => {
-  const a = document.createElementNS(S, "image");
-  a.setAttribute("x", String(n)), a.setAttribute("y", String(t)), a.setAttribute("width", String(i)), a.setAttribute("height", String(r)), a.setAttribute("preserveAspectRatio", "none"), a.setAttributeNS(j, "href", o), a.setAttribute("href", o), e.appendChild(a);
+    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 E(e, {
-  includeCells: o = !0
-} = {}) {
-  const {
-    layout: n
-  } = e, {
-    marg: t,
-    xMax: i,
-    yMax: r,
-    xScale: a,
-    yScale: s,
-    numRows: c,
-    xTickValues: p,
-    yTickValues: x,
-    yTickLabelWidth: f,
-    xTickLabelHeight: g,
-    yTitleWidth: b,
-    xTitleHeight: A
-  } = n, l = document.createElementNS(S, "svg");
-  if (l.setAttribute("width", String(t.left + i + t.right)), l.setAttribute("height", String(t.top + r + t.bottom)), o) {
-    const d = D(e);
-    d && H(l, d, t.left, t.top, i, r);
-  }
-  let u = null, m = null;
-  const T = document.createElement("div"), v = R(T);
-  return _(() => {
-    v.render(/* @__PURE__ */ k(N, { children: [
-      /* @__PURE__ */ h("svg", { width: f, height: r, ref: (d) => {
-        u = d;
-      }, children: /* @__PURE__ */ h("g", { transform: `translate(${f},0)`, children: /* @__PURE__ */ h(B, { scale: s, numTicks: c, tickValues: x, tickFormat: e.yAxisTickFormat, tickLabelProps: V }) }) }),
-      /* @__PURE__ */ h("svg", { width: i, height: g, ref: (d) => {
-        m = d;
-      }, children: /* @__PURE__ */ h(G, { top: 0, scale: a, numTicks: e.data.length, tickFormat: e.xAxisTickFormat, tickValues: p, tickLabelProps: e.xAxisTickLabelProps }) })
-    ] }));
-  }), u && w(l, u, b, t.top), m && w(l, m, t.left, t.top + r), v.unmount(), e.showLegend && e.legendSvg && w(l, e.legendSvg, t.left + i + O, t.top), e.yLabel && y(l, e.yLabel, b / 2, t.top + r / 2, !0), e.xLabel && y(l, e.xLabel, t.left + i / 2, t.top + r + g + A / 2, !1), l;
-}
-function tt(e, o) {
-  const {
-    marg: n,
-    xMax: t,
-    yMax: i
-  } = e.layout;
-  if (t <= 0 || i <= 0) return;
-  const r = n.left + t + n.right, a = n.top + i + n.bottom, s = M(r, a), c = document.createElement("canvas");
-  c.width = Math.max(1, Math.round(r * s)), c.height = Math.max(1, Math.round(a * s));
-  const p = c.getContext("2d");
-  if (!p) return;
-  const x = C(e, s);
-  x && p.drawImage(x, n.left * s, n.top * s);
-  const f = (m) => {
-    m && I(m, o);
-  }, g = E(e, {
-    includeCells: !1
-  });
-  if (!g) {
-    c.toBlob(f, "image/png", 1);
-    return;
-  }
-  const b = new XMLSerializer().serializeToString(g), A = new Blob([b], {
-    type: "image/svg+xml;charset=utf-8"
-  }), l = URL.createObjectURL(A), u = new Image();
-  u.onload = () => {
-    p.drawImage(u, 0, 0, c.width, c.height), URL.revokeObjectURL(l), c.toBlob(f, "image/png", 1);
-  }, u.onerror = () => URL.revokeObjectURL(l), u.src = l;
+function j(t) {
+  return {
+    ...t,
+    open: !1
+  };
 }
-function et(e, o) {
-  const n = E(e);
-  if (!n) return;
-  const t = document.createElement("div");
-  t.style.position = "absolute", t.style.top = "0", t.style.left = "-99999px", t.appendChild(n), document.body.appendChild(t), o(n, () => {
-    t.parentNode && document.body.removeChild(t);
-  });
+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 {
-  E as buildScrollableExportSVG,
-  tt as downloadScrollableHeatmapPNG,
-  et as withOffscreenExportSVG
+  H as default
 };
 //# sourceMappingURL=visualization.es67.js.map