@weng-lab/ui-components 2.2.2 → 2.2.4

package/dist/ui-components.es59.js

@@ -1,24 +1,33 @@
-import { j as n } from "./ui-components.es15.js";
-import { c as p } from "./ui-components.es16.js";
-import { GRID_CHECKBOX_SELECTION_COL_DEF as i } from "@mui/x-data-grid-premium";
-const a = (e) => {
-  const r = p.c(2), t = i.renderHeader;
-  if (!t)
-    return null;
-  let o;
-  return r[0] !== e ? (o = /* @__PURE__ */ n.jsx("div", { id: "StopPropagationWrapper", onClick: l, children: /* @__PURE__ */ n.jsx(t, { ...e }) }), r[0] = e, r[1] = o) : o = r[1], o;
-}, d = {
-  ...i,
-  //Override checkbox column https://mui.com/x/react-data-grid/row-selection/#custom-checkbox-column
-  sortable: !0,
-  hideable: !1,
-  renderHeader: a
-};
-function l(e) {
-  return e.stopPropagation();
+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 {
-  a as StopPropagationWrapper,
-  d as sortableTableCheckboxColumn
+  j as default
 };
 //# sourceMappingURL=ui-components.es59.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es59.js","sources":["../src/components/TwoPaneLayout/SortableTableCheckboxColumn.tsx"],"sourcesContent":["import { GRID_CHECKBOX_SELECTION_COL_DEF } from \"@mui/x-data-grid-premium\";\nimport { TableColDef } from \"../Table\";\n\n//This is used to prevent sorting from happening when clicking on the header checkbox\nexport const StopPropagationWrapper: TableColDef[\"renderHeader\"] = (params) => {\n  const DefaultHeader = GRID_CHECKBOX_SELECTION_COL_DEF.renderHeader;\n  if (!DefaultHeader) return null;\n  return (\n    <div id={\"StopPropagationWrapper\"} onClick={(e) => e.stopPropagation()}>\n      <DefaultHeader {...params} />\n    </div>\n  );\n};\n\nexport const sortableTableCheckboxColumn = {\n  ...GRID_CHECKBOX_SELECTION_COL_DEF, //Override checkbox column https://mui.com/x/react-data-grid/row-selection/#custom-checkbox-column\n  sortable: true,\n  hideable: false,\n  renderHeader: StopPropagationWrapper,\n} satisfies TableColDef;\n"],"names":["StopPropagationWrapper","params","$","_c","DefaultHeader","GRID_CHECKBOX_SELECTION_COL_DEF","renderHeader","t0","_temp","jsx","sortableTableCheckboxColumn","sortable","hideable","e","stopPropagation"],"mappings":";;;AAIO,MAAMA,IAAsDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACjEC,IAAsBC,EAA+BC;AACrD,MAAI,CAACF;AAAa,WAAS;AAAK,MAAAG;AAAA,SAAAL,SAAAD,KAE9BM,mCAAS,IAAA,0BAAmC,SAAAC,GAC1C,UAAAC,gBAAAA,EAAAA,IAACL,GAAA,KAAkBH,EAAAA,CAAM,EAAA,CAC3B,GAAMC,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAFNK;AAEM,GAIGG,IAA8B;AAAA,EACzC,GAAGL;AAAAA;AAAAA,EACHM,UAAU;AAAA,EACVC,UAAU;AAAA,EACVN,cAAcN;AAChB;AAfmE,SAAAQ,EAAAK,GAAA;AAAA,SAIZA,EAACC,gBAAAA;AAAkB;"}
+{"version":3,"file":"ui-components.es59.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.es6.js

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