@weng-lab/visualization 2.4.2 → 2.5.0

package/dist/visualization.es13.js

@@ -1,107 +1,84 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useMemo as y, useRef as I } from "react";
-import { Typography as g, LinearProgress as C, Table as D, TableBody as F, TableRow as H, TableCell as p } from "@mui/material";
-import { sortObjectByValueDesc as V } from "./visualization.es16.js";
-import W from "./visualization.es23.js";
-import q from "./visualization.es22.js";
-import A from "./visualization.es35.js";
-import E from "./visualization.es34.js";
-import G from "./visualization.es87.js";
-import { defaultStyles as J } from "./visualization.es47.js";
-import K from "./visualization.es88.js";
-const ro = ({
-  data: l,
-  tooltipTitle: b,
-  label: d,
-  loading: T = !1,
-  sortDescending: h = !1,
-  getColor: s,
-  formatLabel: u,
-  style: v
-}) => {
-  const {
-    containerRef: x,
-    TooltipInPortal: S
-  } = W({
-    scroll: !0,
-    detectBounds: !0
-  }), t = y(() => l ? h ? V(l) : l : null, [l, h]), P = S, {
-    tooltipLeft: j,
-    tooltipTop: B,
-    tooltipOpen: O,
-    showTooltip: R,
-    hideTooltip: k
-  } = q(), f = t ? Object.values(t).reduce((o, r) => o + r, 0) : 0, a = I(null), c = a?.current ? a.current.offsetWidth : 0, w = A({
-    domain: [0, f],
-    range: [0, c]
-  }), L = E({
-    domain: [""],
-    range: [0, 0]
-  }), M = (o) => {
-    const r = K(o, o);
-    r && R({
-      tooltipLeft: r.x,
-      tooltipTop: r.y
-    });
-  }, z = y(() => ({
-    data: t ? [t] : [],
-    keys: t ? Object.keys(t) : [],
-    color: s
-  }), [t, s]), n = 10;
-  return /* @__PURE__ */ i("div", { style: {
-    ...v
-  }, ref: a, children: [
-    d && /* @__PURE__ */ e(g, { variant: "caption", children: d }),
-    T ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ i("div", { style: {
-      position: "relative"
-    }, children: [
-      /* @__PURE__ */ e("svg", { width: c, height: 4, style: {
-        display: "block"
-      }, children: /* @__PURE__ */ e(G, { ...z, xScale: w, yScale: L, y: () => "", height: 4 }) }),
-      /* @__PURE__ */ e("div", { ref: x, style: {
-        position: "absolute",
-        left: -n,
-        top: -n,
-        width: c + n * 2,
-        height: 4 + n * 2,
-        zIndex: 2,
-        background: "transparent"
-      }, onMouseMove: (o) => M(o), onMouseLeave: k })
-    ] }),
-    O && t && /* @__PURE__ */ i(P, { top: B, left: j, style: {
-      zIndex: 1e3,
-      ...J
-    }, children: [
-      /* @__PURE__ */ e(g, { children: b }),
-      /* @__PURE__ */ e(D, { size: "small", children: /* @__PURE__ */ e(F, { sx: {
-        "& tr:last-of-type td, & tr:last-of-type th": {
-          border: 0
-        }
-      }, children: Object.keys(t).map((o, r) => {
-        const m = t[o];
-        return /* @__PURE__ */ i(H, { children: [
-          /* @__PURE__ */ i(p, { children: [
-            /* @__PURE__ */ e("span", { style: {
-              display: "inline-block",
-              width: 12,
-              height: 12,
-              marginRight: 6,
-              borderRadius: "50%",
-              backgroundColor: s(o)
-            } }),
-            u ? u(o) : o
-          ] }),
-          /* @__PURE__ */ e(p, { align: "right", children: m }),
-          /* @__PURE__ */ i(p, { align: "right", children: [
-            (m / f * 100).toFixed(2),
-            "%"
-          ] })
-        ] }, r);
-      }) }) })
-    ] })
-  ] });
+import { jsx as T } from "react/jsx-runtime";
+import { c as x } from "react/compiler-runtime";
+import { memo as P, useState as y, useImperativeHandle as z, useRef as M } from "react";
+import O, { defaultStyles as A } from "./visualization.es31.js";
+import E from "./visualization.es29.js";
+const R = 10, w = 8, v = (o, e, a) => {
+  const s = o + R, n = o - R - e, t = s + e > a - w && n >= w ? n : s;
+  return Math.max(w, Math.min(t, a - e - w));
+}, L = () => {
+  const o = x(3), [e, a] = y(null), s = M(null);
+  let n;
+  o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = (m) => {
+    if (s.current?.disconnect(), s.current = null, !m)
+      return;
+    const p = () => {
+      const {
+        width: f,
+        height: c
+      } = m.getBoundingClientRect();
+      a((i) => i && i.width === f && i.height === c ? i : {
+        width: f,
+        height: c
+      });
+    };
+    p();
+    const l = new ResizeObserver(p);
+    l.observe(m), s.current = l;
+  }, o[0] = n) : n = o[0];
+  const r = n;
+  let t;
+  return o[1] !== e ? (t = [r, e], o[1] = e, o[2] = t) : t = o[2], t;
 };
