@weng-lab/visualization 2.6.0-beta.1 → 2.6.0

package/dist/visualization.es71.js

@@ -1,21 +1,73 @@
-import g from "./visualization.es72.js";
-import R from "./visualization.es70.js";
-import { squarifyRatio as _, phi as d } from "./visualization.es74.js";
-const k = (function q(l) {
-  function v(i, t, a, m, c) {
-    if ((u = i._squarify) && u.ratio === l)
-      for (var u, e, r, f, h = -1, p, s = u.length, n = i.value; ++h < s; ) {
-        for (e = u[h], r = e.children, f = e.value = 0, p = r.length; f < p; ++f) e.value += r[f].value;
-        e.dice ? g(e, t, a, m, a += (c - a) * e.value / n) : R(e, t, a, t += (m - t) * e.value / n, c), n -= e.value;
-      }
-    else
-      i._squarify = u = _(l, i, t, a, m, c), u.ratio = l;
-  }
-  return v.ratio = function(i) {
-    return q((i = +i) > 1 ? i : 1);
-  }, v;
-})(d);
+import { c as G } from "react/compiler-runtime";
+import { useState as I, useRef as E, useEffect as L } from "react";
+import { rescaleX as J, rescaleY as K } from "./visualization.es18.js";
+import { useStableCallback as N } from "./visualization.es20.js";
+import O from "./visualization.es37.js";
+const tt = ($) => {
+  const t = G(23), {
+    pointData: n,
+    margin: r,
+    xScale: y,
+    yScale: g,
+    onHoveredPointChange: q,
+    tooltipRef: o
+  } = $, [i, b] = I(null), j = E(null);
+  let c;
+  t[0] !== n || t[1] !== i ? (c = i ? n.find((a) => a.x === i.x && a.y === i.y) ?? null : null, t[0] = n, t[1] = i, t[2] = c) : c = t[2];
+  const e = c, s = N(q), C = E(null);
+  let u, f;
+  t[3] !== e || t[4] !== s ? (u = () => {
+    C.current !== e && (C.current = e, s(e));
+  }, f = [e, s], t[3] = e, t[4] = s, t[5] = u, t[6] = f) : (u = t[5], f = t[6]), L(u, f);
+  let d, p;
+  t[7] !== s ? (d = () => () => {
+    C.current !== null && s(null);
+  }, p = [s], t[7] = s, t[8] = d, t[9] = p) : (d = t[8], p = t[9]), L(d, p);
+  let h;
+  t[10] !== r.left || t[11] !== r.top || t[12] !== n || t[13] !== o || t[14] !== y || t[15] !== g ? (h = (a, k) => {
+    if (k.isDragging) {
+      o.current?.hide(), b(null);
+      return;
+    }
+    const S = O(a.currentTarget, a);
+    if (!S)
+      return;
+    const A = S.x - r.left, B = S.y - r.top, {
+      translateX: T,
+      translateY: X,
+      scaleX: Y,
+      scaleY: v
+    } = k.transformMatrix, l = j.current, D = (l && l.pointData === n && l.translateX === T && l.translateY === X && l.scaleX === Y && l.scaleY === v ? l.points : (() => {
+      const P = J(y, T, Y), F = K(g, X, v), w = n.map((H) => ({
+        point: H,
+        x: P(H.x),
+        y: F(H.y)
+      }));
+      return j.current = {
+        pointData: n,
+        translateX: T,
+        translateY: X,
+        scaleX: Y,
+        scaleY: v,
+        points: w
+      }, w;
+    })()).find((P) => Math.abs(A - P.x) < 5 && Math.abs(B - P.y) < 5)?.point ?? null;
+    b(D), D ? o.current?.show(D, a) : o.current?.hide();
+  }, t[10] = r.left, t[11] = r.top, t[12] = n, t[13] = o, t[14] = y, t[15] = g, t[16] = h) : h = t[16];
+  const M = h;
+  let m;
+  t[17] !== o ? (m = () => {
+    o.current?.hide(), b(null);
+  }, t[17] = o, t[18] = m) : m = t[18];
+  const R = m;
+  let x;
+  return t[19] !== R || t[20] !== M || t[21] !== e ? (x = {
+    hoveredPoint: e,
+    handleMouseMove: M,
+    handleMouseLeave: R
+  }, t[19] = R, t[20] = M, t[21] = e, t[22] = x) : x = t[22], x;
+};
 export {
-  k as default
+  tt as useHoverTooltip
 };
 //# sourceMappingURL=visualization.es71.js.map

