@weng-lab/ui-components 3.0.1-beta.0 → 3.1.0

package/dist/ui-components.es59.js

@@ -1,30 +1,133 @@
-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];
-  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;
-};
+import { j as e } from "./ui-components.es16.js";
+import * as h from "react";
+import { Toolbar as F, ColumnsPanelTrigger as E, ToolbarButton as a, FilterPanelTrigger as k, ExportPrint as w, ExportCsv as T, ExportExcel as O, QuickFilterTrigger as P, QuickFilterControl as R, QuickFilterClear as A, QuickFilter as D } from "@mui/x-data-grid-premium";
+import M from "./ui-components.es81.js";
+import Q from "./ui-components.es82.js";
+import B from "./ui-components.es83.js";
+import b from "./ui-components.es84.js";
+import u from "./ui-components.es31.js";
+import { InfoOutline as N } from "@mui/icons-material";
+import V from "./ui-components.es34.js";
+import s from "./ui-components.es35.js";
+import j from "./ui-components.es85.js";
+import L from "./ui-components.es86.js";
+import W from "./ui-components.es87.js";
+import d from "./ui-components.es88.js";
+import g from "./ui-components.es89.js";
+import m from "./ui-components.es43.js";
+import X from "./ui-components.es57.js";
+const q = m(D)({
+  display: "grid",
+  alignItems: "center"
+}), G = m(a)(({
+  theme: r,
+  ownerState: t
+}) => ({
+  gridArea: "1 / 1",
+  width: "min-content",
+  height: "min-content",
+  zIndex: 1,
+  opacity: t.expanded ? 0 : 1,
+  pointerEvents: t.expanded ? "none" : "auto",
+  transition: r.transitions.create(["opacity"])
+})), H = m(X)(({
+  theme: r,
+  ownerState: t
+}) => ({
+  gridArea: "1 / 1",
+  overflowX: "clip",
+  width: t.expanded ? 260 : "var(--trigger-width)",
+  opacity: t.expanded ? 1 : 0,
+  transition: r.transitions.create(["width", "opacity"])
+}));
+function pe({
+  label: r,
+  labelTooltip: t,
+  extra: p,
+  style: C,
+  iconColor: y,
+  ...S
+}) {
+  const [c, o] = h.useState(!1), x = h.useRef(null), l = y ?? "inherit", {
+    printOptions: v,
+    csvOptions: I,
+    excelOptions: z,
+    ...J
+  } = S;
+  return /* @__PURE__ */ e.jsxs(F, { style: C, children: [
+    typeof r != "string" && r,
+    /* @__PURE__ */ e.jsxs(V, { fontWeight: "medium", sx: {
+      flex: 1,
+      mx: 0.5,
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    }, children: [
+      typeof r == "string" && r,
+      t && (typeof t == "string" || typeof t == "number") ? /* @__PURE__ */ e.jsx(s, { title: t, children: /* @__PURE__ */ e.jsx(N, { fontSize: "inherit", color: "primary" }) }) : t
+    ] }),
+    p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      p,
+      /* @__PURE__ */ e.jsx(j, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+        mx: 0.5
+      } })
+    ] }),
+    /* @__PURE__ */ e.jsx(s, { title: "Columns", children: /* @__PURE__ */ e.jsx(E, { render: /* @__PURE__ */ e.jsx(a, {}), children: /* @__PURE__ */ e.jsx(M, { fontSize: "small", htmlColor: l }) }) }),
+    /* @__PURE__ */ e.jsx(s, { title: "Filters", children: /* @__PURE__ */ e.jsx(k, { render: (n, i) => /* @__PURE__ */ e.jsx(a, { ...n, color: "default", children: /* @__PURE__ */ e.jsx(L, { badgeContent: i.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ e.jsx(Q, { fontSize: "small", htmlColor: l }) }) }) }) }),
+    /* @__PURE__ */ e.jsx(j, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+      mx: 0.5
+    } }),
+    /* @__PURE__ */ e.jsx(s, { title: "Export", children: /* @__PURE__ */ e.jsx(a, { ref: x, id: "export-menu-trigger", "aria-controls": "export-menu", "aria-haspopup": "true", "aria-expanded": c ? "true" : void 0, onClick: () => o(!0), children: /* @__PURE__ */ e.jsx(B, { fontSize: "small", htmlColor: l }) }) }),
+    /* @__PURE__ */ e.jsxs(W, { id: "export-menu", anchorEl: x.current, open: c, onClose: () => o(!1), anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    }, transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }, slotProps: {
+      list: {
+        "aria-labelledby": "export-menu-trigger"
+      }
+    }, children: [
+      /* @__PURE__ */ e.jsx(w, { options: v, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Print" }),
+      /* @__PURE__ */ e.jsx(T, { options: {
+        ...typeof r == "string" ? {
+          fileName: r
+        } : {},
+        ...I
+      }, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Download as CSV" }),
+      /* @__PURE__ */ e.jsx(O, { options: {
+        ...typeof r == "string" ? {
+          fileName: r
+        } : {},
+        ...z
+      }, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Download as Excel" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsx(P, { render: (n, i) => /* @__PURE__ */ e.jsx(s, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ e.jsx(G, { ...n, ownerState: {
+        expanded: i.expanded
+      }, color: "default", "aria-disabled": i.expanded, children: /* @__PURE__ */ e.jsx(u, { fontSize: "small", htmlColor: l }) }) }) }),
+      /* @__PURE__ */ e.jsx(R, { render: ({
+        ref: n,
+        ...i
+      }, f) => /* @__PURE__ */ e.jsx(H, { ...i, ownerState: {
+        expanded: f.expanded
+      }, inputRef: n, "aria-label": "Search", placeholder: "Search...", size: "small", slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ e.jsx(g, { position: "start", children: /* @__PURE__ */ e.jsx(u, { fontSize: "small" }) }),
+          endAdornment: f.value ? /* @__PURE__ */ e.jsx(g, { position: "end", children: /* @__PURE__ */ e.jsx(A, { edge: "end", size: "small", "aria-label": "Clear search", material: {
+            sx: {
+              marginRight: -0.75
+            }
+          }, children: /* @__PURE__ */ e.jsx(b, { fontSize: "small" }) }) }) : null,
+          ...i.slotProps?.input
+        },
+        ...i.slotProps
+      } }) })
+    ] })
+  ] });
+}
 export {
-  g as default
+  pe as CustomToolbar
 };
 //# 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/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.es59.js","sources":["../src/components/Table/CustomToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  Toolbar,\n  ToolbarButton,\n  ColumnsPanelTrigger,\n  FilterPanelTrigger,\n  ExportCsv,\n  ExportPrint,\n  QuickFilter,\n  QuickFilterControl,\n  QuickFilterClear,\n  QuickFilterTrigger,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  ExportExcel,\n} from \"@mui/x-data-grid-premium\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Menu from \"@mui/material/Menu\";\nimport Badge from \"@mui/material/Badge\";\nimport ViewColumnIcon from \"@mui/icons-material/ViewColumn\";\nimport FilterListIcon from \"@mui/icons-material/FilterList\";\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Divider from \"@mui/material/Divider\";\nimport TextField from \"@mui/material/TextField\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport CancelIcon from \"@mui/icons-material/Cancel\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport Typography from \"@mui/material/Typography\";\nimport \"./types\";\nimport { InfoOutline } from \"@mui/icons-material\";\n\ntype OwnerState = {\n  expanded: boolean;\n};\n\nconst StyledQuickFilter = styled(QuickFilter)({\n  display: \"grid\",\n  alignItems: \"center\",\n});\n\nconst StyledToolbarButton = styled(ToolbarButton)<{ ownerState: OwnerState }>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  width: \"min-content\",\n  height: \"min-content\",\n  zIndex: 1,\n  opacity: ownerState.expanded ? 0 : 1,\n  pointerEvents: ownerState.expanded ? \"none\" : \"auto\",\n  transition: theme.transitions.create([\"opacity\"]),\n}));\n\nconst StyledTextField = styled(TextField)<{\n  ownerState: OwnerState;\n}>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  overflowX: \"clip\",\n  width: ownerState.expanded ? 260 : \"var(--trigger-width)\",\n  opacity: ownerState.expanded ? 1 : 0,\n  transition: theme.transitions.create([\"width\", \"opacity\"]),\n}));\n\ntype CustomToolbarProps = GridToolbarProps & ToolbarPropsOverrides;\n\nexport function CustomToolbar({\n  label,\n  labelTooltip,\n  extra,\n  style,\n  iconColor: iconColorProp,\n  ...toolbarProps\n}: CustomToolbarProps) {\n  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);\n  const exportMenuTriggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const iconColor = iconColorProp ?? \"inherit\";\n\n  const {printOptions, csvOptions, excelOptions, ...restToolbarProps} = toolbarProps\n\n  return (\n    <Toolbar style={style}>\n      {typeof label !== \"string\" && label}\n      <Typography fontWeight=\"medium\" sx={{ flex: 1, mx: 0.5, display: \"flex\", alignItems: \"center\", gap: 1 }}>\n        {typeof label === \"string\" && label}\n        {/* ReactNode can be more than just an element, string, or number but not accounting for that for simplicity */}\n        {labelTooltip && (typeof labelTooltip === \"string\" || typeof labelTooltip === \"number\") ? (\n          <Tooltip title={labelTooltip}>\n            <InfoOutline fontSize=\"inherit\" color=\"primary\" />\n          </Tooltip>\n        ) : (\n          labelTooltip\n        )}\n      </Typography>\n      {extra && (\n        <>\n          {extra}\n          <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n        </>\n      )}\n\n      <Tooltip title=\"Columns\">\n        <ColumnsPanelTrigger render={<ToolbarButton />}>\n          <ViewColumnIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ColumnsPanelTrigger>\n      </Tooltip>\n\n      <Tooltip title=\"Filters\">\n        <FilterPanelTrigger\n          render={(props, state) => (\n            <ToolbarButton {...props} color=\"default\">\n              <Badge badgeContent={state.filterCount} color=\"primary\" variant=\"dot\">\n                <FilterListIcon fontSize=\"small\" htmlColor={iconColor} />\n              </Badge>\n            </ToolbarButton>\n          )}\n        />\n      </Tooltip>\n      <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n      <Tooltip title=\"Export\">\n        <ToolbarButton\n          ref={exportMenuTriggerRef}\n          id=\"export-menu-trigger\"\n          aria-controls=\"export-menu\"\n          aria-haspopup=\"true\"\n          aria-expanded={exportMenuOpen ? \"true\" : undefined}\n          onClick={() => setExportMenuOpen(true)}\n        >\n          <FileDownloadIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ToolbarButton>\n      </Tooltip>\n\n      <Menu\n        id=\"export-menu\"\n        anchorEl={exportMenuTriggerRef.current}\n        open={exportMenuOpen}\n        onClose={() => setExportMenuOpen(false)}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{\n          list: {\n            \"aria-labelledby\": \"export-menu-trigger\",\n          },\n        }}\n      >\n        <ExportPrint options={printOptions} render={<MenuItem />} onClick={() => setExportMenuOpen(false)}>\n          Print\n        </ExportPrint>\n        <ExportCsv\n          options={{\n            ...(typeof label === \"string\" ? { fileName: label } : {}),\n            ...csvOptions,\n          }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as CSV\n        </ExportCsv>\n        <ExportExcel\n          options={{\n            ...(typeof label === \"string\" ? { fileName: label } : {}),\n            ...excelOptions,\n          }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as Excel\n        </ExportExcel>\n      </Menu>\n\n      <StyledQuickFilter>\n        <QuickFilterTrigger\n          render={(triggerProps, state) => (\n            <Tooltip title=\"Search\" enterDelay={0}>\n              <StyledToolbarButton\n                {...triggerProps}\n                ownerState={{ expanded: state.expanded }}\n                color=\"default\"\n                aria-disabled={state.expanded}\n              >\n                <SearchIcon fontSize=\"small\" htmlColor={iconColor} />\n              </StyledToolbarButton>\n            </Tooltip>\n          )}\n        />\n        <QuickFilterControl\n          render={({ ref, ...controlProps }, state) => (\n            <StyledTextField\n              {...controlProps}\n              ownerState={{ expanded: state.expanded }}\n              inputRef={ref}\n              aria-label=\"Search\"\n              placeholder=\"Search...\"\n              size=\"small\"\n              slotProps={{\n                input: {\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <SearchIcon fontSize=\"small\" />\n                    </InputAdornment>\n                  ),\n                  endAdornment: state.value ? (\n                    <InputAdornment position=\"end\">\n                      <QuickFilterClear\n                        edge=\"end\"\n                        size=\"small\"\n                        aria-label=\"Clear search\"\n                        material={{ sx: { marginRight: -0.75 } }}\n                      >\n                        <CancelIcon fontSize=\"small\" />\n                      </QuickFilterClear>\n                    </InputAdornment>\n                  ) : null,\n                  ...controlProps.slotProps?.input,\n                },\n                ...controlProps.slotProps,\n              }}\n            />\n          )}\n        />\n      </StyledQuickFilter>\n    </Toolbar>\n  );\n}\n"],"names":["StyledQuickFilter","styled","QuickFilter","display","alignItems","StyledToolbarButton","ToolbarButton","theme","ownerState","gridArea","width","height","zIndex","opacity","expanded","pointerEvents","transition","transitions","create","StyledTextField","TextField","overflowX","CustomToolbar","label","labelTooltip","extra","style","iconColor","iconColorProp","toolbarProps","exportMenuOpen","setExportMenuOpen","React","useState","exportMenuTriggerRef","useRef","printOptions","csvOptions","excelOptions","restToolbarProps","jsxs","Toolbar","Typography","flex","mx","gap","jsx","Tooltip","InfoOutline","Fragment","Divider","ColumnsPanelTrigger","ViewColumnIcon","FilterPanelTrigger","props","state","Badge","filterCount","FilterListIcon","undefined","FileDownloadIcon","Menu","current","vertical","horizontal","list","ExportPrint","MenuItem","ExportCsv","fileName","ExportExcel","QuickFilterTrigger","triggerProps","SearchIcon","QuickFilterControl","ref","controlProps","input","startAdornment","InputAdornment","endAdornment","value","QuickFilterClear","sx","marginRight","CancelIcon","slotProps"],"mappings":"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"}

