@weng-lab/ui-components 2.1.1 → 2.2.1

package/dist/ui-components.es6.js

@@ -1,174 +1,177 @@
-import { j as t } from "./ui-components.es13.js";
-import { c as De } from "./ui-components.es14.js";
-import { TableChartRounded as Ge, CloseFullscreenRounded as Re, DragHandle as _e } from "@mui/icons-material";
-import { useTheme as Ie, useMediaQuery as _, IconButton as he, Tooltip as we, Button as Me, Typography as Be, Stack as Te, Box as ee, Divider as Ve, Tab as He, Tabs as Ne } from "@mui/material";
-import je from "./ui-components.es27.js";
-import { useState as te, useRef as Oe } from "react";
-import $e from "./ui-components.es55.js";
-import ze from "./ui-components.es56.js";
+import { j as t } from "./ui-components.es15.js";
+import { c as ye } from "./ui-components.es17.js";
+import { TableChartRounded as Ge, CloseFullscreenRounded as _e, DragHandle as Ie } from "@mui/icons-material";
+import { useTheme as Me, useMediaQuery as I, IconButton as ge, Tooltip as Te, Button as Be, Typography as Ve, Stack as je, Box as ee, Divider as He, Tab as Ne, Tabs as Oe } from "@mui/material";
+import De from "./ui-components.es21.js";
+import { useState as te, useRef as $e } from "react";
+import ze from "./ui-components.es60.js";
+import Le from "./ui-components.es61.js";
 function Ee(i) {
-  const e = De.c(10), l = Ie();
+  const e = ye.c(10), l = Me();
   let s;
   e[0] !== l.breakpoints ? (s = l.breakpoints.up("xs"), e[0] = l.breakpoints, e[1] = s) : s = e[1];
-  const I = _(s);
+  const M = I(s);
   let p;
   e[2] !== l.breakpoints ? (p = l.breakpoints.up("sm"), e[2] = l.breakpoints, e[3] = p) : p = e[3];
-  const oe = _(p);
+  const oe = I(p);
   let f;
   e[4] !== l.breakpoints ? (f = l.breakpoints.up("md"), e[4] = l.breakpoints, e[5] = f) : f = e[5];
-  const o = _(f);
+  const o = I(f);
   let u;
   e[6] !== l.breakpoints ? (u = l.breakpoints.up("lg"), e[6] = l.breakpoints, e[7] = u) : u = e[7];
-  const x = _(u);
+  const x = I(u);
   let c;
   e[8] !== l.breakpoints ? (c = l.breakpoints.up("xl"), e[8] = l.breakpoints, e[9] = c) : c = e[9];
   const G = {
-    xs: I,
+    xs: M,
     sm: oe,
     md: o,
     lg: x,
-    xl: _(c)
+    xl: I(c)
   };
   if (typeof i == "string")
     return i;
-  for (const R of ["xl", "lg", "md", "sm", "xs"])
-    if (G[R] && i[R])
-      return i[R];
+  for (const _ of ["xl", "lg", "md", "sm", "xs"])
+    if (G[_] && i[_])
+      return i[_];
   return "column";
 }
-const tt = (i) => {
-  const e = De.c(79), {
+const ot = (i) => {
+  const e = ye.c(81), {
     TableComponent: l,
     plots: s,
-    direction: I
-  } = i, p = I === void 0 ? "row" : I, [oe, f] = te(0), [o, u] = te(!0), [x, c] = te(!1), [G, R] = te(40), ge = Oe(null), n = Ee(p) === "column", d = Math.min(oe, s.length - 1), a = s[d], M = !!(a?.onDownloadSVG || a?.onDownloadPNG), b = n ? "500px" : "max(60vh, 600px)";
-  let B;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = (r) => {
-    f(r);
-  }, e[0] = B) : B = e[0];
-  const ye = B;
+    direction: M
+  } = i, p = M === void 0 ? "row" : M, [oe, f] = te(0), [o, u] = te(!0), [x, c] = te(!1), [G, _] = te(40), we = $e(null), n = Ee(p) === "column", d = Math.min(oe, s.length - 1), a = s[d], B = !!(a?.onDownloadSVG || a?.onDownloadPNG), h = n ? "500px" : "max(60vh, 600px)";
   let V;
-  e[1] !== o ? (V = () => {
-    u(!o);
-  }, e[1] = o, e[2] = V) : V = e[2];
-  const h = V;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = (r) => {
+    f(r);
+  }, e[0] = V) : V = e[0];
+  const Ce = V;
   let H;
-  e[3] !== M ? (H = () => {
-    M && c(!0);
-  }, e[3] = M, e[4] = H) : H = e[4];
-  const N = H;
-  let O;
-  e[5] !== s ? (O = s.map(Fe), e[5] = s, e[6] = O) : O = e[6];
-  const ne = O;
+  e[1] !== o ? (H = () => {
+    u(!o);
+  }, e[1] = o, e[2] = H) : H = e[2];
+  const b = H;
+  let N;
+  e[3] !== B ? (N = () => {
+    B && c(!0);
+  }, e[3] = B, e[4] = N) : N = e[4];
+  const O = N;
   let $;
-  e[7] !== s ? ($ = s.map(Le), e[7] = s, e[8] = $) : $ = e[8];
-  const le = $, ie = `${o ? "Hide" : "Show"} Table`;
-  let z, E;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
-    mx: -1
-  }, E = /* @__PURE__ */ t.jsx(Ge, { color: "primary", fontSize: "small" }), e[9] = z, e[10] = E) : (z = e[9], E = e[10]);
+  e[5] !== s ? ($ = s.map(Fe), e[5] = s, e[6] = $) : $ = e[6];
+  const ne = $;
+  let z;
+  e[7] !== s ? (z = s.map(Ue), e[7] = s, e[8] = z) : z = e[8];
+  const le = z, ie = `${o ? "Hide" : "Show"} Table`, se = o ? -1 : 0;
   let g;