package/dist/visualization.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es71.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/resquarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\nimport {phi, squarifyRatio} from \"./squarify.js\";\n\nexport default (function custom(ratio) {\n\n  function resquarify(parent, x0, y0, x1, y1) {\n    if ((rows = parent._squarify) && (rows.ratio === ratio)) {\n      var rows,\n          row,\n          nodes,\n          i,\n          j = -1,\n          n,\n          m = rows.length,\n          value = parent.value;\n\n      while (++j < m) {\n        row = rows[j], nodes = row.children;\n        for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;\n        if (row.dice) treemapDice(row, x0, y0, x1, y0 += (y1 - y0) * row.value / value);\n        else treemapSlice(row, x0, y0, x0 += (x1 - x0) * row.value / value, y1);\n        value -= row.value;\n      }\n    } else {\n      parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);\n      rows.ratio = ratio;\n    }\n  }\n\n  resquarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return resquarify;\n})(phi);\n"],"names":["treemapResquarify","custom","ratio","resquarify","parent","x0","y0","x1","y1","rows","row","nodes","i","j","n","m","value","treemapDice","treemapSlice","squarifyRatio","x","phi"],"mappings":";;;AAIA,MAAAA,KAAgB,SAASC,EAAOC,GAAO;AAErC,WAASC,EAAWC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC1C,SAAKC,IAAOL,EAAO,cAAeK,EAAK,UAAUP;AAU/C,eATIO,GACAC,GACAC,GACAC,GACAC,IAAI,IACJC,GACAC,IAAIN,EAAK,QACTO,IAAQZ,EAAO,OAEZ,EAAES,IAAIE,KAAG;AAEd,aADAL,IAAMD,EAAKI,CAAC,GAAGF,IAAQD,EAAI,UACtBE,IAAIF,EAAI,QAAQ,GAAGI,IAAIH,EAAM,QAAQC,IAAIE,GAAG,EAAEF,EAAG,CAAAF,EAAI,SAASC,EAAMC,CAAC,EAAE;AAC5E,QAAIF,EAAI,OAAMO,EAAYP,GAAKL,GAAIC,GAAIC,GAAID,MAAOE,IAAKF,KAAMI,EAAI,QAAQM,CAAK,IACzEE,EAAaR,GAAKL,GAAIC,GAAID,MAAOE,IAAKF,KAAMK,EAAI,QAAQM,GAAOR,CAAE,GACtEQ,KAASN,EAAI;AAAA,MACf;AAAA;AAEA,MAAAN,EAAO,YAAYK,IAAOU,EAAcjB,GAAOE,GAAQC,GAAIC,GAAIC,GAAIC,CAAE,GACrEC,EAAK,QAAQP;AAAA,EAEjB;AAEA,SAAAC,EAAW,QAAQ,SAASiB,GAAG;AAC7B,WAAOnB,GAAQmB,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOjB;AACT,GAAGkB,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es71.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\";\nimport type { PlotTooltipRef } from \"../../../tooltip\";\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     * The plot's tooltip, driven directly rather than through state.\n     *\n     * The pointer position is the tooltip's business alone, and holding it here would re-render\n     * the whole plot on every mousemove across it - thousands of points and every axis - to move\n     * a box that renders itself. Only the hovered point is state, and that changes on entering\n     * and leaving a point rather than on every move.\n     */\n    tooltipRef: PlotTooltipRef<Point<T>>;\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    tooltipRef,\n}: UseHoverTooltipProps<T>) => {\n    const [tooltipData, setTooltipData] = useState<Point<T> | null>(null);\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            tooltipRef.current?.hide();\n            setTooltipData(null);\n            return;\n        }\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        // React bails out when the point is unchanged, so this only re-renders the plot when the\n        // cursor enters or leaves one. The tooltip follows the cursor through its own ref\n        // instead, which re-renders nothing but the tooltip.\n        setTooltipData(nextHoveredPoint);\n        if (nextHoveredPoint) tooltipRef.current?.show(nextHoveredPoint, event);\n        else tooltipRef.current?.hide();\n    }, [margin.left, margin.top, pointData, xScale, yScale, tooltipRef]);\n\n    const handleMouseLeave = useCallback(() => {\n        tooltipRef.current?.hide();\n        setTooltipData(null);\n    }, [tooltipRef]);\n\n    return { hoveredPoint, handleMouseMove, handleMouseLeave };\n};\n"],"names":["useHoverTooltip","t0","$","_c","pointData","margin","xScale","yScale","onHoveredPointChange","tooltipRef","tooltipData","setTooltipData","useState","transformedPointCacheRef","useRef","t1","find","point","x","y","hoveredPoint","publishHoverChange","useStableCallback","publishedPointRef","t2","t3","current","useEffect","t4","t5","t6","left","top","event","zoom","isDragging","hide","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","show","handleMouseMove","t7","handleMouseLeave","t8"],"mappings":"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"}

