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

package/dist/visualization.es79.js

@@ -1,84 +1,48 @@
-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.es35.js";
-const H = (t) => {
-  const e = b(10), {
-    multiSeries: d,
-    tooltipBody: i,
-    ref: h
-  } = t;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
-    open: !1
-  }, e[0] = r) : r = e[0];
-  const [p, u] = S(r);
-  let s;
-  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
-    show: (g, x, y) => u({
-      open: !0,
-      data: g,
-      left: x,
-      top: y
-    }),
-    hide: () => u(j)
-  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
-    return null;
-  const {
-    data: o,
-    left: f,
-    top: m
-  } = p;
-  let l;
-  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
-    fontSize: 12
-  }, children: [
-    /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ c("strong", { children: "Range:" }),
-      " ",
-      o.x0.toFixed(2),
-      ", ",
-      o.x1.toFixed(2)
-    ] }),
-    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ c("strong", { children: "Count:" }),
-      " ",
-      o.count
-    ] })
-  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
-  let a;
-  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { measureTextWidth as W } from "./visualization.es22.js";
+import H from "./visualization.es24.js";
+import k from "./visualization.es26.js";
+const l = 14, _ = 6, x = 4, y = 11, A = "sans-serif", T = 5, I = (n) => n % 1 === 0 ? String(n) : n.toFixed(1), L = (n, t) => Array.from({
+  length: T
+}, (e, o) => n + o * (t - n) / (T - 1)), D = 1.15, G = 6, O = (n, t) => {
+  const e = Math.max(...L(n, t).map((o) => W(I(o), y, A)));
+  return l + x + _ + e * D + G;
+}, R = (n) => {
+  const t = S(11), {
+    colors: e,
+    minValue: o,
+    maxValue: c,
+    height: r
+  } = n;
+  let d;
+  if (t[0] !== e || t[1] !== r || t[2] !== c || t[3] !== o) {
+    const u = L(o, c), F = H({
+      domain: [c, o],
+      range: [0, r]
+    });
+    let s;
+    t[5] !== e ? (s = e.map((h, a) => /* @__PURE__ */ i("stop", { offset: `${a / (e.length - 1) * 100}%`, stopColor: e[e.length - 1 - a] }, a)), t[5] = e, t[6] = s) : s = t[6];
+    let m;
+    t[7] !== s ? (m = /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "heatmap-legend-gradient", x1: "0", y1: "0", x2: "0", y2: "1", children: s }) }), t[7] = s, t[8] = m) : m = t[8];
+    let f;
+    t[9] !== r ? (f = /* @__PURE__ */ i("rect", { x: 0, y: 0, width: l, height: r, fill: "url(#heatmap-legend-gradient)", rx: 2 }), t[9] = r, t[10] = f) : f = t[10], d = /* @__PURE__ */ g(k, { children: [
+      m,
+      f,
+      u.map((h, a) => {
+        const p = F(h);
+        return /* @__PURE__ */ g("g", { children: [
+          /* @__PURE__ */ i("line", { x1: l, x2: l + x, y1: p, y2: p, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ i("text", { x: l + x + _, y: p, dominantBaseline: "middle", fontSize: y, fontFamily: A, fill: "#4d4f52", children: I(h) })
+        ] }, a);
+      })
+    ] }), t[0] = e, t[1] = r, t[2] = c, t[3] = o, t[4] = d;
+  } else
+    d = t[4];
+  return d;
 };
