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

package/dist/visualization.es9.js

@@ -1,30 +1,316 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as u } from "react/compiler-runtime";
-import { useState as P } from "react";
-import g from "./visualization.es35.js";
-const y = (m) => {
-  const t = u(11), {
-    children: e,
-    xDomain: n,
-    yDomain: c,
-    width: r,
-    height: i
-  } = m, [h, f] = P(null), a = r ?? 0, l = i ?? 0;
-  let o;
-  t[0] !== e || t[1] !== h || t[2] !== i || t[3] !== r || t[4] !== n || t[5] !== c ? (o = (d) => e({
-    zoom: d,
-    crosshair: !0,
-    crosshairPosition: h,
-    onCrosshairChange: f,
-    xDomain: n,
-    yDomain: c,
-    width: r,
-    height: i
-  }), t[0] = e, t[1] = h, t[2] = i, t[3] = r, t[4] = n, t[5] = c, t[6] = o) : o = t[6];
-  let s;
-  return t[7] !== a || t[8] !== l || t[9] !== o ? (s = /* @__PURE__ */ p(g, { width: a, height: l, children: o }), t[7] = a, t[8] = l, t[9] = o, t[10] = s) : s = t[10], s;
+import { jsx as k, jsxs as Ht } from "react/jsx-runtime";
+import { c as Ot } from "react/compiler-runtime";
+import { useRef as zt, useImperativeHandle as $t } from "react";
+import { downloadSVGAsPNG as jt, downloadAsSVG as Kt } from "./visualization.es36.js";
+import { scottRule as Xt, kernelDensityEstimator as Ut, gaussian as qt } from "./visualization.es67.js";
+import Jt from "./visualization.es68.js";
+import Qt from "./visualization.es69.js";
+import Yt from "./visualization.es70.js";
+import { useResponsiveParentSize as Zt } from "./visualization.es25.js";
+import nt from "./visualization.es71.js";
+import Pt from "./visualization.es72.js";
+import wt from "./visualization.es50.js";
+import { motion as te } from "./visualization.es45.js";
+import { tickStep as ee } from "./visualization.es73.js";
+import oe from "./visualization.es74.js";
+import le from "./visualization.es75.js";
+import ne from "./visualization.es76.js";
+import ie from "./visualization.es51.js";
+import { ResponsiveContainer as se } from "./visualization.es19.js";
+import { line as re } from "./visualization.es77.js";
+import ae from "./visualization.es78.js";
+const ce = "#4c78a8", b = {
+  top: 40,
+  right: 30,
+  bottom: 80,
+  left: 80
 };
+function It(n, t, u = 10) {
+  if (n === t) return [n];
+  const x = Math.max(1, Math.ceil(ee(n, t, u))), g = Math.ceil(n / x) * x, G = Math.floor(t / x) * x;
+  return Pt(g, G + x, x);
+}
+const _t = (n) => `${n.valueOf()}`;
+function Dt(n) {
+  return n.length > 0 && typeof n[0] == "object" && "values" in n[0];
+}
+const Ie = (n) => {
+  const t = Ot(112), {
+    data: u,
+    ref: x,
+    thresholds: g,
+    color: G,
+    xLabel: it,
+    yLabel: st,
+    title: z,
+    tooltipBody: rt,
+    onBarClicked: at,
+    densityLine: Tt,
+    densityLineColor: Ft,
+    animationType: v,
+    downloadFileName: I,
+    width: ct,
+    height: mt
+  } = n, ft = G === void 0 ? ce : G, _ = Tt === void 0 ? !1 : Tt, ht = Ft === void 0 ? "#1c1917" : Ft, S = zt(null), Ct = zt(null);
+  let D;
+  t[0] !== mt || t[1] !== ct ? (D = {
+    width: ct,
+    height: mt
+  }, t[0] = mt, t[1] = ct, t[2] = D) : D = t[2];
+  let W;
+  t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = {
+    debounceTime: 150
+  }, t[3] = W) : W = t[3];
+  const {
+    parentRef: dt,
+    containerStyle: pt,
+    width: E,
+    height: N
+  } = Zt(D, W);
+  let O;
+  t[4] !== u ? (O = Dt(u), t[4] = u, t[5] = O) : O = t[5];
+  const d = O;
+  let ut;
+  t: {
+    if (Dt(u)) {
+      ut = u;
+      break t;
+    }
+    const e = u;
+    let o;
+    t[6] !== ft || t[7] !== e ? (o = [{
+      values: e,
+      label: "",
+      color: ft
+    }], t[6] = ft, t[7] = e, t[8] = o) : o = t[8], ut = o;
+  }
+  const a = ut;
+  let $;
+  t[9] !== a ? ($ = a.flatMap(me), t[9] = a, t[10] = $) : $ = t[10];
+  const h = $;
+  let j;
+  t[11] !== h ? (j = h.length > 0 && h.every(Number.isInteger), t[11] = h, t[12] = j) : j = t[12];
+  const C = j, m = Math.max(E - b.left - b.right, 0), M = Math.max(N - b.top - b.bottom, 0);
+  let xt;
+  t: {
+    if (h.length === 0) {
+      let s;
+      t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = [], t[13] = s) : s = t[13], xt = s;
+      break t;
+    }
+    const e = Math.min(...h), o = Math.max(...h), i = o - e + 1;
+    let p;
+    if (t[14] !== h || t[15] !== o || t[16] !== e || t[17] !== i || t[18] !== C || t[19] !== a || t[20] !== g) {
+      let s;
+      if (Array.isArray(g))
+        s = nt().thresholds(g);
+      else if (C && i <= (g ?? 20)) {
+        const y = Pt(e + 1, o + 1);
+        s = nt().domain([e, o + 1]).thresholds(y);
+      } else
+        s = nt().thresholds(g ?? 20);
+      const f = s(h), Lt = f[0]?.x0 ?? 0, Rt = f[f.length - 1]?.x1 ?? 1, Bt = f.map(fe).slice(1), Vt = nt().domain([Lt, Rt]).thresholds(Bt), lt = a.map((y) => Vt(y.values));
+      p = f.map((y, Et) => ({
+        x0: y.x0 ?? 0,
+        x1: y.x1 ?? 0,
+        count: y.length,
+        values: [...y],
+        series: a.map((Gt, Nt) => ({
+          label: Gt.label,
+          color: Gt.color,
+          count: lt[Nt][Et]?.length ?? 0
+        }))
+      })), t[14] = h, t[15] = o, t[16] = e, t[17] = i, t[18] = C, t[19] = a, t[20] = g, t[21] = p;
+    } else
+      p = t[21];
+    xt = p;
+  }
+  const l = xt;
+  let gt;
+  t: {
+    if (!_ || l.length === 0) {
+      let s;
+      t[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = [], t[22] = s) : s = t[22], gt = s;
+      break t;
+    }
+    const e = l[0].x0, o = l[l.length - 1].x1, i = (o - e) / l.length;
+    let p;
+    if (t[23] !== i || t[24] !== a || t[25] !== e || t[26] !== o) {
+      let s;
+      t[28] !== i || t[29] !== e || t[30] !== o ? (s = (f) => {
+        if (f.values.length === 0)
+          return {
+            color: f.color,
+            points: []
+          };
+        const Lt = Xt(f.values), Rt = Pt(e, o, (o - e) / 200), Bt = Ut(qt(Lt), Rt)(f.values), Vt = f.values.length * i;
+        return {
+          color: f.color,
+          points: Bt.map((lt) => ({
+            x: lt.value,
+            y: lt.count * Vt
+          }))
+        };
+      }, t[28] = i, t[29] = e, t[30] = o, t[31] = s) : s = t[31], p = a.map(s), t[23] = i, t[24] = a, t[25] = e, t[26] = o, t[27] = p;
+    } else
+      p = t[27];
+    gt = p;
+  }
+  const A = gt;
+  let yt;
+  t: {
+    if (l.length === 0) {
+      let i;
+      t[32] !== m ? (i = wt({
+        domain: [0, 1],
+        range: [0, m]
+      }), t[32] = m, t[33] = i) : i = t[33], yt = i;
+      break t;
+    }
+    const e = l[l.length - 1];
+    let o;
+    t[34] !== l[0].x0 || t[35] !== e.x1 || t[36] !== m ? (o = wt({
+      domain: [l[0].x0, e.x1],
+      range: [0, m]
+    }), t[34] = l[0].x0, t[35] = e.x1, t[36] = m, t[37] = o) : o = t[37], yt = o;
+  }
+  const c = yt;
+  let K;
+  t[38] !== l ? (K = Math.max(...l.map(he), 0), t[38] = l, t[39] = K) : K = t[39];
+  const Wt = K;
+  let X;
+  if (t[40] !== A) {
+    const e = A.flatMap(pe);
+    X = e.length > 0 ? Math.max(...e) : 0, t[40] = A, t[41] = X;
+  } else
+    X = t[41];
+  const bt = Math.max(Wt, X);
+  let U;
+  t[42] !== bt || t[43] !== M ? (U = wt({
+    domain: [0, bt],
+    range: [M, 0],
+    nice: !0
+  }), t[42] = bt, t[43] = M, t[44] = U) : U = t[44];
+  const r = U;
+  let vt;
+  t: {
+    if (l.length === 0 || !C) {
+      vt = void 0;
+      break t;
+    }
+    const e = l[l.length - 1];
+    let o;
+    t[45] !== l[0].x0 || t[46] !== e.x1 ? (o = It(l[0].x0, e.x1), t[45] = l[0].x0, t[46] = e.x1, t[47] = o) : o = t[47], vt = o;
+  }
+  const kt = vt;
+  let q;
+  t[48] !== r ? (q = It(0, r.domain()[1]), t[48] = r, t[49] = q) : q = t[49];
+  const St = q;
+  let J;
+  if (t[50] !== c || t[51] !== r) {
+    let e;
+    t[53] !== c ? (e = (i) => c(i.x), t[53] = c, t[54] = e) : e = t[54];
+    let o;
+    t[55] !== r ? (o = (i) => r(i.y), t[55] = r, t[56] = o) : o = t[56], J = re().x(e).y(o).curve(ae), t[50] = c, t[51] = r, t[52] = J;
+  } else
+    J = t[52];
+  const Mt = J;
+  let Q;
+  t[57] !== I ? (Q = () => ({
+    downloadSVG: () => {
+      S.current && Kt(S.current, I ?? "histogram.svg");
+    },
+    downloadPNG: () => {
+      S.current && jt(S.current, I ?? "histogram.png");
+    }
+  }), t[57] = I, t[58] = Q) : Q = t[58], $t(x, Q);
+  let L;
+  t[59] !== z || t[60] !== m ? (L = z && /* @__PURE__ */ k(oe, { x: b.left + m / 2, y: b.top / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 14, fontWeight: 600, children: z }), t[59] = z, t[60] = m, t[61] = L) : L = t[61];
+  let R;
+  t[62] !== v || t[63] !== l || t[64] !== at || t[65] !== c || t[66] !== r ? (R = l.map((e, o) => /* @__PURE__ */ k(Yt, { bin: e, x: c(e.x0), barWidth: Math.max(c(e.x1) - c(e.x0) - 1, 0), yScale: r, animationType: v, binIndex: o, svgRef: S, tooltipRef: Ct, onBarClicked: at }, `bin-${o}`)), t[62] = v, t[63] = l, t[64] = at, t[65] = c, t[66] = r, t[67] = R) : R = t[67];
+  let B;
+  t[68] !== v || t[69] !== _ || t[70] !== ht || t[71] !== A || t[72] !== Mt || t[73] !== d ? (B = _ && A.map((e, o) => {
+    const i = Mt(e.points);
+    return i ? /* @__PURE__ */ k(te.path, { d: i, stroke: d ? e.color : ht, strokeWidth: 2, fill: "none", initial: v ? {
+      pathLength: 0
+    } : !1, animate: v ? {
+      pathLength: 1
+    } : {}, transition: {
+      duration: 0.75,
+      ease: "easeInOut"
+    } }, `kde-${o}`) : null;
+  }), t[68] = v, t[69] = _, t[70] = ht, t[71] = A, t[72] = Mt, t[73] = d, t[74] = B) : B = t[74];
+  const At = C ? _t : void 0;
+  let Y, Z;
+  t[75] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = {
+    fontSize: 12,
+    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
+    textAnchor: "middle",
+    fill: "#1c1917",
+    dy: 15
+  }, Z = {
+    fontSize: 11,
+    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
+    fill: "#1c1917",
+    textAnchor: "middle"
+  }, t[75] = Y, t[76] = Z) : (Y = t[75], Z = t[76]);
+  let V;
+  t[77] !== At || t[78] !== it || t[79] !== c || t[80] !== kt || t[81] !== M ? (V = /* @__PURE__ */ k(le, { scale: c, top: M, tickValues: kt, tickFormat: At, label: it, labelProps: Y, tickLabelProps: Z }), t[77] = At, t[78] = it, t[79] = c, t[80] = kt, t[81] = M, t[82] = V) : V = t[82];
+  let tt, et;
+  t[83] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tt = {
+    fontSize: 12,
+    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
+    textAnchor: "middle",
+    fill: "#1c1917",
+    dx: -15
+  }, et = {
+    fontSize: 11,
+    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
+    fill: "#1c1917",
+    textAnchor: "end",
+    dx: -4
+  }, t[83] = tt, t[84] = et) : (tt = t[83], et = t[84]);
+  let H;
+  t[85] !== st || t[86] !== r || t[87] !== St ? (H = /* @__PURE__ */ k(ne, { scale: r, tickValues: St, tickFormat: _t, label: st, labelProps: tt, tickLabelProps: et }), t[85] = st, t[86] = r, t[87] = St, t[88] = H) : H = t[88];
+  let w;
+  t[89] !== d || t[90] !== a || t[91] !== m ? (w = d && /* @__PURE__ */ k(Jt, { series: a, xMax: m }), t[89] = d, t[90] = a, t[91] = m, t[92] = w) : w = t[92];
+  let P;
+  t[93] !== R || t[94] !== B || t[95] !== V || t[96] !== H || t[97] !== w ? (P = /* @__PURE__ */ Ht(ie, { left: b.left, top: b.top, children: [
+    R,
+    B,
+    V,
+    H,
+    w
+  ] }), t[93] = R, t[94] = B, t[95] = V, t[96] = H, t[97] = w, t[98] = P) : P = t[98];
+  let T;
+  t[99] !== N || t[100] !== L || t[101] !== P || t[102] !== E ? (T = /* @__PURE__ */ Ht("svg", { ref: S, width: E, height: N, children: [
+    L,
+    P
+  ] }), t[99] = N, t[100] = L, t[101] = P, t[102] = E, t[103] = T) : T = t[103];
+  let F;
+  t[104] !== d || t[105] !== rt ? (F = /* @__PURE__ */ k(Qt, { ref: Ct, multiSeries: d, tooltipBody: rt }), t[104] = d, t[105] = rt, t[106] = F) : F = t[106];
+  let ot;
+  return t[107] !== pt || t[108] !== dt || t[109] !== T || t[110] !== F ? (ot = /* @__PURE__ */ Ht(se, { parentRef: dt, containerStyle: pt, children: [
+    T,
+    F
+  ] }), t[107] = pt, t[108] = dt, t[109] = T, t[110] = F, t[111] = ot) : ot = t[111], ot;
+};
+function me(n) {
+  return n.values;
+}
+function fe(n) {
+  return n.x0;
+}
+function he(n) {
+  return n.count;
+}
+function de(n) {
+  return n.y;
+}
+function pe(n) {
+  return n.points.map(de);
+}
 export {
-  y as default
+  Ie as default
 };
 //# sourceMappingURL=visualization.es9.js.map