package/dist/visualization.es72.js

@@ -1,8 +1,84 @@
-function h(l, a, u, d, o) {
-  for (var i = l.children, e, n = -1, v = i.length, c = l.value && (d - a) / l.value; ++n < v; )
-    e = i[n], e.y0 = u, e.y1 = o, e.x0 = a, e.x1 = a += e.value * c;
-}
+import { 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.es18.js";
+import { useStableCallback as B } from "./visualization.es20.js";
+import D from "./visualization.es37.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 {
-  h as default
+  O as useCrosshair
 };
 //# sourceMappingURL=visualization.es72.js.map

package/dist/visualization.es72.js.map

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

@@ -1,30 +1,43 @@
-function D(B, b, q, z, C) {
-  var o = B.children, u, p = o.length, L, a = new Array(p + 1);
-  for (a[0] = L = u = 0; u < p; ++u)
-    a[u + 1] = L += o[u].value;
-  n(0, p, B.value, b, q, z, C);
-  function n(e, i, h, t, f, v, l) {
-    if (e >= i - 1) {
-      var c = o[e];
-      c.x0 = t, c.y0 = f, c.x1 = v, c.y1 = l;
-      return;
-    }
-    for (var O = a[e], w = h / 2 + O, r = e + 1, m = i - 1; r < m; ) {
-      var A = r + m >>> 1;
-      a[A] < w ? r = A + 1 : m = A;
-    }
-    w - a[r - 1] < a[r] - w && e + 1 < r && --r;
-    var s = a[r] - O, g = h - s;
-    if (v - t > l - f) {
-      var R = (t * g + v * s) / h;
-      n(e, r, s, t, f, R, l), n(r, i, g, R, f, v, l);
-    } else {
-      var T = (f * g + l * s) / h;
-      n(e, r, s, t, f, v, T), n(r, i, g, t, T, v, l);
-    }
-  }
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es30.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
+  };
+}
+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 {
-  D as default
+  W as default,
+  G as legendDimensions
 };
 //# sourceMappingURL=visualization.es73.js.map