-  e[11] !== h ? (g = /* @__PURE__ */ t.jsx(he, { onClick: h, sx: z, children: E }), e[11] = h, e[12] = g) : g = e[12];
-  let F;
-  e[13] !== g || e[14] !== ie ? (F = /* @__PURE__ */ t.jsx(we, { title: ie, children: g }), e[13] = g, e[14] = ie, e[15] = F) : F = e[15];
-  const L = F;
+  e[9] !== se ? (g = {
+    marginLeft: -1,
+    marginRight: se
+  }, e[9] = se, e[10] = g) : g = e[10];
+  let L;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ t.jsx(Ge, { color: "primary", fontSize: "small" }), e[11] = L) : L = e[11];
+  let w;
+  e[12] !== b || e[13] !== g ? (w = /* @__PURE__ */ t.jsx(ge, { onClick: b, sx: g, children: L }), e[12] = b, e[13] = g, e[14] = w) : w = e[14];
+  let E;
+  e[15] !== w || e[16] !== ie ? (E = /* @__PURE__ */ t.jsx(Te, { title: ie, children: w }), e[15] = w, e[16] = ie, e[17] = E) : E = e[17];
+  const F = E;
   let U, Q;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
     mx: -1
-  }, Q = /* @__PURE__ */ t.jsx(Re, { color: "primary" }), e[16] = U, e[17] = Q) : (U = e[16], Q = e[17]);
+  }, Q = /* @__PURE__ */ t.jsx(_e, { color: "primary" }), e[18] = U, e[19] = Q) : (U = e[18], Q = e[19]);
   let W;
-  e[18] !== h ? (W = /* @__PURE__ */ t.jsx(we, { title: "Hide Table", children: /* @__PURE__ */ t.jsx(he, { onClick: h, sx: U, children: Q }) }), e[18] = h, e[19] = W) : W = e[19];
-  const se = W;
+  e[20] !== b ? (W = /* @__PURE__ */ t.jsx(Te, { title: "Hide Table", children: /* @__PURE__ */ t.jsx(ge, { onClick: b, sx: U, children: Q }) }), e[20] = b, e[21] = W) : W = e[21];
+  const re = W;
   let X;
-  e[20] !== N || e[21] !== n ? (X = n ? /* @__PURE__ */ t.jsx(he, { color: "primary", "aria-label": "download", size: "small", onClick: N, children: /* @__PURE__ */ t.jsx(je, {}) }) : /* @__PURE__ */ t.jsx(Me, { variant: "text", startIcon: /* @__PURE__ */ t.jsx(je, {}), onClick: N, sx: {
+  e[22] !== O || e[23] !== n ? (X = n ? /* @__PURE__ */ t.jsx(ge, { color: "primary", "aria-label": "download", size: "small", onClick: O, children: /* @__PURE__ */ t.jsx(De, {}) }) : /* @__PURE__ */ t.jsx(Be, { variant: "text", startIcon: /* @__PURE__ */ t.jsx(De, {}), onClick: O, sx: {
     flexShrink: 0
-  }, children: "Download" }), e[20] = N, e[21] = n, e[22] = X) : X = e[22];
-  const Ce = X, ke = Ue;
+  }, children: "Download" }), e[22] = O, e[23] = n, e[24] = X) : X = e[24];
+  const ke = X, Pe = Qe;
   let q;
-  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (r) => {
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = (r) => {
     if (!r.currentTarget.hasPointerCapture(r.pointerId))
       return;
-    const m = ge.current;
+    const m = we.current;
     if (!m)
       return;
-    const Z = m.getBoundingClientRect(), Se = (r.clientX - Z.left) / Z.width * 100;
-    R(Math.min(70, Math.max(15, Se)));
-  }, e[23] = q) : q = e[23];
-  const Pe = q, ve = Qe;
-  let w;
-  e[24] !== n || e[25] !== G || e[26] !== o ? (w = !n && o ? (r) => `${G}% ${r.spacing(2)} minmax(0, 1fr)` : "minmax(0, 1fr)", e[24] = n, e[25] = G, e[26] = o, e[27] = w) : w = e[27];
-  const re = n && o ? "auto auto auto auto" : "auto 1fr", ae = !n && o ? 0 : 2, ce = o ? "flex" : "none";
+    const Z = m.getBoundingClientRect(), Re = (r.clientX - Z.left) / Z.width * 100;
+    _(Math.min(70, Math.max(15, Re)));
+  }, e[25] = q) : q = e[25];
+  const ve = q, Se = We;
+  let T;
+  e[26] !== n || e[27] !== G || e[28] !== o ? (T = !n && o ? (r) => `${G}% ${r.spacing(2)} minmax(0, 1fr)` : "minmax(0, 1fr)", e[26] = n, e[27] = G, e[28] = o, e[29] = T) : T = e[29];
+  const ae = n && o ? "auto auto auto auto" : "auto 1fr", ce = !n && o ? 0 : 2, de = o ? "flex" : "none";
   let A;
-  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ t.jsx(Be, { variant: "h6", sx: {
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ t.jsx(Ve, { variant: "h6", sx: {
     flexGrow: 1
-  }, children: "Table View" }), e[28] = A) : A = e[28];
-  let T;
-  e[29] !== se || e[30] !== ce || e[31] !== L ? (T = /* @__PURE__ */ t.jsxs(Te, { display: ce, direction: "row", alignItems: "center", gap: 1, gridRow: 1, gridColumn: 1, children: [
-    L,
-    A,
-    se
-  ] }), e[29] = se, e[30] = ce, e[31] = L, e[32] = T) : T = e[32];
+  }, children: "Table View" }), e[30] = A) : A = e[30];
   let j;
-  e[33] !== n || e[34] !== o ? (j = o && !n && /* @__PURE__ */ t.jsx(ee, { display: "flex", alignItems: "center", justifyContent: "center", gridRow: "1 / 3", gridColumn: 2, sx: {
+  e[31] !== re || e[32] !== de || e[33] !== F ? (j = /* @__PURE__ */ t.jsxs(je, { display: de, direction: "row", alignItems: "center", gap: 1, gridRow: 1, gridColumn: 1, children: [
+    F,
+    A,
+    re
+  ] }), e[31] = re, e[32] = de, e[33] = F, e[34] = j) : j = e[34];
+  let D;
+  e[35] !== n || e[36] !== o ? (D = o && !n && /* @__PURE__ */ t.jsx(ee, { display: "flex", alignItems: "center", justifyContent: "center", gridRow: "1 / 3", gridColumn: 2, sx: {
     cursor: "col-resize"
-  }, onPointerDown: ke, onPointerMove: Pe, onPointerUp: ve, children: /* @__PURE__ */ t.jsx(Ve, { orientation: "vertical", flexItem: !0, sx: {
+  }, onPointerDown: Pe, onPointerMove: ve, onPointerUp: Se, children: /* @__PURE__ */ t.jsx(He, { orientation: "vertical", flexItem: !0, sx: {
     "& .MuiDivider-wrapperVertical": {
       padding: 0,
       display: "flex"
     },
     mx: "auto"
-  }, children: /* @__PURE__ */ t.jsx(_e, { sx: {
+  }, children: /* @__PURE__ */ t.jsx(Ie, { sx: {
     transform: "rotate(90deg)",
     color: "divider"
-  } }) }) }), e[33] = n, e[34] = o, e[35] = j) : j = e[35];
-  const de = n && o ? 3 : 1, me = !n && o ? 3 : 1, pe = !o && L;
+  } }) }) }), e[35] = n, e[36] = o, e[37] = D) : D = e[37];
+  const me = n && o ? 3 : 1, pe = !n && o ? 3 : 1, fe = !o && F;
   let J;