+function $(o) {
+  const e = x(20), {
+    ref: a,
+    children: s,
+    zIndex: n
+  } = o;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    open: !1,
+    left: 0,
+    top: 0
+  }, e[0] = r) : r = e[0];
+  const [t, m] = y(r), [p, l] = L();
+  let f, c;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => ({
+    show: (I, b) => m({
+      open: !0,
+      data: I,
+      left: b.clientX,
+      top: b.clientY
+    }),
+    hide: () => m(F)
+  }), c = [], e[1] = f, e[2] = c) : (f = e[1], c = e[2]), z(a, f, c), !t.open || t.data === void 0)
+    return null;
+  let i;
+  e[3] !== l || e[4] !== t.left ? (i = l ? v(t.left, l.width, window.innerWidth) : t.left + R, e[3] = l, e[4] = t.left, e[5] = i) : i = e[5];
+  const S = i;
+  let h;
+  e[6] !== l || e[7] !== t.top ? (h = l ? v(t.top, l.height, window.innerHeight) : t.top + R, e[6] = l, e[7] = t.top, e[8] = h) : h = e[8];
+  const _ = h;
+  let d;
+  e[9] !== n ? (d = {
+    ...A,
+    position: "fixed",
+    zIndex: n
+  }, e[9] = n, e[10] = d) : d = e[10];
+  let u;
+  e[11] !== s || e[12] !== t.data ? (u = s(t.data), e[11] = s, e[12] = t.data, e[13] = u) : u = e[13];
+  let g;
+  return e[14] !== S || e[15] !== p || e[16] !== d || e[17] !== u || e[18] !== _ ? (g = /* @__PURE__ */ T(E, { children: /* @__PURE__ */ T(O, { ref: p, left: S, top: _, offsetLeft: 0, offsetTop: 0, style: d, children: u }) }), e[14] = S, e[15] = p, e[16] = d, e[17] = u, e[18] = _, e[19] = g) : g = e[19], g;
+}
+function F(o) {
+  return o.open ? {
+    ...o,
+    open: !1
+  } : o;
+}
+const C = P($);
 export {
-  ro as ProportionsBar
+  C as default
 };
 //# sourceMappingURL=visualization.es13.js.map