package/dist/visualization.es73.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es73.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/binary.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      i, n = nodes.length,\n      sum, sums = new Array(n + 1);\n\n  for (sums[0] = sum = i = 0; i < n; ++i) {\n    sums[i + 1] = sum += nodes[i].value;\n  }\n\n  partition(0, n, parent.value, x0, y0, x1, y1);\n\n  function partition(i, j, value, x0, y0, x1, y1) {\n    if (i >= j - 1) {\n      var node = nodes[i];\n      node.x0 = x0, node.y0 = y0;\n      node.x1 = x1, node.y1 = y1;\n      return;\n    }\n\n    var valueOffset = sums[i],\n        valueTarget = (value / 2) + valueOffset,\n        k = i + 1,\n        hi = j - 1;\n\n    while (k < hi) {\n      var mid = k + hi >>> 1;\n      if (sums[mid] < valueTarget) k = mid + 1;\n      else hi = mid;\n    }\n\n    if ((valueTarget - sums[k - 1]) < (sums[k] - valueTarget) && i + 1 < k) --k;\n\n    var valueLeft = sums[k] - valueOffset,\n        valueRight = value - valueLeft;\n\n    if ((x1 - x0) > (y1 - y0)) {\n      var xk = (x0 * valueRight + x1 * valueLeft) / value;\n      partition(i, k, valueLeft, x0, y0, xk, y1);\n      partition(k, j, valueRight, xk, y0, x1, y1);\n    } else {\n      var yk = (y0 * valueRight + y1 * valueLeft) / value;\n      partition(i, k, valueLeft, x0, y0, x1, yk);\n      partition(k, j, valueRight, x0, yk, x1, y1);\n    }\n  }\n}\n"],"names":["treemapBinary","parent","x0","y0","x1","y1","nodes","i","n","sum","sums","partition","j","value","node","valueOffset","valueTarget","k","hi","mid","valueLeft","valueRight","xk","yk"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC9C,MAAIC,IAAQL,EAAO,UACfM,GAAGC,IAAIF,EAAM,QACbG,GAAKC,IAAO,IAAI,MAAMF,IAAI,CAAC;AAE/B,OAAKE,EAAK,CAAC,IAAID,IAAMF,IAAI,GAAGA,IAAIC,GAAG,EAAED;AACnC,IAAAG,EAAKH,IAAI,CAAC,IAAIE,KAAOH,EAAMC,CAAC,EAAE;AAGhC,EAAAI,EAAU,GAAGH,GAAGP,EAAO,OAAOC,GAAIC,GAAIC,GAAIC,CAAE;AAE5C,WAASM,EAAUJ,GAAGK,GAAGC,GAAOX,GAAIC,GAAIC,GAAIC,GAAI;AAC9C,QAAIE,KAAKK,IAAI,GAAG;AACd,UAAIE,IAAOR,EAAMC,CAAC;AAClB,MAAAO,EAAK,KAAKZ,GAAIY,EAAK,KAAKX,GACxBW,EAAK,KAAKV,GAAIU,EAAK,KAAKT;AACxB;AAAA,IACF;AAOA,aALIU,IAAcL,EAAKH,CAAC,GACpBS,IAAeH,IAAQ,IAAKE,GAC5BE,IAAIV,IAAI,GACRW,IAAKN,IAAI,GAENK,IAAIC,KAAI;AACb,UAAIC,IAAMF,IAAIC,MAAO;AACrB,MAAIR,EAAKS,CAAG,IAAIH,IAAaC,IAAIE,IAAM,IAClCD,IAAKC;AAAA,IACZ;AAEA,IAAKH,IAAcN,EAAKO,IAAI,CAAC,IAAMP,EAAKO,CAAC,IAAID,KAAgBT,IAAI,IAAIU,KAAG,EAAEA;AAE1E,QAAIG,IAAYV,EAAKO,CAAC,IAAIF,GACtBM,IAAaR,IAAQO;AAEzB,QAAKhB,IAAKF,IAAOG,IAAKF,GAAK;AACzB,UAAImB,KAAMpB,IAAKmB,IAAajB,IAAKgB,KAAaP;AAC9C,MAAAF,EAAUJ,GAAGU,GAAGG,GAAWlB,GAAIC,GAAImB,GAAIjB,CAAE,GACzCM,EAAUM,GAAGL,GAAGS,GAAYC,GAAInB,GAAIC,GAAIC,CAAE;AAAA,IAC5C,OAAO;AACL,UAAIkB,KAAMpB,IAAKkB,IAAahB,IAAKe,KAAaP;AAC9C,MAAAF,EAAUJ,GAAGU,GAAGG,GAAWlB,GAAIC,GAAIC,GAAImB,CAAE,GACzCZ,EAAUM,GAAGL,GAAGS,GAAYnB,GAAIqB,GAAInB,GAAIC,CAAE;AAAA,IAC5C;AAAA,EACF;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es73.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}

package/dist/visualization.es74.js

