@weng-lab/ui-components 3.0.1-beta.1 → 3.0.1-beta.2

package/dist/ui-components.es54.js

@@ -1,129 +1,73 @@
-import * as p from "react";
-import e from "./ui-components.es89.js";
-import { clsx as T } from "./ui-components.es92.js";
-import x from "./ui-components.es137.js";
-import g from "./ui-components.es93.js";
-import { getTableUtilityClass as k } from "./ui-components.es138.js";
-import { j as m } from "./ui-components.es15.js";
-import v from "./ui-components.es50.js";
-import { useDefaultProps as j } from "./ui-components.es96.js";
-import C from "./ui-components.es97.js";
-const H = (o) => {
-  const {
-    classes: t,
-    stickyHeader: s
+import { j as t } from "./ui-components.es15.js";
+import { c as S } from "./ui-components.es16.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.es18.js";
+const P = (o) => {
+  const e = S.c(24), {
+    open: h,
+    onClose: l,
+    onDownloadSVG: b,
+    onDownloadPNG: u,
+    plotTitle: j
   } = o;
-  return C({
-    root: ["root", s && "stickyHeader"]
-  }, k, t);
-}, O = v("table", {
-  name: "MuiTable",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: s
-    } = o;
-    return [t.root, s.stickyHeader && t.stickyHeader];
-  }
-})(g(({
-  theme: o
-}) => ({
-  display: "table",
-  width: "100%",
-  borderCollapse: "collapse",
-  borderSpacing: 0,
-  "& caption": {
-    ...o.typography.body2,
-    padding: o.spacing(2),
-    color: (o.vars || o).palette.text.secondary,
-    textAlign: "left",
-    captionSide: "bottom"
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.stickyHeader,
-    style: {
-      borderCollapse: "separate"
-    }
-  }]
-}))), d = "table", R = /* @__PURE__ */ p.forwardRef(function(t, s) {
-  const r = j({
-    props: t,
-    name: "MuiTable"
-  }), {
-    className: f,
-    component: a = d,
-    padding: n = "normal",
-    size: l = "medium",
-    stickyHeader: c = !1,
-    ...b
-  } = r, i = {
-    ...r,
-    component: a,
-    padding: n,
-    size: l,
-    stickyHeader: c
-  }, y = H(i), u = p.useMemo(() => ({
-    padding: n,
-    size: l,
-    stickyHeader: c
-  }), [n, l, c]);
-  return /* @__PURE__ */ m.jsx(x.Provider, {
-    value: u,
-    children: /* @__PURE__ */ m.jsx(O, {
-      as: a,
-      role: a === d ? null : "table",
-      ref: s,
-      className: T(y.root, f),
-      ownerState: i,
-      ...b
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (R.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the table, normally `TableHead` and `TableBody`.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Allows TableCells to inherit padding of the Table.
-   * @default 'normal'
-   */
-  padding: e.oneOf(["checkbox", "none", "normal"]),
-  /**
-   * Allows TableCells to inherit size of the Table.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * Set the header sticky.
-   * @default false
-   */
-  stickyHeader: e.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
+  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 {
-  R as default
+  P as default
 };
 //# sourceMappingURL=ui-components.es54.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es54.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Table/Table.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport TableContext from \"./TableContext.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableUtilityClass } from \"./tableClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    stickyHeader\n  } = ownerState;\n  const slots = {\n    root: ['root', stickyHeader && 'stickyHeader']\n  };\n  return composeClasses(slots, getTableUtilityClass, classes);\n};\nconst TableRoot = styled('table', {\n  name: 'MuiTable',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.stickyHeader && styles.stickyHeader];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'table',\n  width: '100%',\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n  '& caption': {\n    ...theme.typography.body2,\n    padding: theme.spacing(2),\n    color: (theme.vars || theme).palette.text.secondary,\n    textAlign: 'left',\n    captionSide: 'bottom'\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.stickyHeader,\n    style: {\n      borderCollapse: 'separate'\n    }\n  }]\n})));\nconst defaultComponent = 'table';\nconst Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTable'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    padding = 'normal',\n    size = 'medium',\n    stickyHeader = false,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    padding,\n    size,\n    stickyHeader\n  };\n  const classes = useUtilityClasses(ownerState);\n  const table = React.useMemo(() => ({\n    padding,\n    size,\n    stickyHeader\n  }), [padding, size, stickyHeader]);\n  return /*#__PURE__*/_jsx(TableContext.Provider, {\n    value: table,\n    children: /*#__PURE__*/_jsx(TableRoot, {\n      as: component,\n      role: component === defaultComponent ? null : 'table',\n      ref: ref,\n      className: clsx(classes.root, className),\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Table.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the table, normally `TableHead` and `TableBody`.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Allows TableCells to inherit padding of the Table.\n   * @default 'normal'\n   */\n  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),\n  /**\n   * Allows TableCells to inherit size of the Table.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * Set the header sticky.\n   * @default false\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Table;"],"names":["useUtilityClasses","ownerState","classes","stickyHeader","composeClasses","getTableUtilityClass","TableRoot","styled","props","styles","memoTheme","theme","defaultComponent","Table","React","inProps","ref","useDefaultProps","className","component","padding","size","other","table","_jsx","TableContext","clsx","PropTypes"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,cAAAC;AAAA,EACJ,IAAMF;AAIJ,SAAOG,EAHO;AAAA,IACZ,MAAM,CAAC,QAAQD,KAAgB,cAAc;AAAA,EACjD,GAC+BE,GAAsBH,CAAO;AAC5D,GACMI,IAAYC,EAAO,SAAS;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACC,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAR;AAAA,IACN,IAAQO;AACJ,WAAO,CAACC,EAAO,MAAMR,EAAW,gBAAgBQ,EAAO,YAAY;AAAA,EACrE;AACF,CAAC,EAAEC,EAAU,CAAC;AAAA,EACZ,OAAAC;AACF,OAAO;AAAA,EACL,SAAS;AAAA,EACT,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,IACX,GAAGA,EAAM,WAAW;AAAA,IACpB,SAASA,EAAM,QAAQ,CAAC;AAAA,IACxB,QAAQA,EAAM,QAAQA,GAAO,QAAQ,KAAK;AAAA,IAC1C,WAAW;AAAA,IACX,aAAa;AAAA,EACjB;AAAA,EACE,UAAU,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,MACN,YAAAV;AAAA,IACN,MAAUA,EAAW;AAAA,IACjB,OAAO;AAAA,MACL,gBAAgB;AAAA,IACtB;AAAA,EACA,CAAG;AACH,EAAE,CAAC,GACGW,IAAmB,SACnBC,IAAqB,gBAAAC,EAAM,WAAW,SAAeC,GAASC,GAAK;AACvE,QAAMR,IAAQS,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAG;AAAA,IACA,WAAAC,IAAYP;AAAA,IACZ,SAAAQ,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,cAAAlB,IAAe;AAAA,IACf,GAAGmB;AAAA,EACP,IAAMd,GACEP,IAAa;AAAA,IACjB,GAAGO;AAAA,IACH,WAAAW;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAlB;AAAA,EACJ,GACQD,IAAUF,EAAkBC,CAAU,GACtCsB,IAAQT,EAAM,QAAQ,OAAO;AAAA,IACjC,SAAAM;AAAA,IACA,MAAAC;AAAA,IACA,cAAAlB;AAAA,EACJ,IAAM,CAACiB,GAASC,GAAMlB,CAAY,CAAC;AACjC,SAAoBqB,gBAAAA,EAAAA,IAAKC,EAAa,UAAU;AAAA,IAC9C,OAAOF;AAAA,IACP,UAAuBC,gBAAAA,EAAAA,IAAKlB,GAAW;AAAA,MACrC,IAAIa;AAAA,MACJ,MAAMA,MAAcP,IAAmB,OAAO;AAAA,MAC9C,KAAKI;AAAA,MACL,WAAWU,EAAKxB,EAAQ,MAAMgB,CAAS;AAAA,MACvC,YAAYjB;AAAA,MACZ,GAAGqB;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeT,EAAM,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/E,UAAUc,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,SAASA,EAAU,MAAM,CAAC,YAAY,QAAQ,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvD,MAAMA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,UAAU,OAAO,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxH,cAAcA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es54.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.es55.js

@@ -1,71 +1,32 @@
-import * as p from "react";
-import o from "./ui-components.es89.js";
-import { clsx as m } from "./ui-components.es92.js";
-import { getTableContainerUtilityClass as f } from "./ui-components.es207.js";
-import { j as u } from "./ui-components.es15.js";
-import T from "./ui-components.es50.js";
-import { useDefaultProps as b } from "./ui-components.es96.js";
-import d from "./ui-components.es97.js";
-const y = (t) => {
-  const {
-    classes: e
-  } = t;
-  return d({
-    root: ["root"]
-  }, f, e);
-}, C = T("div", {
-  name: "MuiTableContainer",
-  slot: "Root"
-})({
-  width: "100%",
-  overflowX: "auto"
-}), j = /* @__PURE__ */ p.forwardRef(function(e, s) {
-  const r = b({
-    props: e,
-    name: "MuiTableContainer"
-  }), {
-    className: c,
-    component: n = "div",
-    ...i
-  } = r, a = {
-    ...r,
-    component: n
-  }, l = y(a);
-  return /* @__PURE__ */ u.jsx(C, {
-    ref: s,
-    as: n,
-    className: m(l.root, c),
-    ownerState: a,
-    ...i
-  });
-});
-process.env.NODE_ENV !== "production" && (j.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `Table`.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
-});
+import { j as c } from "./ui-components.es15.js";
+import { c as f } from "./ui-components.es16.js";
+import { useState as x } from "react";
+import b from "./ui-components.es42.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 {
   j as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es55.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/TableContainer/TableContainer.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableContainerUtilityClass } from \"./tableContainerClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getTableContainerUtilityClass, classes);\n};\nconst TableContainerRoot = styled('div', {\n  name: 'MuiTableContainer',\n  slot: 'Root'\n})({\n  width: '100%',\n  overflowX: 'auto'\n});\nconst TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableContainer'\n  });\n  const {\n    className,\n    component = 'div',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TableContainerRoot, {\n    ref: ref,\n    as: component,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableContainer.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component, normally `Table`.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TableContainer;"],"names":["useUtilityClasses","ownerState","classes","composeClasses","getTableContainerUtilityClass","TableContainerRoot","styled","TableContainer","React","inProps","ref","props","useDefaultProps","className","component","other","_jsx","clsx","PropTypes"],"mappings":";;;;;;;;AAUA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,EACJ,IAAMD;AAIJ,SAAOE,EAHO;AAAA,IACZ,MAAM,CAAC,MAAM;AAAA,EACjB,GAC+BC,GAA+BF,CAAO;AACrE,GACMG,IAAqBC,EAAO,OAAO;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAE;AAAA,EACD,OAAO;AAAA,EACP,WAAW;AACb,CAAC,GACKC,IAA8B,gBAAAC,EAAM,WAAW,SAAwBC,GAASC,GAAK;AACzF,QAAMC,IAAQC,EAAgB;AAAA,IAC5B,OAAOH;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAI;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACP,IAAMJ,GACEV,IAAa;AAAA,IACjB,GAAGU;AAAA,IACH,WAAAG;AAAA,EACJ,GACQZ,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBe,gBAAAA,EAAAA,IAAKX,GAAoB;AAAA,IAC3C,KAAKK;AAAA,IACL,IAAII;AAAA,IACJ,WAAWG,EAAKf,EAAQ,MAAMW,CAAS;AAAA,IACvC,YAAYZ;AAAA,IACZ,GAAGc;AAAA,EACP,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeR,EAAe,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQxF,UAAUW,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es55.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;"}