@weng-lab/visualization 2.4.1 → 2.4.3

package/dist/visualization.es76.js

@@ -1,50 +1,77 @@
-function g(e, n) {
-  return e.parent === n.parent ? 1 : 2;
-}
-function m(e) {
-  return e.reduce(p, 0) / e.length;
-}
-function p(e, n) {
-  return e + n.x;
-}
-function v(e) {
-  return 1 + e.reduce(z, 0);
-}
-function z(e, n) {
-  return Math.max(e, n.y);
-}
-function R(e) {
-  for (var n; n = e.children; ) e = n[0];
-  return e;
-}
-function S(e) {
-  for (var n; n = e.children; ) e = n[n.length - 1];
-  return e;
-}
-function w() {
-  var e = g, n = 1, a = 1, i = !1;
-  function u(t) {
-    var c, s = 0;
-    t.eachAfter(function(r) {
-      var h = r.children;
-      h ? (r.x = m(h), r.y = v(h)) : (r.x = c ? s += e(r, c) : 0, r.y = 0, c = r);
-    });
-    var f = R(t), l = S(t), x = f.x - e(f, l) / 2, y = l.x + e(l, f) / 2;
-    return t.eachAfter(i ? function(r) {
-      r.x = (r.x - t.x) * n, r.y = (t.y - r.y) * a;
-    } : function(r) {
-      r.x = (r.x - x) / (y - x) * n, r.y = (1 - (t.y ? r.y / t.y : 1)) * a;
-    });
-  }
-  return u.separation = function(t) {
-    return arguments.length ? (e = t, u) : e;
-  }, u.size = function(t) {
-    return arguments.length ? (i = !1, n = +t[0], a = +t[1], u) : i ? null : [n, a];
-  }, u.nodeSize = function(t) {
-    return arguments.length ? (i = !0, n = +t[0], a = +t[1], u) : i ? [n, a] : null;
-  }, u;
-}
+import { c as N } from "react/compiler-runtime";
+import { useState as P, useRef as L, useEffect as $ } from "react";
+import { rescaleX as Q, rescaleY as U } from "./visualization.es17.js";
+import { useStableCallback as V } from "./visualization.es19.js";
+import W from "./visualization.es26.js";
+const lt = (q) => {
+  const t = N(24), {
+    pointData: o,
+    margin: r,
+    xScale: g,
+    yScale: y,
+    onHoveredPointChange: w
+  } = q, [n, X] = P(null), [Y, M] = P(!1), [b, A] = P(0), [S, F] = P(0), _ = L(null);
+  let c;
+  t[0] !== o || t[1] !== n ? (c = n ? o.find((l) => l.x === n.x && l.y === n.y) ?? null : null, t[0] = o, t[1] = n, t[2] = c) : c = t[2];
+  const e = c, s = V(w), T = L(null);
+  let i, u;
+  t[3] !== e || t[4] !== s ? (i = () => {
+    T.current !== e && (T.current = e, s(e));
+  }, u = [e, s], t[3] = e, t[4] = s, t[5] = i, t[6] = u) : (i = t[5], u = t[6]), $(i, u);
+  let f, p;
+  t[7] !== s ? (f = () => () => {
+    T.current !== null && s(null);
+  }, p = [s], t[7] = s, t[8] = f, t[9] = p) : (f = t[8], p = t[9]), $(f, p);
+  let d;
+  t[10] !== r.left || t[11] !== r.top || t[12] !== o || t[13] !== g || t[14] !== y ? (d = (l, k) => {
+    if (k.isDragging) {
+      M(!1), X(null);
+      return;
+    }
+    A(l.pageX), F(l.pageY);
+    const D = W(l.currentTarget, l);
+    if (!D)
+      return;
+    const I = D.x - r.left, J = D.y - r.top, {
+      translateX: R,
+      translateY: v,
+      scaleX: H,
+      scaleY: j
+    } = k.transformMatrix, a = _.current, B = (a && a.pointData === o && a.translateX === R && a.translateY === v && a.scaleX === H && a.scaleY === j ? a.points : (() => {
+      const x = Q(g, R, H), K = U(y, v, j), E = o.map((O) => ({
+        point: O,
+        x: x(O.x),
+        y: K(O.y)
+      }));
+      return _.current = {
+        pointData: o,
+        translateX: R,
+        translateY: v,
+        scaleX: H,
+        scaleY: j,
+        points: E
+      }, E;
+    })()).find((x) => Math.abs(I - x.x) < 5 && Math.abs(J - x.y) < 5)?.point ?? null;
+    X(B), M(!!B);
+  }, t[10] = r.left, t[11] = r.top, t[12] = o, t[13] = g, t[14] = y, t[15] = d) : d = t[15];
+  const C = d;
+  let m;
+  t[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    M(!1), X(null);
+  }, t[16] = m) : m = t[16];
+  const G = m;
+  let h;
+  return t[17] !== C || t[18] !== e || t[19] !== b || t[20] !== S || t[21] !== n || t[22] !== Y ? (h = {
+    hoveredPoint: e,
+    tooltipData: n,
+    tooltipOpen: Y,
+    mouseX: b,
+    mouseY: S,
+    handleMouseMove: C,
+    handleMouseLeave: G
+  }, t[17] = C, t[18] = e, t[19] = b, t[20] = S, t[21] = n, t[22] = Y, t[23] = h) : h = t[23], h;
+};
 export {
-  w as default
+  lt as useHoverTooltip
 };
 //# sourceMappingURL=visualization.es76.js.map

