@weng-lab/visualization 2.4.0-beta.4 → 2.4.0-beta.6

package/dist/visualization.es8.js

@@ -1,149 +1,149 @@
-import { jsx as o, jsxs as ot, Fragment as et } from "react/jsx-runtime";
-import { c as nt } from "react/compiler-runtime";
-import it, { useMemo as g, useCallback as G, useImperativeHandle as at } from "react";
-import lt from "./visualization.es58.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 H } from "./visualization.es43.js";
-import { getPointExtents as gt, getDomains as ut, isSameTransform as ft } from "./visualization.es17.js";
-import Mt from "./visualization.es59.js";
-import xt from "./visualization.es60.js";
-import bt from "./visualization.es61.js";
-import Pt from "./visualization.es62.js";
-import { useSelectionMode as Dt } from "./visualization.es63.js";
-import { useMiniMapToggle as St } from "./visualization.es64.js";
-import { useHoverTooltip as vt } from "./visualization.es65.js";
-import { useCrosshair as Ct } from "./visualization.es66.js";
-import { useResponsiveParentSize as wt } from "./visualization.es18.js";
-import R from "./visualization.es24.js";
-import { ResponsiveContainer as yt } from "./visualization.es14.js";
-import Tt, { defaultStyles as zt } from "./visualization.es28.js";
-import It from "./visualization.es20.js";
-const m = {
+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.es55.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.es29.js";
+import { getPointExtents as xt, getDomains as Mt, isSameTransform as bt } from "./visualization.es17.js";
+import Pt from "./visualization.es56.js";
+import Dt from "./visualization.es57.js";
+import St from "./visualization.es58.js";
+import vt from "./visualization.es59.js";
+import { useSelectionMode as Ct } from "./visualization.es60.js";
+import { useMiniMapToggle as wt } from "./visualization.es61.js";
+import { useHoverTooltip as yt } from "./visualization.es62.js";
+import { useCrosshair as Tt } from "./visualization.es63.js";
+import { useResponsiveParentSize as zt } from "./visualization.es18.js";
+import N from "./visualization.es22.js";
+import { ResponsiveContainer as It } from "./visualization.es14.js";
+import Lt, { defaultStyles as At } from "./visualization.es25.js";
+import Ht from "./visualization.es64.js";
+const e = {
   top: 20,
   right: 20,
   bottom: 70,
   left: 70
-}, Lt = () => {
-  const t = nt(2), c = rt();
-  let l;
-  return t[0] !== c.zIndex.tooltip ? (l = {
-    ...zt,
-    zIndex: c.zIndex.tooltip
-  }, t[0] = c.zIndex.tooltip, t[1] = l) : l = t[1], l;
-}, Ut = (t) => {
-  const c = Tt, l = Lt(), Z = t.initialState?.controls?.selectionType ?? (t.selectable ? "select" : "pan"), B = t.initialState?.minimap?.open ?? !1, {
-    parentRef: k,
-    containerStyle: N,
-    width: $,
-    height: O
-  } = wt({
+}, 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({
     width: t.width,
     height: t.height
-  }), n = Math.min(O, $), i = it.useRef(null), u = t.selectable ?? !1, a = n * 0.9 - m.left, r = a, F = t.downloadButton ?? !1, {
-    selectMode: f,
-    handleSelectionModeChange: V
-  } = Dt({
-    initialSelectionMode: Z
+  }), 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
   }), {
-    showMiniMap: M,
-    toggleMiniMap: E
-  } = St({
-    initialOpen: B
-  }), x = g(() => gt(t.pointData), [t.pointData]), b = g(() => ut(x), [x]), [P, D] = t.xDomain ?? b.xDomain, [S, v] = t.yDomain ?? b.yDomain, d = g(() => R({
-    domain: [P, D],
-    range: [0, a]
-  }), [a, P, D]), h = g(() => R({
-    domain: [S, v],
-    range: [r, 0]
-  }), [r, S, v]), {
-    hoveredPoint: X,
-    tooltipData: C,
-    tooltipOpen: Y,
-    mouseX: j,
-    mouseY: W,
-    handleMouseMove: w,
-    handleMouseLeave: y
-  } = vt({
+    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],
+    range: [c, 0]
+  }), [c, T, z]), {
+    hoveredPoint: j,
+    tooltipData: I,
+    tooltipOpen: q,
+    mouseX: p,
+    mouseY: J,
+    handleMouseMove: L,
+    handleMouseLeave: A
+  } = yt({
     pointData: t.pointData,
-    margin: m,
-    xScale: d,
-    yScale: h,
+    margin: e,
+    xScale: h,
+    yScale: g,
     onHoveredPointChange: t.onHoveredPointChange
-  }), T = t.crosshair ?? !1, {
-    crosshairPosition: q,
-    handleCrosshairMove: z,
-    handleCrosshairLeave: I
-  } = Ct({
-    enabled: T,
-    margin: m,
-    boundedWidth: a,
-    boundedHeight: r,
-    xScale: d,
-    yScale: h,
+  }), H = t.crosshair ?? !1, {
+    crosshairPosition: K,
+    handleCrosshairMove: G,
+    handleCrosshairLeave: R
+  } = Tt({
+    enabled: H,
+    margin: e,
+    boundedWidth: s,
+    boundedHeight: c,
+    xScale: h,
+    yScale: g,
     onCrosshairChange: t.onCrosshairChange
-  }), L = T ? q ?? t.crosshairPosition ?? null : null, J = G((e, s) => {
-    w(e, s), z(e, s);
-  }, [z, w]), K = G(() => {
-    y(), I();
-  }, [I, y]);
-  at(t.ref, () => ({
+  }), 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, () => ({
     downloadSVG: () => {
-      i.current && H(i.current, t.downloadFileName ?? "scatter_plot.svg");
+      l.current && $(l.current, t.downloadFileName ?? "scatter_plot.svg");
     },
     downloadPNG: () => {
-      i.current && ht(i.current, t.downloadFileName ?? "scatter_plot.png");
+      l.current && ft(l.current, t.downloadFileName ?? "scatter_plot.png");
     }
   }));