package/dist/ui-components.es6.js

@@ -1,11 +1,11 @@
-import { j as t } from "./ui-components.es15.js";
-import { c as ve } from "./ui-components.es16.js";
+import { j as t } from "./ui-components.es16.js";
+import { c as ve } from "./ui-components.es18.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.es24.js";
+import ke from "./ui-components.es21.js";
 import { useState as te, useRef as Fe } from "react";
-import Ue from "./ui-components.es57.js";
-import Qe from "./ui-components.es58.js";
+import Ue from "./ui-components.es22.js";
+import Qe from "./ui-components.es23.js";
 function We(i) {
   const e = ve.c(10), l = Ne();
   let s;

package/dist/ui-components.es60.js

@@ -1,46 +1,39 @@
-import { c as M } from "./ui-components.es16.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;
-  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__";
-}
+import { j as r } from "./ui-components.es16.js";
+import { c as d } from "./ui-components.es18.js";
+import { Typography as h, Box as p, Tooltip as j } from "@mui/material";
+import y from "./ui-components.es30.js";
+const S = (x) => {
+  const e = d.c(13), {
+    params: i,
+    tooltipTitle: f,
+    originalRenderHeader: s
+  } = x;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    display: "flex",
+    alignItems: "center",
+    gap: 1
+  }, e[0] = n) : n = e[0];
+  let m;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }, e[1] = m) : m = e[1];
+  let t;
+  e[2] !== s || e[3] !== i ? (t = s ? s(i) : /* @__PURE__ */ r.jsx(h, { variant: "subtitle2", noWrap: !0, children: i.colDef.headerName || i.field }), e[2] = s, e[3] = i, e[4] = t) : t = e[4];
+  let l;
+  e[5] !== t ? (l = /* @__PURE__ */ r.jsx(p, { sx: m, children: t }), e[5] = t, e[6] = l) : l = e[6];
+  let a;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r.jsx(y, { fontSize: "inherit", color: "primary" }), e[7] = a) : a = e[7];
+  let o;
+  e[8] !== f ? (o = /* @__PURE__ */ r.jsx(j, { title: f, children: a }), e[8] = f, e[9] = o) : o = e[9];
+  let c;
+  return e[10] !== l || e[11] !== o ? (c = /* @__PURE__ */ r.jsxs(p, { sx: n, children: [
+    l,
+    o
+  ] }), e[10] = l, e[11] = o, e[12] = c) : c = e[12], c;
+};
 export {
-  v as useAutoSort
+  S as HeaderWithTooltip
 };
 //# 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/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;"}