package/dist/visualization.es76.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es76.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/cluster.js"],"sourcesContent":["function defaultSeparation(a, b) {\n  return a.parent === b.parent ? 1 : 2;\n}\n\nfunction meanX(children) {\n  return children.reduce(meanXReduce, 0) / children.length;\n}\n\nfunction meanXReduce(x, c) {\n  return x + c.x;\n}\n\nfunction maxY(children) {\n  return 1 + children.reduce(maxYReduce, 0);\n}\n\nfunction maxYReduce(y, c) {\n  return Math.max(y, c.y);\n}\n\nfunction leafLeft(node) {\n  var children;\n  while (children = node.children) node = children[0];\n  return node;\n}\n\nfunction leafRight(node) {\n  var children;\n  while (children = node.children) node = children[children.length - 1];\n  return node;\n}\n\nexport default function() {\n  var separation = defaultSeparation,\n      dx = 1,\n      dy = 1,\n      nodeSize = false;\n\n  function cluster(root) {\n    var previousNode,\n        x = 0;\n\n    // First walk, computing the initial x & y values.\n    root.eachAfter(function(node) {\n      var children = node.children;\n      if (children) {\n        node.x = meanX(children);\n        node.y = maxY(children);\n      } else {\n        node.x = previousNode ? x += separation(node, previousNode) : 0;\n        node.y = 0;\n        previousNode = node;\n      }\n    });\n\n    var left = leafLeft(root),\n        right = leafRight(root),\n        x0 = left.x - separation(left, right) / 2,\n        x1 = right.x + separation(right, left) / 2;\n\n    // Second walk, normalizing x & y to the desired size.\n    return root.eachAfter(nodeSize ? function(node) {\n      node.x = (node.x - root.x) * dx;\n      node.y = (root.y - node.y) * dy;\n    } : function(node) {\n      node.x = (node.x - x0) / (x1 - x0) * dx;\n      node.y = (1 - (root.y ? node.y / root.y : 1)) * dy;\n    });\n  }\n\n  cluster.separation = function(x) {\n    return arguments.length ? (separation = x, cluster) : separation;\n  };\n\n  cluster.size = function(x) {\n    return arguments.length ? (nodeSize = false, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? null : [dx, dy]);\n  };\n\n  cluster.nodeSize = function(x) {\n    return arguments.length ? (nodeSize = true, dx = +x[0], dy = +x[1], cluster) : (nodeSize ? [dx, dy] : null);\n  };\n\n  return cluster;\n}\n"],"names":["defaultSeparation","a","b","meanX","children","meanXReduce","x","c","maxY","maxYReduce","y","leafLeft","node","leafRight","d3cluster","separation","dx","dy","nodeSize","cluster","root","previousNode","left","right","x0","x1"],"mappings":"AAAA,SAASA,EAAkBC,GAAGC,GAAG;AAC/B,SAAOD,EAAE,WAAWC,EAAE,SAAS,IAAI;AACrC;AAEA,SAASC,EAAMC,GAAU;AACvB,SAAOA,EAAS,OAAOC,GAAa,CAAC,IAAID,EAAS;AACpD;AAEA,SAASC,EAAYC,GAAGC,GAAG;AACzB,SAAOD,IAAIC,EAAE;AACf;AAEA,SAASC,EAAKJ,GAAU;AACtB,SAAO,IAAIA,EAAS,OAAOK,GAAY,CAAC;AAC1C;AAEA,SAASA,EAAWC,GAAGH,GAAG;AACxB,SAAO,KAAK,IAAIG,GAAGH,EAAE,CAAC;AACxB;AAEA,SAASI,EAASC,GAAM;AAEtB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAAS,CAAC;AAClD,SAAOQ;AACT;AAEA,SAASC,EAAUD,GAAM;AAEvB,WADIR,GACGA,IAAWQ,EAAK,WAAU,CAAAA,IAAOR,EAASA,EAAS,SAAS,CAAC;AACpE,SAAOQ;AACT;AAEe,SAAAE,IAAW;AACxB,MAAIC,IAAaf,GACbgB,IAAK,GACLC,IAAK,GACLC,IAAW;AAEf,WAASC,EAAQC,GAAM;AACrB,QAAIC,GACAf,IAAI;AAGR,IAAAc,EAAK,UAAU,SAASR,GAAM;AAC5B,UAAIR,IAAWQ,EAAK;AACpB,MAAIR,KACFQ,EAAK,IAAIT,EAAMC,CAAQ,GACvBQ,EAAK,IAAIJ,EAAKJ,CAAQ,MAEtBQ,EAAK,IAAIS,IAAef,KAAKS,EAAWH,GAAMS,CAAY,IAAI,GAC9DT,EAAK,IAAI,GACTS,IAAeT;AAAA,IAEnB,CAAC;AAED,QAAIU,IAAOX,EAASS,CAAI,GACpBG,IAAQV,EAAUO,CAAI,GACtBI,IAAKF,EAAK,IAAIP,EAAWO,GAAMC,CAAK,IAAI,GACxCE,IAAKF,EAAM,IAAIR,EAAWQ,GAAOD,CAAI,IAAI;AAG7C,WAAOF,EAAK,UAAUF,IAAW,SAASN,GAAM;AAC9C,MAAAA,EAAK,KAAKA,EAAK,IAAIQ,EAAK,KAAKJ,GAC7BJ,EAAK,KAAKQ,EAAK,IAAIR,EAAK,KAAKK;AAAA,IAC/B,IAAI,SAASL,GAAM;AACjB,MAAAA,EAAK,KAAKA,EAAK,IAAIY,MAAOC,IAAKD,KAAMR,GACrCJ,EAAK,KAAK,KAAKQ,EAAK,IAAIR,EAAK,IAAIQ,EAAK,IAAI,MAAMH;AAAA,IAClD,CAAC;AAAA,EACH;AAEA,SAAAE,EAAQ,aAAa,SAASb,GAAG;AAC/B,WAAO,UAAU,UAAUS,IAAaT,GAAGa,KAAWJ;AAAA,EACxD,GAEAI,EAAQ,OAAO,SAASb,GAAG;AACzB,WAAO,UAAU,UAAUY,IAAW,IAAOF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,OAAO,CAACF,GAAIC,CAAE;AAAA,EAC5G,GAEAE,EAAQ,WAAW,SAASb,GAAG;AAC7B,WAAO,UAAU,UAAUY,IAAW,IAAMF,IAAK,CAACV,EAAE,CAAC,GAAGW,IAAK,CAACX,EAAE,CAAC,GAAGa,KAAYD,IAAW,CAACF,GAAIC,CAAE,IAAI;AAAA,EACxG,GAEOE;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es76.js","sources":["../src/components/ScatterPlot/hooks/useHoverTooltip.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point, ZoomType } from \"../types\";\nimport { rescaleX, rescaleY } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseHoverTooltipProps<T extends object> = {\n    pointData: Point<T>[];\n    margin: { top: number; left: number };\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n};\n\ntype TransformedPointCache<T extends object> = {\n    pointData: Point<T>[];\n    translateX: number;\n    translateY: number;\n    scaleX: number;\n    scaleY: number;\n    points: Array<{ point: Point<T>; x: number; y: number }>;\n};\n\nexport const useHoverTooltip = <T extends object>({\n    pointData,\n    margin,\n    xScale,\n    yScale,\n    onHoveredPointChange,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\n    const [tooltipOpen, setTooltipOpen] = useState(false);\n    const [mouseX, setMouseX] = useState(0);\n    const [mouseY, setMouseY] = useState(0);\n    const transformedPointCacheRef = useRef<TransformedPointCache<T> | null>(null);\n\n    const hoveredPoint = useMemo(\n        () => tooltipData\n            ? pointData.find((point) => point.x === tooltipData.x && point.y === tooltipData.y) ?? null\n            : null,\n        [pointData, tooltipData]\n    );\n\n    // Published from an effect rather than the move handler because hoveredPoint is derived:\n    // setTooltipData is called on every move and React discards the ones that do not change it,\n    // so watching the derived value is what turns a stream of moves into enter/leave events.\n    // The ref keeps that true when the effect itself is re-run without a real change.\n    const publishHoverChange = useStableCallback(onHoveredPointChange);\n    const publishedPointRef = useRef<Point<T> | null>(null);\n\n    useEffect(() => {\n        if (publishedPointRef.current === hoveredPoint) return;\n        publishedPointRef.current = hoveredPoint;\n        publishHoverChange(hoveredPoint);\n    }, [hoveredPoint, publishHoverChange]);\n\n    // Announce the hover as ended when the plot unmounts, so a consumer driving highlight state\n    // of its own - a legend entry, a linked chart - isn't left lit for a plot that is gone.\n    // Kept apart from the effect above, whose cleanup would otherwise fire on every transition.\n    useEffect(() => () => {\n        if (publishedPointRef.current !== null) publishHoverChange(null);\n    }, [publishHoverChange]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (zoom.isDragging) {\n            setTooltipOpen(false);\n            setTooltipData(null);\n            return;\n        }\n\n        setMouseX(event.pageX);\n        setMouseY(event.pageY);\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        const adjustedX = point.x - margin.left;\n        const adjustedY = point.y - margin.top;\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n\n        const cachedTransformedPoints = transformedPointCacheRef.current;\n        const shouldReuseCachedPoints =\n            cachedTransformedPoints &&\n            cachedTransformedPoints.pointData === pointData &&\n            cachedTransformedPoints.translateX === translateX &&\n            cachedTransformedPoints.translateY === translateY &&\n            cachedTransformedPoints.scaleX === scaleX &&\n            cachedTransformedPoints.scaleY === scaleY;\n\n        const transformedPoints = shouldReuseCachedPoints\n            ? cachedTransformedPoints.points\n            : (() => {\n                const xScaleTransformed = rescaleX(xScale, translateX, scaleX);\n                const yScaleTransformed = rescaleY(yScale, translateY, scaleY);\n                const nextPoints = pointData.map((curr) => ({\n                    point: curr,\n                    x: xScaleTransformed(curr.x),\n                    y: yScaleTransformed(curr.y),\n                }));\n\n                transformedPointCacheRef.current = {\n                    pointData,\n                    translateX,\n                    translateY,\n                    scaleX,\n                    scaleY,\n                    points: nextPoints,\n                };\n\n                return nextPoints;\n            })();\n\n        const threshold = 5;\n        const nextHoveredPoint = transformedPoints.find((curr) => (\n            Math.abs(adjustedX - curr.x) < threshold &&\n            Math.abs(adjustedY - curr.y) < threshold\n        ))?.point ?? null;\n\n        setTooltipData(nextHoveredPoint);\n        setTooltipOpen(Boolean(nextHoveredPoint));\n    }, [margin.left, margin.top, pointData, xScale, yScale]);\n\n    const handleMouseLeave = useCallback(() => {\n        setTooltipOpen(false);\n        setTooltipData(null);\n    }, []);\n\n    return { hoveredPoint, tooltipData, tooltipOpen, mouseX, mouseY, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipData","setTooltipData","useState","tooltipOpen","setTooltipOpen","mouseX","setMouseX","mouseY","setMouseY","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","t5","t6","left","top","event","zoom","isDragging","pageX","pageY","point_0","localPoint","currentTarget","adjustedX","adjustedY","translateX","translateY","scaleX","scaleY","transformMatrix","cachedTransformedPoints","nextHoveredPoint","points","xScaleTransformed","rescaleX","yScaleTransformed","rescaleY","nextPoints","map","curr","curr_0","Math","abs","Boolean","handleMouseMove","t7","Symbol","for","handleMouseLeave","t8"],"mappings":"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"}

package/dist/visualization.es77.js

@@ -1,7 +1,84 @@
-function n(a, t) {
-  return [(t = +t) * Math.cos(a -= Math.PI / 2), t * Math.sin(a)];
-}
+import { c as j } from "react/compiler-runtime";
+import { useState as w, useRef as k, useEffect as z } from "react";
+import { invertRescaled as q } from "./visualization.es17.js";
+import { useStableCallback as B } from "./visualization.es19.js";
+import D from "./visualization.es26.js";
+const O = (E) => {
+  const e = j(23), {
+    enabled: C,
+    margin: l,
+    boundedWidth: g,
+    boundedHeight: x,
+    xScale: y,
+    yScale: R,
+    onCrosshairChange: H
+  } = E, [S, L] = w(null), F = k(null), n = B(H), s = k(null), o = k(null);
+  let u;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
+  }, e[0] = u) : u = e[0];
+  const P = u;
+  let c;
+  e[1] !== n ? (c = (t) => {
+    F.current = t, L(t), n(t);
+  }, e[1] = n, e[2] = c) : c = e[2];
+  const i = c;
+  let a;
+  e[3] !== i ? (a = (t) => {
+    if (t === null) {
+      if (P(), o.current = null, F.current === null)
+        return;
+      i(null);
+      return;
+    }
+    o.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
+      s.current = null;
+      const b = o.current;
+      o.current = null, b && i(b);
+    }));
+  }, e[3] = i, e[4] = a) : a = e[4];
+  const r = a;
+  let f, m;
+  e[5] !== n ? (f = () => () => {
+    P(), F.current !== null && n(null);
+  }, m = [P, n], e[5] = n, e[6] = f, e[7] = m) : (f = e[6], m = e[7]), z(f, m);
+  let h;
+  e[8] !== x || e[9] !== g || e[10] !== C || e[11] !== l.left || e[12] !== l.top || e[13] !== r || e[14] !== y || e[15] !== R ? (h = (t, b) => {
+    if (!C)
+      return;
+    const v = D(t.currentTarget, t);
+    if (!v)
+      return;
+    const A = v.x - l.left, M = v.y - l.top;
+    if (A < 0 || A > g || M < 0 || M > x) {
+      r(null);
+      return;
+    }
+    const {
+      translateX: T,
+      translateY: W,
+      scaleX: _,
+      scaleY: $
+    } = b.transformMatrix;
+    r({
+      x: q(y, T, _, A),
+      y: q(R, W, $, M)
+    });
+  }, e[8] = x, e[9] = g, e[10] = C, e[11] = l.left, e[12] = l.top, e[13] = r, e[14] = y, e[15] = R, e[16] = h) : h = e[16];
+  const X = h;
+  let p;
+  e[17] !== r ? (p = () => {
+    r(null);
+  }, e[17] = r, e[18] = p) : p = e[18];
+  const Y = p;
+  let d;
+  return e[19] !== S || e[20] !== Y || e[21] !== X ? (d = {
+    crosshairPosition: S,
+    handleCrosshairMove: X,
+    handleCrosshairLeave: Y
+  }, e[19] = S, e[20] = Y, e[21] = X, e[22] = d) : d = e[22], d;
+};
 export {
-  n as default
+  O as useCrosshair
 };
 //# sourceMappingURL=visualization.es77.js.map