-  const Q = () => {
-    i.current && H(i.current, t.downloadFileName ?? "scatter_plot.svg");
-  }, A = (e) => {
-    const s = {
-      x: a / 2,
-      y: r / 2
-    }, U = () => {
-      e.scale({
+  const _ = () => {
+    l.current && $(l.current, t.downloadFileName ?? "scatter_plot.svg");
+  }, B = (i) => {
+    const d = {
+      x: s / 2,
+      y: c / 2
+    }, tt = () => {
+      i.scale({
         scaleX: 1.2,
         scaleY: 1.2,
-        point: s
+        point: d
       });
-    }, _ = () => {
-      e.scale({
+    }, ot = () => {
+      i.scale({
         scaleX: 0.8,
         scaleY: 0.8,
-        point: s
+        point: d
       });
-    }, p = () => {
-      e.reset();
-    }, tt = t.controlsPosition ?? "left";
-    return /* @__PURE__ */ ot(et, { children: [
-      !t.disableZoom && /* @__PURE__ */ o(ct, { direction: "column", sx: {
+    }, et = () => {
+      i.reset();
+    }, it = t.controlsPosition ?? "left";
+    return /* @__PURE__ */ nt(at, { children: [
+      !t.disableZoom && /* @__PURE__ */ o(dt, { direction: "column", sx: {
         position: "absolute",
-        ...tt === "right" ? {
-          right: `max(10px, calc(45% - ${n / 2}px))`
+        ...it === "right" ? {
+          right: n ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
         } : {
-          left: `max(10px, calc(45% - ${n / 2}px))`
+          left: n ? `max(10px, calc(45% - ${a / 2}px))` : "10px"
         },
-        top: `calc(50% - ${n / 2}px + ${m.top}px)`,
+        top: n ? `calc(50% - ${a / 2}px + ${e.top}px)` : `${e.top}px`,
         zIndex: 10
-      }, children: /* @__PURE__ */ o(lt, { selectable: u, resetable: !ft(e.transformMatrix, e.initialTransformMatrix), handleSelectionModeChange: V, selectMode: f, zoomIn: U, zoomOut: _, zoomReset: p, highlight: t.controlsHighlight, downloadButton: F, downloadPlot: Q }) }),
-      /* @__PURE__ */ o(Mt, { size: n, margin: m, boundedWidth: a, boundedHeight: r, loading: t.loading, pointData: t.pointData, animation: t.animation, animationGroupSize: t.animationGroupSize, animationBuffer: t.animationBuffer, xScale: d, yScale: h, zoom: e, selectMode: f, selectable: u, disableZoom: t.disableZoom, groupPointsAnchor: t.groupPointsAnchor, hoveredPoint: X, hoveredPoints: t.hoveredPoints, handleMouseMove: J, handleMouseLeave: K, onDisplayedPointsChange: t.onDisplayedPointsChange, onSelectionChange: t.onSelectionChange, onPointClicked: t.onPointClicked, leftAxisLabel: t.leftAxisLabel, bottomAxisLabel: t.bottomAxisLabel, border: t.border ?? !1, originLine: t.originLine, backgroundGradient: t.backgroundGradient, crosshair: L, divRef: i }),
-      t.miniMap && !t.disableZoom && /* @__PURE__ */ o(st, { title: "Toggle Minimap", children: /* @__PURE__ */ o(mt, { sx: {
+      }, 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: {
         position: "absolute",
         right: 10,
         bottom: 10,
         zIndex: 10,
         width: "auto",
         height: "auto",
-        color: M ? t.controlsHighlight ?? "primary.main" : "default"
-      }, size: "small", onClick: E, children: /* @__PURE__ */ o(dt, {}) }) }),
-      M && t.miniMap && !t.disableZoom && !t.loading && /* @__PURE__ */ o(xt, { miniMap: t.miniMap, width: n, height: n, pointData: t.pointData, xScale: d, yScale: h, zoom: e, crosshair: L }),
-      !t.disableTooltip && Y && C && /* @__PURE__ */ o(It, { children: /* @__PURE__ */ o(c, { left: j + 10, top: W, style: l, children: /* @__PURE__ */ o(Pt, { tooltipBody: t.tooltipBody, tooltipData: C }) }) })
+        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 }) }) })
     ] });
   };
-  return /* @__PURE__ */ o(yt, { parentRef: k, containerStyle: N, children: t.zoom ? A(t.zoom) : /* @__PURE__ */ o(bt, { width: a, height: r, children: A }) });
+  return /* @__PURE__ */ o(It, { parentRef: V, containerStyle: E, children: t.zoom ? B(t.zoom) : /* @__PURE__ */ o(St, { width: s, height: c, children: B }) });
 };
 export {
-  Ut as default
+  to 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    const size = Math.min(parentHeight, parentWidth)\n\n    const divRef = React.useRef<HTMLDivElement>(null);\n    const selectable = props.selectable ?? false;\n    const boundedWidth = size * 0.9 - MARGIN.left;\n    const boundedHeight = boundedWidth;\n    const downloadButton = props.downloadButton ?? false\n\n    const { selectMode, handleSelectionModeChange } = useSelectionMode({ initialSelectionMode });\n\n    const { showMiniMap, toggleMiniMap } = useMiniMapToggle({ initialOpen: initialMiniMapOpen });\n\n    const pointExtents = useMemo(() => getPointExtents(props.pointData), [props.pointData]);\n    const dataDomains = useMemo(() => getDomains(pointExtents), [pointExtents]);\n\n    // Depend on the bounds rather than the arrays so a consumer passing a fresh domain array on\n    // every render doesn't rebuild the scales (and with them every derived scale and canvas draw).\n    const [xDomainMin, xDomainMax] = props.xDomain ?? dataDomains.xDomain;\n    const [yDomainMin, yDomainMax] = props.yDomain ?? dataDomains.yDomain;\n\n    const xScale = useMemo(() => {\n        return scaleLinear({\n            domain: [xDomainMin, xDomainMax],\n            range: [0, boundedWidth],\n        });\n    }, [boundedWidth, xDomainMin, xDomainMax]);\n\n    const yScale = useMemo(() => {\n        return scaleLinear({\n            domain: [yDomainMin, yDomainMax],\n            range: [boundedHeight, 0],\n        });\n    }, [boundedHeight, yDomainMin, yDomainMax]);\n\n    const { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave } =\n        useHoverTooltip({\n            pointData: props.pointData,\n            margin: MARGIN,\n            xScale,\n            yScale,\n            onHoveredPointChange: props.onHoveredPointChange,\n        });\n\n    const crosshairEnabled = props.crosshair ?? false;\n\n    const { crosshairPosition, handleCrosshairMove, handleCrosshairLeave } = useCrosshair({\n        enabled: crosshairEnabled,\n        margin: MARGIN,\n        boundedWidth,\n        boundedHeight,\n        xScale,\n        yScale,\n        onCrosshairChange: props.onCrosshairChange,\n    });\n\n    // Our own pointer wins over an externally supplied position, so that leaving this plot for a\n    // sibling hands the crosshair over rather than leaving both plots claiming it.\n    const crosshair = crosshairEnabled ? crosshairPosition ?? props.crosshairPosition ?? null : null;\n\n    const handlePointerMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        handleMouseMove(event, zoom);\n        handleCrosshairMove(event, zoom);\n    }, [handleCrosshairMove, handleMouseMove]);\n\n    const handlePointerLeave = useCallback(() => {\n        handleMouseLeave();\n        handleCrosshairLeave();\n    }, [handleCrosshairLeave, handleMouseLeave]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    const renderPlot = (zoom: ZoomType) => {\n        // Anchor the buttons on the plot area explicitly - a shared zoom is sized by whoever owns\n        // it, so visx's own default anchor (the centre of that size) isn't this plot's centre.\n        const zoomCenter = { x: boundedWidth / 2, y: boundedHeight / 2 };\n        const handleZoomIn = () => { zoom.scale({ scaleX: 1.2, scaleY: 1.2, point: zoomCenter }); }\n        const handleZoomOut = () => { zoom.scale({ scaleX: 0.8, scaleY: 0.8, point: zoomCenter }); }\n        const handleZoomReset = () => { zoom.reset(); }\n\n        const controlsPosition = props.controlsPosition ?? \"left\";\n\n        return (\n            <>\n                {!props.disableZoom && (\n                    <Stack\n                        direction=\"column\"\n                        sx={{\n                            position: 'absolute',\n                            ...(controlsPosition === \"right\"\n                                ? { right: `max(10px, calc(45% - ${size / 2}px))` }\n                                : { left: `max(10px, calc(45% - ${size / 2}px))` }),\n                            top: `calc(50% - ${size / 2}px + ${MARGIN.top}px)`,\n                            zIndex: 10\n                        }}\n                    >\n                        <ControlButtons\n                            selectable={selectable}\n                            resetable={!isSameTransform(zoom.transformMatrix, zoom.initialTransformMatrix)}\n                            handleSelectionModeChange={handleSelectionModeChange}\n                            selectMode={selectMode}\n                            zoomIn={handleZoomIn}\n                            zoomOut={handleZoomOut}\n                            zoomReset={handleZoomReset}\n                            highlight={props.controlsHighlight}\n                            downloadButton={downloadButton}\n                            downloadPlot={handleDownload}\n                        />\n                    </Stack>\n                )}\n                <ScatterPlotViewport\n                    size={size}\n                    margin={MARGIN}\n                    boundedWidth={boundedWidth}\n                    boundedHeight={boundedHeight}\n                    loading={props.loading}\n                    pointData={props.pointData}\n                    animation={props.animation}\n                    animationGroupSize={props.animationGroupSize}\n                    animationBuffer={props.animationBuffer}\n                    xScale={xScale}\n                    yScale={yScale}\n                    zoom={zoom}\n                    selectMode={selectMode}\n                    selectable={selectable}\n                    disableZoom={props.disableZoom}\n                    groupPointsAnchor={props.groupPointsAnchor}\n                    hoveredPoint={hoveredPoint}\n                    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={size}\n                        height={size}\n                        pointData={props.pointData}\n                        xScale={xScale}\n                        yScale={yScale}\n                        zoom={zoom}\n                        crosshair={crosshair}\n                    />\n                )}\n                {!props.disableTooltip && tooltipOpen && tooltipData && (\n                    <Portal>\n                        <VisTooltip left={mouseX + 10} top={mouseY} style={tooltipStyle}>\n                            <ScatterTooltip tooltipBody={props.tooltipBody} tooltipData={tooltipData} />\n                        </VisTooltip>\n                    </Portal>\n                )}\n            </>\n        )\n    };\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            {props.zoom\n                ? renderPlot(props.zoom)\n                : (\n                    <PlotZoom width={boundedWidth} height={boundedHeight}>\n                        {renderPlot}\n                    </PlotZoom>\n                )}\n        </ResponsiveContainer>\n    );\n}\n\nexport default ScatterPlot;\n"],"names":["MARGIN","top","right","bottom","left","useTooltipStyle","$","_c","theme","useTheme","t0","zIndex","tooltip","visxTooltipStyles","ScatterPlot","props","VisTooltip","VisxTooltip","tooltipStyle","initialSelectionMode","initialState","controls","selectionType","selectable","initialMiniMapOpen","minimap","open","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","size","Math","min","divRef","React","useRef","boundedWidth","boundedHeight","downloadButton","selectMode","handleSelectionModeChange","useSelectionMode","showMiniMap","toggleMiniMap","useMiniMapToggle","initialOpen","pointExtents","useMemo","getPointExtents","pointData","dataDomains","getDomains","xDomainMin","xDomainMax","xDomain","yDomainMin","yDomainMax","yDomain","xScale","scaleLinear","domain","range","yScale","hoveredPoint","tooltipData","tooltipOpen","mouseX","mouseY","handleMouseMove","handleMouseLeave","useHoverTooltip","margin","onHoveredPointChange","crosshairEnabled","crosshair","crosshairPosition","handleCrosshairMove","handleCrosshairLeave","useCrosshair","enabled","onCrosshairChange","handlePointerMove","useCallback","event","zoom","handlePointerLeave","useImperativeHandle","ref","downloadSVG","current","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","renderPlot","zoomCenter","x","y","handleZoomIn","scale","scaleX","scaleY","point","handleZoomOut","handleZoomReset","reset","controlsPosition","jsxs","Fragment","disableZoom","jsx","Stack","position","ControlButtons","isSameTransform","transformMatrix","initialTransformMatrix","controlsHighlight","ScatterPlotViewport","loading","animation","animationGroupSize","animationBuffer","groupPointsAnchor","hoveredPoints","onDisplayedPointsChange","onSelectionChange","onPointClicked","leftAxisLabel","bottomAxisLabel","border","originLine","backgroundGradient","miniMap","Tooltip","IconButton","color","HighlightAlt","MiniMap","disableTooltip","Portal","ScatterTooltip","tooltipBody","ResponsiveContainer","PlotZoom"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAS;AAAA,EAAEC,KAAK;AAAA,EAAIC,OAAO;AAAA,EAAIC,QAAQ;AAAA,EAAIC,MAAM;AAAG,GAUpDC,KAAkBA,MAAA;AAAA,QAAAC,IAAAC,GAAA,CAAA,GACpBC,IAAcC,GAAAA;AAAW,MAAAC;AAAA,SAAAJ,EAAA,CAAA,MAAAE,EAAAG,OAAAC,WAEdF,IAAA;AAAA,IAAA,GAAKG;AAAAA,IAAiBF,QAAUH,EAAKG,OAAOC;AAAAA,EAAAA,GAAUN,EAAA,CAAA,IAAAE,EAAAG,OAAAC,SAAAN,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GAAtDI;AAAsD,GAK/DI,KAAc,CAChBC,MACC;AAKD,QAAMC,IAAaC,IAEbC,IAAeb,GAAAA,GAEfc,IAAuBJ,EAAMK,cAAcC,UAAUC,kBAAkBP,EAAMQ,aAAa,WAAW,QACrGC,IAAqBT,EAAMK,cAAcK,SAASC,QAAQ,IAE1D;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,IAAgBC,OAAOC;AAAAA,IAAaC,QAAQC;AAAAA,EAAAA,IAAiBC,GAAwB;AAAA,IAAEJ,OAAOd,EAAMc;AAAAA,IAAOE,QAAQhB,EAAMgB;AAAAA,EAAAA,CAAQ,GAC9IG,IAAOC,KAAKC,IAAIJ,GAAcF,CAAW,GAEzCO,IAASC,GAAMC,OAAuB,IAAI,GAC1ChB,IAAaR,EAAMQ,cAAc,IACjCiB,IAAeN,IAAO,MAAMlC,EAAOI,MACnCqC,IAAgBD,GAChBE,IAAiB3B,EAAM2B,kBAAkB,IAEzC;AAAA,IAAEC,YAAAA;AAAAA,IAAYC,2BAAAA;AAAAA,EAAAA,IAA8BC,GAAiB;AAAA,IAAE1B,sBAAAA;AAAAA,EAAAA,CAAsB,GAErF;AAAA,IAAE2B,aAAAA;AAAAA,IAAaC,eAAAA;AAAAA,EAAAA,IAAkBC,GAAiB;AAAA,IAAEC,aAAazB;AAAAA,EAAAA,CAAoB,GAErF0B,IAAeC,EAAQ,MAAMC,GAAgBrC,EAAMsC,SAAS,GAAG,CAACtC,EAAMsC,SAAS,CAAC,GAChFC,IAAcH,EAAQ,MAAMI,GAAWL,CAAY,GAAG,CAACA,CAAY,CAAC,GAIpE,CAACM,GAAYC,CAAU,IAAI1C,EAAM2C,WAAWJ,EAAYI,SACxD,CAACC,GAAYC,CAAU,IAAI7C,EAAM8C,WAAWP,EAAYO,SAExDC,IAASX,EAAQ,MACZY,EAAY;AAAA,IACfC,QAAQ,CAACR,GAAYC,CAAU;AAAA,IAC/BQ,OAAO,CAAC,GAAGzB,CAAY;AAAA,EAAA,CAC1B,GACF,CAACA,GAAcgB,GAAYC,CAAU,CAAC,GAEnCS,IAASf,EAAQ,MACZY,EAAY;AAAA,IACfC,QAAQ,CAACL,GAAYC,CAAU;AAAA,IAC/BK,OAAO,CAACxB,GAAe,CAAC;AAAA,EAAA,CAC3B,GACF,CAACA,GAAekB,GAAYC,CAAU,CAAC,GAEpC;AAAA,IAAEO,cAAAA;AAAAA,IAAcC,aAAAA;AAAAA,IAAaC,aAAAA;AAAAA,IAAaC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,iBAAAA;AAAAA,IAAiBC,kBAAAA;AAAAA,EAAAA,IAC7EC,GAAgB;AAAA,IACZrB,WAAWtC,EAAMsC;AAAAA,IACjBsB,QAAQ3E;AAAAA,IACR8D,QAAAA;AAAAA,IACAI,QAAAA;AAAAA,IACAU,sBAAsB7D,EAAM6D;AAAAA,EAAAA,CAC/B,GAECC,IAAmB9D,EAAM+D,aAAa,IAEtC;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,qBAAAA;AAAAA,IAAqBC,sBAAAA;AAAAA,EAAAA,IAAyBC,GAAa;AAAA,IAClFC,SAASN;AAAAA,IACTF,QAAQ3E;AAAAA,IACRwC,cAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAqB,QAAAA;AAAAA,IACAI,QAAAA;AAAAA,IACAkB,mBAAmBrE,EAAMqE;AAAAA,EAAAA,CAC5B,GAIKN,IAAYD,IAAmBE,KAAqBhE,EAAMgE,qBAAqB,OAAO,MAEtFM,IAAoBC,EAAY,CAACC,GAAqCC,MAAmB;AAC3FhB,IAAAA,EAAgBe,GAAOC,CAAI,GAC3BR,EAAoBO,GAAOC,CAAI;AAAA,EACnC,GAAG,CAACR,GAAqBR,CAAe,CAAC,GAEnCiB,IAAqBH,EAAY,MAAM;AACzCb,IAAAA,EAAAA,GACAQ,EAAAA;AAAAA,EACJ,GAAG,CAACA,GAAsBR,CAAgB,CAAC;AAG3CiB,EAAAA,GAAoB3E,EAAM4E,KAAK,OAAO;AAAA,IAClCC,aAAaA,MAAM;AACf,MAAIvD,EAAOwD,WAASC,EAAiBzD,EAAOwD,SAAS9E,EAAMgF,oBAAoB,kBAAkB;AAAA,IACrG;AAAA,IACAC,aAAaA,MAAM;AACf,MAAI3D,EAAOwD,WAASI,GAAiB5D,EAAOwD,SAAS9E,EAAMgF,oBAAoB,kBAAkB;AAAA,IACrG;AAAA,EAAA,EACF;AAEF,QAAMG,IAAiBA,MAAM;AACzB,IAAI7D,EAAOwD,WAASC,EAAiBzD,EAAOwD,SAAS9E,EAAMgF,oBAAoB,kBAAkB;AAAA,EACrG,GAEMI,IAAaA,CAACX,MAAmB;AAGnC,UAAMY,IAAa;AAAA,MAAEC,GAAG7D,IAAe;AAAA,MAAG8D,GAAG7D,IAAgB;AAAA,IAAA,GACvD8D,IAAeA,MAAM;AAAEf,MAAAA,EAAKgB,MAAM;AAAA,QAAEC,QAAQ;AAAA,QAAKC,QAAQ;AAAA,QAAKC,OAAOP;AAAAA,MAAAA,CAAY;AAAA,IAAG,GACpFQ,IAAgBA,MAAM;AAAEpB,MAAAA,EAAKgB,MAAM;AAAA,QAAEC,QAAQ;AAAA,QAAKC,QAAQ;AAAA,QAAKC,OAAOP;AAAAA,MAAAA,CAAY;AAAA,IAAG,GACrFS,IAAkBA,MAAM;AAAErB,MAAAA,EAAKsB,MAAAA;AAAAA,IAAS,GAExCC,KAAmBhG,EAAMgG,oBAAoB;AAEnD,WACI,gBAAAC,GAAAC,IAAA,EACK,UAAA;AAAA,MAAA,CAAClG,EAAMmG,eACJ,gBAAAC,EAACC,IAAA,EACG,WAAU,UACV,IAAI;AAAA,QACAC,UAAU;AAAA,QACV,GAAIN,OAAqB,UACnB;AAAA,UAAE7G,OAAO,wBAAwBgC,IAAO,CAAC;AAAA,QAAA,IACzC;AAAA,UAAE9B,MAAM,wBAAwB8B,IAAO,CAAC;AAAA,QAAA;AAAA,QAC9CjC,KAAK,cAAciC,IAAO,CAAC,QAAQlC,EAAOC,GAAG;AAAA,QAC7CU,QAAQ;AAAA,MAAA,GAGZ,UAAA,gBAAAwG,EAACG,IAAA,EACG,YAAA/F,GACA,WAAW,CAACgG,GAAgB/B,EAAKgC,iBAAiBhC,EAAKiC,sBAAsB,GAC7E,2BAAA7E,GACA,YAAAD,GACA,QAAQ4D,GACR,SAASK,GACT,WAAWC,GACX,WAAW9F,EAAM2G,mBACjB,gBAAAhF,GACA,cAAcwD,EAAAA,CAAe,EAAA,CAErC;AAAA,MAEJ,gBAAAiB,EAACQ,IAAA,EACG,MAAAzF,GACA,QAAQlC,GACR,cAAAwC,GACA,eAAAC,GACA,SAAS1B,EAAM6G,SACf,WAAW7G,EAAMsC,WACjB,WAAWtC,EAAM8G,WACjB,oBAAoB9G,EAAM+G,oBAC1B,iBAAiB/G,EAAMgH,iBACvB,QAAAjE,GACA,QAAAI,GACA,MAAMsB,GACN,YAAA7C,GACA,YAAApB,GACA,aAAaR,EAAMmG,aACnB,mBAAmBnG,EAAMiH,mBACzB,cAAA7D,GACA,eAAepD,EAAMkH,eACrB,iBAAiB5C,GACjB,kBAAkBI,GAClB,yBAAyB1E,EAAMmH,yBAC/B,mBAAmBnH,EAAMoH,mBACzB,gBAAgBpH,EAAMqH,gBACtB,eAAerH,EAAMsH,eACrB,iBAAiBtH,EAAMuH,iBACvB,QAAQvH,EAAMwH,UAAU,IACxB,YAAYxH,EAAMyH,YAClB,oBAAoBzH,EAAM0H,oBAC1B,WAAA3D,GACA,QAAAzC,GAAe;AAAA,MAElBtB,EAAM2H,WAAW,CAAC3H,EAAMmG,eACrB,gBAAAC,EAACwB,IAAA,EAAQ,OAAM,kBACX,UAAA,gBAAAxB,EAACyB,IAAA,EACG,IAAI;AAAA,QACAvB,UAAU;AAAA,QACVnH,OAAO;AAAA,QACPC,QAAQ;AAAA,QACRQ,QAAQ;AAAA,QACRkB,OAAO;AAAA,QACPE,QAAQ;AAAA,QACR8G,OAAO/F,IAAc/B,EAAM2G,qBAAqB,iBAAiB;AAAA,MAAA,GAErE,MAAK,SACL,SAAS3E,GAET,UAAA,gBAAAoE,EAAC2B,IAAA,CAAA,CAAY,GACjB,GACJ;AAAA,MAEHhG,KAAe/B,EAAM2H,WAAW,CAAC3H,EAAMmG,eAAe,CAACnG,EAAM6G,WAC1D,gBAAAT,EAAC4B,IAAA,EACG,SAAShI,EAAM2H,SACf,OAAOxG,GACP,QAAQA,GACR,WAAWnB,EAAMsC,WACjB,QAAAS,GACA,QAAAI,GACA,MAAMsB,GACN,WAAAV,EAAA,CAAqB;AAAA,MAG5B,CAAC/D,EAAMiI,kBAAkB3E,KAAeD,KACrC,gBAAA+C,EAAC8B,IAAA,EACG,UAAA,gBAAA9B,EAACnG,GAAA,EAAW,MAAMsD,IAAS,IAAI,KAAKC,GAAQ,OAAOrD,GAC/C,UAAA,gBAAAiG,EAAC+B,IAAA,EAAe,aAAanI,EAAMoI,aAAa,aAAA/E,EAAA,CAAyB,EAAA,CAC7E,EAAA,CACJ;AAAA,IAAA,GAER;AAAA,EAER;AAEA,2BACKgF,IAAA,EAAoB,WAAAzH,GAAsB,gBAAAC,GACtCb,UAAAA,EAAMyE,OACDW,EAAWpF,EAAMyE,IAAI,sBAElB6D,IAAA,EAAS,OAAO7G,GAAc,QAAQC,GAClC0D,aACL,GAEZ;AAER;"}
+{"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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"}