+{"version":3,"file":"ui-components.es60.js","sources":["../src/components/Table/HeaderWithToolip.tsx"],"sourcesContent":["import { Tooltip, Box, Typography, TooltipProps } from '@mui/material';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { GridColumnHeaderParams } from '@mui/x-data-grid-premium';\n\nexport interface HeaderWithTooltipProps {\n  params: GridColumnHeaderParams;\n  tooltipTitle: TooltipProps[\"title\"];\n  originalRenderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;\n}\n\nexport const HeaderWithTooltip = ({ params, tooltipTitle, originalRenderHeader }: HeaderWithTooltipProps) => {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {originalRenderHeader ? (\n          originalRenderHeader(params)\n        ) : (\n          // Fallback to default behavior (showing the headerName)\n          <Typography variant=\"subtitle2\" noWrap>\n            {params.colDef.headerName || params.field}\n          </Typography>\n        )}\n      </Box>\n      <Tooltip title={tooltipTitle}>\n        <InfoOutlinedIcon fontSize=\"inherit\" color=\"primary\" />\n      </Tooltip>\n    </Box>\n  );\n};"],"names":["HeaderWithTooltip","t0","$","_c","params","tooltipTitle","originalRenderHeader","t1","Symbol","for","display","alignItems","gap","t2","overflow","textOverflow","t3","Typography","colDef","headerName","field","t4","jsx","Box","t5","InfoOutlinedIcon","t6","Tooltip","t7"],"mappings":";;;;AAUO,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAL;AAAsE,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAE3FF,IAAA;AAAA,IAAAG,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GAAGV,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC/CI,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAQC,cAAgB;AAAA,EAAA,GAAYb,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KACtDY,IAAAV,IACCA,EAAqBF,CAMvB,0BAHGa,GAAA,EAAmB,SAAA,aAAY,QAAA,IAC7Bb,UAAAA,EAAMc,OAAOC,cAAef,EAAMgB,OACrC,GACDlB,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAc,KARHK,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAAV,GACNG,UAAAA,GAQH,GAAMd,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEJe,IAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAA0B,UAAA,WAAgB,OAAA,WAAS,GAAGvB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,SAAAG,KADzDqB,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAetB,OAAAA,GACdmB,UAAAA,GACF,GAAUtB,OAAAG,GAAAH,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA0B;AAAA,SAAA1B,EAAA,EAAA,MAAAmB,KAAAnB,UAAAwB,KAbZE,2BAACL,GAAA,EAAQ,IAAAhB,GACPc,UAAAA;AAAAA,IAAAA;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMxB,QAAAmB,GAAAnB,QAAAwB,GAAAxB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAdN0B;AAcM;"}