package/dist/visualization.es13.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es13.js","sources":["../src/components/ProportionsBar/ProportionsBar.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { BarStackHorizontal } from \"@visx/shape\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { useTooltip, defaultStyles, useTooltipInPortal, TooltipInPortalProps } from \"@visx/tooltip\";\nimport { localPoint } from \"@visx/event\";\nimport { LinearProgress, Table, TableBody, TableCell, TableRow, Typography } from \"@mui/material\";\nimport { ProportionsBarProps } from \"./types\";\nimport { sortObjectByValueDesc } from \"./helpers\";\n\nexport const ProportionsBar = <K extends string>({\n  data,\n  tooltipTitle,\n  label,\n  loading = false,\n  sortDescending = false,\n  getColor,\n  formatLabel,\n  style,\n}: ProportionsBarProps<K>) => {\n  const { containerRef, TooltipInPortal } = useTooltipInPortal({\n    scroll: true,\n    detectBounds: true,\n  });\n\n  const plotData = useMemo(() => {\n    if (!data) return null\n    return sortDescending ? sortObjectByValueDesc(data) : data\n  }, [data, sortDescending]);\n\n  //Fix weird type error on build\n  //Type error: 'TooltipInPortal' cannot be used as a JSX component.\n  const TooltipComponent = TooltipInPortal as unknown as React.FC<TooltipInPortalProps>;\n\n  const { tooltipLeft, tooltipTop, tooltipOpen, showTooltip, hideTooltip } = useTooltip();\n\n  const totalCount = plotData ? (Object.values(plotData) as number[]).reduce((prev, curr) => prev + curr, 0) : 0;\n\n  const outerDivRef = useRef<HTMLDivElement>(null)\n\n  const width = outerDivRef?.current ? outerDivRef.current.offsetWidth : 0\n\n  const barLengthScale = scaleLinear<number>({\n    domain: [0, totalCount],\n    range: [0, width],\n  });\n\n  //Not actually using since this is only a single bar\n  const uselessScale = scaleBand<string>({\n    domain: [\"\"],\n    range: [0, 0],\n  });\n\n  const handleMouseOver = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    const coords = localPoint(event, event);\n    if (!coords) return\n    showTooltip({\n      tooltipLeft: coords.x,\n      tooltipTop: coords.y,\n    });\n  };\n\n  const sharedProps = useMemo(\n    () => ({\n      data: plotData ? [plotData] : [],\n      keys: plotData ? (Object.keys(plotData) as K[]) : [],\n      color: getColor,\n    }),\n    [plotData, getColor]\n  );\n\n  const hitboxPadding = 10;\n\n  return (\n    <div style={{ ...style }} ref={outerDivRef}>\n      {label && <Typography variant=\"caption\">{label}</Typography>}\n      {loading ? (\n        <LinearProgress />\n      ) : (\n        <div style={{ position: \"relative\" }}>\n          <svg width={width} height={4} style={{ display: \"block\" }}>\n            <BarStackHorizontal\n              {...sharedProps}\n              xScale={barLengthScale}\n              yScale={uselessScale}\n              y={() => \"\"}\n              height={4}\n            />\n          </svg>\n          <div\n            ref={containerRef}\n            style={{\n              position: \"absolute\",\n              left: -hitboxPadding,\n              top: -hitboxPadding,\n              width: width + hitboxPadding * 2,\n              height: 4 + hitboxPadding * 2,\n              zIndex: 2,\n              background: \"transparent\",\n            }}\n            onMouseMove={(e) => handleMouseOver(e)}\n            onMouseLeave={hideTooltip}\n          />\n        </div>\n      )}\n      {tooltipOpen && plotData && (\n        <TooltipComponent top={tooltipTop} left={tooltipLeft} style={{ zIndex: 1000, ...defaultStyles }}>\n          <Typography>{tooltipTitle}</Typography>\n          <Table size=\"small\">\n            <TableBody\n              sx={{\n                \"& tr:last-of-type td, & tr:last-of-type th\": {\n                  border: 0,\n                },\n              }}\n            >\n              {(Object.keys(plotData) as K[]).map((key, i) => {\n                const value = plotData[key];\n                return (\n                  <TableRow key={i}>\n                    <TableCell>\n                      <span\n                        style={{\n                          display: \"inline-block\",\n                          width: 12,\n                          height: 12,\n                          marginRight: 6,\n                          borderRadius: \"50%\",\n                          backgroundColor: getColor(key),\n                        }}\n                      />\n                      {formatLabel ? formatLabel(key) : key}\n                    </TableCell>\n                    <TableCell align=\"right\">{value}</TableCell>\n                    <TableCell align=\"right\">{((value / totalCount) * 100).toFixed(2)}%</TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        </TooltipComponent>\n      )}\n    </div>\n  );\n};\n"],"names":["ProportionsBar","data","tooltipTitle","label","loading","sortDescending","getColor","formatLabel","style","containerRef","TooltipInPortal","useTooltipInPortal","scroll","detectBounds","plotData","useMemo","sortObjectByValueDesc","TooltipComponent","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","totalCount","Object","values","reduce","prev","curr","outerDivRef","useRef","width","current","offsetWidth","barLengthScale","scaleLinear","domain","range","uselessScale","scaleBand","handleMouseOver","event","coords","localPoint","x","y","sharedProps","keys","color","hitboxPadding","jsxs","jsx","Typography","LinearProgress","position","display","BarStackHorizontal","left","top","height","zIndex","background","e","defaultStyles","Table","TableBody","border","map","key","i","value","TableRow","TableCell","marginRight","borderRadius","backgroundColor","toFixed"],"mappings":"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"}
+{"version":3,"file":"visualization.es13.js","sources":["../src/tooltip/PlotTooltip.tsx"],"sourcesContent":["import { memo, useCallback, useImperativeHandle, useRef, useState, MouseEvent, ReactNode, Ref, RefObject } from \"react\";\nimport { Portal, Tooltip, defaultStyles } from \"@visx/tooltip\";\n\n/** Offset from the pointer, so the tooltip never sits directly under the cursor. */\nconst POINTER_OFFSET = 10;\n\n/** Closest the tooltip may sit to a viewport edge when it fits on neither side of the pointer. */\nconst VIEWPORT_MARGIN = 8;\n\nexport interface PlotTooltipHandle<T> {\n  /** Show the tooltip for `data`, positioned from the pointer event that triggered it. */\n  show: (data: T, event: MouseEvent) => void;\n  hide: () => void;\n}\n\n/**\n * The ref as marks receive it. Spelling out `RefObject<PlotTooltipHandle<T> | null>` in every\n * mark component is noisy and easy to get wrong (the `| null` is required - useRef(null) yields\n * a nullable current until PlotTooltip mounts).\n */\nexport type PlotTooltipRef<T> = RefObject<PlotTooltipHandle<T> | null>;\n\nexport interface PlotTooltipProps<T> {\n  ref: Ref<PlotTooltipHandle<T>>;\n  /** Renders the tooltip contents. Called here, not by the marks, so marks never depend on it. */\n  children: (data: T) => ReactNode;\n  /**\n   * Stacking order for the tooltip. It is portalled to document.body, so it leaves the plot's\n   * stacking context and cannot be layered against the plot's own overlays by DOM order alone -\n   * a plot with controls or a minimap of its own needs to name a layer above them. visx ships no\n   * z-index, which leaves the tooltip below anything positioned in the root stacking context.\n   */\n  zIndex?: number;\n}\n\ninterface PlotTooltipState<T> {\n  open: boolean;\n  data?: T;\n  left: number;\n  top: number;\n}\n\n/**\n * Places the tooltip along one axis: offset from the pointer on the leading side, flipped to the\n * trailing side when the leading one would run off the end, and clamped when it fits on neither -\n * a tooltip larger than the viewport has no good side, so it is pinned rather than centred on a\n * pointer it cannot clear.\n */\nconst placeAlongAxis = (pointer: number, size: number, viewport: number) => {\n  const leading = pointer + POINTER_OFFSET;\n  const trailing = pointer - POINTER_OFFSET - size;\n  const overflowsLeading = leading + size > viewport - VIEWPORT_MARGIN;\n  const position = overflowsLeading && trailing >= VIEWPORT_MARGIN ? trailing : leading;\n  return Math.max(VIEWPORT_MARGIN, Math.min(position, viewport - size - VIEWPORT_MARGIN));\n};\n\n/**\n * The tooltip's own size, kept current as its contents change.\n *\n * Watched rather than measured once, because the body is rebuilt for each mark the pointer\n * reaches and one with more to say is a taller box. visx's own `TooltipWithBounds` measures in\n * componentDidMount and never again, so moving between two marks without leaving the plot would\n * flip against the previous mark's size.\n *\n * A callback ref rather than an effect: the tooltip node comes and goes as the tooltip opens and\n * closes, and this attaches the observer exactly when there is something to observe. It runs in\n * the commit phase, so the measurement it takes lands before the browser paints.\n */\nconst useMeasuredSize = () => {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const measureRef = useCallback((node: HTMLDivElement | null) => {\n    observerRef.current?.disconnect();\n    observerRef.current = null;\n    if (!node) return;\n\n    const measure = () => {\n      const { width, height } = node.getBoundingClientRect();\n      setSize((current) =>\n        current && current.width === width && current.height === height ? current : { width, height }\n      );\n    };\n\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(node);\n    observerRef.current = observer;\n  }, []);\n\n  return [measureRef, size] as const;\n};\n\n/**\n * A single tooltip for a plot with many interactive marks (cells, bars, points, nodes).\n *\n * Render it as a *sibling* of the marks - never as an ancestor - and drive it through the ref:\n *\n *   const tooltipRef = useRef<PlotTooltipHandle<Bin>>(null);\n *   ...\n *   <Marks tooltipRef={tooltipRef} />\n *   <PlotTooltip ref={tooltipRef}>{(bin) => <div>{bin.count}</div>}</PlotTooltip>\n *\n * with each mark doing `onMouseMove={(e) => tooltipRef.current?.show(bin, e)}`. A canvas plot\n * with no mark elements calls the same handle from its own hit test.\n *\n * Why this shape:\n * - Tooltip state lives below the marks in the tree rather than above them, so showing, moving\n *   and hiding the tooltip re-renders only this component. Holding the state in the plot itself\n *   re-renders every mark on every mousemove; giving each mark its own useTooltip instead costs\n *   one state hook and one portal per mark.\n * - Marks receive only `tooltipRef`, which is stable for the lifetime of the plot. They never\n *   receive the tooltip body renderer, so an unstable one from a consumer cannot invalidate them.\n * - `show` takes the datum rather than rendered output, so nothing is rendered for marks the\n *   pointer never reaches.\n *\n * Positioned fixed, against viewport coordinates, which is what keeps it from ever giving the\n * page a scrollbar: a fixed box is laid out against the viewport and, unlike an absolutely\n * positioned one, is left out of the document's scrollable overflow entirely. So even in the\n * moment before it has been measured, or when it is too large to fit anywhere, the worst it can\n * do is sit partly off-screen - never widen the page under it. The measured flip is then about\n * readability rather than about scrollbars.\n */\nfunction PlotTooltip<T>({ ref, children, zIndex }: PlotTooltipProps<T>) {\n  const [state, setState] = useState<PlotTooltipState<T>>({ open: false, left: 0, top: 0 });\n  const [measureRef, size] = useMeasuredSize();\n\n  useImperativeHandle(ref, () => ({\n    // Viewport coordinates rather than page ones, to match the fixed positioning below.\n    show: (data, event) => setState({ open: true, data, left: event.clientX, top: event.clientY }),\n    hide: () => setState((current) => (current.open ? { ...current, open: false } : current)),\n  }), []);\n\n  if (!state.open || state.data === undefined) return null;\n\n  // Before the first measurement there is no size to place against. The callback ref measures\n  // during the commit that adds the node, so this fallback is never a position the user sees.\n  const left = size ? placeAlongAxis(state.left, size.width, window.innerWidth) : state.left + POINTER_OFFSET;\n  const top = size ? placeAlongAxis(state.top, size.height, window.innerHeight) : state.top + POINTER_OFFSET;\n\n  return (\n    <Portal>\n      <Tooltip\n        ref={measureRef}\n        left={left}\n        top={top}\n        // The pointer offset is applied above, against the measured size, so visx must not add\n        // its own on top of it.\n        offsetLeft={0}\n        offsetTop={0}\n        // Spread last so the viewport anchoring the placement depends on cannot be overridden by\n        // the `position: absolute` in visx's default styles.\n        style={{ ...defaultStyles, position: \"fixed\", zIndex }}\n      >\n        {children(state.data)}\n      </Tooltip>\n    </Portal>\n  );\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(PlotTooltip) as typeof PlotTooltip;\n"],"names":["POINTER_OFFSET","VIEWPORT_MARGIN","placeAlongAxis","pointer","size","viewport","leading","trailing","position","Math","max","min","useMeasuredSize","$","_c","setSize","useState","observerRef","useRef","t0","Symbol","for","node","current","disconnect","measure","width","height","getBoundingClientRect","observer","ResizeObserver","observe","measureRef","t1","PlotTooltip","ref","children","zIndex","open","left","top","state","setState","t2","t3","show","data","event","clientX","clientY","hide","_temp","useImperativeHandle","undefined","t4","window","innerWidth","t5","innerHeight","t6","defaultStyles","t7","t8","Portal","jsx","Tooltip","PlotTooltip$1","memo"],"mappings":"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"}