@@ -1,34 +1,84 @@
-import S from "./visualization.es72.js";
-import g from "./visualization.es70.js";
-var k = (1 + Math.sqrt(5)) / 2;
-function D(w, d, i, a, l, f) {
-  for (var p = [], t = d.children, v, u, q = 0, r = 0, M = t.length, m, c, o = d.value, e, h, s, V, R, b, n; q < M; ) {
-    m = l - i, c = f - a;
-    do
-      e = t[r++].value;
-    while (!e && r < M);
-    for (h = s = e, b = Math.max(c / m, m / c) / (o * w), n = e * e * b, R = Math.max(s / n, n / h); r < M; ++r) {
-      if (e += u = t[r].value, u < h && (h = u), u > s && (s = u), n = e * e * b, V = Math.max(s / n, n / h), V > R) {
-        e -= u;
-        break;
-      }
-      R = V;
-    }
-    p.push(v = { value: e, dice: m < c, children: t.slice(q, r) }), v.dice ? S(v, i, a, l, o ? a += c * e / o : f) : g(v, i, a, o ? i += m * e / o : l, f), o -= e, q = r;
-  }
-  return p;
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { c as b } from "react/compiler-runtime";
+import { useState as S, useImperativeHandle as v } from "react";
+import _ from "./visualization.es50.js";
+const H = (t) => {
+  const e = b(10), {
+    multiSeries: d,
+    tooltipBody: i,
+    ref: h
+  } = t;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    open: !1
+  }, e[0] = r) : r = e[0];
+  const [p, u] = S(r);
+  let s;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
+    show: (g, x, y) => u({
+      open: !0,
+      data: g,
+      left: x,
+      top: y
+    }),
+    hide: () => u(j)
+  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
+    return null;
+  const {
+    data: o,
+    left: f,
+    top: m
+  } = p;
+  let l;
+  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
+    fontSize: 12
+  }, children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Range:" }),
+      " ",
+      o.x0.toFixed(2),
+      ", ",
+      o.x1.toFixed(2)
+    ] }),
+    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Count:" }),
+      " ",
+      o.count
+    ] })
+  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
+  let a;
+  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
+};
+function j(t) {
+  return {
+    ...t,
+    open: !1
+  };
+}
+function k(t) {
+  return /* @__PURE__ */ n("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 4
+  }, children: [
+    /* @__PURE__ */ c("span", { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 2,
+      backgroundColor: t.color,
+      display: "inline-block"
+    } }),
+    /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ n("strong", { children: [
+        t.label,
+        ":"
+      ] }),
+      " ",
+      t.count
+    ] })
+  ] }, t.label);
 }
-const A = (function w(d) {
-  function i(a, l, f, p, t) {
-    D(d, a, l, f, p, t);
-  }
-  return i.ratio = function(a) {
-    return w((a = +a) > 1 ? a : 1);
-  }, i;
-})(k);
 export {
-  A as default,
-  k as phi,
-  D as squarifyRatio
+  H as default
 };
 //# sourceMappingURL=visualization.es74.js.map

