@weng-lab/ui-components 2.2.3 → 2.2.4

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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"}

package/dist/ui-components.es60.js

@@ -1,73 +1,30 @@
-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;
-  let n;
-  e[0] !== u ? (n = {
-    label: "PNG",
-    action: u
-  }, e[0] = u, e[1] = n) : n = e[1];
+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[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];
+  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[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;
+  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;
 };
-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 {
-  P as default
+  g 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":["../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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"}
+{"version":3,"file":"ui-components.es60.js","sources":["../src/components/TwoPaneLayout/AutoSortSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip, FormControlLabel, Switch, Box } from \"@mui/material\";\nimport { Sort } from \"@mui/icons-material\";\n\ninterface AutoSortSwitchProps {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n}\n\nconst AutoSortSwitch: React.FC<AutoSortSwitchProps> = ({ autoSort, setAutoSort }) => {\n  return (\n    <Tooltip title=\"Auto sort selected rows\">\n      <FormControlLabel\n        value=\"autoSort\"\n        control={\n          <Switch\n            color=\"primary\"\n            size=\"small\"\n            sx={{ mr: 1 }}\n            checked={autoSort}\n            onChange={(_, checked) => setAutoSort(checked)}\n          />\n        }\n        label={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", lineHeight: 1 }}>\n            <Sort fontSize=\"small\" />\n          </Box>\n        }\n        labelPlacement=\"start\"\n      />\n    </Tooltip>\n  );\n};\n\nexport default AutoSortSwitch;\n"],"names":["AutoSortSwitch","t0","$","_c","autoSort","setAutoSort","t1","Symbol","for","mr","t2","_","checked","t3","jsx","Switch","t4","Box","display","alignItems","lineHeight","Sort","t5","Tooltip","FormControlLabel"],"mappings":";;;;AASA,MAAMA,IAAgDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAAyB,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAShEF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGP,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAG,KAEHK,IAAAA,CAAAC,GAAAC,MAAgBP,EAAYO,CAAO,GAACV,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KALhDG,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACO,OAAA,WACD,MAAA,SACD,IAAAT,GACKF,SAAAA,GACC,UAAAM,EAAAA,CAAoC,GAC9CR,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAGFQ,IAAAF,gBAAAA,EAAAA,IAACG,KAAQ,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,YAAc;AAAA,EAAA,GAC5D,UAAAN,gBAAAA,EAAAA,IAACO,GAAA,EAAc,UAAA,SAAO,GACxB,GAAMnB,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAoB;AAAA,SAAApB,SAAAW,KAfZS,IAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAc,OAAA,2BACb,gCAACC,GAAA,EACO,OAAA,YAEJ,SAAAX,GASA,OAAAG,GAIa,gBAAA,SAAO,GAE1B,GAAUd,OAAAW,GAAAX,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAnBVoB;AAmBU;"}

package/dist/ui-components.es61.js

