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

package/dist/visualization.es607.js

@@ -1,8 +1,8 @@
 import { useMemo as i } from "react";
 import { createHtmlRenderState as a } from "./visualization.es609.js";
-import { isMotionValue as r } from "./visualization.es198.js";
-import { isForcedMotionValue as l } from "./visualization.es455.js";
-import { buildHTMLStyles as s } from "./visualization.es437.js";
+import { isMotionValue as r } from "./visualization.es178.js";
+import { isForcedMotionValue as l } from "./visualization.es443.js";
+import { buildHTMLStyles as s } from "./visualization.es425.js";
 function u(t, o, n) {
   for (const e in o)
     !r(o[e]) && !l(e, n) && (t[e] = o[e]);

package/dist/visualization.es608.js

@@ -1,8 +1,8 @@
 import { useMemo as m } from "react";
 import { copyRawValuesOnly as l } from "./visualization.es607.js";
 import { createSvgRenderState as i } from "./visualization.es610.js";
-import { buildSVGAttrs as a } from "./visualization.es442.js";
-import { isSVGTag as n } from "./visualization.es444.js";
+import { buildSVGAttrs as a } from "./visualization.es430.js";
+import { isSVGTag as n } from "./visualization.es432.js";
 function G(e, s, y, o) {
   const r = m(() => {
     const t = i();

package/dist/visualization.es61.js

@@ -1,11 +1,22 @@
-import o from "./visualization.es210.js";
-import { jsx as t } from "react/jsx-runtime";
-function f(r) {
-  return /* @__PURE__ */ t(o, {
-    ...r
-  });
+import "./visualization.es139.js";
+import "react/jsx-runtime";
+function d(i) {
+  let {
+    source: p,
+    target: u,
+    x: c,
+    y: a
+  } = i;
+  return (n) => {
+    const r = p(n), e = u(n), x = c(r), y = a(r), I = c(e), P = a(e), s = x - Math.PI / 2, t = y, o = I - Math.PI / 2, h = P, f = Math.cos(s), g = Math.sin(s), M = Math.cos(o), $ = Math.sin(o), m = Math.abs(o - s) > Math.PI ? o <= s : o > s;
+    return `
+      M${t * f},${t * g}
+      A${t},${t},0,0,${m ? 1 : 0},${t * M},${t * $}
+      L${h * M},${h * $}
+    `;
+  };
 }
 export {
-  f as default
+  d as pathRadialStep
 };
 //# sourceMappingURL=visualization.es61.js.map

package/dist/visualization.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es61.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.es61.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/link/step/LinkRadialStep.js"],"sourcesContent":["import cx from 'classnames';\nimport { getX, getY, getSource, getTarget } from \"../../../util/accessors.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport function pathRadialStep(_ref) {\n  let {\n    source,\n    target,\n    x,\n    y\n  } = _ref;\n  return link => {\n    const sourceData = source(link);\n    const targetData = target(link);\n    const sx = x(sourceData);\n    const sy = y(sourceData);\n    const tx = x(targetData);\n    const ty = y(targetData);\n    const sa = sx - Math.PI / 2;\n    const sr = sy;\n    const ta = tx - Math.PI / 2;\n    const tr = ty;\n    const sc = Math.cos(sa);\n    const ss = Math.sin(sa);\n    const tc = Math.cos(ta);\n    const ts = Math.sin(ta);\n    const sf = Math.abs(ta - sa) > Math.PI ? ta <= sa : ta > sa;\n    return `\n      M${sr * sc},${sr * ss}\n      A${sr},${sr},0,0,${sf ? 1 : 0},${sr * tc},${sr * ts}\n      L${tr * tc},${tr * ts}\n    `;\n  };\n}\nexport default function LinkRadialStep(_ref2) {\n  let {\n    className,\n    innerRef,\n    data,\n    path,\n    x = getX,\n    y = getY,\n    source = getSource,\n    target = getTarget,\n    children,\n    ...restProps\n  } = _ref2;\n  const pathGen = path || pathRadialStep({\n    source,\n    target,\n    x,\n    y\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path: pathGen\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-link visx-link-radial-step', className),\n    d: pathGen(data) || '',\n    ...restProps\n  });\n}"],"names":["pathRadialStep","_ref","source","target","x","y","link","sourceData","targetData","sx","sy","tx","ty","sa","sr","ta","tr","sc","ss","tc","ts","sf"],"mappings":";;AAGO,SAASA,EAAeC,GAAM;AACnC,MAAI;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMJ;AACJ,SAAO,CAAAK,MAAQ;AACb,UAAMC,IAAaL,EAAOI,CAAI,GACxBE,IAAaL,EAAOG,CAAI,GACxBG,IAAKL,EAAEG,CAAU,GACjBG,IAAKL,EAAEE,CAAU,GACjBI,IAAKP,EAAEI,CAAU,GACjBI,IAAKP,EAAEG,CAAU,GACjBK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIN,IAAKF,CAAE,IAAI,KAAK,KAAKE,KAAMF,IAAKE,IAAKF;AACzD,WAAO;AAAA,SACFC,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA,SAClBJ,CAAE,IAAIA,CAAE,QAAQO,IAAK,IAAI,CAAC,IAAIP,IAAKK,CAAE,IAAIL,IAAKM,CAAE;AAAA,SAChDJ,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA;AAAA,EAEzB;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es612.js

@@ -1,7 +1,7 @@
-import { mixNumber as r } from "./visualization.es368.js";
-import { calcLength as t } from "./visualization.es461.js";
-import { progress as u } from "./visualization.es369.js";
-import { clamp as C } from "./visualization.es325.js";
+import { mixNumber as r } from "./visualization.es356.js";
+import { calcLength as t } from "./visualization.es449.js";
+import { progress as u } from "./visualization.es357.js";
+import { clamp as C } from "./visualization.es313.js";
 function a(n, { min: e, max: m }, i) {
   return e !== void 0 && n < e ? n = i ? r(e, n, i.min) : Math.max(n, e) : m !== void 0 && n > m && (n = i ? r(m, n, i.max) : Math.min(n, m)), n;
 }

package/dist/visualization.es613.js

@@ -1,4 +1,4 @@
-import t from "./visualization.es569.js";
+import t from "./visualization.es583.js";
 function i() {
   return !/^((?!chrome|android).)*safari/i.test(t());
 }

package/dist/visualization.es614.js

@@ -1,4 +1,4 @@
-import t from "./visualization.es566.js";
+import t from "./visualization.es564.js";
 function a(r) {
   var o = t(r), e = o.pageXOffset, l = o.pageYOffset;
   return {

package/dist/visualization.es616.js

@@ -1,6 +1,6 @@
-import p from "./visualization.es566.js";
-import w from "./visualization.es561.js";
-import d from "./visualization.es560.js";
+import p from "./visualization.es564.js";
+import w from "./visualization.es565.js";
+import d from "./visualization.es578.js";
 import g from "./visualization.es613.js";
 function u(i, v) {
   var m = p(i), r = w(i), t = m.visualViewport, o = r.clientWidth, e = r.clientHeight, f = 0, a = 0;

package/dist/visualization.es617.js

@@ -1,8 +1,8 @@
-import m from "./visualization.es561.js";
-import a from "./visualization.es567.js";
-import g from "./visualization.es560.js";
+import m from "./visualization.es565.js";
+import a from "./visualization.es566.js";
+import g from "./visualization.es578.js";
 import f from "./visualization.es614.js";
-import { max as i } from "./visualization.es563.js";
+import { max as i } from "./visualization.es568.js";
 function w(r) {
   var l, o = m(r), e = f(r), t = (l = r.ownerDocument) == null ? void 0 : l.body, c = i(o.scrollWidth, o.clientWidth, t ? t.scrollWidth : 0, t ? t.clientWidth : 0), h = i(o.scrollHeight, o.clientHeight, t ? t.scrollHeight : 0, t ? t.clientHeight : 0), n = -e.scrollLeft + g(r), d = -e.scrollTop;
   return a(t || o).direction === "rtl" && (n += i(o.clientWidth, t ? t.clientWidth : 0) - c), {

package/dist/visualization.es62.js

@@ -1,11 +1,58 @@
-import e from "./visualization.es159.js";
-import a from "./visualization.es163.js";
-const n = e("domain", "range", "reverse", "unknown");
-function i(r) {
-  return n(a(), r);
+import { jsx as l, jsxs as $, Fragment as T } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { useRef as v } from "react";
+import { getTextHeight as H } from "./visualization.es2.js";
+const G = (g) => {
+  const t = _(33), {
+    label: p,
+    getlollipopRadius: s,
+    height: e,
+    width: n,
+    legendValues: x,
+    spaceForCategory: W,
+    axisCenter: R,
+    loading: u
+  } = g, C = v(null), r = H(p, 12, "Times");
+  let a, c, d, f, i, h, o;
+  if (t[0] !== R || t[1] !== s || t[2] !== e || t[3] !== p || t[4] !== r || t[5] !== x || t[6] !== u || t[7] !== W || t[8] !== n) {
+    let k;
+    t[16] !== s ? (k = (y) => s(y) * 2 + 12, t[16] = s, t[17] = k) : k = t[17];
+    const S = x.map(k), F = S.reduce(I, 0) + 30 * (x.length - 1), j = r + 20 + F, w = u ? 0.3 : 1;
+    t[18] !== w ? (o = {
+      marginBottom: 10,
+      opacity: w
+    }, t[18] = w, t[19] = o) : o = t[19], a = e + 4, c = n + r + 4, d = "legend", f = `translate(${W / 1.2 + R - n / 2}, 0)`;
+    const z = n + r;
+    t[20] !== e || t[21] !== z ? (i = /* @__PURE__ */ l("rect", { height: e, width: z, stroke: "black", fill: "none", transform: "translate(2, 2)" }), t[20] = e, t[21] = z, t[22] = i) : i = t[22], h = u ? /* @__PURE__ */ l("text", { x: (n + r) / 2, y: e / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 12, fill: "black", children: "Loading..." }) : /* @__PURE__ */ $(T, { children: [
+      /* @__PURE__ */ l("g", { transform: `translate(${n / 2 - j / 2 + 2}, ${e / 2 + 2})`, children: /* @__PURE__ */ l("text", { ref: C, x: 0, y: 3, textAnchor: "start", fill: "black", fontSize: 12, children: p }) }),
+      /* @__PURE__ */ $("g", { transform: `translate(${n / 2 - j / 2 + r + 10 + 2}, ${e / 2 + 2})`, children: [
+        /* @__PURE__ */ l("line", { x1: 0, y1: -e / 2, x2: 0, y2: e / 2, stroke: "black", strokeWidth: 1 }),
+        /* @__PURE__ */ l("g", { transform: `translate(${10 + r / 2}, 0)`, children: x.map((y, A) => {
+          const B = s(y), L = S.slice(0, A).reduce(V, 0) + A * 30;
+          return /* @__PURE__ */ $("g", { transform: `translate(${L}, 0)`, children: [
+            /* @__PURE__ */ l("circle", { r: B, cx: 0, cy: 0, fill: "black" }),
+            /* @__PURE__ */ l("text", { x: B + 12, y: 3, textAnchor: "start", fill: "black", fontSize: 10, children: y })
+          ] }, `legend${A}`);
+        }) })
+      ] })
+    ] }), t[0] = R, t[1] = s, t[2] = e, t[3] = p, t[4] = r, t[5] = x, t[6] = u, t[7] = W, t[8] = n, t[9] = a, t[10] = c, t[11] = d, t[12] = f, t[13] = i, t[14] = h, t[15] = o;
+  } else
+    a = t[9], c = t[10], d = t[11], f = t[12], i = t[13], h = t[14], o = t[15];
+  let m;
+  t[23] !== a || t[24] !== c || t[25] !== d || t[26] !== f || t[27] !== i || t[28] !== h ? (m = /* @__PURE__ */ $("svg", { height: a, width: c, id: d, transform: f, children: [
+    i,
+    h
+  ] }), t[23] = a, t[24] = c, t[25] = d, t[26] = f, t[27] = i, t[28] = h, t[29] = m) : m = t[29];
+  let b;
+  return t[30] !== o || t[31] !== m ? (b = /* @__PURE__ */ l("div", { style: o, children: m }), t[30] = o, t[31] = m, t[32] = b) : b = t[32], b;
+};
+function I(g, t) {
+  return g + t;
+}
+function V(g, t) {
+  return g + t;
 }
 export {
-  i as default,
-  n as updateOrdinalScale
+  G as default
 };
 //# sourceMappingURL=visualization.es62.js.map

package/dist/visualization.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es62.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es62.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":"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"}

package/dist/visualization.es63.js

@@ -1,69 +1,114 @@
-import { jsxs as E, jsx as e, Fragment as D } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { useEffect as I } from "react";
-import { Stack as L, Tooltip as i, IconButton as a } from "@mui/material";
-import { BackHand as Z, Edit as j, Add as F, Remove as P, SettingsBackupRestore as T, Download as $ } from "@mui/icons-material";
-import { useTheme as K } from "@mui/material/styles";
-const V = (x) => {
-  const t = R(7), {
-    selectable: n,
-    resetable: k,
-    handleSelectionModeChange: l,
-    selectMode: o,
-    zoomIn: w,
-    zoomOut: S,
-    zoomReset: y,
-    highlight: g,
-    downloadButton: z,
-    downloadPlot: C
-  } = x, c = K(), b = g ?? c.palette.primary.main, d = {
-    borderRadius: 0,
-    color: c.palette.text.primary,
-    padding: c.spacing(1)
-  };
-  let s, m;
-  t[0] !== l || t[1] !== o || t[2] !== n ? (s = () => {
-    const r = (v) => {
-      if (v.key === "Shift" && n && o === "select") {
-        l("pan");
-        const u = (B) => {
-          B.key === "Shift" && n && l("select");
-        };
-        return window.addEventListener("keyup", u), () => {
-          window.removeEventListener("keyup", u);
-        };
-      }
-    };
-    return window.addEventListener("keydown", r), () => {
-      window.removeEventListener("keydown", r);
-    };
-  }, m = [l, o, n], t[0] = l, t[1] = o, t[2] = n, t[3] = s, t[4] = m) : (s = t[3], m = t[4]), I(s, m);
-  const f = (r) => ({
-    ...d,
-    color: o === r ? g || "primary.main" : c.palette.text.primary,
-    backgroundColor: o === r ? `color-mix(in srgb, ${b} 15%, transparent)` : "transparent",
-    "&:hover": {
-      backgroundColor: o === r ? `color-mix(in srgb, ${b} 25%, transparent)` : c.palette.action.hover
-    }
-  }), h = o !== "none" && /* @__PURE__ */ E(L, { direction: "column", alignItems: "flex-start", justifyContent: "center", sx: {
-    background: "rgba(255, 255, 255, 0.6)",
-    backdropFilter: "blur(2px)",
-    WebkitBackdropFilter: "blur(2px)",
-    border: "1px solid rgba(255, 255, 255, 0.3)",
-    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-    overflow: "hidden"
-  }, children: [
-    n && /* @__PURE__ */ e(i, { title: "Drag to pan, or hold Shift and drag", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "pan", onClick: () => l("pan"), sx: f("pan"), children: /* @__PURE__ */ e(Z, { fontSize: "small" }) }) }),
-    n && /* @__PURE__ */ e(i, { title: "Drag to select", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "edit", onClick: () => l("select"), sx: f("select"), children: /* @__PURE__ */ e(j, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom In", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-in", onClick: w, sx: d, children: /* @__PURE__ */ e(F, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Zoom Out", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "zoom-out", onClick: S, sx: d, children: /* @__PURE__ */ e(P, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ e(i, { title: "Reset Zoom and Pan", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "resetZoom", onClick: y, disabled: !k, sx: d, children: /* @__PURE__ */ e(T, { fontSize: "small" }) }) }),
-    z && /* @__PURE__ */ e(i, { title: "Download Plot as SVG", placement: "right", children: /* @__PURE__ */ e(a, { "aria-label": "download", onClick: () => C(), sx: d, children: /* @__PURE__ */ e($, { fontSize: "small" }) }) })
-  ] });
+import { jsx as l, jsxs as X, Fragment as re } from "react/jsx-runtime";
+import { c as be } from "react/compiler-runtime";
+import { memo as he } from "react";
+import { getAnimationProps as ge } from "./visualization.es24.js";
+import ye from "./visualization.es48.js";
+import { motion as xe } from "./visualization.es29.js";
+import ne from "./visualization.es27.js";
+import se from "./visualization.es120.js";
+import ve from "./visualization.es50.js";
+import ke from "./visualization.es51.js";
+import { defaultStyles as Se } from "./visualization.es52.js";
+import Le from "./visualization.es121.js";
+import ce from "./visualization.es28.js";
+const Te = "Roboto,Helvetica,Arial,sans-serif", Ve = (pe) => {
+  const e = be(70), {
+    index: Y,
+    bar: o,
+    onBarClicked: n,
+    TooltipContents: v,
+    cutoffNegativeValues: ee,
+    negativeCutoff: oe,
+    xScale: k,
+    yScale: W,
+    barSize: te,
+    barSpacing: le,
+    gapBetweenTextAndBar: ie,
+    getLollipopRadius: y,
+    animation: S,
+    animationEnabled: fe,
+    animationBuffer: me
+  } = pe;
+  let L;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {}, e[0] = L) : L = e[0];
+  const {
+    tooltipOpen: j,
+    tooltipLeft: D,
+    tooltipTop: F,
+    tooltipData: x,
+    hideTooltip: H,
+    showTooltip: R
+  } = ye(L);
+  let T;
+  e[1] !== R ? (T = (P, ue) => {
+    R({
+      tooltipData: ue,
+      tooltipLeft: P.pageX,
+      tooltipTop: P.pageY
+    });
+  }, e[1] = R, e[2] = T) : T = e[2];
+  const _ = T;
+  let V;
+  e[3] !== o || e[4] !== n ? (V = () => {
+    n?.(o);
+  }, e[3] = o, e[4] = n, e[5] = V) : V = e[5];
+  const $ = V;
+  let B;
+  e[6] !== H ? (B = () => {
+    H();
+  }, e[6] = H, e[7] = B) : B = e[7];
+  const E = B, M = o.id === x?.id, C = ee ? Math.max(o.value, oe) : o.value;
+  let z;
+  e[8] !== o.id || e[9] !== W ? (z = W(o.id), e[8] = o.id, e[9] = W, e[10] = z) : z = e[10];
+  const ae = z, de = o.id.split("-")[0] === "spacer" ? le : te, t = C > 0 ? k(0) : k(C), i = ae ?? 0, a = Math.abs(k(C) - k(0)), r = o.id.split("-")[0] === "spacer" ? le : te, G = -ie, I = (ae ?? 0) + de / 2, N = t + a + ie + (o.lollipopValue && o.value >= 0 ? y(o.lollipopValue) : 0), O = i + r / 2, q = S && fe ? xe.g : "g", J = me ?? 0.03;
+  let A;
+  e[11] !== S || e[12] !== Y || e[13] !== J ? (A = ge(S, Y, J), e[11] = S, e[12] = Y, e[13] = J, e[14] = A) : A = e[14];
+  const K = A;
+  let s;
+  e[15] !== n ? (s = n && {
+    cursor: "pointer"
+  }, e[15] = n, e[16] = s) : s = e[16];
+  let c;
+  e[17] !== o || e[18] !== _ ? (c = (P) => _(P, o), e[17] = o, e[18] = _, e[19] = c) : c = e[19];
   let p;
-  return t[5] !== h ? (p = /* @__PURE__ */ e(D, { children: h }), t[5] = h, t[6] = p) : p = t[6], p;
-};
+  e[20] !== o.category || e[21] !== G || e[22] !== I ? (p = /* @__PURE__ */ l(ne, { x: G, y: I, dy: ".35em", textAnchor: "end", fill: "black", fontSize: 12, children: o.category }), e[20] = o.category, e[21] = G, e[22] = I, e[23] = p) : p = e[23];
+  const Q = o.color || "black", U = ee && C === oe ? 0.4 : 1, Z = M ? "black" : o.stroke || "none";
+  let f;
+  e[24] !== r || e[25] !== a || e[26] !== t || e[27] !== i || e[28] !== Q || e[29] !== U || e[30] !== Z ? (f = /* @__PURE__ */ l(Le, { x: t, y: i, width: a, height: r, fill: Q, opacity: U, rx: 3, stroke: Z }), e[24] = r, e[25] = a, e[26] = t, e[27] = i, e[28] = Q, e[29] = U, e[30] = Z, e[31] = f) : f = e[31];
+  let m;
+  e[32] !== o.color || e[33] !== o.lollipopValue || e[34] !== o.value || e[35] !== r || e[36] !== a || e[37] !== t || e[38] !== i || e[39] !== y || e[40] !== M ? (m = o.lollipopValue && /* @__PURE__ */ X(re, { children: [
+    /* @__PURE__ */ l(se, { r: y(o.lollipopValue) * 1.5, cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: o.color, stroke: M ? "black" : "none" }),
+    /* @__PURE__ */ l(se, { r: y(o.lollipopValue), cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: "black" })
+  ] }), e[32] = o.color, e[33] = o.lollipopValue, e[34] = o.value, e[35] = r, e[36] = a, e[37] = t, e[38] = i, e[39] = y, e[40] = M, e[41] = m) : m = e[41];
+  let d;
+  e[42] !== o.label || e[43] !== N || e[44] !== O ? (d = /* @__PURE__ */ l(ne, { x: N, y: O, dy: ".35em", textAnchor: "start", fill: "black", fontSize: 12, children: o.label }), e[42] = o.label, e[43] = N, e[44] = O, e[45] = d) : d = e[45];
+  let u;
+  e[46] !== f || e[47] !== m || e[48] !== d ? (u = /* @__PURE__ */ X(ce, { children: [
+    f,
+    m,
+    d
+  ] }), e[46] = f, e[47] = m, e[48] = d, e[49] = u) : u = e[49];
+  let b;
+  e[50] !== q || e[51] !== K || e[52] !== u ? (b = /* @__PURE__ */ l(q, { ...K, children: u }), e[50] = q, e[51] = K, e[52] = u, e[53] = b) : b = e[53];
+  let h;
+  e[54] !== $ || e[55] !== E || e[56] !== p || e[57] !== b || e[58] !== s || e[59] !== c ? (h = /* @__PURE__ */ X(ce, { onClick: $, style: s, onMouseMove: c, onMouseLeave: E, fontFamily: Te, children: [
+    p,
+    b
+  ] }), e[54] = $, e[55] = E, e[56] = p, e[57] = b, e[58] = s, e[59] = c, e[60] = h) : h = e[60];
+  let g;
+  e[61] !== v || e[62] !== x || e[63] !== D || e[64] !== j || e[65] !== F ? (g = v && j && /* @__PURE__ */ l(ve, { children: /* @__PURE__ */ l(ke, { top: F, left: D, style: {
+    ...Se,
+    backgroundColor: "#283238",
+    color: "white",
+    zIndex: 1e3
+  }, children: x && /* @__PURE__ */ l(v, { ...x }) }) }), e[61] = v, e[62] = x, e[63] = D, e[64] = j, e[65] = F, e[66] = g) : g = e[66];
+  let w;
+  return e[67] !== h || e[68] !== g ? (w = /* @__PURE__ */ X(re, { children: [
+    h,
+    g
+  ] }), e[67] = h, e[68] = g, e[69] = w) : w = e[69], w;
+}, He = he(Ve);
 export {
-  V as default
+  He as default
 };
 //# sourceMappingURL=visualization.es63.js.map

package/dist/visualization.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es63.js","sources":["../src/components/ScatterPlot/controls.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { ControlButtonsProps } from \"./types\";\nimport { IconButton, Stack, Tooltip } from \"@mui/material\";\nimport { Add, Remove, BackHand, Edit, SettingsBackupRestore, Download } from \"@mui/icons-material\"\nimport { useTheme } from \"@mui/material/styles\";\n\nconst ControlButtons = ({\n    selectable,\n    resetable,\n    handleSelectionModeChange,\n    selectMode,\n    zoomIn,\n    zoomOut,\n    zoomReset,\n    highlight,\n    downloadButton,\n    downloadPlot\n}: ControlButtonsProps) => {\n    const theme = useTheme();\n    const color = highlight ?? theme.palette.primary.main;\n    const tooltipPlacement = \"right\";\n    \n    const buttonSx = {\n        borderRadius: 0,\n        color: theme.palette.text.primary,\n        padding: theme.spacing(1),\n    };\n\n    useEffect(() => {\n        // Function to handle key press\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Shift' && selectable && selectMode === \"select\") {\n                handleSelectionModeChange('pan'); // Switch to pan mode when Shift is pressed\n\n                // Function to handle key release\n                const handleKeyUp = (e: KeyboardEvent) => {\n                    if (e.key === 'Shift' && selectable) {\n                        handleSelectionModeChange('select'); // Switch back to select mode when Shift is released\n                    }\n                };\n\n                window.addEventListener('keyup', handleKeyUp);\n                return () => {\n                    window.removeEventListener('keyup', handleKeyUp);\n                };\n            }\n        };\n\n        // Add event listeners for key press and release\n        window.addEventListener('keydown', handleKeyDown);\n\n        // Clean up event listeners on unmount\n        return () => {\n            window.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [handleSelectionModeChange, selectMode, selectable]);\n\n    const getToggleButtonSx = (mode: \"pan\" | \"select\") => ({\n        ...buttonSx,\n        color: selectMode === mode ? highlight || \"primary.main\" : theme.palette.text.primary,\n        backgroundColor: selectMode === mode\n            ? `color-mix(in srgb, ${color} 15%, transparent)`\n            : \"transparent\",\n        '&:hover': {\n            backgroundColor: selectMode === mode\n                ? `color-mix(in srgb, ${color} 25%, transparent)`\n                : theme.palette.action.hover,\n        },\n    });\n\n    return (\n        <>\n            {selectMode !== \"none\" && (\n                <Stack\n                    direction=\"column\"\n                    alignItems=\"flex-start\"\n                    justifyContent={\"center\"}\n                    sx={{\n                        background: \"rgba(255, 255, 255, 0.6)\",\n                        backdropFilter: \"blur(2px)\",\n                        WebkitBackdropFilter: \"blur(2px)\",\n                        border: \"1px solid rgba(255, 255, 255, 0.3)\",\n                        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n                        overflow: \"hidden\",\n                    }}\n                >\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to pan, or hold Shift and drag\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"pan\"\n                                    onClick={() => handleSelectionModeChange('pan')}\n                                    sx={getToggleButtonSx(\"pan\")}\n                                >\n                                    <BackHand fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    {\n                        selectable && (\n                            <Tooltip title=\"Drag to select\" placement={tooltipPlacement}>\n                                <IconButton\n                                    aria-label=\"edit\"\n                                    onClick={() => handleSelectionModeChange('select')}\n                                    sx={getToggleButtonSx(\"select\")}\n                                >\n                                    <Edit fontSize=\"small\" />\n                                </IconButton>\n                            </Tooltip>\n                        )\n                    }\n                    <Tooltip title=\"Zoom In\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-in\" onClick={zoomIn} sx={buttonSx}>\n                            <Add fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Zoom Out\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"zoom-out\" onClick={zoomOut} sx={buttonSx}>\n                            <Remove fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    <Tooltip title=\"Reset Zoom and Pan\" placement={tooltipPlacement}>\n                        <IconButton aria-label=\"resetZoom\" onClick={zoomReset} disabled={!resetable} sx={buttonSx}>\n                            <SettingsBackupRestore fontSize=\"small\" />\n                        </IconButton>\n                    </Tooltip>\n                    {downloadButton && (\n                        <Tooltip title=\"Download Plot as SVG\" placement={tooltipPlacement}>\n                            <IconButton aria-label=\"download\" onClick={() => downloadPlot()} sx={buttonSx}>\n                                <Download fontSize=\"small\" />\n                            </IconButton>\n                        </Tooltip>\n                    )}\n                </Stack>\n            )}\n        </>\n\n    );\n}\n\nexport default ControlButtons;\n"],"names":["ControlButtons","t0","$","_c","selectable","resetable","handleSelectionModeChange","selectMode","zoomIn","zoomOut","zoomReset","highlight","downloadButton","downloadPlot","theme","useTheme","color","palette","primary","main","buttonSx","borderRadius","text","padding","spacing","t1","t2","handleKeyDown","e","key","handleKeyUp","e_0","window","addEventListener","removeEventListener","useEffect","getToggleButtonSx","mode","backgroundColor","action","hover","t3","jsxs","Stack","background","backdropFilter","WebkitBackdropFilter","border","boxShadow","overflow","jsx","Tooltip","tooltipPlacement","IconButton","BackHand","Edit","Add","Remove","SettingsBackupRestore","Download","t4"],"mappings":"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"}
+{"version":3,"file":"visualization.es63.js","sources":["../src/components/BarPlot/singleBar.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Group } from '@visx/group';\nimport { Text } from '@visx/text';\nimport { BarData, SingleBarProps } from \"./types\";\nimport { defaultStyles as defaultTooltipStyles, useTooltip, TooltipWithBounds, Portal } from '@visx/tooltip';\nimport { Bar, Circle } from \"@visx/shape\";\nimport { getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\nconst SingleBar = <T,>({\n    index,\n    bar,\n    onBarClicked,\n    TooltipContents,\n    cutoffNegativeValues,\n    negativeCutoff,\n    xScale,\n    yScale,\n    barSize,\n    barSpacing,\n    gapBetweenTextAndBar,\n    getLollipopRadius,\n    animation,\n    animationEnabled,\n    animationBuffer,\n}: SingleBarProps<T>) => {\n    const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = useTooltip<BarData<T>>({});\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>, data: BarData<T>) => {\n        showTooltip({\n            tooltipData: data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [showTooltip]);\n\n    const handleClick = useCallback(() => {\n        onBarClicked?.(bar);\n    }, [onBarClicked, bar]);\n\n    const handleMouseLeave = useCallback(() => {\n        hideTooltip();\n    }, [hideTooltip]);\n\n    const hovered = bar.id === tooltipData?.id;\n\n    const pointValue = cutoffNegativeValues ? Math.max(bar.value, negativeCutoff) : bar.value;\n\n    // Shared values\n    const bandPos = yScale(bar.id);\n    const bandSize = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize;\n\n    // Bar geometry\n    const barX = (pointValue > 0 ? xScale(0) : xScale(pointValue))\n\n    const barY = (bandPos ?? 0)\n\n    const barWidth = Math.abs(xScale(pointValue) - xScale(0))\n\n    const barHeight = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize\n\n    // Label positions\n    const categoryLabelX = -gapBetweenTextAndBar\n\n    const categoryLabelY = (bandPos ?? 0) + bandSize / 2\n\n    const valueLabelX = barX + barWidth + gapBetweenTextAndBar + (bar.lollipopValue && bar.value >= 0 ? getLollipopRadius(bar.lollipopValue) : 0)\n\n    const valueLabelY = barY + barHeight / 2\n\n    const Wrapper = animation && animationEnabled ? motion.g : \"g\";\n    const animProps = getAnimationProps(animation, index, animationBuffer ?? .03);\n\n    return (\n        <>\n            <Group\n                onClick={handleClick}\n                style={onBarClicked && { cursor: 'pointer' }}\n                onMouseMove={(event) => handleMouseMove(event, bar)}\n                onMouseLeave={handleMouseLeave}\n                fontFamily={fontFamily}\n            >\n                {/* Category label */}\n                <Text\n                    x={categoryLabelX}\n                    y={categoryLabelY}\n                    dy={\".35em\"}\n                    textAnchor={\"end\"}\n                    fill=\"black\"\n                    fontSize={12}\n                >\n                    {bar.category}\n                </Text>\n                <Wrapper {...animProps}>\n                    <Group>\n                        <Bar\n                            x={barX}\n                            y={barY}\n                            width={barWidth}\n                            height={barHeight}\n                            fill={bar.color || \"black\"}\n                            opacity={cutoffNegativeValues && pointValue === negativeCutoff ? 0.4 : 1}\n                            rx={3}\n                            stroke={hovered ? \"black\" : (bar.stroke || \"none\")}\n                        />\n                        {bar.lollipopValue && (\n                            <>\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue) * 1.5}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill={bar.color}\n                                    stroke={hovered ? \"black\" : \"none\"}\n                                />\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue)}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill='black'\n                                />\n                            </>\n                        )}\n                        {/* Value label */}\n                        <Text\n                            x={valueLabelX}\n                            y={valueLabelY}\n                            dy={\".35em\"}\n                            textAnchor={\"start\"}\n                            fill=\"black\"\n                            fontSize={12}\n                        >\n                            {bar.label}\n                        </Text>\n                    </Group>\n                </Wrapper>\n            </Group>\n            {/* Maybe should provide a default tooltip */}\n            {TooltipContents && tooltipOpen && (\n                <Portal>\n                    <TooltipWithBounds\n                        top={tooltipTop}\n                        left={tooltipLeft}\n                        style={{ ...defaultTooltipStyles, backgroundColor: '#283238', color: 'white', zIndex: 1000 }}\n                    >\n                        {tooltipData && (\n                            <TooltipContents {...tooltipData as BarData<T>} />\n                        )}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </>\n    )\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(SingleBar) as typeof SingleBar;"],"names":["fontFamily","SingleBar","t0","$","_c","index","bar","onBarClicked","TooltipContents","cutoffNegativeValues","negativeCutoff","xScale","yScale","barSize","barSpacing","gapBetweenTextAndBar","getLollipopRadius","animation","animationEnabled","animationBuffer","t1","Symbol","for","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","t2","event","data","pageX","pageY","handleMouseMove","t3","handleClick","t4","handleMouseLeave","hovered","id","pointValue","Math","max","value","t5","bandPos","bandSize","split","barX","barY","barWidth","abs","barHeight","categoryLabelX","categoryLabelY","valueLabelX","lollipopValue","valueLabelY","Wrapper","motion","g","t6","t7","getAnimationProps","animProps","t8","cursor","t9","event_0","t10","category","Text","t11","color","t12","t13","stroke","t14","Bar","t15","jsxs","Fragment","jsx","Circle","t16","label","t17","Group","t18","t19","t20","Portal","TooltipWithBounds","defaultTooltipStyles","backgroundColor","zIndex","t21","SingleBar$1","memo"],"mappings":"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"}