@weng-lab/visualization 2.4.2 → 2.5.0

package/dist/visualization.es8.js

@@ -1,149 +1,141 @@
-import { jsx as o, jsxs as nt, Fragment as at } from "react/jsx-runtime";
-import { c as lt } from "react/compiler-runtime";
-import rt, { useMemo as u, useCallback as k, useImperativeHandle as st } from "react";
-import ct from "./visualization.es62.js";
-import { useTheme as mt, Stack as dt, Tooltip as ht, IconButton as gt } from "@mui/material";
-import { HighlightAlt as ut } from "@mui/icons-material";
-import { downloadDivAsPNG as ft, downloadDivAsSVG as $ } from "./visualization.es33.js";
-import { getPointExtents as xt, getDomains as Mt, isSameTransform as bt } from "./visualization.es17.js";
-import Pt from "./visualization.es63.js";
-import Dt from "./visualization.es64.js";
-import St from "./visualization.es65.js";
-import vt from "./visualization.es66.js";
-import { useSelectionMode as Ct } from "./visualization.es67.js";
-import { useMiniMapToggle as wt } from "./visualization.es68.js";
-import { useHoverTooltip as yt } from "./visualization.es69.js";
-import { useCrosshair as Tt } from "./visualization.es70.js";
-import { useResponsiveParentSize as zt } from "./visualization.es18.js";
-import N from "./visualization.es35.js";
-import { ResponsiveContainer as It } from "./visualization.es14.js";
-import Lt, { defaultStyles as At } from "./visualization.es47.js";
-import Ht from "./visualization.es45.js";
+import { jsx as o, jsxs as ot, Fragment as et } from "react/jsx-runtime";
+import nt, { useRef as it, useMemo as h, useCallback as I, useImperativeHandle as at } from "react";
+import lt from "./visualization.es42.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 Z } from "./visualization.es21.js";
+import { getPointExtents as gt, getDomains as ut, isSameTransform as ft } from "./visualization.es18.js";
+import xt from "./visualization.es43.js";
+import Mt from "./visualization.es44.js";
+import bt from "./visualization.es45.js";
+import Pt from "./visualization.es46.js";
+import { useSelectionMode as vt } from "./visualization.es47.js";
+import { useMiniMapToggle as Dt } from "./visualization.es48.js";
+import { useHoverTooltip as wt } from "./visualization.es49.js";
+import { useCrosshair as St } from "./visualization.es50.js";
+import { useResponsiveParentSize as Ct } from "./visualization.es19.js";
+import N from "./visualization.es23.js";
+import { ResponsiveContainer as yt } from "./visualization.es15.js";
+import Gt from "./visualization.es13.js";
 const e = {
   top: 20,
   right: 20,
   bottom: 70,
   left: 70
-}, Gt = () => {
-  const t = lt(2), m = mt();
-  let r;
-  return t[0] !== m.zIndex.tooltip ? (r = {
-    ...At,
-    zIndex: m.zIndex.tooltip
-  }, t[0] = m.zIndex.tooltip, t[1] = r) : r = t[1], r;
-}, to = (t) => {
-  const m = Lt, r = Gt(), O = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), F = t.initialState?.minimap?.open ?? !1, {
-    parentRef: V,
-    containerStyle: E,
-    width: M,
-    height: b
-  } = zt({
+}, Xt = (t) => {
+  const $ = rt(), f = it(null), F = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), O = t.initialState?.minimap?.open ?? !1, {
+    parentRef: E,
+    containerStyle: V,
+    width: x,
+    height: M
+  } = Ct({
     width: t.width,
     height: t.height
-  }), n = t.square ?? !1, a = Math.min(b, M), f = n ? a : M, x = n ? a : b, l = rt.useRef(null), P = t.selectable ?? !1, s = n ? a * 0.9 - e.left : Math.max(0, f - e.left - e.right), c = n ? a * 0.9 - e.left : Math.max(0, x - e.top - e.bottom), W = t.downloadButton ?? !1, {
-    selectMode: D,
-    handleSelectionModeChange: X
-  } = Ct({
-    initialSelectionMode: O
+  }), i = t.square ?? !1, a = Math.min(M, x), g = i ? a : x, u = i ? a : M, l = nt.useRef(null), b = t.selectable ?? !1, r = i ? a * 0.9 - e.left : Math.max(0, g - e.left - e.right), c = i ? a * 0.9 - e.left : Math.max(0, u - e.top - e.bottom), W = t.downloadButton ?? !1, {
+    selectMode: P,
+    handleSelectionModeChange: j
+  } = vt({
+    initialSelectionMode: F
   }), {
-    showMiniMap: S,
-    toggleMiniMap: Y
-  } = wt({
-    initialOpen: F
-  }), v = u(() => xt(t.pointData), [t.pointData]), C = u(() => Mt(v), [v]), [w, y] = t.xDomain ?? C.xDomain, [T, z] = t.yDomain ?? C.yDomain, h = u(() => N({
-    domain: [w, y],
-    range: [0, s]
-  }), [s, w, y]), g = u(() => N({
-    domain: [T, z],
+    showMiniMap: v,
+    toggleMiniMap: q
+  } = Dt({
+    initialOpen: O
+  }), D = h(() => gt(t.pointData), [t.pointData]), w = h(() => ut(D), [D]), [S, C] = t.xDomain ?? w.xDomain, [y, G] = t.yDomain ?? w.yDomain, m = h(() => N({
+    domain: [S, C],
+    range: [0, r]
+  }), [r, S, C]), d = h(() => N({
+    domain: [y, G],
     range: [c, 0]
-  }), [c, T, z]), {
-    hoveredPoint: j,
-    tooltipData: I,
-    tooltipOpen: q,
-    mouseX: p,
-    mouseY: J,
+  }), [c, y, G]), {
+    hoveredPoint: X,
     handleMouseMove: L,
-    handleMouseLeave: A
-  } = yt({
+    handleMouseLeave: R
+  } = wt({
     pointData: t.pointData,
     margin: e,
-    xScale: h,
-    yScale: g,
-    onHoveredPointChange: t.onHoveredPointChange
-  }), H = t.crosshair ?? !1, {
-    crosshairPosition: K,
-    handleCrosshairMove: G,
-    handleCrosshairLeave: R
-  } = Tt({
-    enabled: H,
+    xScale: m,
+    yScale: d,
+    onHoveredPointChange: t.onHoveredPointChange,
+    tooltipRef: f
+  }), T = t.crosshair ?? !1, {
+    crosshairPosition: Y,
+    handleCrosshairMove: z,
+    handleCrosshairLeave: A
+  } = St({
+    enabled: T,
     margin: e,
-    boundedWidth: s,
+    boundedWidth: r,
     boundedHeight: c,
-    xScale: h,
-    yScale: g,
+    xScale: m,
+    yScale: d,
     onCrosshairChange: t.onCrosshairChange
-  }), Z = H ? K ?? t.crosshairPosition ?? null : null, Q = k((i, d) => {
-    L(i, d), G(i, d);
-  }, [G, L]), U = k(() => {
-    A(), R();
-  }, [R, A]);
-  st(t.ref, () => ({
+  }), H = T ? Y ?? t.crosshairPosition ?? null : null, J = I((n, s) => {
+    L(n, s), z(n, s);
+  }, [z, L]), K = I(() => {
+    R(), A();
+  }, [A, R]);
+  at(t.ref, () => ({
     downloadSVG: () => {
-      l.current && $(l.current, t.downloadFileName ?? "scatter_plot.svg");
+      l.current && Z(l.current, t.downloadFileName ?? "scatter_plot.svg");
     },
     downloadPNG: () => {
-      l.current && ft(l.current, t.downloadFileName ?? "scatter_plot.png");
+      l.current && ht(l.current, t.downloadFileName ?? "scatter_plot.png");
     }
   }));
-  const _ = () => {
-    l.current && $(l.current, t.downloadFileName ?? "scatter_plot.svg");
-  }, B = (i) => {
-    const d = {
-      x: s / 2,
+  const Q = () => {
+    l.current && Z(l.current, t.downloadFileName ?? "scatter_plot.svg");
+  }, k = (n) => {
+    const s = {
+      x: r / 2,
       y: c / 2
-    }, tt = () => {
-      i.scale({
+    }, U = () => {
+      n.scale({
         scaleX: 1.2,
         scaleY: 1.2,
-        point: d
+        point: s
       });
-    }, ot = () => {
-      i.scale({
+    }, _ = () => {
+      n.scale({
         scaleX: 0.8,
         scaleY: 0.8,
-        point: d
+        point: s
       });
-    }, et = () => {
-      i.reset();
-    }, it = t.controlsPosition ?? "left";
-    return /* @__PURE__ */ nt(at, { children: [
-      !t.disableZoom && /* @__PURE__ */ o(dt, { direction: "column", sx: {
+    }, p = () => {
+      n.reset();
+    }, tt = t.controlsPosition ?? "left";
+    return /* @__PURE__ */ ot(et, { children: [
+      !t.disableZoom && /* @__PURE__ */ o(ct, { direction: "column", sx: {
         position: "absolute",
-        ...it === "right" ? {
-          right: n ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
+        ...tt === "right" ? {
+          right: i ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
         } : {
-          left: n ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
+          left: i ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
         },
-        top: n ? `calc(50% - ${a / 2}px + ${e.top}px)` : `${e.top}px`,
+        top: i ? `calc(50% - ${a / 2}px + ${e.top}px)` : `${e.top}px`,
         zIndex: 10
-      }, children: /* @__PURE__ */ o(ct, { selectable: P, resetable: !bt(i.transformMatrix, i.initialTransformMatrix), handleSelectionModeChange: X, selectMode: D, zoomIn: tt, zoomOut: ot, zoomReset: et, highlight: t.controlsHighlight, downloadButton: W, downloadPlot: _ }) }),
-      /* @__PURE__ */ o(Pt, { width: f, height: x, margin: e, boundedWidth: s, boundedHeight: c, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: h, yScale: g, zoom: i, selectMode: D, selectable: P, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: j, hoveredPoints: t.hoveredPoints, handleMouseMove: Q, handleMouseLeave: U, 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: Z, divRef: l }),
-      t.miniMap && !t.disableZoom && /* @__PURE__ */ o(ht, { title: "Toggle Minimap", children: /* @__PURE__ */ o(gt, { sx: {
+      }, children: /* @__PURE__ */ o(lt, { selectable: b, resetable: !ft(n.transformMatrix, n.initialTransformMatrix), handleSelectionModeChange: j, selectMode: P, zoomIn: U, zoomOut: _, zoomReset: p, highlight: t.controlsHighlight, downloadButton: W, downloadPlot: Q }) }),
+      /* @__PURE__ */ o(xt, { width: g, height: u, margin: e, boundedWidth: r, boundedHeight: c, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: m, yScale: d, zoom: n, selectMode: P, selectable: b, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: X, hoveredPoints: t.hoveredPoints, hoverGrowth: t.hoverGrowth, hoverStroke: t.hoverStroke, 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: H, divRef: l }),
+      t.miniMap && !t.disableZoom && /* @__PURE__ */ o(st, { title: "Toggle Minimap", children: /* @__PURE__ */ o(mt, { sx: {
         position: "absolute",
         right: 10,
         bottom: 10,
         zIndex: 10,
         width: "auto",
         height: "auto",
-        color: S ? t.controlsHighlight ?? "primary.main" : "default"
-      }, size: "small", onClick: Y, children: /* @__PURE__ */ o(ut, {}) }) }),
-      S && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(Dt, { miniMap: t.miniMap, width: f, height: x, pointData: t.pointData, xScale: h, yScale: g, zoom: i, crosshair: Z }),
-      !t.disableTooltip && q && I && /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ o(m, { left: p + 10, top: J, style: r, children: /* @__PURE__ */ o(vt, { tooltipBody: t.tooltipBody, tooltipData: I }) }) })
+        color: v ? t.controlsHighlight ?? "primary.main" : "default"
+      }, size: "small", onClick: q, children: /* @__PURE__ */ o(dt, {}) }) }),
+      v && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(Mt, { miniMap: t.miniMap, width: g, height: u, pointData: t.pointData, xScale: m, yScale: d, zoom: n, crosshair: H }),
+      !t.disableTooltip && // Above the controls and the minimap toggle, which sit at z-index 10 in the
+      // root stacking context and would otherwise win against the portalled
+      // tooltip's auto z-index. The theme's tooltip layer also matches the MUI
+      // tooltips on those same controls.
+      /* @__PURE__ */ o(Gt, { ref: f, zIndex: $.zIndex.tooltip, children: (B) => t.tooltipBody ? t.tooltipBody(B) : /* @__PURE__ */ o(Pt, { point: B }) })
     ] });
   };
-  return /* @__PURE__ */ o(It, { parentRef: V, containerStyle: E, children: t.zoom ? B(t.zoom) : /* @__PURE__ */ o(St, { width: s, height: c, children: B }) });
+  return /* @__PURE__ */ o(yt, { parentRef: E, containerStyle: V, children: t.zoom ? k(t.zoom) : /* @__PURE__ */ o(bt, { width: r, height: c, children: k }) });
 };
 export {
-  to as default
+  Xt 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, { 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    // The square path is kept exactly as it was, so turning `square` on is a no-op against\n    // previous versions. Unsquared, the plot takes the whole container and only the axis\n    // margins are held back.\n    const square = props.square ?? false;\n    const size = Math.min(parentHeight, parentWidth)\n    const plotWidth = square ? size : parentWidth;\n    const plotHeight = square ? size : parentHeight;\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotWidth - MARGIN.left - MARGIN.right);\n    const boundedHeight = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotHeight - MARGIN.top - MARGIN.bottom);\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: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }\n                                : { left: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }),\n                            top: square ? `calc(50% - ${size / 2}px + ${MARGIN.top}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                    width={plotWidth}\n                    height={plotHeight}\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                    hoveredPoints={props.hoveredPoints}\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={plotWidth}\n                        height={plotHeight}\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","square","size","Math","min","plotWidth","plotHeight","divRef","React","useRef","boundedWidth","max","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","hoveredPoints","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, useRef } from 'react';\nimport { ChartProps, Point, ZoomType } from './types';\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 { PlotTooltip, type PlotTooltipHandle } from '../../tooltip';\nimport { getDomains, getPointExtents, isSameTransform } from './helpers';\nimport ScatterPlotViewport from './ScatterPlotViewport';\nimport MiniMap from './minimap';\nimport PlotZoom from './PlotZoom';\nimport DefaultTooltipBody 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\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    const theme = useTheme();\n    const tooltipRef = useRef<PlotTooltipHandle<Point<T>>>(null);\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    // The square path is kept exactly as it was, so turning `square` on is a no-op against\n    // previous versions. Unsquared, the plot takes the whole container and only the axis\n    // margins are held back.\n    const square = props.square ?? false;\n    const size = Math.min(parentHeight, parentWidth)\n    const plotWidth = square ? size : parentWidth;\n    const plotHeight = square ? size : parentHeight;\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotWidth - MARGIN.left - MARGIN.right);\n    const boundedHeight = square\n        ? size * 0.9 - MARGIN.left\n        : Math.max(0, plotHeight - MARGIN.top - MARGIN.bottom);\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, handleMouseMove, handleMouseLeave } = useHoverTooltip({\n        pointData: props.pointData,\n        margin: MARGIN,\n        xScale,\n        yScale,\n        onHoveredPointChange: props.onHoveredPointChange,\n        tooltipRef,\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: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }\n                                : { left: square ? `max(10px, calc(45% - ${size / 2}px))` : \"10px\" }),\n                            top: square ? `calc(50% - ${size / 2}px + ${MARGIN.top}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                    width={plotWidth}\n                    height={plotHeight}\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                    hoveredPoints={props.hoveredPoints}\n                    hoverGrowth={props.hoverGrowth}\n                    hoverStroke={props.hoverStroke}\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={plotWidth}\n                        height={plotHeight}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && (\n                    // Above the controls and the minimap toggle, which sit at z-index 10 in the\n                    // root stacking context and would otherwise win against the portalled\n                    // tooltip's auto z-index. The theme's tooltip layer also matches the MUI\n                    // tooltips on those same controls.\n                    <PlotTooltip ref={tooltipRef} zIndex={theme.zIndex.tooltip}>\n                        {(point) =>\n                            props.tooltipBody ? props.tooltipBody(point) : <DefaultTooltipBody point={point} />\n                        }\n                    </PlotTooltip>\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","ScatterPlot","props","theme","useTheme","tooltipRef","useRef","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","square","size","Math","min","plotWidth","plotHeight","divRef","React","boundedWidth","max","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","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","zIndex","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","hoveredPoints","hoverGrowth","hoverStroke","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","PlotTooltip","tooltip","tooltipBody","DefaultTooltipBody","ResponsiveContainer","PlotZoom"],"mappings":"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"}

package/dist/visualization.es80.js

@@ -1,8 +1,16 @@
-function h(l, u, a, d, o) {
-  for (var i = l.children, e, n = -1, v = i.length, c = l.value && (o - a) / l.value; ++n < v; )
-    e = i[n], e.x0 = u, e.x1 = d, e.y0 = a, e.y1 = a += e.value * c;
+import f from "./visualization.es161.js";
+import u from "./visualization.es175.js";
+function d() {
+  let {
+    x: r,
+    y: n,
+    defined: t,
+    curve: i
+  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  const e = u();
+  return r && f(e.x, r), n && f(e.y, n), t && e.defined(t), i && e.curve(i), e;
 }
 export {
-  h as default
+  d as line
 };
 //# sourceMappingURL=visualization.es80.js.map

package/dist/visualization.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es80.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/slice.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n"],"names":["treemapSlice","parent","x0","y0","x1","y1","nodes","node","i","n","k"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIC,IAAQL,EAAO,UACfM,GACAC,IAAI,IACJC,IAAIH,EAAM,QACVI,IAAIT,EAAO,UAAUI,IAAKF,KAAMF,EAAO,OAEpC,EAAEO,IAAIC;AACX,IAAAF,IAAOD,EAAME,CAAC,GAAGD,EAAK,KAAKL,GAAIK,EAAK,KAAKH,GACzCG,EAAK,KAAKJ,GAAII,EAAK,KAAKJ,KAAMI,EAAK,QAAQG;AAE/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es80.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/util/D3ShapeFactories.js"],"sourcesContent":["import { arc as d3Arc, area as d3Area, line as d3Line, pie as d3Pie, radialLine as d3RadialLine, stack as d3Stack } from '@visx/vendor/d3-shape';\nimport setNumberOrNumberAccessor from \"./setNumberOrNumberAccessor.js\";\nimport stackOrder from \"./stackOrder.js\";\nimport stackOffset from \"./stackOffset.js\";\nexport function arc() {\n  let {\n    innerRadius,\n    outerRadius,\n    cornerRadius,\n    startAngle,\n    endAngle,\n    padAngle,\n    padRadius\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Arc();\n  if (innerRadius != null) setNumberOrNumberAccessor(path.innerRadius, innerRadius);\n  if (outerRadius != null) setNumberOrNumberAccessor(path.outerRadius, outerRadius);\n  if (cornerRadius != null) setNumberOrNumberAccessor(path.cornerRadius, cornerRadius);\n  if (startAngle != null) setNumberOrNumberAccessor(path.startAngle, startAngle);\n  if (endAngle != null) setNumberOrNumberAccessor(path.endAngle, endAngle);\n  if (padAngle != null) setNumberOrNumberAccessor(path.padAngle, padAngle);\n  if (padRadius != null) setNumberOrNumberAccessor(path.padRadius, padRadius);\n  return path;\n}\nexport function area() {\n  let {\n    x,\n    x0,\n    x1,\n    y,\n    y0,\n    y1,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Area();\n  if (x) setNumberOrNumberAccessor(path.x, x);\n  if (x0) setNumberOrNumberAccessor(path.x0, x0);\n  if (x1) setNumberOrNumberAccessor(path.x1, x1);\n  if (y) setNumberOrNumberAccessor(path.y, y);\n  if (y0) setNumberOrNumberAccessor(path.y0, y0);\n  if (y1) setNumberOrNumberAccessor(path.y1, y1);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function line() {\n  let {\n    x,\n    y,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Line();\n  if (x) setNumberOrNumberAccessor(path.x, x);\n  if (y) setNumberOrNumberAccessor(path.y, y);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function pie() {\n  let {\n    startAngle,\n    endAngle,\n    padAngle,\n    value,\n    sort,\n    sortValues\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Pie();\n\n  // In d3-shape v3+, sortValues defaults to descending sort.\n  // To maintain visx's behavior of preserving input order by default,\n  // we explicitly set sortValues to null when neither sort nor sortValues is provided.\n  // Note: d3's pie generator clears sortValues when sort is set, and vice versa.\n  if (sortValues !== undefined) {\n    path.sortValues(sortValues);\n  } else if (sort === undefined) {\n    // Neither provided - disable sorting to preserve input order\n    path.sortValues(null);\n  } else if (sort === null) {\n    // explicit null: clear comparator\n    path.sort(null);\n  } else {\n    // here sort is narrowed to a comparator function\n    path.sort(sort);\n  }\n  if (value != null) path.value(value);\n  if (padAngle != null) setNumberOrNumberAccessor(path.padAngle, padAngle);\n  if (startAngle != null) setNumberOrNumberAccessor(path.startAngle, startAngle);\n  if (endAngle != null) setNumberOrNumberAccessor(path.endAngle, endAngle);\n  return path;\n}\nexport function radialLine() {\n  let {\n    angle,\n    radius,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3RadialLine();\n  if (angle) setNumberOrNumberAccessor(path.angle, angle);\n  if (radius) setNumberOrNumberAccessor(path.radius, radius);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function stack(_ref) {\n  let {\n    keys,\n    value,\n    order,\n    offset\n  } = _ref;\n  const path = d3Stack();\n  if (keys) path.keys(keys);\n  if (value) setNumberOrNumberAccessor(path.value, value);\n  if (order) path.order(stackOrder(order));\n  if (offset) path.offset(stackOffset(offset));\n  return path;\n}"],"names":["line","x","y","defined","curve","path","d3Line","setNumberOrNumberAccessor"],"mappings":";;AA8CO,SAASA,IAAO;AACrB,MAAI;AAAA,IACF,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAMC,IAAOC,EAAM;AACnB,SAAIL,KAAGM,EAA0BF,EAAK,GAAGJ,CAAC,GACtCC,KAAGK,EAA0BF,EAAK,GAAGH,CAAC,GACtCC,KAASE,EAAK,QAAQF,CAAO,GAC7BC,KAAOC,EAAK,MAAMD,CAAK,GACpBC;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es81.js

@@ -1,21 +1,61 @@
-import g from "./visualization.es82.js";
-import R from "./visualization.es80.js";
-import { squarifyRatio as _, phi as d } from "./visualization.es84.js";
-const k = (function q(l) {
-  function v(i, t, a, m, c) {
-    if ((u = i._squarify) && u.ratio === l)
-      for (var u, e, r, f, h = -1, p, s = u.length, n = i.value; ++h < s; ) {
-        for (e = u[h], r = e.children, f = e.value = 0, p = r.length; f < p; ++f) e.value += r[f].value;
-        e.dice ? g(e, t, a, m, a += (c - a) * e.value / n) : R(e, t, a, t += (m - t) * e.value / n, c), n -= e.value;
-      }
-    else
-      i._squarify = u = _(l, i, t, a, m, c), u.ratio = l;
+function s(i, t, n) {
+  i._context.bezierCurveTo(
+    (2 * i._x0 + i._x1) / 3,
+    (2 * i._y0 + i._y1) / 3,
+    (i._x0 + 2 * i._x1) / 3,
+    (i._y0 + 2 * i._y1) / 3,
+    (i._x0 + 4 * i._x1 + t) / 6,
+    (i._y0 + 4 * i._y1 + n) / 6
+  );
+}
+function _(i) {
+  this._context = i;
+}
+_.prototype = {
+  areaStart: function() {
+    this._line = 0;
+  },
+  areaEnd: function() {
+    this._line = NaN;
+  },
+  lineStart: function() {
+    this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0;
+  },
+  lineEnd: function() {
+    switch (this._point) {
+      case 3:
+        s(this, this._x1, this._y1);
+      // falls through
+      case 2:
+        this._context.lineTo(this._x1, this._y1);
+        break;
+    }
+    (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
+  },
+  point: function(i, t) {
+    switch (i = +i, t = +t, this._point) {
+      case 0:
+        this._point = 1, this._line ? this._context.lineTo(i, t) : this._context.moveTo(i, t);
+        break;
+      case 1:
+        this._point = 2;
+        break;
+      case 2:
+        this._point = 3, this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6);
+      // falls through
+      default:
+        s(this, i, t);
+        break;
+    }
+    this._x0 = this._x1, this._x1 = i, this._y0 = this._y1, this._y1 = t;
   }
-  return v.ratio = function(i) {
-    return q((i = +i) > 1 ? i : 1);
-  }, v;
-})(d);
+};
+function e(i) {
+  return new _(i);
+}
 export {
-  k as default
+  _ as Basis,
+  e as default,
+  s as point
 };
 //# sourceMappingURL=visualization.es81.js.map

package/dist/visualization.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es81.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/resquarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\nimport {phi, squarifyRatio} from \"./squarify.js\";\n\nexport default (function custom(ratio) {\n\n  function resquarify(parent, x0, y0, x1, y1) {\n    if ((rows = parent._squarify) && (rows.ratio === ratio)) {\n      var rows,\n          row,\n          nodes,\n          i,\n          j = -1,\n          n,\n          m = rows.length,\n          value = parent.value;\n\n      while (++j < m) {\n        row = rows[j], nodes = row.children;\n        for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;\n        if (row.dice) treemapDice(row, x0, y0, x1, y0 += (y1 - y0) * row.value / value);\n        else treemapSlice(row, x0, y0, x0 += (x1 - x0) * row.value / value, y1);\n        value -= row.value;\n      }\n    } else {\n      parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);\n      rows.ratio = ratio;\n    }\n  }\n\n  resquarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return resquarify;\n})(phi);\n"],"names":["treemapResquarify","custom","ratio","resquarify","parent","x0","y0","x1","y1","rows","row","nodes","i","j","n","m","value","treemapDice","treemapSlice","squarifyRatio","x","phi"],"mappings":";;;AAIA,MAAAA,KAAgB,SAASC,EAAOC,GAAO;AAErC,WAASC,EAAWC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC1C,SAAKC,IAAOL,EAAO,cAAeK,EAAK,UAAUP;AAU/C,eATIO,GACAC,GACAC,GACAC,GACAC,IAAI,IACJC,GACAC,IAAIN,EAAK,QACTO,IAAQZ,EAAO,OAEZ,EAAES,IAAIE,KAAG;AAEd,aADAL,IAAMD,EAAKI,CAAC,GAAGF,IAAQD,EAAI,UACtBE,IAAIF,EAAI,QAAQ,GAAGI,IAAIH,EAAM,QAAQC,IAAIE,GAAG,EAAEF,EAAG,CAAAF,EAAI,SAASC,EAAMC,CAAC,EAAE;AAC5E,QAAIF,EAAI,OAAMO,EAAYP,GAAKL,GAAIC,GAAIC,GAAID,MAAOE,IAAKF,KAAMI,EAAI,QAAQM,CAAK,IACzEE,EAAaR,GAAKL,GAAIC,GAAID,MAAOE,IAAKF,KAAMK,EAAI,QAAQM,GAAOR,CAAE,GACtEQ,KAASN,EAAI;AAAA,MACf;AAAA;AAEA,MAAAN,EAAO,YAAYK,IAAOU,EAAcjB,GAAOE,GAAQC,GAAIC,GAAIC,GAAIC,CAAE,GACrEC,EAAK,QAAQP;AAAA,EAEjB;AAEA,SAAAC,EAAW,QAAQ,SAASiB,GAAG;AAC7B,WAAOnB,GAAQmB,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOjB;AACT,GAAGkB,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es81.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/curve/basis.js"],"sourcesContent":["export function point(that, x, y) {\n  that._context.bezierCurveTo(\n    (2 * that._x0 + that._x1) / 3,\n    (2 * that._y0 + that._y1) / 3,\n    (that._x0 + 2 * that._x1) / 3,\n    (that._y0 + 2 * that._y1) / 3,\n    (that._x0 + 4 * that._x1 + x) / 6,\n    (that._y0 + 4 * that._y1 + y) / 6\n  );\n}\n\nexport function Basis(context) {\n  this._context = context;\n}\n\nBasis.prototype = {\n  areaStart: function() {\n    this._line = 0;\n  },\n  areaEnd: function() {\n    this._line = NaN;\n  },\n  lineStart: function() {\n    this._x0 = this._x1 =\n    this._y0 = this._y1 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 3: point(this, this._x1, this._y1); // falls through\n      case 2: this._context.lineTo(this._x1, this._y1); break;\n    }\n    if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n    this._line = 1 - this._line;\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n      case 1: this._point = 2; break;\n      case 2: this._point = 3; this._context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6); // falls through\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = x;\n    this._y0 = this._y1, this._y1 = y;\n  }\n};\n\nexport default function(context) {\n  return new Basis(context);\n}\n"],"names":["point","that","x","y","Basis","context","curveBasis"],"mappings":"AAAO,SAASA,EAAMC,GAAMC,GAAGC,GAAG;AAChC,EAAAF,EAAK,SAAS;AAAA,KACX,IAAIA,EAAK,MAAMA,EAAK,OAAO;AAAA,KAC3B,IAAIA,EAAK,MAAMA,EAAK,OAAO;AAAA,KAC3BA,EAAK,MAAM,IAAIA,EAAK,OAAO;AAAA,KAC3BA,EAAK,MAAM,IAAIA,EAAK,OAAO;AAAA,KAC3BA,EAAK,MAAM,IAAIA,EAAK,MAAMC,KAAK;AAAA,KAC/BD,EAAK,MAAM,IAAIA,EAAK,MAAME,KAAK;AAAA,EACpC;AACA;AAEO,SAASC,EAAMC,GAAS;AAC7B,OAAK,WAAWA;AAClB;AAEAD,EAAM,YAAY;AAAA,EAChB,WAAW,WAAW;AACpB,SAAK,QAAQ;AAAA,EACf;AAAA,EACA,SAAS,WAAW;AAClB,SAAK,QAAQ;AAAA,EACf;AAAA,EACA,WAAW,WAAW;AACpB,SAAK,MAAM,KAAK,MAChB,KAAK,MAAM,KAAK,MAAM,KACtB,KAAK,SAAS;AAAA,EAChB;AAAA,EACA,SAAS,WAAW;AAClB,YAAQ,KAAK,QAAM;AAAA,MACjB,KAAK;AAAG,QAAAJ,EAAM,MAAM,KAAK,KAAK,KAAK,GAAG;AAAA;AAAA,MACtC,KAAK;AAAG,aAAK,SAAS,OAAO,KAAK,KAAK,KAAK,GAAG;AAAG;AAAA,IACxD;AACI,KAAI,KAAK,SAAU,KAAK,UAAU,KAAK,KAAK,WAAW,MAAI,KAAK,SAAS,UAAS,GAClF,KAAK,QAAQ,IAAI,KAAK;AAAA,EACxB;AAAA,EACA,OAAO,SAASE,GAAGC,GAAG;AAEpB,YADAD,IAAI,CAACA,GAAGC,IAAI,CAACA,GACL,KAAK,QAAM;AAAA,MACjB,KAAK;AAAG,aAAK,SAAS,GAAG,KAAK,QAAQ,KAAK,SAAS,OAAOD,GAAGC,CAAC,IAAI,KAAK,SAAS,OAAOD,GAAGC,CAAC;AAAG;AAAA,MAC/F,KAAK;AAAG,aAAK,SAAS;AAAG;AAAA,MACzB,KAAK;AAAG,aAAK,SAAS,GAAG,KAAK,SAAS,QAAQ,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,KAAK,OAAO,CAAC;AAAA;AAAA,MAC1G;AAAS,QAAAH,EAAM,MAAME,GAAGC,CAAC;AAAG;AAAA,IAClC;AACI,SAAK,MAAM,KAAK,KAAK,KAAK,MAAMD,GAChC,KAAK,MAAM,KAAK,KAAK,KAAK,MAAMC;AAAA,EAClC;AACF;AAEe,SAAAG,EAASD,GAAS;AAC/B,SAAO,IAAID,EAAMC,CAAO;AAC1B;","x_google_ignoreList":[0]}

package/dist/visualization.es82.js

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

package/dist/visualization.es82.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es82.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/dice.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (x1 - x0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.y0 = y0, node.y1 = y1;\n    node.x0 = x0, node.x1 = x0 += node.value * k;\n  }\n}\n"],"names":["treemapDice","parent","x0","y0","x1","y1","nodes","node","i","n","k"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIC,IAAQL,EAAO,UACfM,GACAC,IAAI,IACJC,IAAIH,EAAM,QACVI,IAAIT,EAAO,UAAUG,IAAKF,KAAMD,EAAO,OAEpC,EAAEO,IAAIC;AACX,IAAAF,IAAOD,EAAME,CAAC,GAAGD,EAAK,KAAKJ,GAAII,EAAK,KAAKF,GACzCE,EAAK,KAAKL,GAAIK,EAAK,KAAKL,KAAMK,EAAK,QAAQG;AAE/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es82.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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"}