package/dist/visualization.es130.js

@@ -1,39 +1,18 @@
-import d from "./visualization.es132.js";
-import { line as u } from "./visualization.es53.js";
-import { jsx as t, Fragment as h } from "react/jsx-runtime";
-function N(n) {
+import a from "./visualization.es144.js";
+import { jsx as o } from "react/jsx-runtime";
+function c(r) {
   let {
-    children: e,
-    data: a = [],
-    x: i,
-    y: l,
-    fill: o = "transparent",
-    className: s,
-    curve: f,
-    innerRef: p,
-    defined: c = () => !0,
-    ...m
-  } = n;
-  const r = u({
-    x: i,
-    y: l,
-    defined: c,
-    curve: f
-  });
-  return e ? /* @__PURE__ */ t(h, {
-    children: e({
-      path: r
-    })
-  }) : /* @__PURE__ */ t("path", {
-    ref: p,
-    className: d("visx-linepath", s),
-    d: r(a) || "",
-    fill: o,
-    strokeLinecap: "round",
-    ...m
+    className: e,
+    innerRef: s,
+    ...t
+  } = r;
+  return /* @__PURE__ */ o("rect", {
+    ref: s,
+    className: a("visx-bar", e),
+    ...t
   });
 }
 export {
-  N as default
+  c as default
 };
 //# sourceMappingURL=visualization.es130.js.map

package/dist/visualization.es130.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es130.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/LinePath.js"],"sourcesContent":["import cx from 'classnames';\nimport { line } from \"../util/D3ShapeFactories.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function LinePath(_ref) {\n  let {\n    children,\n    data = [],\n    x,\n    y,\n    fill = 'transparent',\n    className,\n    curve,\n    innerRef,\n    defined = () => true,\n    ...restProps\n  } = _ref;\n  const path = line({\n    x,\n    y,\n    defined,\n    curve\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-linepath', className),\n    d: path(data) || '',\n    fill: fill\n    // without this a datum surrounded by nulls will not be visible\n    // https://github.com/d3/d3-shape#line_defined\n    ,\n    strokeLinecap: \"round\",\n    ...restProps\n  });\n}"],"names":["LinePath","_ref","children","data","x","y","fill","className","curve","innerRef","defined","restProps","path","line","_jsx","_Fragment","cx"],"mappings":";;;AAGe,SAASA,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAChB,GAAGC;AAAA,EACP,IAAMV;AACJ,QAAMW,IAAOC,EAAK;AAAA,IAChB,GAAAT;AAAA,IACA,GAAAC;AAAA,IACA,SAAAK;AAAA,IACA,OAAAF;AAAA,EACJ,CAAG;AACD,SAAIN,IAA8BY,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUb,EAAS;AAAA,MACjB,MAAAU;AAAA,IACN,CAAK;AAAA,EACL,CAAG,IACmBE,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKL;AAAA,IACL,WAAWO,EAAG,iBAAiBT,CAAS;AAAA,IACxC,GAAGK,EAAKT,CAAI,KAAK;AAAA,IACjB,MAAMG;AAAA,IAIN,eAAe;AAAA,IACf,GAAGK;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es130.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/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es131.js

@@ -1,88 +1,29 @@
-import S from "./visualization.es132.js";
-import Z from "./visualization.es133.js";
-import q from "./visualization.es134.js";
-import w from "./visualization.es135.js";
-import n from "./visualization.es136.js";
-import s from "./visualization.es137.js";
-import B from "./visualization.es138.js";
-import { jsx as D } from "react/jsx-runtime";
-import E from "./visualization.es139.js";
-import H from "./visualization.es140.js";
-import I from "./visualization.es28.js";
-function ot(T) {
-  let {
-    children: b = Z,
-    axisClassName: N,
-    hideAxisLine: y = !1,
-    hideTicks: A = !1,
-    hideZero: m = !1,
-    innerRef: F,
-    left: R = 0,
-    numTicks: c = 10,
-    orientation: r = s.bottom,
-    rangePadding: f = 0,
-    scale: o,
-    tickFormat: V,
-    tickLength: l = 8,
-    tickValues: C,
-    top: L = 0,
-    ...j
-  } = T;
-  const p = V ?? w(o), v = r === s.left, d = r === s.top, i = d || r === s.bottom, g = q(o), x = v || d ? -1 : 1, a = o.range(), k = B(f), z = n({
-    x: Number(a[0]) + 0.5 - k.start,
-    y: 0
-  }, i), G = n({
-    x: Number(a[a.length - 1]) + 0.5 + k.end,
-    y: 0
-  }, i), u = (C ?? E(o, c)).filter((t) => !m || t !== 0 && t !== "0").map((t, e) => ({
-    value: t,
-    index: e
-  })), O = u.map((t) => {
-    let {
-      value: e,
-      index: P
-    } = t;
-    const h = H(g(e));
-    return {
-      value: e,
-      index: P,
-      from: n({
-        x: h,
-        y: 0
-      }, i),
-      to: n({
-        x: h,
-        y: l * x
-      }, i),
-      formattedValue: p(e, P, u)
-    };
-  });
-  return /* @__PURE__ */ D(I, {
-    className: S("visx-axis", N),
-    innerRef: F,
-    top: L,
-    left: R,
-    children: b({
-      ...j,
-      axisFromPoint: z,
-      axisToPoint: G,
-      hideAxisLine: y,
-      hideTicks: A,
-      hideZero: m,
-      horizontal: i,
-      numTicks: c,
-      orientation: r,
-      rangePadding: f,
-      scale: o,
-      tickFormat: p,
-      tickLength: l,
-      tickPosition: g,
-      tickSign: x,
-      ticks: O
-    })
-  });
-}
+import { jsx as h, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { c as v } from "react/compiler-runtime";
+import { measureTextWidth as y } from "./visualization.es132.js";
+const A = (m) => {
+  const t = v(12), {
+    cx: u,
+    cy: x,
+    value: W,
+    color: r,
+    align: a
+  } = m, s = `${W}`, i = y(s, 12, "sans-serif") + 12;
+  let e = u;
+  a === "start" && (e = e + i / 2), a === "end" && (e = e - i / 2);
+  const c = e - i / 2, d = x - 10.8;
+  let o;
+  t[0] !== r || t[1] !== i || t[2] !== c || t[3] !== d ? (o = /* @__PURE__ */ h("rect", { x: c, y: d, width: i, height: 21.6, rx: 10.8, fill: r }), t[0] = r, t[1] = i, t[2] = c, t[3] = d, t[4] = o) : o = t[4];
+  const f = x + 1;
+  let l;
+  t[5] !== f || t[6] !== s || t[7] !== e ? (l = /* @__PURE__ */ h("text", { x: e, y: f, textAnchor: "middle", dominantBaseline: "middle", fill: "white", fontSize: 12, fontWeight: 500, children: s }), t[5] = f, t[6] = s, t[7] = e, t[8] = l) : l = t[8];
+  let n;
+  return t[9] !== o || t[10] !== l ? (n = /* @__PURE__ */ g(p, { children: [
+    o,
+    l
+  ] }), t[9] = o, t[10] = l, t[11] = n) : n = t[11], n;
+};
 export {
-  ot as default
+  A as default
 };
 //# sourceMappingURL=visualization.es131.js.map

package/dist/visualization.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es131.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/Axis.js"],"sourcesContent":["import cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { getTicks, coerceNumber } from '@visx/scale';\nimport AxisRenderer from \"./AxisRenderer.js\";\nimport getTickPosition from \"../utils/getTickPosition.js\";\nimport getTickFormatter from \"../utils/getTickFormatter.js\";\nimport createPoint from \"../utils/createPoint.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport getAxisRangePaddingConfig from \"../utils/getAxisRangePaddingConfig.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Axis(_ref) {\n  let {\n    children = AxisRenderer,\n    axisClassName,\n    hideAxisLine = false,\n    hideTicks = false,\n    hideZero = false,\n    innerRef,\n    left = 0,\n    numTicks = 10,\n    orientation = Orientation.bottom,\n    rangePadding = 0,\n    scale,\n    tickFormat,\n    tickLength = 8,\n    tickValues,\n    top = 0,\n    ...restProps\n  } = _ref;\n  const format = tickFormat ?? getTickFormatter(scale);\n  const isLeft = orientation === Orientation.left;\n  const isTop = orientation === Orientation.top;\n  const horizontal = isTop || orientation === Orientation.bottom;\n  const tickPosition = getTickPosition(scale);\n  const tickSign = isLeft || isTop ? -1 : 1;\n  const range = scale.range();\n  const rangePaddingConfig = getAxisRangePaddingConfig(rangePadding);\n  const axisFromPoint = createPoint({\n    x: Number(range[0]) + 0.5 - rangePaddingConfig.start,\n    y: 0\n  }, horizontal);\n  const axisToPoint = createPoint({\n    x: Number(range[range.length - 1]) + 0.5 + rangePaddingConfig.end,\n    y: 0\n  }, horizontal);\n  const filteredTickValues = (tickValues ?? getTicks(scale, numTicks)).filter(value => !hideZero || value !== 0 && value !== '0').map((value, index) => ({\n    value,\n    index\n  }));\n  const ticks = filteredTickValues.map(_ref2 => {\n    let {\n      value,\n      index\n    } = _ref2;\n    const scaledValue = coerceNumber(tickPosition(value));\n    return {\n      value,\n      index,\n      from: createPoint({\n        x: scaledValue,\n        y: 0\n      }, horizontal),\n      to: createPoint({\n        x: scaledValue,\n        y: tickLength * tickSign\n      }, horizontal),\n      formattedValue: format(value, index, filteredTickValues)\n    };\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: cx('visx-axis', axisClassName),\n    innerRef: innerRef,\n    top: top,\n    left: left,\n    children: children({\n      ...restProps,\n      axisFromPoint,\n      axisToPoint,\n      hideAxisLine,\n      hideTicks,\n      hideZero,\n      horizontal,\n      numTicks,\n      orientation,\n      rangePadding,\n      scale,\n      tickFormat: format,\n      tickLength,\n      tickPosition,\n      tickSign,\n      ticks\n    })\n  });\n}"],"names":["Axis","_ref","children","AxisRenderer","axisClassName","hideAxisLine","hideTicks","hideZero","innerRef","left","numTicks","orientation","Orientation","rangePadding","scale","tickFormat","tickLength","tickValues","top","restProps","format","getTickFormatter","isLeft","isTop","horizontal","tickPosition","getTickPosition","tickSign","range","rangePaddingConfig","getAxisRangePaddingConfig","axisFromPoint","createPoint","axisToPoint","filteredTickValues","getTicks","value","index","ticks","_ref2","scaledValue","coerceNumber","_jsx","Group","cx"],"mappings":";;;;;;;;;;;AAUe,SAASA,GAAKC,GAAM;AACjC,MAAI;AAAA,IACF,UAAAC,IAAWC;AAAA,IACX,eAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,aAAAC,IAAcC,EAAY;AAAA,IAC1B,cAAAC,IAAe;AAAA,IACf,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EACP,IAAMlB;AACJ,QAAMmB,IAASL,KAAcM,EAAiBP,CAAK,GAC7CQ,IAASX,MAAgBC,EAAY,MACrCW,IAAQZ,MAAgBC,EAAY,KACpCY,IAAaD,KAASZ,MAAgBC,EAAY,QAClDa,IAAeC,EAAgBZ,CAAK,GACpCa,IAAWL,KAAUC,IAAQ,KAAK,GAClCK,IAAQd,EAAM,MAAK,GACnBe,IAAqBC,EAA0BjB,CAAY,GAC3DkB,IAAgBC,EAAY;AAAA,IAChC,GAAG,OAAOJ,EAAM,CAAC,CAAC,IAAI,MAAMC,EAAmB;AAAA,IAC/C,GAAG;AAAA,EACP,GAAKL,CAAU,GACPS,IAAcD,EAAY;AAAA,IAC9B,GAAG,OAAOJ,EAAMA,EAAM,SAAS,CAAC,CAAC,IAAI,MAAMC,EAAmB;AAAA,IAC9D,GAAG;AAAA,EACP,GAAKL,CAAU,GACPU,KAAsBjB,KAAckB,EAASrB,GAAOJ,CAAQ,GAAG,OAAO,CAAA0B,MAAS,CAAC7B,KAAY6B,MAAU,KAAKA,MAAU,GAAG,EAAE,IAAI,CAACA,GAAOC,OAAW;AAAA,IACrJ,OAAAD;AAAA,IACA,OAAAC;AAAA,EACJ,EAAI,GACIC,IAAQJ,EAAmB,IAAI,CAAAK,MAAS;AAC5C,QAAI;AAAA,MACF,OAAAH;AAAA,MACA,OAAAC;AAAA,IACN,IAAQE;AACJ,UAAMC,IAAcC,EAAahB,EAAaW,CAAK,CAAC;AACpD,WAAO;AAAA,MACL,OAAAA;AAAA,MACA,OAAAC;AAAA,MACA,MAAML,EAAY;AAAA,QAChB,GAAGQ;AAAA,QACH,GAAG;AAAA,MACX,GAAShB,CAAU;AAAA,MACb,IAAIQ,EAAY;AAAA,QACd,GAAGQ;AAAA,QACH,GAAGxB,IAAaW;AAAA,MACxB,GAASH,CAAU;AAAA,MACb,gBAAgBJ,EAAOgB,GAAOC,GAAOH,CAAkB;AAAA,IAC7D;AAAA,EACE,CAAC;AACD,SAAoBQ,gBAAAA,EAAKC,GAAO;AAAA,IAC9B,WAAWC,EAAG,aAAaxC,CAAa;AAAA,IACxC,UAAUI;AAAA,IACV,KAAKU;AAAA,IACL,MAAMT;AAAA,IACN,UAAUP,EAAS;AAAA,MACjB,GAAGiB;AAAA,MACH,eAAAY;AAAA,MACA,aAAAE;AAAA,MACA,cAAA5B;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAiB;AAAA,MACA,UAAAd;AAAA,MACA,aAAAC;AAAA,MACA,cAAAE;AAAA,MACA,OAAAC;AAAA,MACA,YAAYM;AAAA,MACZ,YAAAJ;AAAA,MACA,cAAAS;AAAA,MACA,UAAAE;AAAA,MACA,OAAAW;AAAA,IACN,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es131.js","sources":["../src/components/TreeMap/ValueOval.tsx"],"sourcesContent":["import { ValueOvalProps } from \"./types\";\nimport { measureTextWidth } from \"./helpers\";\n\nconst ValueOval: React.FC<ValueOvalProps> = ({ cx, cy, value, color, align }) => {\n    const fontSize = 12;\n    const text = `${value}`;\n    const textWidth = measureTextWidth(text, fontSize, \"sans-serif\");\n    const padding = 6;\n    const ovalWidth = textWidth + padding * 2;\n    const ovalHeight = fontSize * 1.8;\n\n    let xPos = cx;\n    if (align === \"start\") xPos += ovalWidth / 2;\n    if (align === \"end\") xPos -= ovalWidth / 2;\n\n    return (\n        <>\n            <rect\n                x={xPos - ovalWidth / 2}\n                y={cy - ovalHeight / 2}\n                width={ovalWidth}\n                height={ovalHeight}\n                rx={ovalHeight / 2}\n                fill={color}\n            />\n            <text\n                x={xPos}\n                y={cy + 1}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill=\"white\"\n                fontSize={fontSize}\n                fontWeight={500}\n            >\n                {text}\n            </text>\n        </>\n    );\n};\n\nexport default ValueOval;"],"names":["ValueOval","t0","$","_c","cx","cy","value","color","align","text","ovalWidth","measureTextWidth","xPos","t1","t2","t3","jsx","ovalHeight","t4","t5","fontSize","t6"],"mappings":";;;AAGA,MAAMA,IAAsCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAP,GAEzCQ,IAAa,GAAGH,CAAK,IAGrBI,IAFkBC,EAAiBF,GAFlB,IAEkC,YAAY,IAEjC;AAG9B,MAAAG,IAAWR;AACX,EAAII,MAAU,YAASI,IAAAA,IAAQF,IAAY,IACvCF,MAAU,UAAOI,IAAAA,IAAQF,IAAY;AAK1B,QAAAG,IAAAD,IAAOF,IAAY,GACnBI,IAAAT,IAAK;AAAc,MAAAU;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAW,KAAAX,SAAAY,KAF1BC,IAAA,gBAAAC,EAAA,QAAA,EACO,GAAAH,GACA,GAAAC,GACIJ,OAAAA,GACCO,QAZDA,MAaH,IAAA,MACEV,MAAAA,GAAK,GACbL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAW,GAAAX,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAGK,QAAAgB,IAAAb,IAAK;AAAC,MAAAc;AAAA,EAAAjB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAO,KAAAP,EAAA,CAAA,MAAAU,KAFbO,gCACOP,GAAAA,GACA,GAAAM,GACQ,YAAA,UACM,kBAAA,UACZ,MAAA,SACKE,UA3BLA,IA4BO,YAAA,KAEXX,UAAAA,GACL,GAAOP,OAAAgB,GAAAhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAa,KAAAb,UAAAiB,KAnBXE,2BACIN,UAAAA;AAAAA,IAAAA;AAAAA,IAQAI;AAAAA,EAAAA,GAUO,GACRjB,OAAAa,GAAAb,QAAAiB,GAAAjB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GApBHmB;AAoBG;"}

