@weng-lab/visualization 2.4.0-beta.8 → 2.4.0

package/dist/visualization.es84.js

@@ -1,49 +1,172 @@
-import { jsx as g } from "react/jsx-runtime";
-import { memo as X, useState as v } from "react";
-import { getAnimationProps as w } from "./visualization.es31.js";
-import { motion as x } from "./visualization.es45.js";
-import B from "./visualization.es94.js";
-const E = X(({
-  bin: r,
-  x: p,
-  barWidth: l,
-  yScale: n,
-  animationType: c,
-  binIndex: f,
-  svgRef: i,
-  tooltipRef: s,
-  onBarClicked: u
-}) => {
-  const [h, m] = v(!1), d = c ? x.g : "g", M = w(c, f);
-  let a = 0;
-  const Y = r.series.map((t, e) => {
-    const o = a;
-    return a += t.count, {
-      s: t,
-      si: e,
-      segY: n(o + t.count),
-      segHeight: Math.max(n(o) - n(o + t.count), 0)
-    };
-  });
-  return /* @__PURE__ */ g(d, { ...M, onMouseEnter: (t) => {
-    m(!0);
-    const e = i.current?.getBoundingClientRect();
-    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
-  }, onMouseMove: (t) => {
-    const e = i.current?.getBoundingClientRect();
-    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
-  }, onMouseLeave: () => {
-    m(!1), s.current?.hide();
-  }, children: Y.map(({
-    s: t,
-    si: e,
-    segY: o,
-    segHeight: H
-  }) => /* @__PURE__ */ g(B, { x: p, y: o, width: l, height: H, fill: t.color, opacity: 0.85, stroke: h ? "#000000" : "none", style: {
-    cursor: u ? "pointer" : "default"
-  }, onClick: () => u?.(r) }, `seg-${e}`)) });
-});
+import { c as Ht } from "react/compiler-runtime";
+import { measureTextWidth as _t } from "./visualization.es22.js";
+import { getHeatmapLegendWidth as It } from "./visualization.es122.js";
+import { getHeatmapColorScale as Wt, cellKey as Nt, DEFAULT_DESELECTED_COLOR as yt } from "./visualization.es123.js";
+import { TICK_FONT_FAMILY as dt, TICK_FONT_SIZE as it } from "./visualization.es83.js";
+import ut from "./visualization.es24.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;
+}
 export {
-  E as default
+  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
 };
 //# sourceMappingURL=visualization.es84.js.map

package/dist/visualization.es84.js.map

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

package/dist/visualization.es85.js