package/dist/ui-components.es61.js

@@ -1,24 +1,26 @@
-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
+import { c as p } from "./ui-components.es18.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es90.js";
+const E = (t, r, h) => {
+  const e = p.c(5), o = 200, u = b(0);
+  let s, n;
+  e[0] !== r || e[1] !== t || e[2] !== o ? (s = () => {
+    const c = t.current;
+    if (!c)
+      return;
+    const f = z(() => {
+      const i = c.offsetWidth;
+      i !== u.current && (u.current = i, r());
+    }, o), d = new ResizeObserver((i) => {
+      for (const m of i)
+        m.borderBoxSize && f();
+    });
+    return d.observe(c), () => {
+      f.clear(), d.disconnect();
+    };
+  }, n = [t, r, o], e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = n) : (s = e[3], n = e[4]), v(s, n);
 };
-function l(e) {
-  return e.stopPropagation();
-}
 export {
-  a as StopPropagationWrapper,
-  d as sortableTableCheckboxColumn
+  E as useContainerResize
 };
 //# 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/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.es61.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { debounce } from \"@mui/material/utils\";\n\n/**\n * Hook that monitors a container element's width changes and triggers a callback\n * when the width changes (debounced to avoid excessive calls).\n *\n * @param containerRef - Ref to the container element to monitor\n * @param callback - Function to call when width changes\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\n */\nexport const useContainerResize = (\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  callback: () => void,\n  debounceMs: number = 200\n): void => {\n  const prevWidth = useRef<number>(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const debouncedResize = debounce(() => {\n      const newWidth = container.offsetWidth;\n\n      // ONLY trigger if the actual pixel width of the container changed.\n      // This ignores cases where the grid content expands horizontally\n      // but the container remains the same size.\n      if (newWidth !== prevWidth.current) {\n        prevWidth.current = newWidth;\n        callback();\n      }\n    }, debounceMs);\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // Use borderBoxSize for more accurate external boundary measurement\n        if (entry.borderBoxSize) {\n          debouncedResize();\n        }\n      }\n    });\n\n    observer.observe(container);\n\n    return () => {\n      debouncedResize.clear();\n      observer.disconnect();\n    };\n  }, [containerRef, callback, debounceMs]);\n};\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}