package/dist/visualization.es132.js

@@ -1,8 +1,73 @@
-import { getDefaultExportFromCjs as r } from "./visualization.es226.js";
-import { __require as s } from "./visualization.es246.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+function x(t, c, a, r) {
+  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
+  switch (c) {
+    case "topLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: t.y0 + 10,
+        valueY: r ? t.y0 + 17 : t.y0 + 40,
+        valueX: r ? t.x1 - 6 : t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: r ? "end" : "start",
+        baseline: "hanging"
+      };
+    case "topRight":
+      return {
+        textX: t.x1 - 6,
+        textY: t.y0 + 10,
+        valueY: t.y0 + 40,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "hanging"
+      };
+    case "bottomLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: "start",
+        baseline: "alphabetic"
+      };
+    case "bottomRight":
+      return {
+        textX: t.x1 - 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "alphabetic"
+      };
+    default:
+      return {
+        textX: n,
+        textY: a ? e - 5 : e + 5,
+        valueY: e + 15,
+        valueX: n,
+        textAnchor: "middle",
+        valueAnchor: "middle",
+        baseline: "middle"
+      };
+  }
+}
+function l(t, c, a) {
+  const u = document.createElement("canvas").getContext("2d");
+  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
+}
+function s(t, c, a, r) {
+  const n = document.createElement("canvas").getContext("2d");
+  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
+  let e = t;
+  for (; e.length > 0 && n.measureText(e + "…").width > c; )
+    e = e.slice(0, -1);
+  return e === "" ? "" : e + "...";
+}
 export {
-  t as default
+  x as getLabelPlacement,
+  l as measureTextWidth,
+  s as truncateTextToWidth
 };
 //# sourceMappingURL=visualization.es132.js.map