package/dist/visualization.es77.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es77.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/pointRadial.js"],"sourcesContent":["export default function(x, y) {\n  return [(y = +y) * Math.cos(x -= Math.PI / 2), y * Math.sin(x)];\n}\n"],"names":["pointRadial","x","y"],"mappings":"AAAe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,SAAO,EAAEA,IAAI,CAACA,KAAK,KAAK,IAAID,KAAK,KAAK,KAAK,CAAC,GAAGC,IAAI,KAAK,IAAID,CAAC,CAAC;AAChE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es77.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { localPoint } from \"@visx/event\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { CrosshairPosition, ZoomType } from \"../types\";\nimport { invertRescaled } from \"../helpers\";\nimport { useStableCallback } from \"../../../hooks\";\n\ntype UseCrosshairProps = {\n    enabled: boolean;\n    margin: { top: number; left: number };\n    boundedWidth: number;\n    boundedHeight: number;\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n};\n\n/**\n * Tracks the pointer as a crosshair position in data coordinates.\n *\n * Data coordinates rather than pixels because the position is also published to consumers, who\n * may mirror it onto another plot or feed it back in as a controlled position. Keeping one\n * currency means every plot showing this crosshair resolves it through its own scales and so\n * agrees with the others, even mid-zoom.\n *\n * The zoom transform arrives as an argument rather than a hook input because it only exists\n * inside the Zoom render prop, below where this hook is called.\n *\n * Moves are coalesced to one update per animation frame. A mouse can report positions faster\n * than the browser paints, and mousemove is a continuous event that React flushes synchronously,\n * so publishing every one of them - into this state and, through onCrosshairChange, into a\n * parent shared by several plots - re-renders the whole group without ever yielding, and React\n * eventually warns about the update depth. Leaving is published immediately: it ends the\n * gesture, and a frame queued behind it would put the crosshair back.\n */\nexport const useCrosshair = ({\n    enabled,\n    margin,\n    boundedWidth,\n    boundedHeight,\n    xScale,\n    yScale,\n    onCrosshairChange,\n}: UseCrosshairProps) => {\n    const [crosshairPosition, setCrosshairPosition] = useState<CrosshairPosition | null>(null);\n    const publishedRef = useRef<CrosshairPosition | null>(null);\n    const publishChange = useStableCallback(onCrosshairChange);\n\n    const frameRef = useRef<number | null>(null);\n    const pendingRef = useRef<CrosshairPosition | null>(null);\n\n    const cancelFrame = useCallback(() => {\n        if (frameRef.current === null) return;\n        cancelAnimationFrame(frameRef.current);\n        frameRef.current = null;\n    }, []);\n\n    const apply = useCallback((position: CrosshairPosition | null) => {\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [publishChange]);\n\n    const publish = useCallback((position: CrosshairPosition | null) => {\n        if (position === null) {\n            cancelFrame();\n            pendingRef.current = null;\n            // Leaving the plot area fires on every subsequent move; only announce the first one.\n            if (publishedRef.current === null) return;\n            apply(null);\n            return;\n        }\n\n        pendingRef.current = position;\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            const pending = pendingRef.current;\n            pendingRef.current = null;\n            if (pending) apply(pending);\n        });\n    }, [apply, cancelFrame]);\n\n    // On unmount, drop any queued frame and announce the crosshair as gone. Without the second\n    // half a parent mirroring this position onto sibling plots - ScatterPlotSync - keeps drawing\n    // the crosshair of a plot that no longer exists, until something else happens to move it.\n    useEffect(() => () => {\n        cancelFrame();\n        if (publishedRef.current !== null) publishChange(null);\n    }, [cancelFrame, publishChange]);\n\n    const handleCrosshairMove = useCallback((event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n        if (!enabled) return;\n\n        const point = localPoint(event.currentTarget, event);\n        if (!point) return;\n\n        // The listener covers the whole svg, margins included, so anything outside the plot\n        // area counts as leaving it.\n        const plotX = point.x - margin.left;\n        const plotY = point.y - margin.top;\n        if (plotX < 0 || plotX > boundedWidth || plotY < 0 || plotY > boundedHeight) {\n            publish(null);\n            return;\n        }\n\n        const { translateX, translateY, scaleX, scaleY } = zoom.transformMatrix;\n        publish({\n            x: invertRescaled(xScale, translateX, scaleX, plotX),\n            y: invertRescaled(yScale, translateY, scaleY, plotY),\n        });\n    }, [boundedHeight, boundedWidth, enabled, margin.left, margin.top, publish, xScale, yScale]);\n\n    const handleCrosshairLeave = useCallback(() => {\n        publish(null);\n    }, [publish]);\n\n    return { crosshairPosition, handleCrosshairMove, handleCrosshairLeave };\n};\n"],"names":["useCrosshair","t0","$","_c","enabled","margin","boundedWidth","boundedHeight","xScale","yScale","onCrosshairChange","crosshairPosition","setCrosshairPosition","useState","publishedRef","useRef","publishChange","useStableCallback","frameRef","pendingRef","t1","Symbol","for","current","cancelAnimationFrame","cancelFrame","t2","position","apply","t3","position_0","requestAnimationFrame","pending","publish","t4","t5","useEffect","t6","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t7","handleCrosshairLeave","t8"],"mappings":"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"}