-  e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = (r, m) => ye(m), e[36] = J) : J = e[36];
+  e[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = (r, m) => Ce(m), e[38] = J) : J = e[38];
   let K;
-  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
+  e[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
     flexGrow: 1,
     "& .MuiTabs-scrollButtons.Mui-disabled": {
       opacity: 0.3
     }
-  }, e[37] = K) : K = e[37];
-  let D;
-  if (e[38] !== n || e[39] !== ne) {
+  }, e[39] = K) : K = e[39];
+  let y;
+  if (e[40] !== n || e[41] !== ne) {
     let r;
-    e[41] !== n ? (r = (m, Z) => /* @__PURE__ */ t.jsx(He, { label: n ? "" : m.tabTitle, icon: m.icon, iconPosition: "start", sx: {
+    e[43] !== n ? (r = (m, Z) => /* @__PURE__ */ t.jsx(Ne, { label: n ? "" : m.tabTitle, icon: m.icon, iconPosition: "start", sx: {
       minHeight: "48px"
-    } }, Z), e[41] = n, e[42] = r) : r = e[42], D = ne.map(r), e[38] = n, e[39] = ne, e[40] = D;
+    } }, Z), e[43] = n, e[44] = r) : r = e[44], y = ne.map(r), e[40] = n, e[41] = ne, e[42] = y;
   } else
-    D = e[40];
-  let y;
-  e[43] !== D || e[44] !== d ? (y = /* @__PURE__ */ t.jsx(Ne, { value: d, variant: "scrollable", onChange: J, sx: K, children: D }), e[43] = D, e[44] = d, e[45] = y) : y = e[45];
-  const fe = M && Ce;
+    y = e[42];
   let C;
-  e[46] !== de || e[47] !== me || e[48] !== pe || e[49] !== y || e[50] !== fe ? (C = /* @__PURE__ */ t.jsxs(Te, { direction: "row", alignItems: "center", justifyContent: "space-between", gridRow: de, gridColumn: me, children: [
-    pe,
-    y,
-    fe
-  ] }), e[46] = de, e[47] = me, e[48] = pe, e[49] = y, e[50] = fe, e[51] = C) : C = e[51];
-  const ue = o ? "block" : "none";
+  e[45] !== y || e[46] !== d ? (C = /* @__PURE__ */ t.jsx(Oe, { value: d, variant: "scrollable", onChange: J, sx: K, children: y }), e[45] = y, e[46] = d, e[47] = C) : C = e[47];
+  const ue = B && ke;
   let k;
-  e[52] !== l || e[53] !== b || e[54] !== ue ? (k = /* @__PURE__ */ t.jsx(ee, { display: ue, gridRow: 2, gridColumn: 1, height: b, children: l }), e[52] = l, e[53] = b, e[54] = ue, e[55] = k) : k = e[55];
-  const xe = n && o ? 4 : 2, be = !n && o ? 3 : 1;
+  e[48] !== me || e[49] !== pe || e[50] !== fe || e[51] !== C || e[52] !== ue ? (k = /* @__PURE__ */ t.jsxs(je, { direction: "row", alignItems: "center", justifyContent: "space-between", gridRow: me, gridColumn: pe, children: [
+    fe,
+    C,
+    ue
+  ] }), e[48] = me, e[49] = pe, e[50] = fe, e[51] = C, e[52] = ue, e[53] = k) : k = e[53];
+  const xe = o ? "block" : "none";
   let P;
-  e[56] !== le || e[57] !== d ? (P = /* @__PURE__ */ t.jsx(ze, { value: d, figures: le }), e[56] = le, e[57] = d, e[58] = P) : P = e[58];
+  e[54] !== l || e[55] !== h || e[56] !== xe ? (P = /* @__PURE__ */ t.jsx(ee, { display: xe, gridRow: 2, gridColumn: 1, height: h, children: l }), e[54] = l, e[55] = h, e[56] = xe, e[57] = P) : P = e[57];
+  const he = n && o ? 4 : 2, be = !n && o ? 3 : 1;
   let v;
-  e[59] !== a?.onDownloadPNG || e[60] !== a?.onDownloadSVG || e[61] !== a?.tabTitle || e[62] !== x ? (v = x && /* @__PURE__ */ t.jsx($e, { open: x, onClose: () => c(!1), onDownloadSVG: a?.onDownloadSVG, onDownloadPNG: a?.onDownloadPNG, plotTitle: a?.tabTitle }), e[59] = a?.onDownloadPNG, e[60] = a?.onDownloadSVG, e[61] = a?.tabTitle, e[62] = x, e[63] = v) : v = e[63];
+  e[58] !== le || e[59] !== d ? (v = /* @__PURE__ */ t.jsx(Le, { value: d, figures: le }), e[58] = le, e[59] = d, e[60] = v) : v = e[60];
   let S;