package/dist/visualization.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es132.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es132.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}

package/dist/visualization.es133.js

@@ -1,93 +1,5 @@
-import m from "./visualization.es132.js";
-import M from "./visualization.es248.js";
-import R from "./visualization.es137.js";
-import q from "./visualization.es249.js";
-import { jsxs as w, Fragment as B, jsx as c } from "react/jsx-runtime";
-import E from "./visualization.es163.js";
-import G from "./visualization.es36.js";
-const f = {
-  textAnchor: "middle",
-  fontFamily: "Arial",
-  fontSize: 10,
-  fill: "#222"
-};
-function X(k) {
-  let {
-    axisFromPoint: p,
-    axisLineClassName: x,
-    axisToPoint: b,
-    hideAxisLine: d,
-    hideTicks: L,
-    horizontal: h,
-    label: i = "",
-    labelClassName: P,
-    labelOffset: u = 14,
-    labelProps: T,
-    orientation: a = R.bottom,
-    scale: r,
-    stroke: y = "#222",
-    strokeDasharray: z,
-    strokeWidth: s = 1,
-    tickClassName: S,
-    tickComponent: g,
-    tickLineProps: C,
-    tickLabelProps: e,
-    tickLength: F = 8,
-    tickStroke: N = "#222",
-    tickTransform: A,
-    ticks: o,
-    ticksComponent: j = q
-  } = k;
-  const n = {
-    ...f,
-    ...T
-  }, v = {
-    ...f,
-    ...typeof e == "object" ? e : null
-  }, l = o.map((t) => {
-    let {
-      value: O,
-      index: W
-    } = t;
-    return typeof e == "function" ? e(O, W, o) : v;
-  }), D = Math.max(10, ...l.map((t) => typeof t.fontSize == "number" ? t.fontSize : 0));
-  return /* @__PURE__ */ w(B, {
-    children: [j({
-      hideTicks: L,
-      horizontal: h,
-      orientation: a,
-      scale: r,
-      tickClassName: S,
-      tickComponent: g,
-      tickLabelProps: l,
-      tickStroke: N,
-      tickTransform: A,
-      ticks: o,
-      strokeWidth: s,
-      tickLineProps: C
-    }), !d && /* @__PURE__ */ c(E, {
-      className: m("visx-axis-line", x),
-      from: p,
-      to: b,
-      stroke: y,
-      strokeWidth: s,
-      strokeDasharray: z
-    }), i && /* @__PURE__ */ c(G, {
-      className: m("visx-axis-label", P),
-      ...M({
-        labelOffset: u,
-        labelProps: n,
-        orientation: a,
-        range: r.range(),
-        tickLabelFontSize: D,
-        tickLength: F
-      }),
-      ...n,
-      children: i
-    })]
-  });
-}
+var e = { exports: {} };
 export {
-  X as default
+  e as __module
 };
 //# sourceMappingURL=visualization.es133.js.map