package/dist/visualization.es74.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es74.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/squarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n"],"names":["phi","squarifyRatio","ratio","parent","x0","y0","x1","y1","rows","nodes","row","nodeValue","i0","i1","n","dx","dy","value","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","treemapDice","treemapSlice","treemapSquarify","custom","squarify","x"],"mappings":";;AAGU,IAACA,KAAO,IAAI,KAAK,KAAK,CAAC,KAAK;AAE/B,SAASC,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAkB3D,WAjBIC,IAAO,CAAA,GACPC,IAAQN,EAAO,UACfO,GACAC,GACAC,IAAK,GACLC,IAAK,GACLC,IAAIL,EAAM,QACVM,GAAIC,GACJC,IAAQd,EAAO,OACfe,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEGZ,IAAKE,KAAG;AACb,IAAAC,IAAKT,IAAKF,GAAIY,IAAKT,IAAKF;AAGxB;AAAG,MAAAa,IAAWT,EAAMI,GAAI,EAAE;AAAA,WAAc,CAACK,KAAYL,IAAKC;AAO1D,SANAK,IAAWC,IAAWF,GACtBK,IAAQ,KAAK,IAAIP,IAAKD,GAAIA,IAAKC,CAAE,KAAKC,IAAQf,IAC9CsB,IAAON,IAAWA,IAAWK,GAC7BD,IAAW,KAAK,IAAIF,IAAWI,GAAMA,IAAOL,CAAQ,GAG7CN,IAAKC,GAAG,EAAED,GAAI;AAMnB,UALAK,KAAYP,IAAYF,EAAMI,CAAE,EAAE,OAC9BF,IAAYQ,MAAUA,IAAWR,IACjCA,IAAYS,MAAUA,IAAWT,IACrCa,IAAON,IAAWA,IAAWK,GAC7BF,IAAW,KAAK,IAAID,IAAWI,GAAMA,IAAOL,CAAQ,GAChDE,IAAWC,GAAU;AAAE,QAAAJ,KAAYP;AAAW;AAAA,MAAO;AACzD,MAAAW,IAAWD;AAAA,IACb;AAGA,IAAAb,EAAK,KAAKE,IAAM,EAAC,OAAOQ,GAAU,MAAMH,IAAKC,GAAI,UAAUP,EAAM,MAAMG,GAAIC,CAAE,EAAC,CAAC,GAC3EH,EAAI,OAAMe,EAAYf,GAAKN,GAAIC,GAAIC,GAAIW,IAAQZ,KAAMW,IAAKE,IAAWD,IAAQV,CAAE,IAC9EmB,EAAahB,GAAKN,GAAIC,GAAIY,IAAQb,KAAMW,IAAKG,IAAWD,IAAQX,GAAIC,CAAE,GAC3EU,KAASC,GAAUN,IAAKC;AAAA,EAC1B;AAEA,SAAOL;AACT;AAEA,MAAAmB,KAAgB,SAASC,EAAO1B,GAAO;AAErC,WAAS2B,EAAS1B,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AACxC,IAAAN,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAC7C;AAEA,SAAAsB,EAAS,QAAQ,SAASC,GAAG;AAC3B,WAAOF,GAAQE,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOD;AACT,GAAG7B,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es74.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":";;;;AAeA,MAAMA,IAAmBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,KAAAA;AAAAA,EAAAA,IAAAL;AAAwD,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC0BF,IAAA;AAAA,IAAAG,MAAQ;AAAA,EAAA,GAAOR,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAvH,QAAA,CAAAS,GAAAC,CAAA,IAA0BC,EAA8EN,CAAe;AAAE,MAAAO;AAOzH,MAPyHZ,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEhGK,IAAAA,OAAO;AAAA,IAAAC,MACtBA,CAAAC,GAAAC,GAAAC,MAAoBN,EAAS;AAAA,MAAAF,MAAQ;AAAA,MAAIS,MAAQH;AAAAA,MAAGC,MAAAA;AAAAA,MAAAC,KAAAA;AAAAA,IAAAA,CAAa;AAAA,IAACE,MAClEA,MAAMR,EAASS,CAA8B;AAAA,EAAA,IACrDnB,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GAHFoB,EAAoBhB,GAAKQ,CAGvB,GAEE,CAACH,EAAKD,QAAN,CAAgBC,EAAKQ;AAAK,WAAS;AAEvC,QAAA;AAAA,IAAAA,MAAAA;AAAAA,IAAAF,MAAAM;AAAAA,IAAAL,KAAAM;AAAAA,EAAAA,IAA4Bb;AAAM,MAAAc;AAAA,EAAAvB,EAAA,CAAA,MAAAiB,KAAAjB,SAAAE,KAAAF,EAAA,CAAA,MAAAG,KAIzBoB,IAAApB,IACGA,EAAYc,CAiBhB,IAfI,gBAAAO,EAAA,SAAY,OAAA;AAAA,IAAAC,UAAY;AAAA,EAAA,GACpB,UAAA;AAAA,IAAA,gBAAAD,EAAA,OAAA,EACI,UAAA;AAAA,MAAA,gBAAAE,EAAA,YAAQ,UAAA,SAAA,CAAM;AAAA,MAAS;AAAA,MAAET,EAAIU,GAAGC,QAAS,CAAC;AAAA,MAAE;AAAA,MAAGX,EAAIY,GAAGD,QAAS,CAAC;AAAA,IAAA,GACpE;AAAA,IACC1B,IACGe,EAAIa,OAAOC,IAAKC,CAQpB,sBADI,OAAA,EAAK,UAAA;AAAA,MAAA,gBAAAN,EAAA,YAAQ,UAAA,SAAA,CAAM;AAAA,MAAS;AAAA,MAAET,EAAIgB;AAAAA,IAAAA,EAAAA,CAAO;AAAA,EAAA,GAEjD,GACHjC,OAAAiB,GAAAjB,OAAAE,GAAAF,OAAAG,GAAAH,OAAAuB,KAAAA,IAAAvB,EAAA,CAAA;AAAA,MAAAkC;AAAA,SAAAlC,EAAA,CAAA,MAAAqB,KAAArB,SAAAuB,KAAAvB,EAAA,CAAA,MAAAsB,KAnBLY,sBAACC,GAAA,EAAwBpB,MAAAA,GAAWC,KAAAA,GAC/BO,UAAAA,GAmBL,GAAoBvB,OAAAqB,GAAArB,OAAAuB,GAAAvB,OAAAsB,GAAAtB,OAAAkC,KAAAA,IAAAlC,EAAA,CAAA,GApBpBkC;AAoBoB;AAjCH,SAAAf,EAAAiB,GAAA;AAAA,SAKY;AAAA,IAAA,GAAKA;AAAAA,IAAC5B,MAAQ;AAAA,EAAA;AAAO;AALjC,SAAAwB,EAAAK,GAAA;AAAA,SAuBG,gBAAAb,EAAA,SAA0B,OAAA;AAAA,IAAAc,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GACpE,UAAA;AAAA,IAAA,gBAAAd,EAAA,UAAa,OAAA;AAAA,MAAAe,OAAS;AAAA,MAACC,QAAU;AAAA,MAACC,cAAgB;AAAA,MAACC,iBAAmBR,EAACS;AAAAA,MAAMP,SAAW;AAAA,IAAA,GAAgB;AAAA,gCAClG,UAAA;AAAA,MAAA,gBAAAd,EAAA,UAAA,EAASY,UAAAA;AAAAA,QAAAA,EAACU;AAAAA,QAAO;AAAA,MAAA,GAAC;AAAA,MAAS;AAAA,MAAEV,EAACH;AAAAA,IAAAA,EAAAA,CAAO;AAAA,EAAA,EAAA,GAFrCG,EAACU,KAGX;AAAM;"}