-  e[64] !== b || e[65] !== xe || e[66] !== be || e[67] !== P || e[68] !== v ? (S = /* @__PURE__ */ t.jsxs(ee, { gridRow: xe, gridColumn: be, height: b, minWidth: 0, children: [
-    P,
-    v
-  ] }), e[64] = b, e[65] = xe, e[66] = be, e[67] = P, e[68] = v, e[69] = S) : S = e[69];
+  e[61] !== a?.onDownloadPNG || e[62] !== a?.onDownloadSVG || e[63] !== a?.tabTitle || e[64] !== x ? (S = x && /* @__PURE__ */ t.jsx(ze, { open: x, onClose: () => c(!1), onDownloadSVG: a?.onDownloadSVG, onDownloadPNG: a?.onDownloadPNG, plotTitle: a?.tabTitle }), e[61] = a?.onDownloadPNG, e[62] = a?.onDownloadSVG, e[63] = a?.tabTitle, e[64] = x, e[65] = S) : S = e[65];
+  let R;
+  e[66] !== h || e[67] !== he || e[68] !== be || e[69] !== v || e[70] !== S ? (R = /* @__PURE__ */ t.jsxs(ee, { gridRow: he, gridColumn: be, height: h, minWidth: 0, children: [
+    v,
+    S
+  ] }), e[66] = h, e[67] = he, e[68] = be, e[69] = v, e[70] = S, e[71] = R) : R = e[71];
   let Y;