package/dist/visualization.es78.js

@@ -1,285 +1,43 @@
-import { useRef as H, useState as P, useCallback as s } from "react";
-import { useGesture as st } from "./visualization.es227.js";
-import { applyMatrixToPoint as rt, applyInverseMatrixToPoint as E, composeMatrices as J, translateMatrix as R, scaleMatrix as ot, inverseMatrix as lt, identityMatrix as ct } from "./visualization.es228.js";
-import { jsx as it, Fragment as ft } from "react/jsx-runtime";
-import W from "./visualization.es57.js";
-const ut = {
-  scaleX: 1,
-  scaleY: 1,
-  translateX: 0,
-  translateY: 0,
-  skewX: 0,
-  skewY: 0
-}, dt = (u) => -u.deltaY > 0 ? {
-  scaleX: 1.1,
-  scaleY: 1.1
-} : {
-  scaleX: 0.9,
-  scaleY: 0.9
-}, xt = (u) => {
-  let {
-    offset: [d],
-    lastOffset: [x]
-  } = u;
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es31.js";
+const g = 18, l = 12, u = 6, r = 8;
+function G(n) {
+  const t = Math.max(...n.map((h) => h.label.length)) * 7 + l + u + r * 2, e = n.length * g + r * 2;
   return {
-    scaleX: d - x < 0 ? 0.9 : 1.1,
-    scaleY: d - x < 0 ? 0.9 : 1.1
+    width: t,
+    height: e
   };
+}
+const W = (n) => {
+  const t = w(11), {
+    series: e,
+    xMax: h
+  } = n;
+  let s;
+  t[0] !== e ? (s = G(e), t[0] = e, t[1] = s) : s = t[1];
+  const {
+    width: c,
+    height: f
+  } = s, m = h - c - 4;
+  let o;
+  t[2] !== f || t[3] !== c ? (o = /* @__PURE__ */ a("rect", { width: c, height: f, fill: "white", stroke: "#d4d4d4", strokeWidth: 1, rx: 3 }), t[2] = f, t[3] = c, t[4] = o) : o = t[4];
+  let i;
+  t[5] !== e ? (i = e.map(H), t[5] = e, t[6] = i) : i = t[6];
+  let d;
+  return t[7] !== m || t[8] !== o || t[9] !== i ? (d = /* @__PURE__ */ p(x, { left: m, top: 4, children: [
+    o,
+    i
+  ] }), t[7] = m, t[8] = o, t[9] = i, t[10] = d) : d = t[10], d;
 };
-function ht(u) {
-  let {
-    scaleXMin: d = 0,
-    scaleXMax: x = 1 / 0,
-    scaleYMin: z = 0,
-    scaleYMax: K = 1 / 0,
-    initialTransformMatrix: Y = ut,
-    wheelDelta: O = dt,
-    pinchDelta: j = xt,
-    width: p,
-    height: g,
-    constrain: S,
-    children: L
-  } = u;
-  const h = H(null), M = H(Y), [r, N] = P(Y), [X, B] = P(!1), [v, $] = P(void 0), [f, T] = P(void 0), F = s((e, t) => {
-    if (S) return S(e, t);
-    const {
-      scaleX: n,
-      scaleY: a
-    } = e, o = n > x || n < d, l = a > K || a < z;
-    return o || l ? t : e;
-  }, [S, d, x, z, K]), c = s((e) => {
-    N((t) => {
-      const n = F(e, t);
-      return M.current = n, n;
-    });
-  }, [F]), Q = s((e) => {
-    let {
-      x: t,
-      y: n
-    } = e;
-    return rt(r, {
-      x: t,
-      y: n
-    });
-  }, [r]), D = s((e) => {
-    let {
-      x: t,
-      y: n
-    } = e;
-    return E(r, {
-      x: t,
-      y: n
-    });
-  }, [r]), U = s(() => {
-    c(Y);
-  }, [Y, c]), y = s((e) => {
-    let {
-      scaleX: t,
-      scaleY: n,
-      point: a
-    } = e;
-    const o = n || t, l = a || {
-      x: p / 2,
-      y: g / 2
-    }, i = E(M.current, l), C = J(M.current, R(i.x, i.y), ot(t, o), R(-i.x, -i.y));
-    if (c(C), X) {
-      const {
-        translateX: b,
-        translateY: at
-      } = M.current;
-      T(a), $({
-        translateX: b,
-        translateY: at
-      });
-    }
-  }, [g, p, X, c]), k = s((e) => {
-    let {
-      translateX: t,
-      translateY: n
-    } = e;
-    const a = J(r, R(t, n));
-    c(a);
-  }, [c, r]), m = s((e) => {
-    let {
-      translateX: t,
-      translateY: n
-    } = e;
-    const a = {
-      ...r,
-      translateX: t,
-      translateY: n
-    };
-    c(a);
-  }, [c, r]), V = s((e) => {
-    let {
-      x: t,
-      y: n
-    } = e;
-    const a = E(r, {
-      x: t,
-      y: n
-    });
-    m({
-      translateX: a.x,
-      translateY: a.y
-    });
-  }, [m, r]), I = s(() => lt(r), [r]), _ = s(() => {
-    const {
-      translateX: e,
-      translateY: t,
-      scaleX: n,
-      scaleY: a,
-      skewX: o,
-      skewY: l
-    } = I();
-    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
-  }, [I]), G = s((e) => {
-    const {
-      translateX: t,
-      translateY: n
-    } = r;
-    T(W(e) || void 0), $({
-      translateX: t,
-      translateY: n
-    }), B(!0);
-  }, [r]), Z = s((e, t) => {
-    if (!X || !f || !v) return;
-    const n = W(e), a = n ? -(f.x - n.x) : -f.x, o = n ? -(f.y - n.y) : -f.y;
-    let l = v.translateX + a;
-    t?.offsetX && (l += t?.offsetX ?? 0);
-    let i = v.translateY + o;
-    t?.offsetY && (i += t?.offsetY ?? 0), m({
-      translateX: l,
-      translateY: i
-    });
-  }, [X, m, f, v]), w = s(() => {
-    T(void 0), $(void 0), B(!1);
-  }, []), q = s((e) => {
-    e.preventDefault();
-    const t = W(e) || void 0, {
-      scaleX: n,
-      scaleY: a
-    } = O(e);
-    y({
-      scaleX: n,
-      scaleY: a,
-      point: t
-    });
-  }, [y, O]), A = s((e) => {
-    const {
-      origin: [t, n],
-      memo: a
-    } = e;
-    let o = a;
-    if (h.current) {
-      const {
-        top: l,
-        left: i
-      } = o ?? h.current.getBoundingClientRect();
-      o || (o = {
-        top: l,
-        left: i
-      });
-      const {
-        scaleX: C,
-        scaleY: b
-      } = j(e);
-      y({
-        scaleX: C,
-        scaleY: b,
-        point: {
-          x: t - i,
-          y: n - l
-        }
-      });
-    }
-    return o;
-  }, [y, j]), tt = s(() => {
-    const {
-      translateX: e,
-      translateY: t,
-      scaleX: n,
-      scaleY: a,
-      skewX: o,
-      skewY: l
-    } = r;
-    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
-  }, [r]), et = s(() => {
-    const e = {
-      x: p / 2,
-      y: g / 2
-    }, t = D(e);
-    k({
-      translateX: t.x - e.x,
-      translateY: t.y - e.y
-    });
-  }, [g, p, D, k]), nt = s(() => {
-    c(ct());
-  }, [c]);
-  return st({
-    onDragStart: (e) => {
-      let {
-        event: t
-      } = e;
-      t instanceof KeyboardEvent || G(t);
-    },
-    onDrag: (e) => {
-      let {
-        event: t,
-        pinching: n,
-        cancel: a
-      } = e;
-      n ? (a(), w()) : t instanceof KeyboardEvent || Z(t);
-    },
-    onDragEnd: w,
-    onPinch: A,
-    onWheel: (e) => {
-      let {
-        event: t,
-        active: n,
-        pinching: a
-      } = e;
-      // Outside of Safari, the wheel event is fired together with the pinch event
-      a || // currently onWheelEnd emits one final wheel event which causes 2x scale
-      // updates for the last tick. ensuring that the gesture is active avoids this
-      !n || q(t);
-    }
-  }, {
-    target: h,
-    eventOptions: {
-      passive: !1
-    },
-    drag: {
-      filterTaps: !0
-    }
-  }), /* @__PURE__ */ it(ft, {
-    children: L({
-      initialTransformMatrix: Y,
-      transformMatrix: r,
-      isDragging: X,
-      center: et,
-      clear: nt,
-      scale: y,
-      translate: k,
-      translateTo: V,
-      setTranslate: m,
-      setTransformMatrix: c,
-      reset: U,
-      handleWheel: q,
-      handlePinch: A,
-      dragEnd: w,
-      dragMove: Z,
-      dragStart: G,
-      toString: tt,
-      invert: I,
-      toStringInvert: _,
-      applyToPoint: Q,
-      applyInverseToPoint: D,
-      containerRef: h
-    })
-  });
+function H(n, t) {
+  return /* @__PURE__ */ p(x, { top: r + t * g, children: [
+    /* @__PURE__ */ a("rect", { x: r, y: 2, width: l, height: l, fill: n.color, opacity: 0.85, rx: 2 }),
+    /* @__PURE__ */ a("text", { x: r + l + u, y: l / 2 + 2, dominantBaseline: "middle", fontSize: 11, children: n.label })
+  ] }, `legend-${t}`);
 }
 export {
-  ht as default
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es78.js.map