-function j(t) {
-  return {
-    ...t,
-    open: !1
-  };
-}
-function k(t) {
-  return /* @__PURE__ */ n("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    gap: 4
-  }, children: [
-    /* @__PURE__ */ c("span", { style: {
-      width: 8,
-      height: 8,
-      borderRadius: 2,
-      backgroundColor: t.color,
-      display: "inline-block"
-    } }),
-    /* @__PURE__ */ n("span", { children: [
-      /* @__PURE__ */ n("strong", { children: [
-        t.label,
-        ":"
-      ] }),
-      " ",
-      t.count
-    ] })
-  ] }, t.label);
-}
 export {
-  H as default
+  R as default,
+  O as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es79.js.map

package/dist/visualization.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es79.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":"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"}
+{"version":3,"file":"visualization.es79.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    height: number;\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so longer labels (more digits) don't\n// creep past the reserved width and get clipped by the svg's default overflow:hidden.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// Full width needed to render the legend (color bar + ticks + tick labels) without\n// clipping, based on the widest formatted tick label for the given value range.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, height }: HeatmapLegendProps) => {\n    const gradientId = \"heatmap-legend-gradient\";\n\n    const tickValues = getTickValues(minValue, maxValue);\n\n    const yScale = scaleLinear<number>({\n        domain: [maxValue, minValue],\n        range: [0, height],\n    });\n\n    return (\n        <Group>\n            <defs>\n                {/* The bar reads top (max) to bottom (min), so the gradient stops run in reverse\n                    color order to match how colors map to values in the heatmap cells. */}\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            stopColor={colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={BAR_WIDTH}\n                height={height}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const y = yScale(value);\n                return (\n                    <g key={i}>\n                        <line\n                            x1={BAR_WIDTH}\n                            x2={BAR_WIDTH + TICK_WIDTH}\n                            y1={y}\n                            y2={y}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={BAR_WIDTH + TICK_WIDTH + LABEL_GAP}\n                            y={y}\n                            dominantBaseline=\"middle\"\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\nexport type { HeatmapLegendProps };\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","height","t1","tickValues","yScale","scaleLinear","domain","range","t2","jsx","t3","gradientId","t4","Group","i_0","y"],"mappings":"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"}

package/dist/visualization.es8.js

@@ -1,79 +1,80 @@
 import { jsx as o, jsxs as ot, Fragment as et } from "react/jsx-runtime";
-import { c as it } from "react/compiler-runtime";
-import nt, { useMemo as u, useCallback as G, useImperativeHandle as at } from "react";
-import lt from "./visualization.es67.js";
+import { c as nt } from "react/compiler-runtime";
+import it, { useMemo as g, useCallback as G, useImperativeHandle as at } from "react";
+import lt from "./visualization.es66.js";
 import { useTheme as rt, Stack as ct, Tooltip as st, IconButton as mt } from "@mui/material";
 import { HighlightAlt as dt } from "@mui/icons-material";
-import { downloadDivAsPNG as ht, downloadDivAsSVG as R } from "./visualization.es29.js";
-import { getPointExtents as ut, getDomains as gt, isSameTransform as ft } from "./visualization.es17.js";
-import Mt from "./visualization.es68.js";
-import xt from "./visualization.es69.js";
-import bt from "./visualization.es70.js";
-import Dt from "./visualization.es71.js";
-import { useSelectionMode as St } from "./visualization.es72.js";
-import { useMiniMapToggle as Pt } from "./visualization.es73.js";
-import { useHoverTooltip as wt } from "./visualization.es74.js";
-import { useCrosshair as Ct } from "./visualization.es75.js";
-import { useResponsiveParentSize as vt } from "./visualization.es18.js";
-import Z from "./visualization.es23.js";
+import { downloadDivAsPNG as ht, downloadDivAsSVG as H } from "./visualization.es22.js";
+import { getPointExtents as gt, getDomains as ut, isSameTransform as ft } from "./visualization.es17.js";
+import Mt from "./visualization.es67.js";
+import xt from "./visualization.es68.js";
+import bt from "./visualization.es69.js";
+import Pt from "./visualization.es70.js";
+import { useSelectionMode as Dt } from "./visualization.es71.js";
+import { useMiniMapToggle as St } from "./visualization.es72.js";
+import { useHoverTooltip as Ct } from "./visualization.es73.js";
+import { useCrosshair as vt } from "./visualization.es74.js";
+import { useResponsiveParentSize as wt } from "./visualization.es18.js";
+import R from "./visualization.es24.js";
 import { ResponsiveContainer as yt } from "./visualization.es14.js";