-  return e[70] !== w || e[71] !== re || e[72] !== ae || e[73] !== T || e[74] !== j || e[75] !== C || e[76] !== k || e[77] !== S ? (Y = /* @__PURE__ */ t.jsxs(ee, { ref: ge, display: "grid", gridTemplateColumns: w, gridTemplateRows: re, rowGap: 1, columnGap: ae, children: [
-    T,
+  return e[72] !== T || e[73] !== ae || e[74] !== ce || e[75] !== j || e[76] !== D || e[77] !== k || e[78] !== P || e[79] !== R ? (Y = /* @__PURE__ */ t.jsxs(ee, { ref: we, display: "grid", gridTemplateColumns: T, gridTemplateRows: ae, rowGap: 1, columnGap: ce, children: [
     j,
-    C,
+    D,
     k,
-    S
-  ] }), e[70] = w, e[71] = re, e[72] = ae, e[73] = T, e[74] = j, e[75] = C, e[76] = k, e[77] = S, e[78] = Y) : Y = e[78], Y;
+    P,
+    R
+  ] }), e[72] = T, e[73] = ae, e[74] = ce, e[75] = j, e[76] = D, e[77] = k, e[78] = P, e[79] = R, e[80] = Y) : Y = e[80], Y;
 };
 function Fe(i) {
   return {
@@ -176,19 +179,19 @@ function Fe(i) {
     icon: i.icon
   };
 }
-function Le(i) {
+function Ue(i) {
   return {
     title: i.tabTitle,
     component: i.plotComponent
   };
 }
-function Ue(i) {
+function Qe(i) {
   i.currentTarget.setPointerCapture(i.pointerId);
 }
-function Qe(i) {
+function We(i) {
   i.currentTarget.releasePointerCapture(i.pointerId);
 }
 export {
-  tt as default
+  ot as default
 };
 //# sourceMappingURL=ui-components.es6.js.map

package/dist/ui-components.es6.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es6.js","sources":["../src/components/TwoPaneLayout/TwoPaneLayout.tsx"],"sourcesContent":["import { CloseFullscreenRounded, DragHandle, TableChartRounded } from \"@mui/icons-material\";\nimport {\n  Stack,\n  Box,\n  Typography,\n  Tabs,\n  Tab,\n  IconButton,\n  Tooltip,\n  Button,\n  useMediaQuery,\n  useTheme,\n  Divider,\n} from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport React, { useMemo, useRef, useState } from \"react\";\nimport DownloadModal from \"./DownloadModal\";\nimport FigurePanel from \"./FigurePanel\";\nimport type { Direction, ResponsiveDirection, TwoPaneLayoutProps } from \"./types\";\n\nfunction useResolvedDirection(direction: ResponsiveDirection): Direction {\n  const theme = useTheme();\n\n  const matches = {\n    xs: useMediaQuery(theme.breakpoints.up(\"xs\")),\n    sm: useMediaQuery(theme.breakpoints.up(\"sm\")),\n    md: useMediaQuery(theme.breakpoints.up(\"md\")),\n    lg: useMediaQuery(theme.breakpoints.up(\"lg\")),\n    xl: useMediaQuery(theme.breakpoints.up(\"xl\")),\n  };\n\n  if (typeof direction === \"string\") return direction;\n\n  for (const bp of [\"xl\", \"lg\", \"md\", \"sm\", \"xs\"] as const) {\n    if (matches[bp] && direction[bp]) return direction[bp];\n  }\n\n  return \"column\";\n}\n\nconst TwoPaneLayout = ({ TableComponent, plots, direction = \"row\" }: TwoPaneLayoutProps) => {\n  const [tab, setTab] = useState<number>(0);\n  const [tableOpen, setTableOpen] = useState(true);\n  const [modalOpen, setModalOpen] = useState<boolean>(false);\n  const [leftPct, setLeftPct] = useState(40);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const resolvedDirection = useResolvedDirection(direction);\n  const isColumn = resolvedDirection === \"column\";\n\n  const tabValue = Math.min(tab, plots.length - 1);\n  const activePlot = plots[tabValue];\n  const hasDownload = !!(activePlot?.onDownloadSVG || activePlot?.onDownloadPNG);\n  const paneHeight = isColumn ? \"500px\" : \"max(60vh, 600px)\";\n\n  const handleSetTab = (newTab: number) => {\n    setTab(newTab);\n  };\n\n  const handleToggleTable = () => {\n    setTableOpen(!tableOpen);\n  };\n\n  const handleOpenDownload = () => {\n    if (hasDownload) {\n      setModalOpen(true);\n    }\n  };\n\n  const plotTabs = useMemo(() => plots.map((x) => ({ tabTitle: x.tabTitle, icon: x.icon })), [plots]);\n\n  const figures = useMemo(\n    () =>\n      plots.map((x) => ({\n        title: x.tabTitle,\n        component: x.plotComponent,\n      })),\n    [plots]\n  );\n\n  const tableIconButton = (\n    <Tooltip title={`${tableOpen ? \"Hide\" : \"Show\"} Table`}>\n      <IconButton onClick={handleToggleTable} sx={{ mx: -1 }}>\n        <TableChartRounded color=\"primary\" fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n  );\n\n  const hideTableButton = (\n    <Tooltip title=\"Hide Table\">\n      <IconButton onClick={handleToggleTable} sx={{ mx: -1 }}>\n        <CloseFullscreenRounded color=\"primary\" />\n      </IconButton>\n    </Tooltip>\n  );\n\n  const downloadButton = isColumn ? (\n    <IconButton color=\"primary\" aria-label=\"download\" size=\"small\" onClick={handleOpenDownload}>\n      <DownloadIcon />\n    </IconButton>\n  ) : (\n    <Button variant=\"text\" startIcon={<DownloadIcon />} onClick={handleOpenDownload} sx={{ flexShrink: 0 }}>\n      Download\n    </Button>\n  );\n\n  const handleDividerPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {\n    e.currentTarget.setPointerCapture(e.pointerId);\n  };\n\n  const handleDividerPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;\n    const container = containerRef.current;\n    if (!container) return;\n    const rect = container.getBoundingClientRect();\n    const newPct = ((e.clientX - rect.left) / rect.width) * 100;\n    setLeftPct(Math.min(70, Math.max(15, newPct)));\n  };\n\n  const handleDividerPointerUp = (e: React.PointerEvent<HTMLDivElement>) => {\n    e.currentTarget.releasePointerCapture(e.pointerId);\n  };\n\n  return (\n    <Box\n      ref={containerRef}\n      display=\"grid\"\n      gridTemplateColumns={\n        !isColumn && tableOpen\n          ? (theme) => `${leftPct}% ${theme.spacing(2)} minmax(0, 1fr)`\n          : \"minmax(0, 1fr)\"\n      }\n      gridTemplateRows={isColumn && tableOpen ? \"auto auto auto auto\" : \"auto 1fr\"}\n      rowGap={1}\n      columnGap={!isColumn && tableOpen ? 0 : 2}\n    >\n      {/* Table header — row 1 at all breakpoints */}\n      <Stack\n        display={tableOpen ? \"flex\" : \"none\"}\n        direction=\"row\"\n        alignItems=\"center\"\n        gap={1}\n        gridRow={1}\n        gridColumn={1}\n      >\n        {tableIconButton}\n        <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n          Table View\n        </Typography>\n        {hideTableButton}\n      </Stack>\n\n      {/* Divider — only visible in row direction when table is open */}\n      {tableOpen && !isColumn && (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gridRow=\"1 / 3\"\n          gridColumn={2}\n          sx={{ cursor: \"col-resize\" }}\n          onPointerDown={handleDividerPointerDown}\n          onPointerMove={handleDividerPointerMove}\n          onPointerUp={handleDividerPointerUp}\n        >\n          <Divider\n            orientation=\"vertical\"\n            flexItem\n            sx={{\n              \"& .MuiDivider-wrapperVertical\": {\n                padding: 0,\n                display: \"flex\",\n              },\n              mx: \"auto\",\n            }}\n          >\n            <DragHandle sx={{ transform: \"rotate(90deg)\", color: \"divider\" }} />\n          </Divider>\n        </Box>\n      )}\n\n      {/* Tabs header */}\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        gridRow={isColumn && tableOpen ? 3 : 1}\n        gridColumn={!isColumn && tableOpen ? 3 : 1}\n      >\n        {!tableOpen && tableIconButton}\n        <Tabs\n          value={tabValue}\n          variant=\"scrollable\"\n          onChange={(_, value) => handleSetTab(value)}\n          sx={{ flexGrow: 1, \"& .MuiTabs-scrollButtons.Mui-disabled\": { opacity: 0.3 } }}\n        >\n          {plotTabs.map((tab, i) => (\n            <Tab\n              label={isColumn ? \"\" : tab.tabTitle}\n              key={i}\n              icon={tab.icon}\n              iconPosition=\"start\"\n              sx={{ minHeight: \"48px\" }}\n            />\n          ))}\n        </Tabs>\n        {hasDownload && downloadButton}\n      </Stack>\n\n      {/* Table content — row 2 */}\n      <Box display={tableOpen ? \"block\" : \"none\"} gridRow={2} gridColumn={1} height={paneHeight}>\n        {TableComponent}\n      </Box>\n\n      {/* Plot content */}\n      <Box\n        gridRow={isColumn && tableOpen ? 4 : 2}\n        gridColumn={!isColumn && tableOpen ? 3 : 1}\n        height={paneHeight}\n        minWidth={0}\n      >\n        <FigurePanel value={tabValue} figures={figures} />\n        {modalOpen && (\n          <DownloadModal\n            open={modalOpen}\n            onClose={() => setModalOpen(false)}\n            onDownloadSVG={activePlot?.onDownloadSVG}\n            onDownloadPNG={activePlot?.onDownloadPNG}\n            plotTitle={activePlot?.tabTitle}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default TwoPaneLayout;\n"],"names":["useResolvedDirection","direction","$","_c","theme","useTheme","t0","breakpoints","up","t1","useMediaQuery","t2","t3","t4","t5","t6","t7","t8","matches","xs","sm","md","lg","xl","bp","TwoPaneLayout","TableComponent","plots","undefined","tab","setTab","useState","tableOpen","setTableOpen","modalOpen","setModalOpen","leftPct","setLeftPct","containerRef","useRef","isColumn","tabValue","Math","min","length","activePlot","hasDownload","onDownloadSVG","onDownloadPNG","paneHeight","Symbol","for","newTab","handleSetTab","handleToggleTable","handleOpenDownload","map","_temp","plotTabs","_temp2","figures","t9","mx","jsx","TableChartRounded","t10","IconButton","t11","Tooltip","tableIconButton","t12","t13","CloseFullscreenRounded","t14","hideTableButton","t15","DownloadIcon","Button","flexShrink","downloadButton","handleDividerPointerDown","_temp3","t16","e_0","e","currentTarget","hasPointerCapture","pointerId","container","current","rect","getBoundingClientRect","newPct","clientX","left","width","max","handleDividerPointerMove","handleDividerPointerUp","_temp4","t17","spacing","t18","t19","t20","t21","Typography","flexGrow","t22","Stack","t23","Box","cursor","Divider","padding","display","DragHandle","transform","color","t24","t25","t26","t27","_","value","t28","opacity","t29","t30","tab_0","i","Tab","tabTitle","icon","minHeight","Tabs","t31","t32","t33","t34","t35","t36","t37","FigurePanel","t38","DownloadModal","t39","jsxs","t40","x","x_0","title","component","plotComponent","setPointerCapture","e_1","releasePointerCapture"],"mappings":"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"}
+{"version":3,"file":"ui-components.es6.js","sources":["../src/components/TwoPaneLayout/TwoPaneLayout.tsx"],"sourcesContent":["import { CloseFullscreenRounded, DragHandle, TableChartRounded } from \"@mui/icons-material\";\nimport {\n  Stack,\n  Box,\n  Typography,\n  Tabs,\n  Tab,\n  IconButton,\n  Tooltip,\n  Button,\n  useMediaQuery,\n  useTheme,\n  Divider,\n} from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport React, { useMemo, useRef, useState } from \"react\";\nimport DownloadModal from \"./DownloadModal\";\nimport FigurePanel from \"./FigurePanel\";\nimport type { Direction, ResponsiveDirection, TwoPaneLayoutProps } from \"./types\";\n\nfunction useResolvedDirection(direction: ResponsiveDirection): Direction {\n  const theme = useTheme();\n\n  const matches = {\n    xs: useMediaQuery(theme.breakpoints.up(\"xs\")),\n    sm: useMediaQuery(theme.breakpoints.up(\"sm\")),\n    md: useMediaQuery(theme.breakpoints.up(\"md\")),\n    lg: useMediaQuery(theme.breakpoints.up(\"lg\")),\n    xl: useMediaQuery(theme.breakpoints.up(\"xl\")),\n  };\n\n  if (typeof direction === \"string\") return direction;\n\n  for (const bp of [\"xl\", \"lg\", \"md\", \"sm\", \"xs\"] as const) {\n    if (matches[bp] && direction[bp]) return direction[bp];\n  }\n\n  return \"column\";\n}\n\nconst TwoPaneLayout = ({ TableComponent, plots, direction = \"row\" }: TwoPaneLayoutProps) => {\n  const [tab, setTab] = useState<number>(0);\n  const [tableOpen, setTableOpen] = useState(true);\n  const [modalOpen, setModalOpen] = useState<boolean>(false);\n  const [leftPct, setLeftPct] = useState(40);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const resolvedDirection = useResolvedDirection(direction);\n  const isColumn = resolvedDirection === \"column\";\n\n  const tabValue = Math.min(tab, plots.length - 1);\n  const activePlot = plots[tabValue];\n  const hasDownload = !!(activePlot?.onDownloadSVG || activePlot?.onDownloadPNG);\n  const paneHeight = isColumn ? \"500px\" : \"max(60vh, 600px)\";\n\n  const handleSetTab = (newTab: number) => {\n    setTab(newTab);\n  };\n\n  const handleToggleTable = () => {\n    setTableOpen(!tableOpen);\n  };\n\n  const handleOpenDownload = () => {\n    if (hasDownload) {\n      setModalOpen(true);\n    }\n  };\n\n  const plotTabs = useMemo(() => plots.map((x) => ({ tabTitle: x.tabTitle, icon: x.icon })), [plots]);\n\n  const figures = useMemo(\n    () =>\n      plots.map((x) => ({\n        title: x.tabTitle,\n        component: x.plotComponent,\n      })),\n    [plots]\n  );\n\n  const tableIconButton = (\n    <Tooltip title={`${tableOpen ? \"Hide\" : \"Show\"} Table`}>\n      <IconButton onClick={handleToggleTable} sx={{ marginLeft: -1, marginRight: tableOpen ? -1 : 0 }}>\n        <TableChartRounded color=\"primary\" fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n  );\n\n  const hideTableButton = (\n    <Tooltip title=\"Hide Table\">\n      <IconButton onClick={handleToggleTable} sx={{ mx: -1 }}>\n        <CloseFullscreenRounded color=\"primary\" />\n      </IconButton>\n    </Tooltip>\n  );\n\n  const downloadButton = isColumn ? (\n    <IconButton color=\"primary\" aria-label=\"download\" size=\"small\" onClick={handleOpenDownload}>\n      <DownloadIcon />\n    </IconButton>\n  ) : (\n    <Button variant=\"text\" startIcon={<DownloadIcon />} onClick={handleOpenDownload} sx={{ flexShrink: 0 }}>\n      Download\n    </Button>\n  );\n\n  const handleDividerPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {\n    e.currentTarget.setPointerCapture(e.pointerId);\n  };\n\n  const handleDividerPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {\n    if (!e.currentTarget.hasPointerCapture(e.pointerId)) return;\n    const container = containerRef.current;\n    if (!container) return;\n    const rect = container.getBoundingClientRect();\n    const newPct = ((e.clientX - rect.left) / rect.width) * 100;\n    setLeftPct(Math.min(70, Math.max(15, newPct)));\n  };\n\n  const handleDividerPointerUp = (e: React.PointerEvent<HTMLDivElement>) => {\n    e.currentTarget.releasePointerCapture(e.pointerId);\n  };\n\n  return (\n    <Box\n      ref={containerRef}\n      display=\"grid\"\n      gridTemplateColumns={\n        !isColumn && tableOpen\n          ? (theme) => `${leftPct}% ${theme.spacing(2)} minmax(0, 1fr)`\n          : \"minmax(0, 1fr)\"\n      }\n      gridTemplateRows={isColumn && tableOpen ? \"auto auto auto auto\" : \"auto 1fr\"}\n      rowGap={1}\n      columnGap={!isColumn && tableOpen ? 0 : 2}\n    >\n      {/* Table header — row 1 at all breakpoints */}\n      <Stack\n        display={tableOpen ? \"flex\" : \"none\"}\n        direction=\"row\"\n        alignItems=\"center\"\n        gap={1}\n        gridRow={1}\n        gridColumn={1}\n      >\n        {tableIconButton}\n        <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n          Table View\n        </Typography>\n        {hideTableButton}\n      </Stack>\n\n      {/* Divider — only visible in row direction when table is open */}\n      {tableOpen && !isColumn && (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gridRow=\"1 / 3\"\n          gridColumn={2}\n          sx={{ cursor: \"col-resize\" }}\n          onPointerDown={handleDividerPointerDown}\n          onPointerMove={handleDividerPointerMove}\n          onPointerUp={handleDividerPointerUp}\n        >\n          <Divider\n            orientation=\"vertical\"\n            flexItem\n            sx={{\n              \"& .MuiDivider-wrapperVertical\": {\n                padding: 0,\n                display: \"flex\",\n              },\n              mx: \"auto\",\n            }}\n          >\n            <DragHandle sx={{ transform: \"rotate(90deg)\", color: \"divider\" }} />\n          </Divider>\n        </Box>\n      )}\n\n      {/* Tabs header */}\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        gridRow={isColumn && tableOpen ? 3 : 1}\n        gridColumn={!isColumn && tableOpen ? 3 : 1}\n      >\n        {!tableOpen && tableIconButton}\n        <Tabs\n          value={tabValue}\n          variant=\"scrollable\"\n          onChange={(_, value) => handleSetTab(value)}\n          sx={{ flexGrow: 1, \"& .MuiTabs-scrollButtons.Mui-disabled\": { opacity: 0.3 } }}\n        >\n          {plotTabs.map((tab, i) => (\n            <Tab\n              label={isColumn ? \"\" : tab.tabTitle}\n              key={i}\n              icon={tab.icon}\n              iconPosition=\"start\"\n              sx={{ minHeight: \"48px\" }}\n            />\n          ))}\n        </Tabs>\n        {hasDownload && downloadButton}\n      </Stack>\n\n      {/* Table content — row 2 */}\n      <Box display={tableOpen ? \"block\" : \"none\"} gridRow={2} gridColumn={1} height={paneHeight}>\n        {TableComponent}\n      </Box>\n\n      {/* Plot content */}\n      <Box\n        gridRow={isColumn && tableOpen ? 4 : 2}\n        gridColumn={!isColumn && tableOpen ? 3 : 1}\n        height={paneHeight}\n        minWidth={0}\n      >\n        <FigurePanel value={tabValue} figures={figures} />\n        {modalOpen && (\n          <DownloadModal\n            open={modalOpen}\n            onClose={() => setModalOpen(false)}\n            onDownloadSVG={activePlot?.onDownloadSVG}\n            onDownloadPNG={activePlot?.onDownloadPNG}\n            plotTitle={activePlot?.tabTitle}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default TwoPaneLayout;\n"],"names":["useResolvedDirection","direction","$","_c","theme","useTheme","t0","breakpoints","up","t1","useMediaQuery","t2","t3","t4","t5","t6","t7","t8","matches","xs","sm","md","lg","xl","bp","TwoPaneLayout","TableComponent","plots","undefined","tab","setTab","useState","tableOpen","setTableOpen","modalOpen","setModalOpen","leftPct","setLeftPct","containerRef","useRef","isColumn","tabValue","Math","min","length","activePlot","hasDownload","onDownloadSVG","onDownloadPNG","paneHeight","Symbol","for","newTab","handleSetTab","handleToggleTable","handleOpenDownload","map","_temp","plotTabs","_temp2","figures","t9","marginLeft","marginRight","t10","jsx","TableChartRounded","t11","IconButton","t12","Tooltip","tableIconButton","t13","t14","mx","CloseFullscreenRounded","t15","hideTableButton","t16","DownloadIcon","Button","flexShrink","downloadButton","handleDividerPointerDown","_temp3","t17","e_0","e","currentTarget","hasPointerCapture","pointerId","container","current","rect","getBoundingClientRect","newPct","clientX","left","width","max","handleDividerPointerMove","handleDividerPointerUp","_temp4","t18","spacing","t19","t20","t21","t22","Typography","flexGrow","t23","Stack","t24","Box","cursor","Divider","padding","display","DragHandle","transform","color","t25","t26","t27","t28","_","value","t29","opacity","t30","t31","tab_0","i","Tab","tabTitle","icon","minHeight","Tabs","t32","t33","t34","t35","t36","t37","t38","FigurePanel","t39","DownloadModal","t40","jsxs","t41","x","x_0","title","component","plotComponent","setPointerCapture","e_1","releasePointerCapture"],"mappings":"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"}

package/dist/ui-components.es60.js

@@ -1,11 +1,73 @@
-import { __module as e } from "./ui-components.es61.js";
-import { __require as t } from "./ui-components.es62.js";
-import { __require as i } from "./ui-components.es63.js";
-var r;
-function m() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = i(), e.exports);
+import { j as t } from "./ui-components.es15.js";
+import { c as S } from "./ui-components.es17.js";
+import { Stack as D, Typography as y, IconButton as C, Divider as v, Box as g, Button as _, Modal as k } from "@mui/material";
+import G from "./ui-components.es21.js";
+const P = (o) => {
+  const e = S.c(24), {
+    open: h,
+    onClose: l,
+    onDownloadSVG: b,
+    onDownloadPNG: u,
+    plotTitle: j
+  } = o;
+  let n;
+  e[0] !== u ? (n = {
+    label: "PNG",
+    action: u
+  }, e[0] = u, e[1] = n) : n = e[1];
+  let r;
+  e[2] !== b ? (r = {
+    label: "SVG",
+    action: b
+  }, e[2] = b, e[3] = r) : r = e[3];
+  let d;
+  e[4] !== n || e[5] !== r ? (d = [n, r].filter(I), e[4] = n, e[5] = r, e[6] = d) : d = e[6];
+  const w = d;
+  let m;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    bgcolor: "background.paper",
+    boxShadow: 24,
+    borderRadius: 2,
+    p: 3,
+    width: 360
+  }, e[7] = m) : m = e[7];
+  let i;
+  e[8] !== j ? (i = /* @__PURE__ */ t.jsxs(y, { variant: "h6", fontWeight: 600, mb: 1, children: [
+    "Download ",
+    j
+  ] }), e[8] = j, e[9] = i) : i = e[9];
+  let f;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx(y, { variant: "body2", color: "text.secondary", mb: 2, children: "Choose a file format to export your plot." }), e[10] = f) : f = e[10];
+  let p;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t.jsx(v, { flexItem: !0 }), e[11] = p) : p = e[11];
+  let a;
+  e[12] !== w ? (a = /* @__PURE__ */ t.jsx(D, { spacing: 1.5, divider: p, children: w.map(B) }), e[12] = w, e[13] = a) : a = e[13];
+  let s;
+  e[14] !== l ? (s = /* @__PURE__ */ t.jsx(g, { mt: 3, textAlign: "right", children: /* @__PURE__ */ t.jsx(_, { onClick: l, children: "Close" }) }), e[14] = l, e[15] = s) : s = e[15];
+  let c;
+  e[16] !== i || e[17] !== a || e[18] !== s ? (c = /* @__PURE__ */ t.jsxs(g, { sx: m, children: [
+    i,
+    f,
+    a,
+    s
+  ] }), e[16] = i, e[17] = a, e[18] = s, e[19] = c) : c = e[19];
+  let x;
+  return e[20] !== l || e[21] !== h || e[22] !== c ? (x = /* @__PURE__ */ t.jsx(k, { open: h, onClose: l, children: c }), e[20] = l, e[21] = h, e[22] = c, e[23] = x) : x = e[23], x;
+};
+function I(o) {
+  return o.action;
+}
+function B(o) {
+  return /* @__PURE__ */ t.jsxs(D, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t.jsx(y, { variant: "body1", children: o.label }),
+    /* @__PURE__ */ t.jsx(C, { color: "primary", onClick: o.action, "aria-label": `Download ${o.label}`, children: /* @__PURE__ */ t.jsx(G, {}) })
+  ] }, o.label);
 }
 export {
-  m as __require
+  P as default
 };
 //# sourceMappingURL=ui-components.es60.js.map