package/dist/visualization.es75.js

@@ -1,11 +1,49 @@
-import o from "./visualization.es234.js";
-import { jsx as t } from "react/jsx-runtime";
-function f(r) {
-  return /* @__PURE__ */ t(o, {
-    ...r
+import { jsx as g } from "react/jsx-runtime";
+import { memo as X, useState as v } from "react";
+import { getAnimationProps as w } from "./visualization.es26.js";
+import { motion as x } from "./visualization.es31.js";
+import B from "./visualization.es109.js";
+const E = X(({
+  bin: r,
+  x: p,
+  barWidth: l,
+  yScale: n,
+  animationType: c,
+  binIndex: f,
+  svgRef: i,
+  tooltipRef: s,
+  onBarClicked: u
+}) => {
+  const [h, m] = v(!1), d = c ? x.g : "g", M = w(c, f);
+  let a = 0;
+  const Y = r.series.map((t, e) => {
+    const o = a;
+    return a += t.count, {
+      s: t,
+      si: e,
+      segY: n(o + t.count),
+      segHeight: Math.max(n(o) - n(o + t.count), 0)
+    };
   });
-}
+  return /* @__PURE__ */ g(d, { ...M, onMouseEnter: (t) => {
+    m(!0);
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseMove: (t) => {
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseLeave: () => {
+    m(!1), s.current?.hide();
+  }, children: Y.map(({
+    s: t,
+    si: e,
+    segY: o,
+    segHeight: H
+  }) => /* @__PURE__ */ g(B, { x: p, y: o, width: l, height: H, fill: t.color, opacity: 0.85, stroke: h ? "#000000" : "none", style: {
+    cursor: u ? "pointer" : "default"
+  }, onClick: () => u?.(r) }, `seg-${e}`)) });
+});
 export {
-  f as default
+  E as default
 };
 //# sourceMappingURL=visualization.es75.js.map

package/dist/visualization.es75.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es75.js","sources":["../../../node_modules/.pnpm/@visx+legend@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/legend/esm/legends/Ordinal.js"],"sourcesContent":["import Legend from \"./Legend/index.js\"; // eslint-disable-next-line @typescript-eslint/no-explicit-any\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** Ordinal scales map from strings to an Output type. */\nexport default function Ordinal(props) {\n  return /*#__PURE__*/_jsx(Legend, {\n    ...props\n  });\n}"],"names":["Ordinal","props","_jsx","Legend"],"mappings":";;AAGe,SAASA,EAAQC,GAAO;AACrC,SAAoBC,gBAAAA,EAAKC,GAAQ;AAAA,IAC/B,GAAGF;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es75.js","sources":["../src/components/Histogram/HistogramBar.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\nimport { Bar } from '@visx/shape';\nimport { motion } from 'framer-motion';\nimport { getAnimationProps, AnimationType } from '../../utility';\nimport { HistogramBin } from './types';\nimport { HistogramTooltipHandle } from './HistogramTooltip';\n\nexport interface HistogramBarProps {\n    bin: HistogramBin;\n    x: number;\n    barWidth: number;\n    yScale: (v: number) => number;\n    animationType?: AnimationType;\n    binIndex: number;\n    svgRef: React.RefObject<SVGSVGElement | null>;\n    tooltipRef: React.RefObject<HistogramTooltipHandle | null>;\n    onBarClicked?: (bin: HistogramBin) => void;\n}\n\n//memoize so that entire chart doesnt re-render on hover, just the hovered bar\nconst HistogramBar = memo(({ bin, x, barWidth, yScale, animationType, binIndex, svgRef, tooltipRef, onBarClicked }: HistogramBarProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const Wrapper = animationType ? motion.g : 'g';\n    const animProps = getAnimationProps(animationType, binIndex);\n\n    let totCount = 0;\n    const segments = bin.series.map((s, si) => {\n        const start = totCount;\n        totCount += s.count;\n        return { s, si, segY: yScale(start + s.count), segHeight: Math.max(yScale(start) - yScale(start + s.count), 0) };\n    });\n\n    return (\n        <Wrapper\n            {...animProps}\n            onMouseEnter={(e: React.MouseEvent) => {\n                setIsHovered(true);\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseMove={(e: React.MouseEvent) => {\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseLeave={() => {\n                setIsHovered(false);\n                tooltipRef.current?.hide();\n            }}\n        >\n            {segments.map(({ s, si, segY, segHeight }) => (\n                <Bar\n                    key={`seg-${si}`}\n                    x={x}\n                    y={segY}\n                    width={barWidth}\n                    height={segHeight}\n                    fill={s.color}\n                    opacity={0.85}\n                    stroke={isHovered ? '#000000' : 'none'}\n                    style={{ cursor: onBarClicked ? 'pointer' : 'default' }}\n                    onClick={() => onBarClicked?.(bin)}\n                />\n            ))}\n        </Wrapper>\n    );\n});\n\nexport default HistogramBar;\n"],"names":["HistogramBar","memo","bin","x","barWidth","yScale","animationType","binIndex","svgRef","tooltipRef","onBarClicked","isHovered","setIsHovered","useState","Wrapper","motion","g","animProps","getAnimationProps","totCount","segments","series","map","s","si","start","count","segY","segHeight","Math","max","e","rect","current","getBoundingClientRect","show","clientX","left","pageX","clientY","top","pageY","hide","jsx","Bar","color","cursor"],"mappings":";;;;;AAoBA,MAAMA,IAAeC,EAAK,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,GAAAA;AAAAA,EAAGC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,eAAAA;AAAAA,EAAeC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,YAAAA;AAAAA,EAAYC,cAAAA;AAAgC,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAUR,IAAgBS,EAAOC,IAAI,KACrCC,IAAYC,EAAkBZ,GAAeC,CAAQ;AAE3D,MAAIY,IAAW;AACf,QAAMC,IAAWlB,EAAImB,OAAOC,IAAI,CAACC,GAAGC,MAAO;AACvC,UAAMC,IAAQN;AACdA,WAAAA,KAAYI,EAAEG,OACP;AAAA,MAAEH,GAAAA;AAAAA,MAAGC,IAAAA;AAAAA,MAAIG,MAAMtB,EAAOoB,IAAQF,EAAEG,KAAK;AAAA,MAAGE,WAAWC,KAAKC,IAAIzB,EAAOoB,CAAK,IAAIpB,EAAOoB,IAAQF,EAAEG,KAAK,GAAG,CAAC;AAAA,IAAA;AAAA,EACjH,CAAC;AAED,2BACKZ,GAAA,EACG,GAAIG,GACJ,cAAc,CAACc,MAAwB;AACnCnB,IAAAA,EAAa,EAAI;AACjB,UAAMoB,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,aAAa,CAACV,MAAwB;AAClC,UAAMC,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,cAAc,MAAM;AAChB7B,IAAAA,EAAa,EAAK,GAClBH,EAAWwB,SAASS,KAAAA;AAAAA,EACxB,GAECtB,UAAAA,EAASE,IAAI,CAAC;AAAA,IAAEC,GAAAA;AAAAA,IAAGC,IAAAA;AAAAA,IAAIG,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAAA,MAC1B,gBAAAe,EAACC,GAAA,EAEG,GAAAzC,GACA,GAAGwB,GACH,OAAOvB,GACP,QAAQwB,GACR,MAAML,EAAEsB,OACR,SAAS,MACT,QAAQlC,IAAY,YAAY,QAChC,OAAO;AAAA,IAAEmC,QAAQpC,IAAe,YAAY;AAAA,EAAA,GAC5C,SAAS,MAAMA,IAAeR,CAAG,KAT5B,OAAOsB,CAAE,EASqB,CAE1C,GACL;AAER,CAAC;"}