-import Tt, { defaultStyles as zt } from "./visualization.es27.js";
-import It from "./visualization.es34.js";
+import Tt, { defaultStyles as zt } from "./visualization.es50.js";
+import It from "./visualization.es48.js";
 const m = {
   top: 20,
   right: 20,
   bottom: 70,
   left: 70
 }, Lt = () => {
-  const t = it(2), c = rt();
+  const t = nt(2), c = rt();
   let l;
   return t[0] !== c.zIndex.tooltip ? (l = {
     ...zt,
     zIndex: c.zIndex.tooltip
   }, t[0] = c.zIndex.tooltip, t[1] = l) : l = t[1], l;
 }, Ut = (t) => {
-  const c = Tt, l = Lt(), B = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), k = t.initialState?.minimap?.open ?? !1, {
-    parentRef: H,
+  const c = Tt, l = Lt(), Z = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), B = t.initialState?.minimap?.open ?? !1, {
+    parentRef: k,
     containerStyle: N,
     width: $,
     height: O
-  } = vt({
+  } = wt({
     width: t.width,
     height: t.height
-  }), i = Math.min(O, $), n = nt.useRef(null), g = t.selectable ?? !1, a = i * 0.9 - m.left, r = a, F = t.downloadButton ?? !1, {
+  }), n = Math.min(O, $), i = it.useRef(null), u = t.selectable ?? !1, a = n * 0.9 - m.left, r = a, F = t.downloadButton ?? !1, {
     selectMode: f,
     handleSelectionModeChange: V
-  } = St({
-    initialSelectionMode: B
+  } = Dt({
+    initialSelectionMode: Z
   }), {
     showMiniMap: M,
     toggleMiniMap: E
-  } = Pt({
-    initialOpen: k
-  }), x = u(() => ut(t.pointData), [t.pointData]), b = u(() => gt(x), [x]), [D, S] = t.xDomain ?? b.xDomain, [P, w] = t.yDomain ?? b.yDomain, d = u(() => Z({
-    domain: [D, S],
+  } = St({
+    initialOpen: B
+  }), x = g(() => gt(t.pointData), [t.pointData]), b = g(() => ut(x), [x]), [P, D] = t.xDomain ?? b.xDomain, [S, C] = t.yDomain ?? b.yDomain, d = g(() => R({
+    domain: [P, D],
     range: [0, a]
-  }), [a, D, S]), h = u(() => Z({
-    domain: [P, w],
+  }), [a, P, D]), h = g(() => R({
+    domain: [S, C],
     range: [r, 0]
-  }), [r, P, w]), {
+  }), [r, S, C]), {
     hoveredPoint: X,
-    tooltipData: C,
+    tooltipData: v,
     tooltipOpen: Y,
     mouseX: j,
     mouseY: W,
-    handleMouseMove: v,
+    handleMouseMove: w,
     handleMouseLeave: y
-  } = wt({
+  } = Ct({
     pointData: t.pointData,
     margin: m,
     xScale: d,
-    yScale: h
+    yScale: h,
+    onHoveredPointChange: t.onHoveredPointChange
   }), T = t.crosshair ?? !1, {
     crosshairPosition: q,
     handleCrosshairMove: z,
     handleCrosshairLeave: I
-  } = Ct({
+  } = vt({
     enabled: T,
     margin: m,
     boundedWidth: a,
@@ -82,20 +83,20 @@ const m = {
     yScale: h,
     onCrosshairChange: t.onCrosshairChange
   }), L = T ? q ?? t.crosshairPosition ?? null : null, J = G((e, s) => {
-    v(e, s), z(e, s);
-  }, [z, v]), K = G(() => {
+    w(e, s), z(e, s);
+  }, [z, w]), K = G(() => {
     y(), I();
   }, [I, y]);
   at(t.ref, () => ({
     downloadSVG: () => {
-      n.current && R(n.current, t.downloadFileName ?? "scatter_plot.svg");
+      i.current && H(i.current, t.downloadFileName ?? "scatter_plot.svg");
     },
     downloadPNG: () => {
-      n.current && ht(n.current, t.downloadFileName ?? "scatter_plot.png");
+      i.current && ht(i.current, t.downloadFileName ?? "scatter_plot.png");
     }
   }));
   const Q = () => {
-    n.current && R(n.current, t.downloadFileName ?? "scatter_plot.svg");
+    i.current && H(i.current, t.downloadFileName ?? "scatter_plot.svg");
   }, A = (e) => {
     const s = {
       x: a / 2,
@@ -119,14 +120,14 @@ const m = {
       !t.disableZoom && /* @__PURE__ */ o(ct, { direction: "column", sx: {
         position: "absolute",
         ...tt === "right" ? {
-          right: `max(10px, calc(45% - ${i / 2}px))`
+          right: `max(10px, calc(45% - ${n / 2}px))`
         } : {
-          left: `max(10px, calc(45% - ${i / 2}px))`
+          left: `max(10px, calc(45% - ${n / 2}px))`
         },
-        top: `calc(50% - ${i / 2}px + ${m.top}px)`,
+        top: `calc(50% - ${n / 2}px + ${m.top}px)`,
         zIndex: 10
-      }, children: /* @__PURE__ */ o(lt, { selectable: g, resetable: !ft(e.transformMatrix, e.initialTransformMatrix), handleSelectionModeChange: V, selectMode: f, zoomIn: U, zoomOut: p, zoomReset: _, highlight: t.controlsHighlight, downloadButton: F, downloadPlot: Q }) }),
-      /* @__PURE__ */ o(Mt, { size: i, margin: m, boundedWidth: a, boundedHeight: r, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: d, yScale: h, zoom: e, selectMode: f, selectable: g, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: X, handleMouseMove: J, handleMouseLeave: K, onDisplayedPointsChange: t.onDisplayedPointsChange, onSelectionChange: t.onSelectionChange, onPointClicked: t.onPointClicked, leftAxisLabel: t.leftAxisLabel, bottomAxisLabel: t.bottomAxisLabel, border: t.border ?? !1, originLine: t.originLine, backgroundGradient: t.backgroundGradient, crosshair: L, divRef: n }),
+      }, children: /* @__PURE__ */ o(lt, { selectable: u, resetable: !ft(e.transformMatrix, e.initialTransformMatrix), handleSelectionModeChange: V, selectMode: f, zoomIn: U, zoomOut: p, zoomReset: _, highlight: t.controlsHighlight, downloadButton: F, downloadPlot: Q }) }),
+      /* @__PURE__ */ o(Mt, { size: n, margin: m, boundedWidth: a, boundedHeight: r, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: d, yScale: h, zoom: e, selectMode: f, selectable: u, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: X, handleMouseMove: J, handleMouseLeave: K, onDisplayedPointsChange: t.onDisplayedPointsChange, onSelectionChange: t.onSelectionChange, onPointClicked: t.onPointClicked, leftAxisLabel: t.leftAxisLabel, bottomAxisLabel: t.bottomAxisLabel, border: t.border ?? !1, originLine: t.originLine, backgroundGradient: t.backgroundGradient, crosshair: L, divRef: i }),
       t.miniMap && !t.disableZoom && /* @__PURE__ */ o(st, { title: "Toggle Minimap", children: /* @__PURE__ */ o(mt, { sx: {
         position: "absolute",
         right: 10,
@@ -136,11 +137,11 @@ const m = {
         height: "auto",
         color: M ? t.controlsHighlight ?? "primary.main" : "default"
       }, size: "small", onClick: E, children: /* @__PURE__ */ o(dt, {}) }) }),
-      M && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(xt, { miniMap: t.miniMap, width: i, height: i, pointData: t.pointData, xScale: d, yScale: h, zoom: e, crosshair: L }),
-      !t.disableTooltip && Y && C && /* @__PURE__ */ o(It, { children: /* @__PURE__ */ o(c, { left: j + 10, top: W, style: l, children: /* @__PURE__ */ o(Dt, { tooltipBody: t.tooltipBody, tooltipData: C }) }) })
+      M && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(xt, { miniMap: t.miniMap, width: n, height: n, pointData: t.pointData, xScale: d, yScale: h, zoom: e, crosshair: L }),
+      !t.disableTooltip && Y && v && /* @__PURE__ */ o(It, { children: /* @__PURE__ */ o(c, { left: j + 10, top: W, style: l, children: /* @__PURE__ */ o(Pt, { tooltipBody: t.tooltipBody, tooltipData: v }) }) })
     ] });
   };
-  return /* @__PURE__ */ o(yt, { parentRef: H, containerStyle: N, children: t.zoom ? A(t.zoom) : /* @__PURE__ */ o(bt, { width: a, height: r, children: A }) });
+  return /* @__PURE__ */ o(yt, { parentRef: k, containerStyle: N, children: t.zoom ? A(t.zoom) : /* @__PURE__ */ o(bt, { width: a, height: r, children: A }) });
 };
 export {
   Ut as default

package/dist/visualization.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useImperativeHandle, useMemo } from 'react';\nimport { ChartProps, ZoomType } from './types';\nimport { Tooltip as VisxTooltip, TooltipProps, Portal, defaultStyles as visxTooltipStyles } from '@visx/tooltip';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip, useTheme } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport ScatterTooltip from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\nimport { useCrosshair } from './hooks/useCrosshair';\n\nconst MARGIN = { top: 20, right: 20, bottom: 70, left: 70 };\n\n/**\n * The point tooltip is portalled to document.body, so it leaves the plot's stacking\n * context and cannot be layered against the plot's own overlays by DOM order alone.\n * visx ships no z-index of its own, which leaves it below the controls and the minimap\n * toggle (z-index 10) - those sit in the root stacking context, so they win against an\n * auto z-index no matter where the portal lands. Lifting the tooltip to the theme's\n * tooltip layer keeps it above them, and matches the MUI tooltips on the same controls.\n */\nconst useTooltipStyle = () => {\n    const theme = useTheme();\n    return useMemo(\n        () => ({ ...visxTooltipStyles, zIndex: theme.zIndex.tooltip }),\n        [theme.zIndex.tooltip]\n    );\n};\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    /**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\n\n    const tooltipStyle = useTooltipStyle();\n\n    const initialSelectionMode = props.initialState?.controls?.selectionType ?? (props.selectable ? \"select\" : \"pan\");\n    const initialMiniMapOpen = props.initialState?.minimap?.open ?? false;\n\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const size = Math.min(parentHeight, parentWidth)\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = size * 0.9 - MARGIN.left;\n    const boundedHeight = boundedWidth;\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({ pointData: props.pointData, margin: MARGIN, xScale, yScale });\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: `max(10px, calc(45% - ${size / 2}px))` }\n                                : { left: `max(10px, calc(45% - ${size / 2}px))` }),\n                            top: `calc(50% - ${size / 2}px + ${MARGIN.top}px)`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    size={size}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    groupPointsAnchor={props.groupPointsAnchor}\n                    hoveredPoint={hoveredPoint}\n                    handleMouseMove={handlePointerMove}\n                    handleMouseLeave={handlePointerLeave}\n                    onDisplayedPointsChange={props.onDisplayedPointsChange}\n                    onSelectionChange={props.onSelectionChange}\n                    onPointClicked={props.onPointClicked}\n                    leftAxisLabel={props.leftAxisLabel}\n                    bottomAxisLabel={props.bottomAxisLabel}\n                    border={props.border ?? false}\n                    originLine={props.originLine}\n                    backgroundGradient={props.backgroundGradient}\n                    crosshair={crosshair}\n                    divRef={divRef}\n                />\n                {props.miniMap && !props.disableZoom && (\n                    <Tooltip title=\"Toggle Minimap\">\n                        <IconButton\n                            sx={{\n                                position: \"absolute\",\n                                right: 10,\n                                bottom: 10,\n                                zIndex: 10,\n                                width: \"auto\",\n                                height: \"auto\",\n                                color: showMiniMap ? props.controlsHighlight ?? \"primary.main\" : \"default\",\n                            }}\n                            size=\"small\"\n                            onClick={toggleMiniMap}\n                        >\n                            <HighlightAlt />\n                        </IconButton>\n                    </Tooltip>\n                )}\n                {showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                    <MiniMap\n                        miniMap={props.miniMap}\n                        width={size}\n                        height={size}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && tooltipOpen && tooltipData && (\n                    <Portal>\n                        <VisTooltip left={mouseX + 10} top={mouseY} style={tooltipStyle}>\n                            <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                        </VisTooltip>\n                    </Portal>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","useTooltipStyle","$","_c","theme","useTheme","t0","zIndex","tooltip","visxTooltipStyles","ScatterPlot","props","VisTooltip","VisxTooltip","tooltipStyle","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","Portal","ScatterTooltip","tooltipBody","ResponsiveContainer","PlotZoom"],"mappings":"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"}
+{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useImperativeHandle, useMemo } from 'react';\nimport { ChartProps, ZoomType } from './types';\nimport { Tooltip as VisxTooltip, TooltipProps, Portal, defaultStyles as visxTooltipStyles } from '@visx/tooltip';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip, useTheme } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport ScatterTooltip from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\nimport { useCrosshair } from './hooks/useCrosshair';\n\nconst MARGIN = { top: 20, right: 20, bottom: 70, left: 70 };\n\n/**\n * The point tooltip is portalled to document.body, so it leaves the plot's stacking\n * context and cannot be layered against the plot's own overlays by DOM order alone.\n * visx ships no z-index of its own, which leaves it below the controls and the minimap\n * toggle (z-index 10) - those sit in the root stacking context, so they win against an\n * auto z-index no matter where the portal lands. Lifting the tooltip to the theme's\n * tooltip layer keeps it above them, and matches the MUI tooltips on the same controls.\n */\nconst useTooltipStyle = () => {\n    const theme = useTheme();\n    return useMemo(\n        () => ({ ...visxTooltipStyles, zIndex: theme.zIndex.tooltip }),\n        [theme.zIndex.tooltip]\n    );\n};\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    /**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\n\n    const tooltipStyle = useTooltipStyle();\n\n    const initialSelectionMode = props.initialState?.controls?.selectionType ?? (props.selectable ? \"select\" : \"pan\");\n    const initialMiniMapOpen = props.initialState?.minimap?.open ?? false;\n\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const size = Math.min(parentHeight, parentWidth)\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = size * 0.9 - MARGIN.left;\n    const boundedHeight = boundedWidth;\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({\n            pointData: props.pointData,\n            margin: MARGIN,\n            xScale,\n            yScale,\n            onHoveredPointChange: props.onHoveredPointChange,\n        });\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: `max(10px, calc(45% - ${size / 2}px))` }\n                                : { left: `max(10px, calc(45% - ${size / 2}px))` }),\n                            top: `calc(50% - ${size / 2}px + ${MARGIN.top}px)`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    size={size}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    groupPointsAnchor={props.groupPointsAnchor}\n                    hoveredPoint={hoveredPoint}\n                    handleMouseMove={handlePointerMove}\n                    handleMouseLeave={handlePointerLeave}\n                    onDisplayedPointsChange={props.onDisplayedPointsChange}\n                    onSelectionChange={props.onSelectionChange}\n                    onPointClicked={props.onPointClicked}\n                    leftAxisLabel={props.leftAxisLabel}\n                    bottomAxisLabel={props.bottomAxisLabel}\n                    border={props.border ?? false}\n                    originLine={props.originLine}\n                    backgroundGradient={props.backgroundGradient}\n                    crosshair={crosshair}\n                    divRef={divRef}\n                />\n                {props.miniMap && !props.disableZoom && (\n                    <Tooltip title=\"Toggle Minimap\">\n                        <IconButton\n                            sx={{\n                                position: \"absolute\",\n                                right: 10,\n                                bottom: 10,\n                                zIndex: 10,\n                                width: \"auto\",\n                                height: \"auto\",\n                                color: showMiniMap ? props.controlsHighlight ?? \"primary.main\" : \"default\",\n                            }}\n                            size=\"small\"\n                            onClick={toggleMiniMap}\n                        >\n                            <HighlightAlt />\n                        </IconButton>\n                    </Tooltip>\n                )}\n                {showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                    <MiniMap\n                        miniMap={props.miniMap}\n                        width={size}\n                        height={size}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && tooltipOpen && tooltipData && (\n                    <Portal>\n                        <VisTooltip left={mouseX + 10} top={mouseY} style={tooltipStyle}>\n                            <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                        </VisTooltip>\n                    </Portal>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","useTooltipStyle","$","_c","theme","useTheme","t0","zIndex","tooltip","visxTooltipStyles","ScatterPlot","props","VisTooltip","VisxTooltip","tooltipStyle","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","onHoveredPointChange","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","Portal","ScatterTooltip","tooltipBody","ResponsiveContainer","PlotZoom"],"mappings":"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"}

package/dist/visualization.es80.js

@@ -1,49 +1,24 @@
-import { jsx as g } from "react/jsx-runtime";
-import { memo as X, useState as v } from "react";
-import { getAnimationProps as w } from "./visualization.es29.js";
-import { motion as x } from "./visualization.es45.js";
-import B from "./visualization.es97.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)
-    };
+import o from "./visualization.es24.js";
+const L = "#d1d5db", r = 0.5, E = "none", i = (n) => `${n.row}-${n.column}`;
+function u(n, a) {
+  return o({
+    range: n,
+    domain: n.map((e, t) => t * a / (n.length - 1))
   });
-  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}`)) });
-});
+}
+function p(n, a, e, t) {
+  const l = n == null;
+  return {
+    fill: l ? E : e ? t : a ?? t,
+    fillOpacity: l ? 0 : e ? r : 1
+  };
+}
 export {
-  E as default
+  L as DEFAULT_DESELECTED_COLOR,
+  r as DESELECTED_OPACITY,
+  E as NULL_VALUE_COLOR,
+  i as cellKey,
+  u as getHeatmapColorScale,
+  p as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.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.es80.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\nimport type { HeatmapCellId } from \"./types\";\n\nexport const DEFAULT_DESELECTED_COLOR = \"#d1d5db\";\nexport const DESELECTED_OPACITY = 0.5;\nexport const NULL_VALUE_COLOR = \"none\";\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nexport function getHeatmapColorScale(colors: [string, string, ...string[]], maxValue: number) {\n  return scaleLinear<string>({\n    range: colors,\n    domain: colors.map((_, i) => (i * maxValue) / (colors.length - 1)),\n  });\n}\n\n/**\n * Shared by the SVG cell renderer (HeatmapCells.tsx, used for non-scrollable mode and export)\n * and the canvas cell renderer (HeatmapCanvasCells.ts, used on-screen in scrollable mode) so the\n * two can never drift apart on what a cell actually looks like.\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDeselected: boolean,\n  deselectedColor: string\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue ? NULL_VALUE_COLOR : isDeselected ? deselectedColor : color ?? deselectedColor,\n    fillOpacity: isNullValue ? 0 : isDeselected ? DESELECTED_OPACITY : 1,\n  };\n}\n"],"names":["DEFAULT_DESELECTED_COLOR","DESELECTED_OPACITY","NULL_VALUE_COLOR","cellKey","cell","row","column","getHeatmapColorScale","colors","maxValue","scaleLinear","range","domain","map","_","i","length","resolveCellAppearance","count","color","isDeselected","deselectedColor","isNullValue","fill","fillOpacity"],"mappings":";AAGO,MAAMA,IAA2B,WAC3BC,IAAqB,KACrBC,IAAmB,QAEnBC,IAAUA,CAACC,MAAwB,GAAGA,EAAKC,GAAG,IAAID,EAAKE,MAAM;AAEnE,SAASC,EAAqBC,GAAuCC,GAAkB;AAC5F,SAAOC,EAAoB;AAAA,IACzBC,OAAOH;AAAAA,IACPI,QAAQJ,EAAOK,IAAI,CAACC,GAAGC,MAAOA,IAAIN,KAAaD,EAAOQ,SAAS,EAAE;AAAA,EAAA,CAClE;AACH;AAOO,SAASC,EACdC,GACAC,GACAC,GACAC,GACuC;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,IAAcpB,IAAmBkB,IAAeC,IAAkBF,KAASE;AAAAA,IACjFG,aAAaF,IAAc,IAAIF,IAAenB,IAAqB;AAAA,EAAA;AAEvE;"}