package/dist/ui-components.es60.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es60.js","sources":["../../../node_modules/.pnpm/react@19.2.4/node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["jsxRuntimeModule","require$$0","require$$1"],"mappings":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,EAAA,IAEjBD,EAAA,UAAiBE,EAAA;;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es60.js","sources":["../src/components/TwoPaneLayout/DownloadModal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Modal, Box, IconButton, Stack, Typography, Divider, Button } from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\n\nexport interface DownloadModalProps {\n  open: boolean;\n  onClose: () => void;\n  onDownloadSVG?: () => void;\n  onDownloadPNG?: () => void;\n  plotTitle: string;\n}\n\nconst DownloadModal: React.FC<DownloadModalProps> = ({ open, onClose, onDownloadSVG, onDownloadPNG, plotTitle }) => {\n  const downloadOptions = [\n    { label: \"PNG\", action: onDownloadPNG },\n    { label: \"SVG\", action: onDownloadSVG },\n  ].filter((option) => option.action);\n\n  return (\n    <Modal open={open} onClose={onClose}>\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          bgcolor: \"background.paper\",\n          boxShadow: 24,\n          borderRadius: 2,\n          p: 3,\n          width: 360,\n        }}\n      >\n        <Typography variant=\"h6\" fontWeight={600} mb={1}>\n          Download {plotTitle}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" mb={2}>\n          Choose a file format to export your plot.\n        </Typography>\n        <Stack spacing={1.5} divider={<Divider flexItem />}>\n          {downloadOptions.map((option) => (\n            <Stack key={option.label} direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n              <Typography variant=\"body1\">{option.label}</Typography>\n              <IconButton color=\"primary\" onClick={option.action} aria-label={`Download ${option.label}`}>\n                <DownloadIcon />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n        <Box mt={3} textAlign=\"right\">\n          <Button onClick={onClose}>Close</Button>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nexport default DownloadModal;\n"],"names":["DownloadModal","t0","$","_c","open","onClose","onDownloadSVG","onDownloadPNG","plotTitle","t1","label","action","t2","t3","filter","_temp","downloadOptions","t4","Symbol","for","position","top","left","transform","bgcolor","boxShadow","borderRadius","p","width","t5","Typography","t6","t7","Divider","t8","jsx","Stack","map","_temp2","t9","Box","Button","t10","jsxs","t11","Modal","option","option_0","IconButton","DownloadIcon"],"mappings":"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"}

package/dist/ui-components.es61.js

@@ -1,5 +1,33 @@
-var e = { exports: {} };
+import { j as c } from "./ui-components.es15.js";
+import { c as f } from "./ui-components.es17.js";
+import { useState as x } from "react";
+import b from "./ui-components.es45.js";
+function j(l) {
+  const e = f.c(9), {
+    value: t,
+    figures: n
+  } = l;
+  let r;
+  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
+  const [o, d] = x(r);
+  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
+  let s;
+  if (e[2] !== n || e[3] !== o || e[4] !== t) {
+    let i;
+    e[6] !== o || e[7] !== t ? (i = (u, a) => {
+      const m = t === a, p = o.has(a);
+      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        position: "relative"
+      }, children: p && u.component }, `figure-${a}`);
+    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
+  } else
+    s = e[5];
+  return s;
+}
 export {
-  e as __module
+  j as default
 };
 //# sourceMappingURL=ui-components.es61.js.map

package/dist/ui-components.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}

package/dist/ui-components.es62.js

@@ -1,27 +1,30 @@
-import { __exports as e } from "./ui-components.es80.js";
-var s;
-function a() {
-  if (s) return e;
-  s = 1;
-  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(l, r, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
-      t = {};
-      for (var n in r)
-        n !== "key" && (t[n] = r[n]);
-    } else t = r;
-    return r = t.ref, {
-      $$typeof: i,
-      type: l,
-      key: u,
-      ref: r !== void 0 ? r : null,
-      props: t
-    };
-  }
-  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
-}
+import { j as l } from "./ui-components.es15.js";
+import { c as f } from "./ui-components.es17.js";
+import { Switch as x, Box as p, Tooltip as u, FormControlLabel as S } from "@mui/material";
+import { Sort as h } from "@mui/icons-material";
+const g = (a) => {
+  const e = f.c(9), {
+    autoSort: m,
+    setAutoSort: c
+  } = a;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    mr: 1
+  }, e[0] = r) : r = e[0];
+  let t;
+  e[1] !== c ? (t = (j, n) => c(n), e[1] = c, e[2] = t) : t = e[2];
+  let o;
+  e[3] !== m || e[4] !== t ? (o = /* @__PURE__ */ l.jsx(x, { color: "primary", size: "small", sx: r, checked: m, onChange: t }), e[3] = m, e[4] = t, e[5] = o) : o = e[5];
+  let s;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ l.jsx(p, { sx: {
+    display: "flex",
+    alignItems: "center",
+    lineHeight: 1
+  }, children: /* @__PURE__ */ l.jsx(h, { fontSize: "small" }) }), e[6] = s) : s = e[6];
+  let i;
+  return e[7] !== o ? (i = /* @__PURE__ */ l.jsx(u, { title: "Auto sort selected rows", children: /* @__PURE__ */ l.jsx(S, { value: "autoSort", control: o, label: s, labelPlacement: "start" }) }), e[7] = o, e[8] = i) : i = e[8], i;
+};
 export {
-  a as __require
+  g as default
 };
 //# sourceMappingURL=ui-components.es62.js.map