@@ -1,59 +1,68 @@
-import { slice as F } from "./visualization.es501.js";
-import { bisectRight as j } from "./visualization.es495.js";
-import b from "./visualization.es502.js";
-import w from "./visualization.es500.js";
-import I from "./visualization.es503.js";
-import R from "./visualization.es504.js";
-import S, { tickIncrement as z } from "./visualization.es505.js";
-import q from "./visualization.es506.js";
-function L() {
-  var A = I, h = w, v = q;
-  function s(i) {
-    Array.isArray(i) || (i = Array.from(i));
-    var r, c = i.length, o, m, u = new Array(c);
-    for (r = 0; r < c; ++r)
-      u[r] = A(i[r], r, i);
-    var k = h(u), e = k[0], t = k[1], n = v(u, e, t);
-    if (!Array.isArray(n)) {
-      const g = t, x = +n;
-      if (h === w && ([e, t] = R(e, t, x)), n = S(e, t, x), n[0] <= e && (m = z(e, t, x)), n[n.length - 1] >= t)
-        if (g >= t && h === w) {
-          const l = z(e, t, x);
-          isFinite(l) && (l > 0 ? t = (Math.floor(t / l) + 1) * l : l < 0 && (t = (Math.ceil(t * -l) + 1) / -l));
-        } else
-          n.pop();
-    }
-    for (var f = n.length, a = 0, p = f; n[a] <= e; ) ++a;
-    for (; n[p - 1] > t; ) --p;
-    (a || p < f) && (n = n.slice(a, p), f = p - a);
-    var y = new Array(f + 1), M;
-    for (r = 0; r <= f; ++r)
-      M = y[r] = [], M.x0 = r > 0 ? n[r - 1] : e, M.x1 = r < f ? n[r] : t;
-    if (isFinite(m)) {
-      if (m > 0)
-        for (r = 0; r < c; ++r)
-          (o = u[r]) != null && e <= o && o <= t && y[Math.min(f, Math.floor((o - e) / m))].push(i[r]);
-      else if (m < 0) {
-        for (r = 0; r < c; ++r)
-          if ((o = u[r]) != null && e <= o && o <= t) {
-            const g = Math.floor((e - o) * m);
-            y[Math.min(f, g + (n[g] <= o))].push(i[r]);
-          }
-      }
-    } else
-      for (r = 0; r < c; ++r)
-        (o = u[r]) != null && e <= o && o <= t && y[j(n, o, 0, f)].push(i[r]);
-    return y;
-  }
-  return s.value = function(i) {
-    return arguments.length ? (A = typeof i == "function" ? i : b(i), s) : A;
-  }, s.domain = function(i) {
-    return arguments.length ? (h = typeof i == "function" ? i : b([i[0], i[1]]), s) : h;
-  }, s.thresholds = function(i) {
-    return arguments.length ? (v = typeof i == "function" ? i : b(Array.isArray(i) ? F.call(i) : i), s) : v;
-  }, s;
+import { jsxs as F, Fragment as _, jsx as s } from "react/jsx-runtime";
+import { createRoot as R } from "react-dom/client";
+import { flushSync as G } from "react-dom";
+import { LEGEND_GAP as I } from "./visualization.es84.js";
+import { yAxisTickLabelProps as P, AXIS_TITLE_FONT_SIZE as $, TICK_FONT_FAMILY as H } from "./visualization.es83.js";
+import M from "./visualization.es124.js";
+import O from "./visualization.es29.js";
+import W from "./visualization.es28.js";
+const u = "http://www.w3.org/2000/svg", b = (t, n, e, i, r) => {
+  const l = document.createElementNS(u, "text");
+  l.setAttribute("x", String(e)), l.setAttribute("y", String(i)), r && l.setAttribute("transform", `rotate(-90, ${e}, ${i})`), l.setAttribute("text-anchor", "middle"), l.setAttribute("dominant-baseline", "middle"), l.setAttribute("font-size", String($)), l.setAttribute("font-family", H), l.textContent = n, t.appendChild(l);
+}, c = (t, n, e, i) => {
+  const r = document.createElementNS(u, "g");
+  r.setAttribute("transform", `translate(${e},${i})`), n.childNodes.forEach((l) => r.appendChild(l.cloneNode(!0))), t.appendChild(r);
+};
+function j(t) {
+  const {
+    layout: n
+  } = t, {
+    marg: e,
+    xMax: i,
+    yMax: r,
+    xScale: l,
+    yScale: S,
+    cellYScale: A,
+    stableColors: y,
+    minValue: C,
+    maxValue: T,
+    binWidth: k,
+    binHeight: L,
+    numRows: w,
+    xTickValues: E,
+    yTickValues: v,
+    yTickLabelWidth: f,
+    xTickLabelHeight: h,
+    yTitleWidth: g,
+    xTitleHeight: N
+  } = n, o = document.createElementNS(u, "svg");
+  o.setAttribute("width", String(e.left + i + e.right)), o.setAttribute("height", String(e.top + r + e.bottom));
+  let d = null, m = null, p = null;
+  const V = document.createElement("div"), x = R(V);
+  return G(() => {
+    x.render(/* @__PURE__ */ F(_, { children: [
+      /* @__PURE__ */ s("svg", { width: i, height: r, ref: (a) => {
+        d = a;
+      }, children: /* @__PURE__ */ s(M, { data: t.data, xScale: l, yScale: A, colors: y, minValue: C, maxValue: T, gap: t.gap, isRect: t.isRect, binWidth: k, binHeight: L, animationType: t.animationType, onClick: t.onClick, selectedCells: t.selectedCells, deselectedColor: t.deselectedColor }) }),
+      /* @__PURE__ */ s("svg", { width: f, height: r, ref: (a) => {
+        m = a;
+      }, children: /* @__PURE__ */ s("g", { transform: `translate(${f},0)`, children: /* @__PURE__ */ s(O, { scale: S, numTicks: w, tickValues: v, tickFormat: t.yAxisTickFormat, tickLabelProps: P }) }) }),
+      /* @__PURE__ */ s("svg", { width: i, height: h, ref: (a) => {
+        p = a;
+      }, children: /* @__PURE__ */ s(W, { top: 0, scale: l, numTicks: t.data.length, tickFormat: t.xAxisTickFormat, tickValues: E, tickLabelProps: t.xAxisTickLabelProps }) })
+    ] }));
+  }), d && c(o, d, e.left, e.top), m && c(o, m, g, e.top), p && c(o, p, e.left, e.top + r), x.unmount(), t.showLegend && t.legendSvg && c(o, t.legendSvg, e.left + i + I, e.top), t.yLabel && b(o, t.yLabel, g / 2, e.top + r / 2, !0), t.xLabel && b(o, t.xLabel, e.left + i / 2, e.top + r + h + N / 2, !1), o;
+}
+function J(t, n) {
+  const e = j(t);
+  if (!e) return;
+  const i = document.createElement("div");
+  i.style.position = "absolute", i.style.top = "0", i.style.left = "-99999px", i.appendChild(e), document.body.appendChild(i), n(e, () => {
+    i.parentNode && document.body.removeChild(i);
+  });
 }
 export {
-  L as default
+  j as buildScrollableExportSVG,
+  J as withOffscreenExportSVG
 };
 //# sourceMappingURL=visualization.es85.js.map

package/dist/visualization.es85.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es85.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/bin.js"],"sourcesContent":["import {slice} from \"./array.js\";\nimport bisect from \"./bisect.js\";\nimport constant from \"./constant.js\";\nimport extent from \"./extent.js\";\nimport identity from \"./identity.js\";\nimport nice from \"./nice.js\";\nimport ticks, {tickIncrement} from \"./ticks.js\";\nimport sturges from \"./threshold/sturges.js\";\n\nexport default function bin() {\n  var value = identity,\n      domain = extent,\n      threshold = sturges;\n\n  function histogram(data) {\n    if (!Array.isArray(data)) data = Array.from(data);\n\n    var i,\n        n = data.length,\n        x,\n        step,\n        values = new Array(n);\n\n    for (i = 0; i < n; ++i) {\n      values[i] = value(data[i], i, data);\n    }\n\n    var xz = domain(values),\n        x0 = xz[0],\n        x1 = xz[1],\n        tz = threshold(values, x0, x1);\n\n    // Convert number of thresholds into uniform thresholds, and nice the\n    // default domain accordingly.\n    if (!Array.isArray(tz)) {\n      const max = x1, tn = +tz;\n      if (domain === extent) [x0, x1] = nice(x0, x1, tn);\n      tz = ticks(x0, x1, tn);\n\n      // If the domain is aligned with the first tick (which it will by\n      // default), then we can use quantization rather than bisection to bin\n      // values, which is substantially faster.\n      if (tz[0] <= x0) step = tickIncrement(x0, x1, tn);\n\n      // If the last threshold is coincident with the domain’s upper bound, the\n      // last bin will be zero-width. If the default domain is used, and this\n      // last threshold is coincident with the maximum input value, we can\n      // extend the niced upper bound by one tick to ensure uniform bin widths;\n      // otherwise, we simply remove the last threshold. Note that we don’t\n      // coerce values or the domain to numbers, and thus must be careful to\n      // compare order (>=) rather than strict equality (===)!\n      if (tz[tz.length - 1] >= x1) {\n        if (max >= x1 && domain === extent) {\n          const step = tickIncrement(x0, x1, tn);\n          if (isFinite(step)) {\n            if (step > 0) {\n              x1 = (Math.floor(x1 / step) + 1) * step;\n            } else if (step < 0) {\n              x1 = (Math.ceil(x1 * -step) + 1) / -step;\n            }\n          }\n        } else {\n          tz.pop();\n        }\n      }\n    }\n\n    // Remove any thresholds outside the domain.\n    // Be careful not to mutate an array owned by the user!\n    var m = tz.length, a = 0, b = m;\n    while (tz[a] <= x0) ++a;\n    while (tz[b - 1] > x1) --b;\n    if (a || b < m) tz = tz.slice(a, b), m = b - a;\n\n    var bins = new Array(m + 1),\n        bin;\n\n    // Initialize bins.\n    for (i = 0; i <= m; ++i) {\n      bin = bins[i] = [];\n      bin.x0 = i > 0 ? tz[i - 1] : x0;\n      bin.x1 = i < m ? tz[i] : x1;\n    }\n\n    // Assign data to bins by value, ignoring any outside the domain.\n    if (isFinite(step)) {\n      if (step > 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            bins[Math.min(m, Math.floor((x - x0) / step))].push(data[i]);\n          }\n        }\n      } else if (step < 0) {\n        for (i = 0; i < n; ++i) {\n          if ((x = values[i]) != null && x0 <= x && x <= x1) {\n            const j = Math.floor((x0 - x) * step);\n            bins[Math.min(m, j + (tz[j] <= x))].push(data[i]); // handle off-by-one due to rounding\n          }\n        }\n      }\n    } else {\n      for (i = 0; i < n; ++i) {\n        if ((x = values[i]) != null && x0 <= x && x <= x1) {\n          bins[bisect(tz, x, 0, m)].push(data[i]);\n        }\n      }\n    }\n\n    return bins;\n  }\n\n  histogram.value = function(_) {\n    return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(_), histogram) : value;\n  };\n\n  histogram.domain = function(_) {\n    return arguments.length ? (domain = typeof _ === \"function\" ? _ : constant([_[0], _[1]]), histogram) : domain;\n  };\n\n  histogram.thresholds = function(_) {\n    return arguments.length ? (threshold = typeof _ === \"function\" ? _ : constant(Array.isArray(_) ? slice.call(_) : _), histogram) : threshold;\n  };\n\n  return histogram;\n}\n"],"names":["bin","value","identity","domain","extent","threshold","sturges","histogram","data","i","n","x","step","values","xz","x0","x1","tz","max","tn","nice","ticks","tickIncrement","m","b","bins","j","bisect","_","constant","slice"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es85.js","sources":["../src/components/Heatmap/scrollable/heatmapExport.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"../types\";\nimport type { AnimationType } from \"../../../utility\";\nimport type { HeatmapLayout } from \"../heatmapLayout\";\nimport { LEGEND_GAP } from \"../heatmapLayout\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY, getXAxisTickLabelProps, yAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport HeatmapCells, { type AnyBin } from \"../HeatmapCells\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\ninterface ScrollableExportOptions {\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  legendSvg: SVGSVGElement | null;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst appendTitle = (exportSvg: SVGSVGElement, text: string, x: number, y: number, rotate: boolean) => {\n  const titleEl = document.createElementNS(SVG_NS, \"text\");\n  titleEl.setAttribute(\"x\", String(x));\n  titleEl.setAttribute(\"y\", String(y));\n  if (rotate) titleEl.setAttribute(\"transform\", `rotate(-90, ${x}, ${y})`);\n  titleEl.setAttribute(\"text-anchor\", \"middle\");\n  titleEl.setAttribute(\"dominant-baseline\", \"middle\");\n  titleEl.setAttribute(\"font-size\", String(AXIS_TITLE_FONT_SIZE));\n  titleEl.setAttribute(\"font-family\", TICK_FONT_FAMILY);\n  titleEl.textContent = text;\n  exportSvg.appendChild(titleEl);\n};\n\nconst appendClone = (exportSvg: SVGSVGElement, source: SVGSVGElement, x: number, y: number) => {\n  const group = document.createElementNS(SVG_NS, \"g\");\n  group.setAttribute(\"transform\", `translate(${x},${y})`);\n  source.childNodes.forEach((node) => group.appendChild(node.cloneNode(true)));\n  exportSvg.appendChild(group);\n};\n\n// Builds a standalone, off-DOM <svg> at full content size for export. Both the on-screen cell\n// layer (a canvas painting only the current scroll viewport) and the on-screen row/column axis\n// panes (SVGs windowed to the visible tick range) only ever hold a slice of the full grid -\n// neither can just be cloned for export without capturing an incomplete/mispositioned snapshot.\n// So all three (cells, row axis, column axis) are instead rendered fresh here in one detached\n// tree - synchronously, full grid, no windowing - purely to snapshot into the export SVG below.\nexport function buildScrollableExportSVG(o: ScrollableExportOptions): SVGSVGElement | null {\n  const { layout } = o;\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, yTickLabelWidth, xTickLabelHeight,\n    yTitleWidth, xTitleHeight,\n  } = layout;\n\n  const exportSvg = document.createElementNS(SVG_NS, \"svg\") as SVGSVGElement;\n  exportSvg.setAttribute(\"width\", String(marg.left + xMax + marg.right));\n  exportSvg.setAttribute(\"height\", String(marg.top + yMax + marg.bottom));\n\n  let fullCells: SVGSVGElement | null = null;\n  let fullRowAxis: SVGSVGElement | null = null;\n  let fullColAxis: SVGSVGElement | null = null;\n  const exportContainer = document.createElement(\"div\");\n  const exportRoot = createRoot(exportContainer);\n  flushSync(() => {\n    exportRoot.render(\n      <>\n        <svg width={xMax} height={yMax} ref={(el) => { fullCells = el; }}>\n          <HeatmapCells\n            data={o.data}\n            xScale={xScale}\n            yScale={cellYScale}\n            colors={stableColors}\n            minValue={minValue}\n            maxValue={maxValue}\n            gap={o.gap}\n            isRect={o.isRect}\n            binWidth={binWidth}\n            binHeight={binHeight}\n            animationType={o.animationType}\n            onClick={o.onClick}\n            selectedCells={o.selectedCells}\n            deselectedColor={o.deselectedColor}\n          />\n        </svg>\n        <svg width={yTickLabelWidth} height={yMax} ref={(el) => { fullRowAxis = el; }}>\n          <g transform={`translate(${yTickLabelWidth},0)`}>\n            <AxisLeft\n              scale={yScale}\n              numTicks={numRows}\n              tickValues={yTickValues}\n              tickFormat={o.yAxisTickFormat}\n              tickLabelProps={yAxisTickLabelProps}\n            />\n          </g>\n        </svg>\n        <svg width={xMax} height={xTickLabelHeight} ref={(el) => { fullColAxis = el; }}>\n          <AxisBottom\n            top={0}\n            scale={xScale}\n            numTicks={o.data.length}\n            tickFormat={o.xAxisTickFormat}\n            tickValues={xTickValues}\n            tickLabelProps={o.xAxisTickLabelProps}\n          />\n        </svg>\n      </>\n    );\n  });\n  if (fullCells) appendClone(exportSvg, fullCells, marg.left, marg.top);\n  if (fullRowAxis) appendClone(exportSvg, fullRowAxis, yTitleWidth, marg.top);\n  if (fullColAxis) appendClone(exportSvg, fullColAxis, marg.left, marg.top + yMax);\n  exportRoot.unmount();\n\n  if (o.showLegend && o.legendSvg) {\n    appendClone(exportSvg, o.legendSvg, marg.left + xMax + LEGEND_GAP, marg.top);\n  }\n\n  // The axis titles live in their own always-visible panes on screen (so scrolling can't\n  // carry them out of view) rather than as visx's built-in centered-on-the-full-axis label,\n  // so they're added here directly instead of being cloned from a live pane.\n  if (o.yLabel) appendTitle(exportSvg, o.yLabel, yTitleWidth / 2, marg.top + yMax / 2, true);\n  if (o.xLabel) appendTitle(exportSvg, o.xLabel, marg.left + xMax / 2, marg.top + yMax + xTickLabelHeight + xTitleHeight / 2, false);\n\n  return exportSvg;\n}\n\n// downloadSVGAsPNG reads the element's layout box asynchronously (after its image loads), so\n// an off-DOM export node has to stay attached (off-screen) until onComplete fires. The\n// off-screen positioning goes on a wrapper div, never on the <svg> itself - that svg is what\n// gets serialized and downloaded, so any inline style set directly on it (e.g. `left:\n// -99999px`) would be baked into the exported file, rendering everything pushed off-canvas\n// and out of view - the exact \"blank image\" bug this replaced.\nexport function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void {\n  const svg = buildScrollableExportSVG(o);\n  if (!svg) return;\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.position = \"absolute\";\n  wrapper.style.top = \"0\";\n  wrapper.style.left = \"-99999px\";\n  wrapper.appendChild(svg);\n  document.body.appendChild(wrapper);\n  run(svg, () => {\n    if (wrapper.parentNode) document.body.removeChild(wrapper);\n  });\n}\n"],"names":["SVG_NS","appendTitle","exportSvg","text","x","y","rotate","titleEl","document","createElementNS","setAttribute","String","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","textContent","appendChild","appendClone","source","group","childNodes","forEach","node","cloneNode","buildScrollableExportSVG","o","layout","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","yTickLabelWidth","xTickLabelHeight","yTitleWidth","xTitleHeight","left","right","top","bottom","fullCells","fullRowAxis","fullColAxis","exportContainer","createElement","exportRoot","createRoot","flushSync","render","jsxs","Fragment","jsx","el","HeatmapCells","data","gap","isRect","animationType","onClick","selectedCells","deselectedColor","AxisLeft","yAxisTickFormat","yAxisTickLabelProps","AxisBottom","length","xAxisTickFormat","xAxisTickLabelProps","unmount","showLegend","legendSvg","LEGEND_GAP","yLabel","xLabel","withOffscreenExportSVG","run","svg","wrapper","style","position","body","parentNode","removeChild"],"mappings":"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"}

