@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es79.js

@@ -1,101 +1,8 @@
-import { j as L } from "./visualization.es18.js";
-import { c as q } from "./visualization.es32.js";
-import { useRef as A, useEffect as F } from "react";
-import { drawHeatmapCells as G } from "./visualization.es78.js";
-const M = (a, t, d) => Math.min(Math.max(a, t), d), _ = (a) => {
-  const t = q.c(50), {
-    canvasCellParams: d,
-    xMax: r,
-    yMax: i,
-    viewportWidth: p,
-    viewportHeight: m,
-    scrollLeft: P,
-    scrollTop: b,
-    width: s,
-    height: c,
-    onNavigate: f
-  } = a, U = A(null), e = r > 0 ? s / r : 0, o = i > 0 ? c / i : 0;
-  let R, v;
-  t[0] !== d || t[1] !== e || t[2] !== o || t[3] !== r || t[4] !== i ? (R = () => {
-    const n = U.current;
-    if (!n || e <= 0 || o <= 0)
-      return;
-    const l = n.getContext("2d");
-    if (!l)
-      return;
-    const W = window.devicePixelRatio || 1;
-    l.setTransform(W * e, 0, 0, W * o, 0, 0), l.clearRect(0, 0, r, i);
-    const $ = {
-      colStart: 0,
-      colEnd: Math.max(0, d.data.length - 1),
-      rowStart: 0,
-      rowEnd: Math.max(0, d.numRows - 1)
-    };
-    G(l, d, $, null);
-  }, v = [d, r, i, e, o], t[0] = d, t[1] = e, t[2] = o, t[3] = r, t[4] = i, t[5] = R, t[6] = v) : (R = t[5], v = t[6]), F(R, v);
-  let C;
-  t[7] !== f || t[8] !== m || t[9] !== p || t[10] !== r || t[11] !== i ? (C = (n, l) => {
-    f(M(n - p / 2, 0, Math.max(0, r - p)), M(l - m / 2, 0, Math.max(0, i - m)));
-  }, t[7] = f, t[8] = m, t[9] = p, t[10] = r, t[11] = i, t[12] = C) : C = t[12];
-  const H = C;
-  let T;
-  t[13] !== H || t[14] !== e || t[15] !== o ? (T = (n) => {
-    if (e <= 0 || o <= 0)
-      return;
-    const l = n.currentTarget.getBoundingClientRect();
-    H((n.clientX - l.left) / e, (n.clientY - l.top) / o);
-  }, t[13] = H, t[14] = e, t[15] = o, t[16] = T) : T = t[16];
-  const S = T, B = J;
-  let j;
-  t[17] !== f || t[18] !== e || t[19] !== o || t[20] !== P || t[21] !== b || t[22] !== m || t[23] !== p || t[24] !== r || t[25] !== i ? (j = (n) => {
-    e <= 0 || o <= 0 || !n.currentTarget.hasPointerCapture(n.pointerId) || f(M(P + n.movementX / e, 0, Math.max(0, r - p)), M(b + n.movementY / o, 0, Math.max(0, i - m)));
-  }, t[17] = f, t[18] = e, t[19] = o, t[20] = P, t[21] = b, t[22] = m, t[23] = p, t[24] = r, t[25] = i, t[26] = j) : j = t[26];
-  const I = j, N = K, y = M(P * e, 0, s), E = M(b * o, 0, c), X = Math.max(0, Math.min(p * e, s - y)), Y = Math.max(0, Math.min(m * o, c - E));
-  let h;
-  t[27] !== c || t[28] !== s ? (h = {
-    position: "relative",
-    width: s,
-    height: c
-  }, t[27] = c, t[28] = s, t[29] = h) : h = t[29];
-  const k = s * (window.devicePixelRatio || 1), z = c * (window.devicePixelRatio || 1);
-  let x;
-  t[30] !== c || t[31] !== s ? (x = {
-    width: s,
-    height: c,
-    display: "block",
-    cursor: "pointer",
-    border: "1px solid #d5d5d5",
-    boxSizing: "border-box"
-  }, t[30] = c, t[31] = s, t[32] = x) : x = t[32];
-  let u;
-  t[33] !== S || t[34] !== k || t[35] !== z || t[36] !== x ? (u = /* @__PURE__ */ L.jsx("canvas", { ref: U, width: k, height: z, style: x, onPointerDown: S }), t[33] = S, t[34] = k, t[35] = z, t[36] = x, t[37] = u) : u = t[37];
-  let g;
-  t[38] !== Y || t[39] !== y || t[40] !== E || t[41] !== X ? (g = {
-    position: "absolute",
-    left: y,
-    top: E,
-    width: X,
-    height: Y,
-    border: "2px solid #0d0f98",
-    backgroundColor: "rgba(13, 15, 152, 0.15)",
-    cursor: "grab",
-    boxSizing: "border-box"
-  }, t[38] = Y, t[39] = y, t[40] = E, t[41] = X, t[42] = g) : g = t[42];
-  let w;
-  t[43] !== I || t[44] !== g ? (w = /* @__PURE__ */ L.jsx("div", { onPointerDown: B, onPointerMove: I, onPointerUp: N, style: g }), t[43] = I, t[44] = g, t[45] = w) : w = t[45];
-  let D;
-  return t[46] !== u || t[47] !== w || t[48] !== h ? (D = /* @__PURE__ */ L.jsxs("div", { style: h, children: [
-    u,
-    w
-  ] }), t[46] = u, t[47] = w, t[48] = h, t[49] = D) : D = t[49], D;
-};
-function J(a) {
-  a.stopPropagation(), a.currentTarget.setPointerCapture(a.pointerId);
-}
-function K(a) {
-  a.currentTarget.releasePointerCapture(a.pointerId);
-}
+import { getDefaultExportFromCjs as e } from "./visualization.es470.js";
+import { __require as o } from "./visualization.es163.js";
+var t = o();
+const a = /* @__PURE__ */ e(t);
 export {
-  _ as default
+  a as default
 };
 //# sourceMappingURL=visualization.es79.js.map

