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

package/dist/visualization.es66.js

@@ -1,60 +1,285 @@
-import { c as L } from "react/compiler-runtime";
-import { useState as T, useRef as W } from "react";
-import { invertRescaled as y } from "./visualization.es17.js";
-import { useStableCallback as $ } from "./visualization.es19.js";
-import j from "./visualization.es41.js";
-const D = (P) => {
-  const t = L(17), {
-    enabled: i,
-    margin: l,
-    boundedWidth: c,
-    boundedHeight: u,
-    xScale: f,
-    yScale: h,
-    onCrosshairChange: R
-  } = P, [m, X] = T(null), S = W(null), p = $(R);
-  let s;
-  t[0] !== p ? (s = (r) => {
-    r === null && S.current === null || (S.current = r, X(r), p(r));
-  }, t[0] = p, t[1] = s) : s = t[1];
-  const e = s;
-  let o;
-  t[2] !== u || t[3] !== c || t[4] !== i || t[5] !== l.left || t[6] !== l.top || t[7] !== e || t[8] !== f || t[9] !== h ? (o = (r, Y) => {
-    if (!i)
-      return;
-    const C = j(r.currentTarget, r);
-    if (!C)
-      return;
-    const g = C.x - l.left, x = C.y - l.top;
-    if (g < 0 || g > c || x < 0 || x > u) {
-      e(null);
-      return;
+import { useRef as H, useState as P, useCallback as s } from "react";
+import { useGesture as st } from "./visualization.es229.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.es230.js";
+import { jsx as it, Fragment as ft } from "react/jsx-runtime";
+import W from "./visualization.es58.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;
+  return {
+    scaleX: d - x < 0 ? 0.9 : 1.1,
+    scaleY: d - x < 0 ? 0.9 : 1.1
+  };
+};
+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: v,
-      translateY: M,
-      scaleX: k,
-      scaleY: H
-    } = Y.transformMatrix;
-    e({
-      x: y(f, v, k, g),
-      y: y(h, M, H, x)
-    });
-  }, t[2] = u, t[3] = c, t[4] = i, t[5] = l.left, t[6] = l.top, t[7] = e, t[8] = f, t[9] = h, t[10] = o) : o = t[10];
-  const d = o;
-  let n;
-  t[11] !== e ? (n = () => {
-    e(null);
-  }, t[11] = e, t[12] = n) : n = t[12];
-  const b = n;
-  let a;
-  return t[13] !== m || t[14] !== b || t[15] !== d ? (a = {
-    crosshairPosition: m,
-    handleCrosshairMove: d,
-    handleCrosshairLeave: b
-  }, t[13] = m, t[14] = b, t[15] = d, t[16] = a) : a = t[16], a;
-};
+      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
+    })
+  });
+}
 export {
-  D as useCrosshair
+  ht as default
 };
 //# sourceMappingURL=visualization.es66.js.map

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.js","sources":["../src/components/ScatterPlot/hooks/useCrosshair.ts"],"sourcesContent":["import React, { useCallback, 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 */\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 publish = useCallback((position: CrosshairPosition | null) => {\n        // Leaving the plot area fires on every subsequent move; only announce the first one.\n        if (position === null && publishedRef.current === null) return;\n        publishedRef.current = position;\n        setCrosshairPosition(position);\n        publishChange(position);\n    }, [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","t1","position","current","publish","t2","left","top","event","zoom","point","localPoint","currentTarget","plotX","x","plotY","y","translateX","translateY","scaleX","scaleY","transformMatrix","invertRescaled","handleCrosshairMove","t3","handleCrosshairLeave","t4"],"mappings":";;;;;AA4BO,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAT,GASzB,CAAAU,GAAAC,CAAA,IAAkDC,EAAmC,IAAI,GACzFC,IAAqBC,EAAiC,IAAI,GAC1DC,IAAsBC,EAAkBP,CAAiB;AAAE,MAAAQ;AAAA,EAAAhB,SAAAc,KAE/BE,IAAAC,CAAAA,MAAA;AAExB,IAAIA,MAAa,QAAQL,EAAYM,YAAa,SAClDN,EAAYM,UAAWD,GACvBP,EAAqBO,CAAQ,GAC7BH,EAAcG,CAAQ;AAAA,EAAC,GAC1BjB,OAAAc,GAAAd,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAND,QAAAmB,IAAgBH;AAMI,MAAAI;AAAA,EAAApB,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KAAAF,EAAA,CAAA,MAAAG,EAAAkB,QAAArB,EAAA,CAAA,MAAAG,EAAAmB,OAAAtB,EAAA,CAAA,MAAAmB,KAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAEoBa,IAAAA,CAAAG,GAAAC,MAAA;AACpC,QAAI,CAACtB;AAAO;AAEZ,UAAAuB,IAAcC,EAAWH,EAAKI,eAAgBJ,CAAK;AACnD,QAAI,CAACE;AAAK;AAIV,UAAAG,IAAcH,EAAKI,IAAK1B,EAAMkB,MAC9BS,IAAcL,EAAKM,IAAK5B,EAAMmB;AAC9B,QAAIM,IAAQ,KAAKA,IAAQxB,KAAgB0B,IAAQ,KAAKA,IAAQzB,GAAa;AACvEc,MAAAA,EAAQ,IAAI;AAAC;AAAA,IAAA;AAIjB,UAAA;AAAA,MAAAa,YAAAA;AAAAA,MAAAC,YAAAA;AAAAA,MAAAC,QAAAA;AAAAA,MAAAC,QAAAA;AAAAA,IAAAA,IAAmDX,EAAIY;AACvDjB,IAAAA,EAAQ;AAAA,MAAAU,GACDQ,EAAe/B,GAAQ0B,GAAYE,GAAQN,CAAK;AAAA,MAACG,GACjDM,EAAe9B,GAAQ0B,GAAYE,GAAQL,CAAK;AAAA,IAAA,CACtD;AAAA,EAAC,GACL9B,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAE,GAAAF,EAAA,CAAA,IAAAG,EAAAkB,MAAArB,EAAA,CAAA,IAAAG,EAAAmB,KAAAtB,OAAAmB,GAAAnB,OAAAM,GAAAN,OAAAO,GAAAP,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AApBD,QAAAsC,IAA4BlB;AAoBiE,MAAAmB;AAAA,EAAAvC,UAAAmB,KAEpDoB,IAAAA,MAAA;AACrCpB,IAAAA,EAAQ,IAAI;AAAA,EAAC,GAChBnB,QAAAmB,GAAAnB,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA;AAFD,QAAAwC,IAA6BD;AAEf,MAAAE;AAAA,SAAAzC,EAAA,EAAA,MAAAS,KAAAT,UAAAwC,KAAAxC,EAAA,EAAA,MAAAsC,KAEPG,IAAA;AAAA,IAAAhC,mBAAAA;AAAAA,IAAA6B,qBAAAA;AAAAA,IAAAE,sBAAAA;AAAAA,EAAAA,GAAgExC,QAAAS,GAAAT,QAAAwC,GAAAxC,QAAAsC,GAAAtC,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA,GAAhEyC;AAAgE;"}
+{"version":3,"file":"visualization.es66.js","sources":["../../../node_modules/.pnpm/@visx+zoom@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/zoom/esm/Zoom.js"],"sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { localPoint } from '@visx/event';\nimport { useGesture } from '@use-gesture/react';\nimport { composeMatrices, inverseMatrix, applyMatrixToPoint, applyInverseMatrixToPoint, translateMatrix, identityMatrix, scaleMatrix } from \"./util/matrix.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n// default prop values\nconst defaultInitialTransformMatrix = {\n  scaleX: 1,\n  scaleY: 1,\n  translateX: 0,\n  translateY: 0,\n  skewX: 0,\n  skewY: 0\n};\nconst defaultWheelDelta = event => -event.deltaY > 0 ? {\n  scaleX: 1.1,\n  scaleY: 1.1\n} : {\n  scaleX: 0.9,\n  scaleY: 0.9\n};\nconst defaultPinchDelta = _ref => {\n  let {\n    offset: [s],\n    lastOffset: [lastS]\n  } = _ref;\n  return {\n    scaleX: s - lastS < 0 ? 0.9 : 1.1,\n    scaleY: s - lastS < 0 ? 0.9 : 1.1\n  };\n};\nfunction Zoom(_ref2) {\n  let {\n    scaleXMin = 0,\n    scaleXMax = Infinity,\n    scaleYMin = 0,\n    scaleYMax = Infinity,\n    initialTransformMatrix = defaultInitialTransformMatrix,\n    wheelDelta = defaultWheelDelta,\n    pinchDelta = defaultPinchDelta,\n    width,\n    height,\n    constrain,\n    children\n  } = _ref2;\n  const containerRef = useRef(null);\n  const matrixStateRef = useRef(initialTransformMatrix);\n  const [transformMatrix, setTransformMatrixState] = useState(initialTransformMatrix);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startTranslate, setStartTranslate] = useState(undefined);\n  const [startPoint, setStartPoint] = useState(undefined);\n  const defaultConstrain = useCallback((newTransformMatrix, prevTransformMatrix) => {\n    if (constrain) return constrain(newTransformMatrix, prevTransformMatrix);\n    const {\n      scaleX,\n      scaleY\n    } = newTransformMatrix;\n    const shouldConstrainScaleX = scaleX > scaleXMax || scaleX < scaleXMin;\n    const shouldConstrainScaleY = scaleY > scaleYMax || scaleY < scaleYMin;\n    if (shouldConstrainScaleX || shouldConstrainScaleY) {\n      return prevTransformMatrix;\n    }\n    return newTransformMatrix;\n  }, [constrain, scaleXMin, scaleXMax, scaleYMin, scaleYMax]);\n  const setTransformMatrix = useCallback(newTransformMatrix => {\n    setTransformMatrixState(prevTransformMatrix => {\n      const updatedTransformMatrix = defaultConstrain(newTransformMatrix, prevTransformMatrix);\n      matrixStateRef.current = updatedTransformMatrix;\n      return updatedTransformMatrix;\n    });\n  }, [defaultConstrain]);\n  const applyToPoint = useCallback(_ref3 => {\n    let {\n      x,\n      y\n    } = _ref3;\n    return applyMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const applyInverseToPoint = useCallback(_ref4 => {\n    let {\n      x,\n      y\n    } = _ref4;\n    return applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const reset = useCallback(() => {\n    setTransformMatrix(initialTransformMatrix);\n  }, [initialTransformMatrix, setTransformMatrix]);\n  const scale = useCallback(_ref5 => {\n    let {\n      scaleX,\n      scaleY: maybeScaleY,\n      point\n    } = _ref5;\n    const scaleY = maybeScaleY || scaleX;\n    const cleanPoint = point || {\n      x: width / 2,\n      y: height / 2\n    };\n    // need to use ref value instead of state here because wheel listener does not have access to latest state\n    const translate = applyInverseMatrixToPoint(matrixStateRef.current, cleanPoint);\n    const nextMatrix = composeMatrices(matrixStateRef.current, translateMatrix(translate.x, translate.y), scaleMatrix(scaleX, scaleY), translateMatrix(-translate.x, -translate.y));\n    setTransformMatrix(nextMatrix);\n    if (isDragging) {\n      const {\n        translateX,\n        translateY\n      } = matrixStateRef.current;\n      setStartPoint(point);\n      setStartTranslate({\n        translateX,\n        translateY\n      });\n    }\n  }, [height, width, isDragging, setTransformMatrix]);\n  const translate = useCallback(_ref6 => {\n    let {\n      translateX,\n      translateY\n    } = _ref6;\n    const nextMatrix = composeMatrices(transformMatrix, translateMatrix(translateX, translateY));\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const setTranslate = useCallback(_ref7 => {\n    let {\n      translateX,\n      translateY\n    } = _ref7;\n    const nextMatrix = {\n      ...transformMatrix,\n      translateX,\n      translateY\n    };\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const translateTo = useCallback(_ref8 => {\n    let {\n      x,\n      y\n    } = _ref8;\n    const point = applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n    setTranslate({\n      translateX: point.x,\n      translateY: point.y\n    });\n  }, [setTranslate, transformMatrix]);\n  const invert = useCallback(() => inverseMatrix(transformMatrix), [transformMatrix]);\n  const toStringInvert = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = invert();\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [invert]);\n  const dragStart = useCallback(event => {\n    const {\n      translateX,\n      translateY\n    } = transformMatrix;\n    setStartPoint(localPoint(event) || undefined);\n    setStartTranslate({\n      translateX,\n      translateY\n    });\n    setIsDragging(true);\n  }, [transformMatrix]);\n  const dragMove = useCallback((event, options) => {\n    if (!isDragging || !startPoint || !startTranslate) return;\n    const currentPoint = localPoint(event);\n    const dx = currentPoint ? -(startPoint.x - currentPoint.x) : -startPoint.x;\n    const dy = currentPoint ? -(startPoint.y - currentPoint.y) : -startPoint.y;\n    let translateX = startTranslate.translateX + dx;\n    if (options?.offsetX) translateX += options?.offsetX ?? 0;\n    let translateY = startTranslate.translateY + dy;\n    if (options?.offsetY) translateY += options?.offsetY ?? 0;\n    setTranslate({\n      translateX,\n      translateY\n    });\n  }, [isDragging, setTranslate, startPoint, startTranslate]);\n  const dragEnd = useCallback(() => {\n    setStartPoint(undefined);\n    setStartTranslate(undefined);\n    setIsDragging(false);\n  }, []);\n  const handleWheel = useCallback(event => {\n    event.preventDefault();\n    const point = localPoint(event) || undefined;\n    const {\n      scaleX,\n      scaleY\n    } = wheelDelta(event);\n    scale({\n      scaleX,\n      scaleY,\n      point\n    });\n  }, [scale, wheelDelta]);\n  const handlePinch = useCallback(state => {\n    const {\n      origin: [ox, oy],\n      memo\n    } = state;\n    let currentMemo = memo;\n    if (containerRef.current) {\n      const {\n        top,\n        left\n      } = currentMemo ?? containerRef.current.getBoundingClientRect();\n      if (!currentMemo) {\n        currentMemo = {\n          top,\n          left\n        };\n      }\n      const {\n        scaleX,\n        scaleY\n      } = pinchDelta(state);\n      scale({\n        scaleX,\n        scaleY,\n        point: {\n          x: ox - left,\n          y: oy - top\n        }\n      });\n    }\n    return currentMemo;\n  }, [scale, pinchDelta]);\n  const toString = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = transformMatrix;\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [transformMatrix]);\n  const center = useCallback(() => {\n    const centerPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n    const inverseCentroid = applyInverseToPoint(centerPoint);\n    translate({\n      translateX: inverseCentroid.x - centerPoint.x,\n      translateY: inverseCentroid.y - centerPoint.y\n    });\n  }, [height, width, applyInverseToPoint, translate]);\n  const clear = useCallback(() => {\n    setTransformMatrix(identityMatrix());\n  }, [setTransformMatrix]);\n  useGesture({\n    onDragStart: _ref9 => {\n      let {\n        event\n      } = _ref9;\n      if (!(event instanceof KeyboardEvent)) dragStart(event);\n    },\n    onDrag: _ref0 => {\n      let {\n        event,\n        pinching,\n        cancel\n      } = _ref0;\n      if (pinching) {\n        cancel();\n        dragEnd();\n      } else if (!(event instanceof KeyboardEvent)) {\n        dragMove(event);\n      }\n    },\n    onDragEnd: dragEnd,\n    onPinch: handlePinch,\n    onWheel: _ref1 => {\n      let {\n        event,\n        active,\n        pinching\n      } = _ref1;\n      if (\n      // Outside of Safari, the wheel event is fired together with the pinch event\n      pinching ||\n      // currently onWheelEnd emits one final wheel event which causes 2x scale\n      // updates for the last tick. ensuring that the gesture is active avoids this\n      !active) {\n        return;\n      }\n      handleWheel(event);\n    }\n  }, {\n    target: containerRef,\n    eventOptions: {\n      passive: false\n    },\n    drag: {\n      filterTaps: true\n    }\n  });\n  const zoom = {\n    initialTransformMatrix,\n    transformMatrix,\n    isDragging,\n    center,\n    clear,\n    scale,\n    translate,\n    translateTo,\n    setTranslate,\n    setTransformMatrix,\n    reset,\n    handleWheel,\n    handlePinch,\n    dragEnd,\n    dragMove,\n    dragStart,\n    toString,\n    invert,\n    toStringInvert,\n    applyToPoint,\n    applyInverseToPoint,\n    containerRef\n  };\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(zoom)\n  });\n}\nexport default Zoom;"],"names":["defaultInitialTransformMatrix","defaultWheelDelta","event","defaultPinchDelta","_ref","s","lastS","Zoom","_ref2","scaleXMin","scaleXMax","scaleYMin","scaleYMax","initialTransformMatrix","wheelDelta","pinchDelta","width","height","constrain","children","containerRef","useRef","matrixStateRef","transformMatrix","setTransformMatrixState","useState","isDragging","setIsDragging","startTranslate","setStartTranslate","startPoint","setStartPoint","defaultConstrain","useCallback","newTransformMatrix","prevTransformMatrix","scaleX","scaleY","shouldConstrainScaleX","shouldConstrainScaleY","setTransformMatrix","updatedTransformMatrix","applyToPoint","_ref3","x","y","applyMatrixToPoint","applyInverseToPoint","_ref4","applyInverseMatrixToPoint","reset","scale","_ref5","maybeScaleY","point","cleanPoint","translate","nextMatrix","composeMatrices","translateMatrix","scaleMatrix","translateX","translateY","_ref6","setTranslate","_ref7","translateTo","_ref8","invert","inverseMatrix","toStringInvert","skewX","skewY","dragStart","localPoint","dragMove","options","currentPoint","dx","dy","dragEnd","handleWheel","handlePinch","state","ox","oy","memo","currentMemo","top","left","toString","center","centerPoint","inverseCentroid","clear","identityMatrix","useGesture","_ref9","_ref0","pinching","cancel","_ref1","active","_jsx","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es67.js

@@ -1,55 +1,22 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import Y from "./visualization.es113.js";
-import { truncateTextToWidth as j, getLabelPlacement as A } from "./visualization.es114.js";
-import D, { useCallback as R } from "react";
-import E from "./visualization.es22.js";
-import F from "./visualization.es20.js";
-import $ from "./visualization.es21.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);
+import "./visualization.es128.js";
+import "react/jsx-runtime";
+function d(i) {
+  let {
+    source: p,
+    target: u,
+    x: c,
+    y: a
+  } = i;
+  return (n) => {
+    const r = p(n), e = u(n), x = c(r), y = a(r), I = c(e), P = a(e), s = x - Math.PI / 2, t = y, o = I - Math.PI / 2, h = P, f = Math.cos(s), g = Math.sin(s), M = Math.cos(o), $ = Math.sin(o), m = Math.abs(o - s) > Math.PI ? o <= s : o > s;
+    return `
+      M${t * f},${t * g}
+      A${t},${t},0,0,${m ? 1 : 0},${t * M},${t * $}
+      L${h * M},${h * $}
+    `;
   };
-  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 {
-  Z as default
+  d as pathRadialStep
 };
 //# sourceMappingURL=visualization.es67.js.map

package/dist/visualization.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es67.js","sources":["../src/components/TreeMap/SingleNode.tsx"],"sourcesContent":["import { SingleNodeProps, TreemapNode } from \"./types\";\nimport ValueOval from \"./ValueOval\";\nimport { getLabelPlacement, truncateTextToWidth } from \"./helpers\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Portal, TooltipWithBounds, useTooltip } from \"@visx/tooltip\";\nimport React from \"react\";\nimport { HierarchyRectangularNode } from \"@visx/hierarchy\";\n\nconst SingleNode = <T,>(\n    props: SingleNodeProps<T>\n) => {\n    function getNodeValue(node: HierarchyRectangularNode<TreemapNode<T>>): number {\n        // If the node has children, sum their values\n        if (node.children && node.children.length > 0) {\n            return node.children.reduce((sum: number, child) => {\n                return sum + getNodeValue(child);\n            }, 0);\n        }\n\n        // Otherwise use the leaf's data value\n        return node.data.value ?? 0;\n    }\n\n    const hasChildren = props.node.children !== undefined && props.node.children.length > 0;\n    \n    const value = hasChildren ? props.node.data.displayValue ?? getNodeValue(props.node) : props.node.data.value ?? 0\n\n    const fontSize = props.fontSize\n    const nodeColor = props.node.data.style?.color ||  props.node.parent?.data.style?.color || \"black\"\n    const labelColor = props.node.data.style?.labelColor || nodeColor;\n    const nodeStrokeColor = props.node.data.style?.strokeColor || nodeColor;\n    const nodeStroke = props.node.data.style?.strokeWidth === 0 ? 0 : props.node.data.style?.strokeWidth || props.strokeWidth;\n    const stroke = props.isHovered ? nodeStroke + 2 : nodeStroke;\n\n    const width = props.node.x1 - props.node.x0;\n    const height = props.node.y1 - props.node.y0;\n\n    const fullLabel = props.node.data.label;\n    const truncatedLabel = truncateTextToWidth(fullLabel, width - 8, fontSize, \"sans-serif\");\n    const showValue = height > 55 && width > 50 && value > 0;\n    const showText = height > 20;\n\n    const { textX, textY, textAnchor, valueAnchor, baseline, valueY, valueX } = getLabelPlacement(\n        props.node,\n        props.labelPlacement,\n        showValue,\n        hasChildren\n    );\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<ReactNode>();\n\n    const handleMouseMove = useCallback(\n        (event: React.MouseEvent<SVGElement>) => {\n            if (!props.tooltipBody) return;\n\n            const tooltipContent = props.tooltipBody(props.node.data);\n\n            showTooltip({\n                tooltipLeft: event.clientX + 10,\n                tooltipTop: event.clientY + 10,\n                tooltipData: tooltipContent,\n            });\n        },\n        [props.tooltipBody, props.node.data, showTooltip]\n    );\n\n    const handleNodeClick = () => {\n        if (!props.onNodeClicked) return;\n        props.onNodeClicked(props.node.data);\n    };\n\n    return (\n        <React.Fragment key={`frag-${props.node.data.label}`}>\n            <g\n                onMouseEnter={() => props.onHover(true)}\n                onMouseLeave={() => {\n                    props.onHover(false);\n                    hideTooltip?.();\n                }}\n                onMouseMove={handleMouseMove}\n                onClick={handleNodeClick}\n                style={{ cursor: \"pointer\", transition: \"stroke-width 0.2s\" }}\n            >\n                <rect\n                    x={props.node.x0}\n                    y={props.node.y0}\n                    width={width}\n                    height={height}\n                    fill={nodeColor}\n                    fillOpacity={props.opacity}\n                    stroke={nodeStrokeColor}\n                    strokeWidth={stroke}\n                    rx={props.borderRadius}\n                />\n                {showText && (\n                    <text\n                        x={textX}\n                        y={textY}\n                        textAnchor={textAnchor}\n                        dominantBaseline={baseline}\n                        fill={labelColor}\n                        fontSize={props.fontSize}\n                        fontWeight={500}\n                    >\n                        {truncatedLabel}\n                    </text>\n                )}\n                {showValue && (\n                    <ValueOval\n                        cx={valueX}\n                        cy={valueY}\n                        color={labelColor}\n                        value={value}\n                        align={valueAnchor}\n                    />\n                )}\n            </g>\n            {props.tooltipBody && tooltipOpen && tooltipData && (\n                <Portal>\n                    <TooltipWithBounds left={(tooltipLeft ?? 0) + 10} top={tooltipTop}>\n                        {tooltipData}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default SingleNode;"],"names":["SingleNode","props","getNodeValue","node","children","length","reduce","sum","child","data","value","hasChildren","undefined","displayValue","fontSize","nodeColor","style","color","parent","labelColor","nodeStrokeColor","strokeColor","nodeStroke","strokeWidth","stroke","isHovered","width","x1","x0","height","y1","y0","fullLabel","label","truncatedLabel","truncateTextToWidth","showValue","showText","textX","textY","textAnchor","valueAnchor","baseline","valueY","valueX","getLabelPlacement","labelPlacement","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","handleMouseMove","useCallback","event","tooltipBody","tooltipContent","clientX","clientY","handleNodeClick","onNodeClicked","jsxs","React","onHover","cursor","transition","jsx","opacity","borderRadius","ValueOval","Portal","TooltipWithBounds"],"mappings":"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"}
+{"version":3,"file":"visualization.es67.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/link/step/LinkRadialStep.js"],"sourcesContent":["import cx from 'classnames';\nimport { getX, getY, getSource, getTarget } from \"../../../util/accessors.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport function pathRadialStep(_ref) {\n  let {\n    source,\n    target,\n    x,\n    y\n  } = _ref;\n  return link => {\n    const sourceData = source(link);\n    const targetData = target(link);\n    const sx = x(sourceData);\n    const sy = y(sourceData);\n    const tx = x(targetData);\n    const ty = y(targetData);\n    const sa = sx - Math.PI / 2;\n    const sr = sy;\n    const ta = tx - Math.PI / 2;\n    const tr = ty;\n    const sc = Math.cos(sa);\n    const ss = Math.sin(sa);\n    const tc = Math.cos(ta);\n    const ts = Math.sin(ta);\n    const sf = Math.abs(ta - sa) > Math.PI ? ta <= sa : ta > sa;\n    return `\n      M${sr * sc},${sr * ss}\n      A${sr},${sr},0,0,${sf ? 1 : 0},${sr * tc},${sr * ts}\n      L${tr * tc},${tr * ts}\n    `;\n  };\n}\nexport default function LinkRadialStep(_ref2) {\n  let {\n    className,\n    innerRef,\n    data,\n    path,\n    x = getX,\n    y = getY,\n    source = getSource,\n    target = getTarget,\n    children,\n    ...restProps\n  } = _ref2;\n  const pathGen = path || pathRadialStep({\n    source,\n    target,\n    x,\n    y\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path: pathGen\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-link visx-link-radial-step', className),\n    d: pathGen(data) || '',\n    ...restProps\n  });\n}"],"names":["pathRadialStep","_ref","source","target","x","y","link","sourceData","targetData","sx","sy","tx","ty","sa","sr","ta","tr","sc","ss","tc","ts","sf"],"mappings":";;AAGO,SAASA,EAAeC,GAAM;AACnC,MAAI;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMJ;AACJ,SAAO,CAAAK,MAAQ;AACb,UAAMC,IAAaL,EAAOI,CAAI,GACxBE,IAAaL,EAAOG,CAAI,GACxBG,IAAKL,EAAEG,CAAU,GACjBG,IAAKL,EAAEE,CAAU,GACjBI,IAAKP,EAAEI,CAAU,GACjBI,IAAKP,EAAEG,CAAU,GACjBK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIN,IAAKF,CAAE,IAAI,KAAK,KAAKE,KAAMF,IAAKE,IAAKF;AACzD,WAAO;AAAA,SACFC,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA,SAClBJ,CAAE,IAAIA,CAAE,QAAQO,IAAK,IAAI,CAAC,IAAIP,IAAKK,CAAE,IAAIL,IAAKM,CAAE;AAAA,SAChDJ,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA;AAAA,EAEzB;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es68.js

@@ -1,58 +1,43 @@
-import s from "./visualization.es489.js";
-import u from "./visualization.es490.js";
-import m from "./visualization.es491.js";
-import l from "./visualization.es492.js";
-import _ from "./visualization.es493.js";
-import v from "./visualization.es494.js";
-import y from "./visualization.es495.js";
-import g from "./visualization.es496.js";
-import w from "./visualization.es497.js";
-import B from "./visualization.es498.js";
-import A from "./visualization.es499.js";
-function d(e, t) {
-  var a = new n(e), f = +e.value && (a.value = e.value), o, c = [a], i, h, r, p;
-  for (t == null && (t = x); o = c.pop(); )
-    if (f && (o.value = +o.data.value), (h = t(o.data)) && (p = h.length))
-      for (o.children = new Array(p), r = p - 1; r >= 0; --r)
-        c.push(i = o.children[r] = new n(h[r])), i.parent = o, i.depth = o.depth + 1;
-  return a.eachBefore(D);
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es29.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 {
+    width: t,
+    height: e
+  };
 }
-function k() {
-  return d(this).eachBefore(C);
-}
-function x(e) {
-  return e.children;
-}
-function C(e) {
-  e.data = e.data.data;
-}
-function D(e) {
-  var t = 0;
-  do
-    e.height = t;
-  while ((e = e.parent) && e.height < ++t);
-}
-function n(e) {
-  this.data = e, this.depth = this.height = 0, this.parent = null;
-}
-n.prototype = d.prototype = {
-  constructor: n,
-  count: s,
-  each: u,
-  eachAfter: l,
-  eachBefore: m,
-  sum: _,
-  sort: v,
-  path: y,
-  ancestors: g,
-  descendants: w,
-  leaves: B,
-  links: A,
-  copy: k
+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 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 {
-  n as Node,
-  D as computeHeight,
-  d as default
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es68.js.map