package/dist/visualization.es86.js

@@ -1,10 +1,178 @@
-function l(n, e, a) {
-  n = +n, e = +e, a = (g = arguments.length) < 2 ? (e = n, n = 0, 1) : g < 3 ? 1 : +a;
-  for (var h = -1, g = Math.max(0, Math.ceil((e - n) / a)) | 0, i = new Array(g); ++h < g; )
-    i[h] = n + h * a;
-  return i;
-}
+import { jsxs as n, Fragment as ri, jsx as i } from "react/jsx-runtime";
+import { useId as oi, useCallback as ai, useState as ni, useRef as si } from "react";
+import di from "./visualization.es122.js";
+import ci from "./visualization.es125.js";
+import hi from "./visualization.es126.js";
+import { TICK_FONT_FAMILY as C, AXIS_TITLE_FONT_SIZE as M, yAxisTickLabelProps as mi } from "./visualization.es83.js";
+import { MINI_MAP_HEIGHT as pi, LEGEND_GAP as b } from "./visualization.es84.js";
+import { useHeatmapCanvasGrid as fi } from "./visualization.es127.js";
+import { useScrollToSelection as gi } from "./visualization.es128.js";
+import xi from "./visualization.es29.js";
+import vi from "./visualization.es12.js";
+import ui from "./visualization.es28.js";
+const R = 10, Si = ({
+  legendSvgRef: $,
+  layout: I,
+  data: L,
+  showMiniMap: p,
+  showLegend: f,
+  xLabel: P,
+  yLabel: S,
+  tooltipBody: g,
+  onClick: H,
+  selectedCells: _,
+  scrollToSelection: A,
+  xAxisTickFormat: E,
+  yAxisTickFormat: N,
+  xAxisTickLabelProps: V
+}) => {
+  const {
+    numRows: F,
+    marg: G,
+    xMax: d,
+    yMax: c,
+    viewportWidth: e,
+    viewportHeight: t,
+    yTitleWidth: l,
+    yTickLabelWidth: o,
+    xTitleHeight: s,
+    xTickLabelHeight: a,
+    binWidth: O,
+    xTickLeftOverhangMax: x,
+    legendWidth: h,
+    xScale: W,
+    yScale: j,
+    xTickValues: X,
+    yTickValues: B,
+    stableColors: z,
+    minValue: D,
+    maxValue: Y,
+    canvasCellParams: m
+  } = I, {
+    canvasRef: K,
+    mainPaneRef: v,
+    canvasTooltipRef: Z,
+    setMainPaneNode: q,
+    handleGridScroll: J,
+    axisScrollPos: r,
+    visibleXTickValues: Q,
+    visibleYTickValues: U,
+    canvasHandlers: ii
+  } = fi({
+    canvasCellParams: m,
+    viewportWidth: e,
+    viewportHeight: t,
+    xTickValues: X,
+    yTickValues: B,
+    isScrollable: !0,
+    onClick: H
+  });
+  gi({
+    mainPaneRef: v,
+    selectedCells: _,
+    scrollToSelection: A,
+    isScrollable: !0,
+    binWidth: O,
+    viewportWidth: e
+  });
+  const u = oi(), w = Math.max(0, x - r.left), y = ai((ti, li) => {
+    v.current?.scrollTo({
+      left: ti,
+      top: li
+    });
+  }, []), [ei, T] = ni(!1), k = si(null);
+  return /* @__PURE__ */ n(ri, { children: [
+    /* @__PURE__ */ n("div", { style: {
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      p && /* @__PURE__ */ i("div", { ref: k, style: {
+        marginLeft: l + o,
+        position: "relative",
+        width: e
+      }, children: /* @__PURE__ */ i(ci, { canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, width: e, height: pi, onNavigate: y, onCanvasClick: () => T(!0) }) }),
+      /* @__PURE__ */ n("div", { style: {
+        display: "grid",
+        gridTemplateColumns: f ? `${l}px ${o}px ${e}px ${b + h}px` : `${l}px ${o}px ${e}px`,
+        gridTemplateRows: `${G.top}px ${t}px ${a}px ${s}px`
+      }, children: [
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 1,
+          gridRow: 2,
+          width: l,
+          height: t,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: S ?? "" }) }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 2,
+          gridRow: 2,
+          width: o,
+          height: t,
+          overflow: "hidden"
+        }, children: /* @__PURE__ */ i("svg", { width: o, height: t, children: /* @__PURE__ */ i("g", { transform: `translate(${o},${-r.top})`, children: /* @__PURE__ */ i(xi, { scale: j, numTicks: F, tickValues: U, tickFormat: N, tickLabelProps: mi }) }) }) }),
+        /* @__PURE__ */ i("div", { ref: q, onScroll: J, style: {
+          gridColumn: 3,
+          gridRow: 2,
+          width: e,
+          height: t,
+          overflow: "auto",
+          overscrollBehavior: "contain",
+          position: "relative"
+        }, children: /* @__PURE__ */ i("div", { style: {
+          width: d,
+          height: c,
+          position: "relative"
+        }, children: /* @__PURE__ */ i("canvas", { ref: K, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
+          width: e,
+          height: t,
+          position: "sticky",
+          top: 0,
+          left: 0,
+          display: "block",
+          cursor: "default"
+        }, ...ii }) }) }),
+        g && /* @__PURE__ */ i(vi, { ref: Z, children: g }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 3,
+          width: e,
+          height: a,
+          overflow: "visible"
+        }, children: /* @__PURE__ */ n("svg", { width: e, height: a, style: {
+          overflow: "visible"
+        }, children: [
+          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ n("clipPath", { id: u, children: [
+            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: a }),
+            x > 0 && /* @__PURE__ */ i("rect", { x: -w, y: R, width: w, height: Math.max(0, a - R) })
+          ] }) }),
+          /* @__PURE__ */ i("g", { clipPath: `url(#${u})`, children: /* @__PURE__ */ i("g", { transform: `translate(${-r.left},0)`, children: /* @__PURE__ */ i(ui, { top: 0, scale: W, numTicks: L.length, tickFormat: E, tickValues: Q, tickLabelProps: V }) }) })
+        ] }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 4,
+          width: e,
+          height: s,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }, children: /* @__PURE__ */ i("svg", { width: e, height: s, children: /* @__PURE__ */ i("text", { x: e / 2, y: s / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: P ?? "" }) }) }),
+        f && /* @__PURE__ */ i("div", { style: {
+          gridColumn: 4,
+          gridRow: 2,
+          width: h,
+          marginLeft: b,
+          height: t
+        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: $, style: {
+          overflow: "visible"
+        }, children: /* @__PURE__ */ i(di, { colors: z, minValue: D, maxValue: Y, height: t }) }) })
+      ] })
+    ] }),
+    p && ei && /* @__PURE__ */ i(hi, { onClose: () => T(!1), containerRef: k, canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, onNavigate: y })
+  ] });
+};
 export {
-  l as default
+  Si as default
 };
 //# sourceMappingURL=visualization.es86.js.map