package/dist/visualization.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es79.js","sources":["../src/components/Heatmap/HeatmapMiniMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { drawHeatmapCells, type CanvasCellParams } from \"./HeatmapCanvasCells\";\n\nexport interface HeatmapMiniMapProps {\n  canvasCellParams: CanvasCellParams;\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  scrollLeft: number;\n  scrollTop: number;\n  width: number;\n  height: number;\n  /** Called with a new (unclamped-by-caller) scroll position when the user clicks or drags the minimap. */\n  onNavigate: (left: number, top: number) => void;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst HeatmapMiniMap = ({\n  canvasCellParams,\n  xMax,\n  yMax,\n  viewportWidth,\n  viewportHeight,\n  scrollLeft,\n  scrollTop,\n  width,\n  height,\n  onNavigate,\n}: HeatmapMiniMapProps) => {\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const scaleX = xMax > 0 ? width / xMax : 0;\n  const scaleY = yMax > 0 ? height / yMax : 0;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || scaleX <= 0 || scaleY <= 0) return;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n    const dpr = window.devicePixelRatio || 1;\n    ctx.setTransform(dpr * scaleX, 0, 0, dpr * scaleY, 0, 0);\n    ctx.clearRect(0, 0, xMax, yMax);\n    const range = {\n      colStart: 0,\n      colEnd: Math.max(0, canvasCellParams.data.length - 1),\n      rowStart: 0,\n      rowEnd: Math.max(0, canvasCellParams.numRows - 1),\n    };\n    drawHeatmapCells(ctx, canvasCellParams, range, null);\n  }, [canvasCellParams, xMax, yMax, scaleX, scaleY]);\n\n  const navigateCentered = useCallback(\n    (contentX: number, contentY: number) => {\n      onNavigate(\n        clamp(contentX - viewportWidth / 2, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(contentY - viewportHeight / 2, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [onNavigate, viewportWidth, viewportHeight, xMax, yMax]\n  );\n\n  const handleCanvasPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLCanvasElement>) => {\n      if (scaleX <= 0 || scaleY <= 0) return;\n      const rect = event.currentTarget.getBoundingClientRect();\n      navigateCentered((event.clientX - rect.left) / scaleX, (event.clientY - rect.top) / scaleY);\n    },\n    [navigateCentered, scaleX, scaleY]\n  );\n\n  const handleRectPointerDown = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n    event.currentTarget.setPointerCapture(event.pointerId);\n  }, []);\n\n  const handleRectPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      if (scaleX <= 0 || scaleY <= 0 || !event.currentTarget.hasPointerCapture(event.pointerId)) return;\n      onNavigate(\n        clamp(scrollLeft + event.movementX / scaleX, 0, Math.max(0, xMax - viewportWidth)),\n        clamp(scrollTop + event.movementY / scaleY, 0, Math.max(0, yMax - viewportHeight))\n      );\n    },\n    [scrollLeft, scrollTop, scaleX, scaleY, xMax, yMax, viewportWidth, viewportHeight, onNavigate]\n  );\n\n  const handleRectPointerUp = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    event.currentTarget.releasePointerCapture(event.pointerId);\n  }, []);\n\n  const rectLeft = clamp(scrollLeft * scaleX, 0, width);\n  const rectTop = clamp(scrollTop * scaleY, 0, height);\n  const rectWidth = Math.max(0, Math.min(viewportWidth * scaleX, width - rectLeft));\n  const rectHeight = Math.max(0, Math.min(viewportHeight * scaleY, height - rectTop));\n\n  return (\n    <div style={{ position: \"relative\", width, height }}>\n      <canvas\n        ref={canvasRef}\n        width={width * (window.devicePixelRatio || 1)}\n        height={height * (window.devicePixelRatio || 1)}\n        style={{ width, height, display: \"block\", cursor: \"pointer\", border: \"1px solid #d5d5d5\", boxSizing: \"border-box\" }}\n        onPointerDown={handleCanvasPointerDown}\n      />\n      <div\n        onPointerDown={handleRectPointerDown}\n        onPointerMove={handleRectPointerMove}\n        onPointerUp={handleRectPointerUp}\n        style={{\n          position: \"absolute\",\n          left: rectLeft,\n          top: rectTop,\n          width: rectWidth,\n          height: rectHeight,\n          border: \"2px solid #0d0f98\",\n          backgroundColor: \"rgba(13, 15, 152, 0.15)\",\n          cursor: \"grab\",\n          boxSizing: \"border-box\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport default HeatmapMiniMap;\n"],"names":["clamp","value","min","max","Math","HeatmapMiniMap","t0","$","_c","canvasCellParams","xMax","yMax","viewportWidth","viewportHeight","scrollLeft","scrollTop","width","height","onNavigate","canvasRef","useRef","scaleX","scaleY","t1","t2","canvas","current","ctx","getContext","dpr","window","devicePixelRatio","setTransform","clearRect","range","colStart","colEnd","data","length","rowStart","rowEnd","numRows","drawHeatmapCells","useEffect","t3","contentX","contentY","navigateCentered","t4","event","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","handleCanvasPointerDown","handleRectPointerDown","_temp","t5","event_1","hasPointerCapture","pointerId","movementX","movementY","handleRectPointerMove","handleRectPointerUp","_temp2","rectLeft","rectTop","rectWidth","rectHeight","t6","position","t7","t8","t9","display","cursor","border","boxSizing","t10","jsx","t11","backgroundColor","t12","t13","jsxs","event_0","stopPropagation","setPointerCapture","event_2","releasePointerCapture"],"mappings":"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"}
+{"version":3,"file":"visualization.es79.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es8.js

@@ -1,111 +1,111 @@
-import { j as e } from "./visualization.es18.js";
-import p, { useMemo as m, useImperativeHandle as N } from "react";
-import O from "./visualization.es34.js";
-import { Stack as _, Tooltip as z, IconButton as F } from "@mui/material";
-import { HighlightAlt as V } from "@mui/icons-material";
-import { downloadDivAsPNG as E, downloadDivAsSVG as x } from "./visualization.es20.js";
-import { getPointExtents as W } from "./visualization.es35.js";
-import q from "./visualization.es36.js";
-import J from "./visualization.es37.js";
-import K from "./visualization.es38.js";
-import { useSelectionMode as Q } from "./visualization.es39.js";
-import { useMiniMapToggle as U } from "./visualization.es40.js";
-import { useHoverTooltip as tt } from "./visualization.es41.js";
-import { useResponsiveParentSize as et } from "./visualization.es16.js";
-import M from "./visualization.es24.js";
-import { ResponsiveContainer as it } from "./visualization.es13.js";
-import ot from "./visualization.es42.js";
-import nt from "./visualization.es43.js";
-import at from "./visualization.es30.js";
-const lt = {
+import { jsx as e, jsxs as O, Fragment as p } from "react/jsx-runtime";
+import z, { useMemo as s, useImperativeHandle as F } from "react";
+import V from "./visualization.es41.js";
+import { Stack as _, Tooltip as j, IconButton as E } from "@mui/material";
+import { HighlightAlt as W } from "@mui/icons-material";
+import { downloadDivAsPNG as q, downloadDivAsSVG as M } from "./visualization.es20.js";
+import { getPointExtents as J } from "./visualization.es42.js";
+import K from "./visualization.es43.js";
+import Q from "./visualization.es44.js";
+import U from "./visualization.es45.js";
+import { useSelectionMode as tt } from "./visualization.es46.js";
+import { useMiniMapToggle as et } from "./visualization.es47.js";
+import { useHoverTooltip as it } from "./visualization.es48.js";
+import { useResponsiveParentSize as ot } from "./visualization.es16.js";
+import x from "./visualization.es22.js";
+import { ResponsiveContainer as nt } from "./visualization.es13.js";
+import at from "./visualization.es49.js";
+import lt from "./visualization.es50.js";
+import ct from "./visualization.es51.js";
+const rt = {
   scaleX: 1,
   scaleY: 1,
   translateX: 0,
   translateY: 0,
   skewX: 0,
   skewY: 0
-}, yt = (t) => {
-  const b = ot, w = at, S = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), P = t.initialState?.minimap?.open ?? !1, {
-    parentRef: j,
-    containerStyle: D,
-    width: v,
-    height: T
-  } = et({
+}, At = (t) => {
+  const b = at, w = ct, S = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), P = t.initialState?.minimap?.open ?? !1, {
+    parentRef: D,
+    containerStyle: v,
+    width: T,
+    height: y
+  } = ot({
     width: t.width,
     height: t.height
-  }), i = Math.min(T, v), o = p.useRef(null), h = t.selectable ?? !1, c = {
+  }), i = Math.min(y, T), o = z.useRef(null), h = t.selectable ?? !1, c = {
     top: 20,
     right: 20,
     bottom: 70,
     left: 70
-  }, l = i * 0.9 - c.left, r = l, y = t.downloadButton ?? !1, {
+  }, l = i * 0.9 - c.left, r = l, C = t.downloadButton ?? !1, {
     selectMode: g,
-    handleSelectionModeChange: C
-  } = Q({
+    handleSelectionModeChange: Z
+  } = tt({
     initialSelectionMode: S
   }), {
     showMiniMap: f,
-    toggleMiniMap: Z
-  } = U({
+    toggleMiniMap: A
+  } = et({
     initialOpen: P
-  }), a = m(() => W(t.pointData), [t.pointData]), s = m(() => M({
+  }), a = s(() => J(t.pointData), [t.pointData]), d = s(() => x({
     domain: [a.x[0] - 1, a.x[1] + 1],
     range: [0, l]
-  }), [l, a]), d = m(() => M({
+  }), [l, a]), m = s(() => x({
     domain: [a.y[0] - 1, a.y[1] + 1],
     range: [r, 0]
   }), [r, a]), {
-    hoveredPoint: A,
+    hoveredPoint: k,
     tooltipData: u,
-    tooltipOpen: R,
-    mouseX: k,
-    mouseY: B,
-    handleMouseMove: G,
-    handleMouseLeave: L
-  } = tt({
+    tooltipOpen: B,
+    mouseX: G,
+    mouseY: L,
+    handleMouseMove: R,
+    handleMouseLeave: X
+  } = it({
     pointData: t.pointData,
     margin: c,
-    xScale: s,
-    yScale: d
+    xScale: d,
+    yScale: m
   });
-  N(t.ref, () => ({
+  F(t.ref, () => ({
     downloadSVG: () => {
-      o.current && x(o.current, t.downloadFileName ?? "scatter_plot.svg");
+      o.current && M(o.current, t.downloadFileName ?? "scatter_plot.svg");
     },
     downloadPNG: () => {
-      o.current && E(o.current, t.downloadFileName ?? "scatter_plot.png");
+      o.current && q(o.current, t.downloadFileName ?? "scatter_plot.png");
     }
   }));
-  const X = () => {
-    o.current && x(o.current, t.downloadFileName ?? "scatter_plot.svg");
+  const Y = () => {
+    o.current && M(o.current, t.downloadFileName ?? "scatter_plot.svg");
   };
-  return /* @__PURE__ */ e.jsx(it, { parentRef: j, containerStyle: D, children: /* @__PURE__ */ e.jsx(b, { width: l, height: r, scaleXMin: 1 / 2, scaleXMax: 10, scaleYMin: 1 / 2, scaleYMax: 10, initialTransformMatrix: lt, children: (n) => {
-    const Y = () => {
+  return /* @__PURE__ */ e(nt, { parentRef: D, containerStyle: v, children: /* @__PURE__ */ e(b, { width: l, height: r, scaleXMin: 1 / 2, scaleXMax: 10, scaleYMin: 1 / 2, scaleYMax: 10, initialTransformMatrix: rt, children: (n) => {
+    const H = () => {
       n.scale({
         scaleX: 1.2,
         scaleY: 1.2
       });
-    }, H = () => {
+    }, I = () => {
       n.scale({
         scaleX: 0.8,
         scaleY: 0.8
       });
-    }, I = () => {
+    }, $ = () => {
       n.reset();
-    }, $ = t.controlsPosition ?? "left";
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      !t.disableZoom && /* @__PURE__ */ e.jsx(_, { direction: "column", sx: {
+    }, N = t.controlsPosition ?? "left";
+    return /* @__PURE__ */ O(p, { children: [
+      !t.disableZoom && /* @__PURE__ */ e(_, { direction: "column", sx: {
         position: "absolute",
-        ...$ === "right" ? {
+        ...N === "right" ? {
           right: `max(10px, calc(45% - ${i / 2}px))`
         } : {
           left: `max(10px, calc(45% - ${i / 2}px))`
         },
         top: `calc(50% - ${i / 2}px + ${c.top}px)`,
         zIndex: 10
-      }, children: /* @__PURE__ */ e.jsx(O, { selectable: h, resetable: n.transformMatrix !== n.initialTransformMatrix, handleSelectionModeChange: C, selectMode: g, zoomIn: Y, zoomOut: H, zoomReset: I, highlight: t.controlsHighlight, downloadButton: y, downloadPlot: X }) }),
-      /* @__PURE__ */ e.jsx(q, { size: i, margin: c, boundedWidth: l, boundedHeight: r, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: s, yScale: d, zoom: n, selectMode: g, selectable: h, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: A, handleMouseMove: G, handleMouseLeave: L, 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, divRef: o }),
-      t.miniMap && !t.disableZoom && /* @__PURE__ */ e.jsx(z, { title: "Toggle Minimap", children: /* @__PURE__ */ e.jsx(F, { sx: {
+      }, children: /* @__PURE__ */ e(V, { selectable: h, resetable: n.transformMatrix !== n.initialTransformMatrix, handleSelectionModeChange: Z, selectMode: g, zoomIn: H, zoomOut: I, zoomReset: $, highlight: t.controlsHighlight, downloadButton: C, downloadPlot: Y }) }),
+      /* @__PURE__ */ e(K, { size: i, margin: c, boundedWidth: l, boundedHeight: r, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: d, yScale: m, zoom: n, selectMode: g, selectable: h, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: k, handleMouseMove: R, handleMouseLeave: X, 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, divRef: o }),
+      t.miniMap && !t.disableZoom && /* @__PURE__ */ e(j, { title: "Toggle Minimap", children: /* @__PURE__ */ e(E, { sx: {
         position: "absolute",
         right: 10,
         bottom: 10,
@@ -113,13 +113,13 @@ const lt = {
         width: "auto",
         height: "auto",
         color: f ? t.controlsHighlight ?? "primary.main" : "default"
-      }, size: "small", onClick: Z, children: /* @__PURE__ */ e.jsx(V, {}) }) }),
-      f && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ e.jsx(J, { miniMap: t.miniMap, width: i, height: i, pointData: t.pointData, xScale: s, yScale: d, zoom: n }),
-      !t.disableTooltip && R && u && /* @__PURE__ */ e.jsx(nt, { children: /* @__PURE__ */ e.jsx(w, { left: k + 10, top: B, children: /* @__PURE__ */ e.jsx(K, { tooltipBody: t.tooltipBody, tooltipData: u }) }) })
+      }, size: "small", onClick: A, children: /* @__PURE__ */ e(W, {}) }) }),
+      f && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ e(Q, { miniMap: t.miniMap, width: i, height: i, pointData: t.pointData, xScale: d, yScale: m, zoom: n }),
+      !t.disableTooltip && B && u && /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(w, { left: G + 10, top: L, children: /* @__PURE__ */ e(U, { tooltipBody: t.tooltipBody, tooltipData: u }) }) })
     ] });
   } }) });
 };
 export {
-  yt as default
+  At as default
 };
 //# sourceMappingURL=visualization.es8.js.map

package/dist/visualization.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom'\nimport { ChartProps } from './types';\nimport { Tooltip as VisxTooltip, TooltipProps, Portal } from '@visx/tooltip';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { getPointExtents } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport ScatterTooltip from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\n\nconst initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\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 Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\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 margin = { top: 20, right: 20, bottom: 70, left: 70 };\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\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [pointExtents.x[0] - 1, pointExtents.x[1] + 1],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, pointExtents]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [pointExtents.y[0] - 1, pointExtents.y[1] + 1],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, pointExtents]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({ pointData: props.pointData, margin, xScale, yScale });\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    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <Zoom width={boundedWidth} height={boundedHeight} scaleXMin={1 / 2} scaleXMax={10} scaleYMin={1 / 2} scaleYMax={10} initialTransformMatrix={initialTransformMatrix}>\n                {(zoom) => {\n                    const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2 }); }\n                    const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8 }); }\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={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={handleMouseMove}\n                                handleMouseLeave={handleMouseLeave}\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                                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                                />\n                            )}\n                            {!props.disableTooltip && tooltipOpen && tooltipData && (\n                                <Portal>\n                                    <VisTooltip left={mouseX + 10} top={mouseY}>\n                                        <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                                    </VisTooltip>\n                                </Portal>\n                            )}\n                        </>\n                    )\n                }}\n            </Zoom >\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ScatterPlot","props","Zoom","VisxZoom","VisTooltip","VisxTooltip","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","margin","top","right","bottom","left","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","xScale","scaleLinear","domain","x","range","yScale","y","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","jsx","ResponsiveContainer","zoom","handleZoomIn","scale","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","Stack","position","zIndex","ControlButtons","transformMatrix","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"],"mappings":"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"}
+{"version":3,"file":"visualization.es8.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useImperativeHandle, useMemo } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom'\nimport { ChartProps } from './types';\nimport { Tooltip as VisxTooltip, TooltipProps, Portal } from '@visx/tooltip';\nimport { scaleLinear } from '@visx/scale';\nimport ControlButtons from './controls';\nimport { IconButton, Stack, Tooltip } from '@mui/material';\nimport { HighlightAlt } from '@mui/icons-material';\nimport { downloadDivAsPNG, downloadDivAsSVG } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport { getPointExtents } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport ScatterTooltip from './tooltip';\nimport { useSelectionMode } from './hooks/useSelectionMode';\nimport { useMiniMapToggle } from './hooks/useMiniMapToggle';\nimport { useHoverTooltip } from './hooks/useHoverTooltip';\n\nconst initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\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 Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\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 margin = { top: 20, right: 20, bottom: 70, left: 70 };\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\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [pointExtents.x[0] - 1, pointExtents.x[1] + 1],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, pointExtents]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [pointExtents.y[0] - 1, pointExtents.y[1] + 1],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, pointExtents]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({ pointData: props.pointData, margin, xScale, yScale });\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    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <Zoom width={boundedWidth} height={boundedHeight} scaleXMin={1 / 2} scaleXMax={10} scaleYMin={1 / 2} scaleYMax={10} initialTransformMatrix={initialTransformMatrix}>\n                {(zoom) => {\n                    const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2 }); }\n                    const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8 }); }\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={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={handleMouseMove}\n                                handleMouseLeave={handleMouseLeave}\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                                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                                />\n                            )}\n                            {!props.disableTooltip && tooltipOpen && tooltipData && (\n                                <Portal>\n                                    <VisTooltip left={mouseX + 10} top={mouseY}>\n                                        <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                                    </VisTooltip>\n                                </Portal>\n                            )}\n                        </>\n                    )\n                }}\n            </Zoom >\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ScatterPlot","props","Zoom","VisxZoom","VisTooltip","VisxTooltip","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","margin","top","right","bottom","left","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","xScale","scaleLinear","domain","x","range","yScale","y","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","jsx","ResponsiveContainer","zoom","handleZoomIn","scale","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","Stack","position","zIndex","ControlButtons","transformMatrix","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"],"mappings":"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"}

package/dist/visualization.es80.js

@@ -1,55 +1,8 @@
-import { j as o } from "./visualization.es18.js";
-import P from "./visualization.es160.js";
-import { truncateTextToWidth as R, getLabelPlacement as X } from "./visualization.es161.js";
-import Y, { useCallback as A } from "react";
-import D from "./visualization.es28.js";
-import E from "./visualization.es43.js";
-import _ from "./visualization.es64.js";
-const Q = (t) => {
-  function i(e) {
-    return e.children && e.children.length > 0 ? e.children.reduce((d, O) => d + i(O), 0) : e.data.value ?? 0;
-  }
-  const c = t.node.children !== void 0 && t.node.children.length > 0, r = c ? t.node.data.displayValue ?? i(t.node) : t.node.data.value ?? 0, y = t.fontSize, n = t.node.data.style?.color || t.node.parent?.data.style?.color || "black", s = t.node.data.style?.labelColor || n, m = t.node.data.style?.strokeColor || n, u = t.node.data.style?.strokeWidth === 0 ? 0 : t.node.data.style?.strokeWidth || t.strokeWidth, k = t.isHovered ? u + 2 : u, l = t.node.x1 - t.node.x0, a = t.node.y1 - t.node.y0, v = t.node.data.label, b = R(v, l - 8, y, "sans-serif"), h = a > 55 && l > 50 && r > 0, C = a > 20, {
-    textX: g,
-    textY: j,
-    textAnchor: T,
-    valueAnchor: S,
-    baseline: W,
-    valueY: B,
-    valueX: L
-  } = X(t.node, t.labelPlacement, h, c), {
-    tooltipData: f,
-    tooltipLeft: M,
-    tooltipTop: w,
-    tooltipOpen: N,
-    showTooltip: x,
-    hideTooltip: z
-  } = D(), V = A((e) => {
-    if (!t.tooltipBody) return;
-    const d = t.tooltipBody(t.node.data);
-    x({
-      tooltipLeft: e.clientX + 10,
-      tooltipTop: e.clientY + 10,
-      tooltipData: d
-    });
-  }, [t.tooltipBody, t.node.data, x]), H = () => {
-    t.onNodeClicked && t.onNodeClicked(t.node.data);
-  };
-  return /* @__PURE__ */ o.jsxs(Y.Fragment, { children: [
-    /* @__PURE__ */ o.jsxs("g", { onMouseEnter: () => t.onHover(!0), onMouseLeave: () => {
-      t.onHover(!1), z?.();
-    }, onMouseMove: V, onClick: H, style: {
-      cursor: "pointer",
-      transition: "stroke-width 0.2s"
-    }, children: [
-      /* @__PURE__ */ o.jsx("rect", { x: t.node.x0, y: t.node.y0, width: l, height: a, fill: n, fillOpacity: t.opacity, stroke: m, strokeWidth: k, rx: t.borderRadius }),
-      C && /* @__PURE__ */ o.jsx("text", { x: g, y: j, textAnchor: T, dominantBaseline: W, fill: s, fontSize: t.fontSize, fontWeight: 500, children: b }),
-      h && /* @__PURE__ */ o.jsx(P, { cx: L, cy: B, color: s, value: r, align: S })
-    ] }),
-    t.tooltipBody && N && f && /* @__PURE__ */ o.jsx(E, { children: /* @__PURE__ */ o.jsx(_, { left: (M ?? 0) + 10, top: w, children: f }) })
-  ] }, `frag-${t.node.data.label}`);
-};
+import { getDefaultExportFromCjs as r } from "./visualization.es470.js";
+import { __require as o } from "./visualization.es166.js";
+var e = o();
+const a = /* @__PURE__ */ r(e);
 export {
-  Q as default
+  a as default
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../src/components/TreeMap/SingleNode.tsx"],"sourcesContent":["import { SingleNodeProps, TreemapNode } from \"./types\";\nimport ValueOval from \"./ValueOval\";\nimport { getLabelPlacement, truncateTextToWidth } from \"./helpers\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Portal, TooltipWithBounds, useTooltip } from \"@visx/tooltip\";\nimport React from \"react\";\nimport { HierarchyRectangularNode } from \"@visx/hierarchy\";\n\nconst SingleNode = <T,>(\n    props: SingleNodeProps<T>\n) => {\n    function getNodeValue(node: HierarchyRectangularNode<TreemapNode<T>>): number {\n        // If the node has children, sum their values\n        if (node.children && node.children.length > 0) {\n            return node.children.reduce((sum: number, child) => {\n                return sum + getNodeValue(child);\n            }, 0);\n        }\n\n        // Otherwise use the leaf's data value\n        return node.data.value ?? 0;\n    }\n\n    const hasChildren = props.node.children !== undefined && props.node.children.length > 0;\n    \n    const value = hasChildren ? props.node.data.displayValue ?? getNodeValue(props.node) : props.node.data.value ?? 0\n\n    const fontSize = props.fontSize\n    const nodeColor = props.node.data.style?.color ||  props.node.parent?.data.style?.color || \"black\"\n    const labelColor = props.node.data.style?.labelColor || nodeColor;\n    const nodeStrokeColor = props.node.data.style?.strokeColor || nodeColor;\n    const nodeStroke = props.node.data.style?.strokeWidth === 0 ? 0 : props.node.data.style?.strokeWidth || props.strokeWidth;\n    const stroke = props.isHovered ? nodeStroke + 2 : nodeStroke;\n\n    const width = props.node.x1 - props.node.x0;\n    const height = props.node.y1 - props.node.y0;\n\n    const fullLabel = props.node.data.label;\n    const truncatedLabel = truncateTextToWidth(fullLabel, width - 8, fontSize, \"sans-serif\");\n    const showValue = height > 55 && width > 50 && value > 0;\n    const showText = height > 20;\n\n    const { textX, textY, textAnchor, valueAnchor, baseline, valueY, valueX } = getLabelPlacement(\n        props.node,\n        props.labelPlacement,\n        showValue,\n        hasChildren\n    );\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<ReactNode>();\n\n    const handleMouseMove = useCallback(\n        (event: React.MouseEvent<SVGElement>) => {\n            if (!props.tooltipBody) return;\n\n            const tooltipContent = props.tooltipBody(props.node.data);\n\n            showTooltip({\n                tooltipLeft: event.clientX + 10,\n                tooltipTop: event.clientY + 10,\n                tooltipData: tooltipContent,\n            });\n        },\n        [props.tooltipBody, props.node.data, showTooltip]\n    );\n\n    const handleNodeClick = () => {\n        if (!props.onNodeClicked) return;\n        props.onNodeClicked(props.node.data);\n    };\n\n    return (\n        <React.Fragment key={`frag-${props.node.data.label}`}>\n            <g\n                onMouseEnter={() => props.onHover(true)}\n                onMouseLeave={() => {\n                    props.onHover(false);\n                    hideTooltip?.();\n                }}\n                onMouseMove={handleMouseMove}\n                onClick={handleNodeClick}\n                style={{ cursor: \"pointer\", transition: \"stroke-width 0.2s\" }}\n            >\n                <rect\n                    x={props.node.x0}\n                    y={props.node.y0}\n                    width={width}\n                    height={height}\n                    fill={nodeColor}\n                    fillOpacity={props.opacity}\n                    stroke={nodeStrokeColor}\n                    strokeWidth={stroke}\n                    rx={props.borderRadius}\n                />\n                {showText && (\n                    <text\n                        x={textX}\n                        y={textY}\n                        textAnchor={textAnchor}\n                        dominantBaseline={baseline}\n                        fill={labelColor}\n                        fontSize={props.fontSize}\n                        fontWeight={500}\n                    >\n                        {truncatedLabel}\n                    </text>\n                )}\n                {showValue && (\n                    <ValueOval\n                        cx={valueX}\n                        cy={valueY}\n                        color={labelColor}\n                        value={value}\n                        align={valueAnchor}\n                    />\n                )}\n            </g>\n            {props.tooltipBody && tooltipOpen && tooltipData && (\n                <Portal>\n                    <TooltipWithBounds left={(tooltipLeft ?? 0) + 10} top={tooltipTop}>\n                        {tooltipData}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default SingleNode;"],"names":["SingleNode","props","getNodeValue","node","children","length","reduce","sum","child","data","value","hasChildren","undefined","displayValue","fontSize","nodeColor","style","color","parent","labelColor","nodeStrokeColor","strokeColor","nodeStroke","strokeWidth","stroke","isHovered","width","x1","x0","height","y1","y0","fullLabel","label","truncatedLabel","truncateTextToWidth","showValue","showText","textX","textY","textAnchor","valueAnchor","baseline","valueY","valueX","getLabelPlacement","labelPlacement","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","handleMouseMove","useCallback","event","tooltipBody","tooltipContent","clientX","clientY","handleNodeClick","onNodeClicked","jsxs","React","onHover","cursor","transition","jsx","opacity","borderRadius","ValueOval","Portal","TooltipWithBounds"],"mappings":"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"}
+{"version":3,"file":"visualization.es80.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es81.js

@@ -1,58 +1,63 @@
-import s from "./visualization.es609.js";
-import u from "./visualization.es610.js";
-import m from "./visualization.es611.js";
-import l from "./visualization.es612.js";
-import _ from "./visualization.es613.js";
-import v from "./visualization.es614.js";
-import y from "./visualization.es615.js";
-import g from "./visualization.es616.js";
-import w from "./visualization.es617.js";
-import B from "./visualization.es618.js";
-import A from "./visualization.es619.js";
-function d(e, t) {
-  var a = new n(e), f = +e.value && (a.value = e.value), o, c = [a], i, h, r, p;
-  for (t == null && (t = x); o = c.pop(); )
-    if (f && (o.value = +o.data.value), (h = t(o.data)) && (p = h.length))
-      for (o.children = new Array(p), r = p - 1; r >= 0; --r)
-        c.push(i = o.children[r] = new n(h[r])), i.parent = o, i.depth = o.depth + 1;
-  return a.eachBefore(D);
+import { useState as y } from "react";
+import C from "./visualization.es168.js";
+function d(r, e) {
+  return j(r) || k(r, e) || x(r, e) || E();
 }
-function k() {
-  return d(this).eachBefore(C);
+function j(r) {
+  if (Array.isArray(r)) return r;
 }
-function x(e) {
-  return e.children;
+function k(r, e) {
+  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(r)))) {
+    var t = [], n = !0, u = !1, a = void 0;
+    try {
+      for (var o = r[Symbol.iterator](), i; !(n = (i = o.next()).done) && (t.push(i.value), !(e && t.length === e)); n = !0)
+        ;
+    } catch (s) {
+      u = !0, a = s;
+    } finally {
+      try {
+        !n && o.return != null && o.return();
+      } finally {
+        if (u) throw a;
+      }
+    }
+    return t;
+  }
 }
-function C(e) {
-  e.data = e.data.data;
+function x(r, e) {
+  if (r) {
+    if (typeof r == "string") return p(r, e);
+    var t = Object.prototype.toString.call(r).slice(8, -1);
+    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(t);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return p(r, e);
+  }
 }
-function D(e) {
-  var t = 0;
-  do
-    e.height = t;
-  while ((e = e.parent) && e.height < ++t);
+function p(r, e) {
+  (e == null || e > r.length) && (e = r.length);
+  for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
+  return n;
 }
-function n(e) {
-  this.data = e, this.depth = this.height = 0, this.parent = null;
+function E() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-n.prototype = d.prototype = {
-  constructor: n,
-  count: s,
-  each: u,
-  eachAfter: l,
-  eachBefore: m,
-  sum: _,
-  sort: v,
-  path: y,
-  ancestors: g,
-  descendants: w,
-  leaves: B,
-  links: A,
-  copy: k
+var H = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.type, n = e.quality, u = y(null), a = d(u, 2), o = a[0], i = a[1], s = y(null), l = d(s, 2), v = l[0], g = l[1], S = function(h) {
+    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (!h)
+      throw new Error("You should provide correct html node.");
+    return C(h, b).then(function(f) {
+      var c = document.createElement("canvas"), _ = c.getContext("2d"), A = 0, w = 0, I = f.width, T = f.height;
+      c.width = I, c.height = T, _.drawImage(f, w, A);
+      var m = c.toDataURL(t, n);
+      return i(m), m;
+    }).catch(g);
+  };
+  return [o, S, {
+    error: v
+  }];
 };
 export {
-  n as Node,
-  D as computeHeight,
-  d as default
+  H as useScreenshot
 };
 //# sourceMappingURL=visualization.es81.js.map