@@ -1,33 +1,46 @@
-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]));
+import { c as M } from "./ui-components.es17.js";
+import { useState as d, useRef as E, useEffect as S } from "react";
+function v(r, n, u) {
+  const t = M.c(11), [e, b] = d(!1), m = E(e);
   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;
+  t[0] !== e ? (s = () => {
+    m.current = e;
+  }, t[0] = e, t[1] = s) : s = t[1], S(s);
+  let l, _;
+  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
+    const c = r?.current;
+    if (!c)
+      return;
+    const o = u ? [] : n;
+    c.setSortModel(e ? [{
+      field: "__check__",
+      sort: "desc"
+    }, ...o] : o);
+  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
+  let f;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
+    if (!m.current || o[0]?.field === "__check__")
+      return;
+    const k = o.filter(g);
+    c.current.setSortModel([{
+      field: "__check__",
+      sort: "desc"
+    }, ...k]);
+  }), c.current.subscribeEvent("rowSelectionChange", () => {
+    m.current && c.current.setSortModel([...c.current.getSortModel()]);
+  })], t[8] = f) : f = t[8];
+  const i = f;
+  let h;
+  return t[9] !== e ? (h = {
+    autoSort: e,
+    setAutoSort: b,
+    onReady: i
+  }, t[9] = e, t[10] = h) : h = t[10], h;
+}
+function g(r) {
+  return r.field !== "__check__";
 }
 export {
-  j as default
+  v as useAutoSort
 };
 //# sourceMappingURL=ui-components.es61.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/useAutoSort.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\n\ntype UseAutoSortReturn = {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n  onReady: (readyApiRef: RefObject<GridApi>) => (() => void)[];\n};\n\n/**\n * Manages the \"auto-sort selected rows to top\" behavior for a Table.\n *\n * Owns the autoSort toggle state and all related DataGrid behavior, returning\n * `autoSort` and `setAutoSort` for use in a toolbar toggle, and `onReady` to\n * be composed with the Table's `onReady` prop.\n *\n * `onReady` is used for event subscriptions rather than plain useEffects because\n * the Table is wrapped in <NoSsr>, which defers DataGrid initialization — subscriptions\n * attempted on mount may attach before the api is ready. `onReady` fires inside the\n * NoSsr boundary after the DataGrid is fully initialized.\n *\n * The sort model reset remains a reactive useEffect because it must fire on every\n * autoSort/viewBy change, not just on mount.\n */\nexport function useAutoSort(\n  apiRef: RefObject<GridApi | null>,\n  initialSort: GridSortModel,\n  isPresorted: boolean\n): UseAutoSortReturn {\n  const [autoSort, setAutoSort] = useState(false);\n\n  // Track autoSort in a ref so event handlers always see the current value\n  // without needing to unsubscribe and re-subscribe on every change.\n  const autoSortRef = useRef(autoSort);\n  useEffect(() => {\n    autoSortRef.current = autoSort;\n  });\n\n  // Reactive: reset sort model when autoSort or viewBy changes.\n  // The null guard handles any edge case where this runs before the DataGrid is ready.\n  useEffect(() => {\n    const api = apiRef?.current;\n    if (!api) return;\n\n    const base: GridSortModel = isPresorted ? [] : initialSort;\n    api.setSortModel(autoSort ? [{ field: \"__check__\", sort: \"desc\" }, ...base] : base);\n  }, [apiRef, autoSort, isPresorted, initialSort]);\n\n  // Return a stable onReady callback that attaches event subscriptions once,\n  // after the DataGrid has fully mounted. Handlers read autoSortRef at event\n  // time so they reflect the current autoSort state without re-subscribing.\n  const onReady = useCallback(\n    (readyApiRef: RefObject<GridApi>) => [\n      // Keep __check__ as the primary sort after any user-initiated sort change.\n      // Guard against infinite loop: if __check__ is already first, the call was ours — skip it.\n      readyApiRef.current.subscribeEvent(\"sortModelChange\", (model) => {\n        if (!autoSortRef.current || model[0]?.field === \"__check__\") return;\n        const withoutCheck = model.filter((s) => s.field !== \"__check__\");\n        readyApiRef.current.setSortModel([{ field: \"__check__\", sort: \"desc\" }, ...withoutCheck]);\n      }),\n      // Re-apply sort when selection changes — DataGrid doesn't re-sort automatically\n      // when checkbox state changes.\n      readyApiRef.current.subscribeEvent(\"rowSelectionChange\", () => {\n        if (!autoSortRef.current) return;\n        readyApiRef.current.setSortModel([...readyApiRef.current.getSortModel()]);\n      }),\n    ],\n    []\n  );\n\n  return { autoSort, setAutoSort, onReady };\n}\n"],"names":["useAutoSort","apiRef","initialSort","isPresorted","$","_c","autoSort","setAutoSort","useState","autoSortRef","useRef","t0","current","useEffect","t1","t2","api","base","setSortModel","field","sort","t3","Symbol","for","readyApiRef","subscribeEvent","model","withoutCheck","filter","_temp","getSortModel","onReady","t4","s"],"mappings":";;AAyBO,SAAAA,EAAAC,GAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAKL,CAAAC,GAAAC,CAAA,IAAgCC,EAAS,EAAK,GAI9CC,IAAoBC,EAAOJ,CAAQ;AAAE,MAAAK;AAAA,EAAAP,SAAAE,KAC3BK,IAAAA,MAAA;AACRF,IAAAA,EAAWG,UAAWN;AAAAA,EAAH,GACpBF,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFDS,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAH,KAAAG,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAIQW,IAAAA,MAAA;AACR,UAAAE,IAAYf,GAAMW;AAClB,QAAI,CAACI;AAAG;AAER,UAAAC,IAA4Bd,IAAA,CAAA,IAAAD;AAC5Bc,IAAAA,EAAGE,aAAcZ,IAAA,CAAY;AAAA,MAAAa,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKH,CAAI,IAAzDA,CAAiE;AAAA,EAAC,GAClFF,IAAA,CAACd,GAAQK,GAAUH,GAAaD,CAAW,GAACE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAF,GAAAE,OAAAD,GAAAC,OAAAU,GAAAV,OAAAW,MAAAD,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,IAN/CS,EAAUC,GAMPC,CAA4C;AAAC,MAAAM;AAAA,EAAAjB,EAAA,CAAA,MAAAkB,uBAAAC,IAAA,2BAAA,KAM9CF,IAAAG,OAAqC,CAGnCA,EAAWZ,QAAQa,eAAgB,mBAAmBC,CAAAA,MAAA;AACpD,QAAI,CAACjB,EAAWG,WAAYc,EAAK,CAAA,GAAUP,UAAK;AAAW;AAC3D,UAAAQ,IAAqBD,EAAKE,OAAQC,CAA8B;AAChEL,IAAAA,EAAWZ,QAAQM,aAAc,CAAC;AAAA,MAAAC,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKO,CAAY,CAAC;AAAA,EAAC,CAC1F,GAGDH,EAAWZ,QAAQa,eAAgB,sBAAsB,MAAA;AACvD,IAAKhB,EAAWG,WAChBY,EAAWZ,QAAQM,aAAc,CAAA,GAAIM,EAAWZ,QAAQkB,aAAAA,CAAe,CAAC;AAAA,EAAC,CAC1E,CAAC,GACH1B,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAfH,QAAA2B,IAAgBV;AAiBd,MAAAW;AAAA,SAAA5B,SAAAE,KAEK0B,IAAA;AAAA,IAAA1B,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAwB,SAAAA;AAAAA,EAAAA,GAAkC3B,OAAAE,GAAAF,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAAlC4B;AAAkC;AA9CpC,SAAAH,EAAAI,GAAA;AAAA,SAiC0CA,EAACd,UAAW;AAAW;"}