package/dist/visualization.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es9.js","sources":["../src/components/ScatterPlot/ScatterPlotSync.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\nimport { CrosshairPosition, ZoomType } from './types';\nimport PlotZoom from './PlotZoom';\n\n/**\n * Props to spread onto each ScatterPlot being kept in sync.\n */\nexport type SyncedPlotProps = {\n    zoom: ZoomType;\n    crosshair: true;\n    crosshairPosition: CrosshairPosition | null;\n    onCrosshairChange: (position: CrosshairPosition | null) => void;\n    xDomain?: [number, number];\n    yDomain?: [number, number];\n    width?: number;\n    height?: number;\n};\n\nexport type ScatterPlotSyncProps = {\n    /**\n     * Renders the plots, given the props that link them together.\n     *\n     * @example\n     * const domains = useMemo(() => getSharedDomains(dataA, dataB), [dataA, dataB]);\n     *\n     * <ScatterPlotSync {...domains}>\n     *   {(sync) => (\n     *     <Stack direction=\"row\">\n     *       <ScatterPlot pointData={dataA} loading={false} {...sync} />\n     *       <ScatterPlot pointData={dataB} loading={false} {...sync} />\n     *     </Stack>\n     *   )}\n     * </ScatterPlotSync>\n     */\n    children: (sync: SyncedPlotProps) => ReactElement;\n    /**\n     * Domains for every synced plot. The shared zoom transform is in pixels, so plots only line\n     * up if they map data onto those pixels the same way - pass getSharedDomains(...) over all\n     * the point sets, or your own known bounds.\n     */\n    xDomain?: [number, number];\n    yDomain?: [number, number];\n    /**\n     * Fixes every synced plot at this size rather than letting each fill its own container.\n     *\n     * The shared zoom transform is in pixels, so synced plots have to be the same size. Passing\n     * a size here guarantees that; leaving it out keeps the plots responsive, and it is then on\n     * the layout to give them equally sized containers.\n     */\n    width?: number;\n    height?: number;\n};\n\n/**\n * Links several scatter plots into one view: they share a zoom transform, so panning or zooming\n * any of them moves all of them, and they share a crosshair, so hovering one draws the same\n * crosshair on all of them.\n *\n * The plots must be the same size and share their domains for their pixels to mean the same\n * thing. Lay them out in equally sized containers (or give them explicit matching width/height)\n * and pass the shared domains through.\n *\n * Only the hovered plot shows a tooltip - the mirrored crosshair is an overlay, and does not\n * trigger the other plots' hover behaviour.\n */\nconst ScatterPlotSync = ({ children, xDomain, yDomain, width, height }: ScatterPlotSyncProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n\n    return (\n        // The size given to visx here only picks a default anchor point for operations that have\n        // none of their own, which ScatterPlot never relies on - it always passes its own.\n        <PlotZoom width={width ?? 0} height={height ?? 0}>\n            {(zoom) => children({\n                zoom,\n                crosshair: true,\n                crosshairPosition,\n                onCrosshairChange: setCrosshairPosition,\n                xDomain,\n                yDomain,\n                width,\n                height,\n            })}\n        </PlotZoom>\n    );\n};\n\nexport default ScatterPlotSync;\n"],"names":["ScatterPlotSync","t0","$","_c","children","xDomain","yDomain","width","height","crosshairPosition","setCrosshairPosition","useState","t1","t2","t3","zoom","crosshair","onCrosshairChange","t4","PlotZoom"],"mappings":";;;;AAiEA,MAAMA,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAP,GACrB,CAAAQ,GAAAC,CAAA,IAAkDC,EAAmC,IAAI,GAKpEC,IAAAL,KAAA,GAAoBM,IAAAL,KAAA;AAAW,MAAAM;AAAA,EAAAZ,SAAAE,KAAAF,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAK,KAAAL,SAAAG,KAAAH,EAAA,CAAA,MAAAI,KAC3CQ,IAAAC,OAAUX,EAAS;AAAA,IAAAW,MAAAA;AAAAA,IAAAC,WAEL;AAAA,IAAIP,mBAAAA;AAAAA,IAAAQ,mBAEIP;AAAAA,IAAoBL,SAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,CAK1C,GAACN,OAAAE,GAAAF,OAAAO,GAAAP,OAAAM,GAAAN,OAAAK,GAAAL,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,EAAA,CAAA,MAAAU,KAAAV,SAAAW,KAAAX,EAAA,CAAA,MAAAY,KAVNI,sBAACC,GAAA,EAAgB,OAAAP,GAAoB,QAAAC,GAChCC,UAAAA,GAUL,GAAWZ,OAAAU,GAAAV,OAAAW,GAAAX,OAAAY,GAAAZ,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA,GAXXgB;AAWW;"}
+{"version":3,"file":"visualization.es9.js","sources":["../src/components/Histogram/Histogram.tsx"],"sourcesContent":["import { useImperativeHandle, useMemo, useRef } from 'react';\nimport { scaleLinear } from '@visx/scale';\nimport { AxisBottom, AxisLeft } from '@visx/axis';\nimport { Group } from '@visx/group';\nimport { line } from '@visx/shape';\nimport { curveBasis } from '@visx/curve';\nimport { motion } from 'framer-motion';\nimport { Text } from '@visx/text';\nimport { bin as d3bin, range, tickStep } from '@visx/vendor/d3-array';\nimport { downloadAsSVG, downloadSVGAsPNG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { kernelDensityEstimator, gaussian, scottRule } from '../ViolinPlot/helpers';\nimport { HistogramBin, HistogramProps, HistogramSeries } from './types';\nimport HistogramLegend from './HistogramLegend';\nimport HistogramTooltip, { HistogramTooltipHandle } from './HistogramTooltip';\nimport HistogramBar from './HistogramBar';\n\nconst DEFAULT_COLOR = '#4c78a8';\n\nconst margin = { top: 40, right: 30, bottom: 80, left: 80 };\n\n// d3's default tick step for a small domain (e.g. 0-4) lands on a fraction (0.5), which then\n// renders as \"0.0\", \"1.0\", ... even though every value is a whole number. Snap to an\n// integer step instead so integer-only domains get integer-only tick labels.\nfunction integerTicks(min: number, max: number, count = 10): number[] {\n    if (min === max) return [min];\n    const step = Math.max(1, Math.ceil(tickStep(min, max, count)));\n    const start = Math.ceil(min / step) * step;\n    const stop = Math.floor(max / step) * step;\n    return range(start, stop + step, step);\n}\n\nconst formatIntegerTick = (v: { valueOf(): number }) => `${v.valueOf()}`;\n\nfunction isSeriesData(data: number[] | HistogramSeries[]): data is HistogramSeries[] {\n    return data.length > 0 && typeof data[0] === 'object' && 'values' in (data[0] as object);\n}\n\nconst Histogram = ({\n    data,\n    ref,\n    thresholds,\n    color = DEFAULT_COLOR,\n    xLabel,\n    yLabel,\n    title,\n    tooltipBody,\n    onBarClicked,\n    densityLine = false,\n    densityLineColor = '#1c1917',\n    animationType,\n    downloadFileName,\n    width: manualWidth,\n    height: manualHeight,\n}: HistogramProps) => {\n    const svgRef = useRef<SVGSVGElement | null>(null);\n    const tooltipRef = useRef<HistogramTooltipHandle | null>(null);\n    const { parentRef, containerStyle, width, height } = useResponsiveParentSize({ width: manualWidth, height: manualHeight }, { debounceTime: 150 });\n\n    const multiSeries = isSeriesData(data);\n\n    const series: HistogramSeries[] = useMemo(() => {\n        if (isSeriesData(data)) return data;\n        return [{ values: data as number[], label: '', color }];\n    }, [data, color]);\n\n    const allValues = useMemo(() => series.flatMap((s) => s.values), [series]);\n    const isIntegerData = useMemo(\n        () => allValues.length > 0 && allValues.every(Number.isInteger),\n        [allValues]\n    );\n\n    const xMax = Math.max(width - margin.left - margin.right, 0);\n    const yMax = Math.max(height - margin.top - margin.bottom, 0);\n\n    const bins: HistogramBin[] = useMemo(() => {\n        if (allValues.length === 0) return [];\n\n        const dataMin = Math.min(...allValues);\n        const dataMax = Math.max(...allValues);\n        const integerValueCount = dataMax - dataMin + 1;\n\n        let binner;\n        if (Array.isArray(thresholds)) {\n            binner = d3bin().thresholds(thresholds);\n        } else if (isIntegerData && integerValueCount <= (thresholds ?? 20)) {\n            // Requesting ~20 \"nice\" thresholds over a small integer range (e.g. 0-3) makes d3\n            // pick a fractional step (e.g. 0.2), splintering each integer into its own narrow,\n            // gapped bin. Snap to one bin per integer value instead.\n            const innerEdges = range(dataMin + 1, dataMax + 1);\n            binner = d3bin().domain([dataMin, dataMax + 1]).thresholds(innerEdges);\n        } else {\n            binner = d3bin().thresholds(thresholds ?? 20);\n        }\n        const allBins = binner(allValues);\n\n        const domainX0 = allBins[0]?.x0 ?? 0;\n        const domainX1 = allBins[allBins.length - 1]?.x1 ?? 1;\n        const innerEdges = allBins.map((b) => b.x0!).slice(1);\n        const seriesBinner = d3bin().domain([domainX0, domainX1]).thresholds(innerEdges);\n        const seriesBins = series.map((s) => seriesBinner(s.values));\n\n        return allBins.map((b, i) => ({\n            x0: b.x0 ?? 0,\n            x1: b.x1 ?? 0,\n            count: b.length,\n            values: [...b],\n            series: series.map((s, si) => ({\n                label: s.label,\n                color: s.color,\n                count: seriesBins[si][i]?.length ?? 0,\n            })),\n        }));\n    }, [allValues, series, thresholds, isIntegerData]);\n\n    const kdePoints = useMemo(() => {\n        if (!densityLine || bins.length === 0) return [];\n        const x0 = bins[0].x0;\n        const x1 = bins[bins.length - 1].x1;\n        const avgBinWidth = (x1 - x0) / bins.length;\n\n        return series.map((s) => {\n            if (s.values.length === 0) return { color: s.color, points: [] };\n            const bandwidth = scottRule(s.values);\n            const ticks = range(x0, x1, (x1 - x0) / 200);\n            const densityPoints = kernelDensityEstimator(gaussian(bandwidth), ticks)(s.values);\n            const scale = s.values.length * avgBinWidth;\n            return {\n                color: s.color,\n                points: densityPoints.map((d) => ({ x: d.value, y: d.count * scale })),\n            };\n        });\n    }, [densityLine, bins, series]);\n\n    const xScale = useMemo(() => {\n        if (bins.length === 0) return scaleLinear({ domain: [0, 1], range: [0, xMax] });\n        return scaleLinear({\n            domain: [bins[0].x0, bins[bins.length - 1].x1],\n            range: [0, xMax],\n        });\n    }, [bins, xMax]);\n\n    const yScale = useMemo(() => {\n        const maxBarCount = Math.max(...bins.map((b) => b.count), 0);\n        const maxKde = kdePoints.flatMap((s) => s.points.map((p) => p.y));\n        const maxKdeVal = maxKde.length > 0 ? Math.max(...maxKde) : 0;\n        return scaleLinear({\n            domain: [0, Math.max(maxBarCount, maxKdeVal)],\n            range: [yMax, 0],\n            nice: true,\n        });\n    }, [bins, kdePoints, yMax]);\n\n    const xTickValues = useMemo(() => {\n        if (bins.length === 0 || !isIntegerData) return undefined;\n        return integerTicks(bins[0].x0, bins[bins.length - 1].x1);\n    }, [bins, isIntegerData]);\n\n    // Bin counts are always whole numbers, so the count axis never needs decimal ticks.\n    const yTickValues = useMemo(() => integerTicks(0, yScale.domain()[1]), [yScale]);\n\n    const lineGenerator = useMemo(\n        () => line<{ x: number; y: number }>()\n            .x((d) => xScale(d.x))\n            .y((d) => yScale(d.y))\n            .curve(curveBasis),\n        [xScale, yScale]\n    );\n\n    useImperativeHandle(ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, downloadFileName ?? 'histogram.svg');\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, downloadFileName ?? 'histogram.png');\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg ref={svgRef} width={width} height={height}>\n                {title && (\n                    <Text\n                        x={margin.left + xMax / 2}\n                        y={margin.top / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={14}\n                        fontWeight={600}\n                    >\n                        {title}\n                    </Text>\n                )}\n                <Group left={margin.left} top={margin.top}>\n                    {bins.map((bin, i) => (\n                        <HistogramBar\n                            key={`bin-${i}`}\n                            bin={bin}\n                            x={xScale(bin.x0)}\n                            barWidth={Math.max(xScale(bin.x1) - xScale(bin.x0) - 1, 0)}\n                            yScale={yScale}\n                            animationType={animationType}\n                            binIndex={i}\n                            svgRef={svgRef}\n                            tooltipRef={tooltipRef}\n                            onBarClicked={onBarClicked}\n                        />\n                    ))}\n                    {densityLine && kdePoints.map((s, si) => {\n                        const pathD = lineGenerator(s.points);\n                        if (!pathD) return null;\n                        return (\n                            <motion.path\n                                key={`kde-${si}`}\n                                d={pathD}\n                                stroke={multiSeries ? s.color : densityLineColor}\n                                strokeWidth={2}\n                                fill=\"none\"\n                                initial={animationType ? { pathLength: 0 } : false}\n                                animate={animationType ? { pathLength: 1 } : {}}\n                                transition={{ duration: .75, ease: 'easeInOut' }}\n                            />\n                        );\n                    })}\n                    <AxisBottom\n                        scale={xScale}\n                        top={yMax}\n                        tickValues={xTickValues}\n                        tickFormat={isIntegerData ? formatIntegerTick : undefined}\n                        label={xLabel}\n                        labelProps={{\n                            fontSize: 12,\n                            fontFamily: 'Roboto,Helvetica,Arial,sans-serif',\n                            textAnchor: 'middle',\n                            fill: '#1c1917',\n                            dy: 15,\n                        }}\n                        tickLabelProps={{\n                            fontSize: 11,\n                            fontFamily: 'Roboto,Helvetica,Arial,sans-serif',\n                            fill: '#1c1917',\n                            textAnchor: 'middle',\n                        }}\n                    />\n                    <AxisLeft\n                        scale={yScale}\n                        tickValues={yTickValues}\n                        tickFormat={formatIntegerTick}\n                        label={yLabel}\n                        labelProps={{\n                            fontSize: 12,\n                            fontFamily: 'Roboto,Helvetica,Arial,sans-serif',\n                            textAnchor: 'middle',\n                            fill: '#1c1917',\n                            dx: -15,\n                        }}\n                        tickLabelProps={{\n                            fontSize: 11,\n                            fontFamily: 'Roboto,Helvetica,Arial,sans-serif',\n                            fill: '#1c1917',\n                            textAnchor: 'end',\n                            dx: -4,\n                        }}\n                    />\n                    {multiSeries && <HistogramLegend series={series} xMax={xMax} />}\n                </Group>\n            </svg>\n            <HistogramTooltip\n                ref={tooltipRef}\n                multiSeries={multiSeries}\n                tooltipBody={tooltipBody}\n            />\n        </ResponsiveContainer>\n    );\n};\n\nexport default Histogram;\n"],"names":["DEFAULT_COLOR","margin","top","right","bottom","left","integerTicks","min","max","count","step","Math","ceil","tickStep","start","stop","floor","range","formatIntegerTick","v","valueOf","isSeriesData","data","length","Histogram","t0","$","_c","ref","thresholds","color","t1","xLabel","yLabel","title","tooltipBody","onBarClicked","densityLine","t2","densityLineColor","t3","animationType","downloadFileName","width","manualWidth","height","manualHeight","undefined","svgRef","useRef","tooltipRef","t4","t5","Symbol","for","debounceTime","parentRef","containerStyle","useResponsiveParentSize","t6","multiSeries","t7","bb0","t8","t9","values","label","series","flatMap","_temp","allValues","every","Number","isInteger","isIntegerData","xMax","yMax","t10","bb1","t11","dataMin","dataMax","integerValueCount","binner","Array","isArray","d3bin","innerEdges","domain","allBins","domainX0","x0","domainX1","x1","innerEdges_0","map","_temp2","slice","seriesBinner","seriesBins","s_0","s","b_0","i","b","s_1","si","bins","bb2","t12","avgBinWidth","t13","s_2","points","bandwidth","scottRule","ticks","densityPoints","kernelDensityEstimator","gaussian","scale","d","x","value","y","kdePoints","bb3","scaleLinear","t14","xScale","_temp3","maxBarCount","maxKde","_temp5","t15","t16","nice","yScale","t17","bb4","t18","t19","xTickValues","yTickValues","t20","d_0","t21","d_1","line","curve","curveBasis","lineGenerator","downloadSVG","current","downloadAsSVG","downloadPNG","downloadSVGAsPNG","useImperativeHandle","Text","t22","bin","i_0","HistogramBar","t23","s_4","si_0","pathD","pathLength","duration","ease","t24","t25","t26","fontSize","fontFamily","textAnchor","fill","dy","t27","AxisBottom","t28","t29","dx","t30","jsx","AxisLeft","t31","HistogramLegend","t32","Group","t33","jsxs","t34","HistogramTooltip","t35","ResponsiveContainer","b_1","_temp4","p","s_3"],"mappings":"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"}

package/dist/visualization.es90.js

@@ -1,191 +1,58 @@
-import { jsxs as a, Fragment as mi, jsx as i } from "react/jsx-runtime";
-import { useMemo as H, useId as pi, useCallback as gi, useState as fi, useRef as vi } from "react";
-import xi from "./visualization.es124.js";
-import S from "./visualization.es128.js";
-import ui from "./visualization.es129.js";
-import wi from "./visualization.es130.js";
-import { markTickLabels as _, yAxisTickLabelProps as yi, TICK_FONT_FAMILY as A, AXIS_TITLE_FONT_SIZE as E } from "./visualization.es87.js";
-import { MINI_MAP_HEIGHT as Ti, LEGEND_GAP as N } from "./visualization.es88.js";
-import { useHeatmapCanvasGrid as ki } from "./visualization.es131.js";
-import { useScrollToSelection as Ci } from "./visualization.es132.js";
-import Mi from "./visualization.es31.js";
-import bi from "./visualization.es13.js";
-import Pi from "./visualization.es30.js";
-const V = 10, Oi = ({
-  legendSvgRef: F,
-  layout: G,
-  data: O,
-  showMiniMap: v,
-  showLegend: m,
-  renderLegend: x,
-  xLabel: W,
-  yLabel: X,
-  tooltipBody: u,
-  onClick: j,
-  selectedCells: B,
-  scrollToSelection: Y,
-  xAxisTickFormat: z,
-  yAxisTickFormat: D,
-  xAxisTickLabelProps: w
-}) => {
-  const {
-    numRows: K,
-    marg: Z,
-    xMax: p,
-    yMax: g,
-    viewportWidth: e,
-    viewportHeight: t,
-    yTitleWidth: l,
-    yTickLabelWidth: n,
-    xTitleHeight: c,
-    xTickLabelHeight: d,
-    binWidth: q,
-    xTickLeftOverhangMax: y,
-    legendWidth: h,
-    xScale: T,
-    yScale: k,
-    xTickValues: J,
-    yTickValues: Q,
-    stableColors: U,
-    minValue: ii,
-    maxValue: ei,
-    canvasCellParams: f,
-    selectionMarks: s
-  } = G, ti = H(() => _(w, s.columns), [w, s]), li = H(() => _(yi, s.rows), [s]), {
-    canvasRef: oi,
-    mainPaneRef: C,
-    canvasTooltipRef: ri,
-    setMainPaneNode: ai,
-    handleGridScroll: ni,
-    axisScrollPos: o,
-    visibleXTickValues: si,
-    visibleYTickValues: di,
-    canvasHandlers: ci
-  } = ki({
-    canvasCellParams: f,
-    viewportWidth: e,
-    viewportHeight: t,
-    xTickValues: J,
-    yTickValues: Q,
-    onClick: j
+import T, { defaultStyles as y } from "./visualization.es91.js";
+import { TooltipPositionProvider as C } from "./visualization.es226.js";
+import { jsx as f } from "react/jsx-runtime";
+import B from "./visualization.es227.js";
+function R(a) {
+  let {
+    children: c,
+    getRects: L,
+    left: m = 0,
+    offsetLeft: l = 10,
+    offsetTop: n = 10,
+    parentRect: p,
+    rect: t,
+    style: P = y,
+    top: u = 0,
+    unstyled: w = !1,
+    nodeRef: g,
+    ...x
+  } = a, s, r = !1, h = !1;
+  if (t && p) {
+    let e = m, i = u;
+    if (p.width) {
+      const o = e + l + t.width - p.width, d = t.width - e - l;
+      r = o > 0 && o > d;
+    } else {
+      const o = e + l + t.width - window.innerWidth, d = t.width - e - l;
+      r = o > 0 && o > d;
+    }
+    if (p.height) {
+      const o = i + n + t.height - p.height, d = t.height - i - n;
+      h = o > 0 && o > d;
+    } else
+      h = i + n + t.height > window.innerHeight;
+    e = r ? e - t.width - l : e + l, i = h ? i - t.height - n : i + n, e = Math.round(e), i = Math.round(i), s = `translate(${e}px, ${i}px)`;
+  }
+  return /* @__PURE__ */ f(T, {
+    ref: g,
+    style: {
+      left: 0,
+      top: 0,
+      transform: s,
+      ...!w && P
+    },
+    ...x,
+    children: /* @__PURE__ */ f(C, {
+      value: {
+        isFlippedVertically: !h,
+        isFlippedHorizontally: !r
+      },
+      children: c
+    })
   });
-  Ci({
-    mainPaneRef: C,
-    selectedCells: B,
-    scrollToSelection: Y,
-    binWidth: q,
-    viewportWidth: e
-  });
-  const M = pi(), b = Math.max(0, y - o.left), P = gi((r, hi) => {
-    C.current?.scrollTo({
-      left: r,
-      top: hi
-    });
-  }, []), [R, $] = fi(!1), I = vi(null), L = (r) => x ? x(r) : /* @__PURE__ */ i(xi, { colors: U, minValue: ii, maxValue: ei, length: r.orientation === "vertical" ? r.height : r.width, orientation: r.orientation });
-  return /* @__PURE__ */ a(mi, { children: [
-    /* @__PURE__ */ a("div", { style: {
-      display: "flex",
-      flexDirection: "column"
-    }, children: [
-      v && /* @__PURE__ */ i("div", { ref: I, style: {
-        marginLeft: l + n,
-        position: "relative",
-        width: e
-      }, children: /* @__PURE__ */ i(ui, { canvasCellParams: f, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: o.left, scrollTop: o.top, width: e, height: Ti, onNavigate: P, onCanvasClick: () => $(!0), paused: R }) }),
-      /* @__PURE__ */ a("div", { style: {
-        display: "grid",
-        gridTemplateColumns: m ? `${l}px ${n}px ${e}px ${N + h}px` : `${l}px ${n}px ${e}px`,
-        gridTemplateRows: `${Z.top}px ${t}px ${d}px ${c}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: E, fontFamily: A, children: X ?? "" }) }) }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 2,
-          gridRow: 2,
-          width: n,
-          height: t,
-          overflow: "hidden"
-        }, children: /* @__PURE__ */ i("svg", { width: n, height: t, children: /* @__PURE__ */ a("g", { transform: `translate(${n},${-o.top})`, children: [
-          /* @__PURE__ */ i(Mi, { scale: k, numTicks: K, tickValues: di, tickFormat: D, tickLabelProps: li }),
-          /* @__PURE__ */ i(S, { axis: "row", marked: s.rows, scale: k })
-        ] }) }) }),
-        /* @__PURE__ */ i("div", { ref: ai, onScroll: ni, style: {
-          gridColumn: 3,
-          gridRow: 2,
-          width: e,
-          height: t,
-          overflow: "auto",
-          overscrollBehavior: "contain",
-          position: "relative"
-        }, children: /* @__PURE__ */ i("div", { style: {
-          width: p,
-          height: g,
-          position: "relative"
-        }, children: /* @__PURE__ */ i("canvas", { ref: oi, 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"
-        }, ...ci }) }) }),
-        u && /* @__PURE__ */ i(bi, { ref: ri, children: u }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 3,
-          gridRow: 3,
-          width: e,
-          height: d,
-          overflow: "visible"
-        }, children: /* @__PURE__ */ a("svg", { width: e, height: d, style: {
-          overflow: "visible"
-        }, children: [
-          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("clipPath", { id: M, children: [
-            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: d }),
-            y > 0 && /* @__PURE__ */ i("rect", { x: -b, y: V, width: b, height: Math.max(0, d - V) })
-          ] }) }),
-          /* @__PURE__ */ i("g", { clipPath: `url(#${M})`, children: /* @__PURE__ */ a("g", { transform: `translate(${-o.left},0)`, children: [
-            /* @__PURE__ */ i(Pi, { top: 0, scale: T, numTicks: O.length, tickFormat: z, tickValues: si, tickLabelProps: ti }),
-            /* @__PURE__ */ i(S, { axis: "column", marked: s.columns, scale: T })
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 3,
-          gridRow: 4,
-          width: e,
-          height: c,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: /* @__PURE__ */ i("svg", { width: e, height: c, style: {
-          overflow: "visible"
-        }, children: /* @__PURE__ */ i("text", { x: e / 2, y: c / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: E, fontFamily: A, children: W ?? "" }) }) }),
-        m && /* @__PURE__ */ i("div", { style: {
-          gridColumn: 4,
-          gridRow: 2,
-          width: h,
-          marginLeft: N,
-          height: t
-        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: F, style: {
-          overflow: "visible"
-        }, children: L({
-          width: h,
-          height: t,
-          orientation: "vertical"
-        }) }) })
-      ] })
-    ] }),
-    v && R && /* @__PURE__ */ i(wi, { onClose: () => $(!1), containerRef: I, canvasCellParams: f, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: o.left, scrollTop: o.top, onNavigate: P, legend: m ? L : void 0 })
-  ] });
-};
+}
+const H = B(R);
 export {
-  Oi as default
+  H as default
 };
 //# sourceMappingURL=visualization.es90.js.map