package/dist/ui-components.es62.js

@@ -1,30 +1,24 @@
-import { j as l } from "./ui-components.es15.js";
-import { c as f } from "./ui-components.es16.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];
+import { j as n } from "./ui-components.es15.js";
+import { c as p } from "./ui-components.es17.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;
-  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;
+  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();
+}
 export {
-  g as default
+  a as StopPropagationWrapper,
+  d as sortableTableCheckboxColumn
 };
 //# sourceMappingURL=ui-components.es62.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es62.js","sources":["../src/components/TwoPaneLayout/AutoSortSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip, FormControlLabel, Switch, Box } from \"@mui/material\";\nimport { Sort } from \"@mui/icons-material\";\n\ninterface AutoSortSwitchProps {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n}\n\nconst AutoSortSwitch: React.FC<AutoSortSwitchProps> = ({ autoSort, setAutoSort }) => {\n  return (\n    <Tooltip title=\"Auto sort selected rows\">\n      <FormControlLabel\n        value=\"autoSort\"\n        control={\n          <Switch\n            color=\"primary\"\n            size=\"small\"\n            sx={{ mr: 1 }}\n            checked={autoSort}\n            onChange={(_, checked) => setAutoSort(checked)}\n          />\n        }\n        label={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", lineHeight: 1 }}>\n            <Sort fontSize=\"small\" />\n          </Box>\n        }\n        labelPlacement=\"start\"\n      />\n    </Tooltip>\n  );\n};\n\nexport default AutoSortSwitch;\n"],"names":["AutoSortSwitch","t0","$","_c","autoSort","setAutoSort","t1","Symbol","for","mr","t2","_","checked","t3","jsx","Switch","t4","Box","display","alignItems","lineHeight","Sort","t5","Tooltip","FormControlLabel"],"mappings":";;;;AASA,MAAMA,IAAgDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAAyB,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAShEF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGP,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAG,KAEHK,IAAAA,CAAAC,GAAAC,MAAgBP,EAAYO,CAAO,GAACV,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KALhDG,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACO,OAAA,WACD,MAAA,SACD,IAAAT,GACKF,SAAAA,GACC,UAAAM,EAAAA,CAAoC,GAC9CR,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAGFQ,IAAAF,gBAAAA,EAAAA,IAACG,KAAQ,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,YAAc;AAAA,EAAA,GAC5D,UAAAN,gBAAAA,EAAAA,IAACO,GAAA,EAAc,UAAA,SAAO,GACxB,GAAMnB,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAoB;AAAA,SAAApB,SAAAW,KAfZS,IAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAc,OAAA,2BACb,gCAACC,GAAA,EACO,OAAA,YAEJ,SAAAX,GASA,OAAAG,GAIa,gBAAA,SAAO,GAE1B,GAAUd,OAAAW,GAAAX,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAnBVoB;AAmBU;"}
+{"version":3,"file":"ui-components.es62.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;"}