@weng-lab/ui-components 3.1.1 → 3.1.2

package/dist/ui-components.es24.js

@@ -1,57 +1,133 @@
-const s = async (e, n) => {
-  try {
-    const a = await fetch(e, {
-      method: "HEAD"
-    });
-    if (!a.ok)
-      throw new Error("Error fetching file size for " + e);
-    const t = a.headers.get("Content-Length");
-    t && n(parseInt(t, 10));
-  } catch (a) {
-    console.error(a), n(-1);
-  }
-}, o = (e) => e === -1 ? "Unknown Size" : (e / 1e6).toFixed(1) + " MB", i = (e) => {
-  switch (e) {
-    case "atac":
-      return "ATAC";
-    case "ctcf":
-      return "CTCF";
-    case "dnase":
-      return "DNase";
-    case "h3k27ac":
-      return "H3K27ac";
-    case "h3k4me3":
-      return "H3K4me3";
-  }
-};
-function f(e) {
-  const {
-    dnase: n,
-    h3k27ac: a,
-    h3k4me3: t,
-    ctcf: c,
-    atac: r
-  } = e;
-  return n && a && t && c && r ? "All assays available" : !n && !a && !t && !c && !r ? "No assays available" : `Available:
-${n ? `DNase
-` : ""}${a ? `H3K27ac
-` : ""}${t ? `H3K4me3
-` : ""}${c ? `CTCF
-` : ""}${r ? `ATAC
-` : ""}`;
+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.es77.js";
+import Q from "./ui-components.es78.js";
+import B from "./ui-components.es79.js";
+import b from "./ui-components.es80.js";
+import u from "./ui-components.es40.js";
+import { InfoOutline as N } from "@mui/icons-material";
+import V from "./ui-components.es18.js";
+import s from "./ui-components.es43.js";
+import j from "./ui-components.es81.js";
+import L from "./ui-components.es82.js";
+import W from "./ui-components.es83.js";
+import d from "./ui-components.es84.js";
+import g from "./ui-components.es85.js";
+import m from "./ui-components.es51.js";
+import X from "./ui-components.es21.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
+      } }) })
+    ] })
+  ] });
 }
-const h = {
-  dnase: "#06DA93",
-  h3k27ac: "#FFCD00",
-  h3k4me3: "#FF0000",
-  ctcf: "#00B0F0",
-  atac: "#02c7b9"
-};
 export {
-  h as ASSAY_COLORS,
-  f as assayHoverInfo,
-  s as fetchFileSize,
-  i as formatAssay,
-  o as formatFileSize
+  pe as CustomToolbar
 };
 //# sourceMappingURL=ui-components.es24.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es24.js","sources":["../src/components/BiosampleTable/helpers.ts"],"sourcesContent":["/**\r\n * \r\n * @param url \r\n * @param handleSetState \r\n * \r\n * Attempts to fetch the file size, and sets state with given fn. -1 if unsucessful\r\n */\r\nexport const fetchFileSize = async (url: string, handleSetState: (fileSize: number) => void) => {\r\n  try {\r\n    const response = await fetch(url, { method: \"HEAD\" });\r\n    if (!response.ok) {\r\n      throw new Error(\"Error fetching file size for \" + url)\r\n    }\r\n    const contentLength = response.headers.get(\"Content-Length\");\r\n    if (contentLength) {\r\n      handleSetState(parseInt(contentLength, 10));\r\n    }\r\n  } catch (error) {\r\n    console.error(error);\r\n    handleSetState(-1)\r\n  }\r\n};\r\n\r\nexport const formatFileSize = (fileSize: number) => fileSize === -1 ? \"Unknown Size\" : (fileSize / 1000000).toFixed(1) + \" MB\"\r\n/**\r\n *\r\n * @param assay\r\n * @returns Formatted assay name\r\n */\r\nexport const formatAssay = (assay: CcreAssay) => {\r\n  switch (assay) {\r\n    case \"atac\":\r\n      return \"ATAC\";\r\n    case \"ctcf\":\r\n      return \"CTCF\";\r\n    case \"dnase\":\r\n      return \"DNase\";\r\n    case \"h3k27ac\":\r\n      return \"H3K27ac\";\r\n    case \"h3k4me3\":\r\n      return \"H3K4me3\";\r\n  }\r\n};\r\n\r\nimport { CcreAssay } from \"./types\";\r\n\r\n/**\r\n *\r\n * @param assays\r\n * @returns string to display on hover above available assay wheel\r\n */\r\nexport function assayHoverInfo(assays: Record<CcreAssay, string | null>) {\r\n  const { dnase, h3k27ac, h3k4me3, ctcf, atac } = assays;\r\n\r\n  if (dnase && h3k27ac && h3k4me3 && ctcf && atac) {\r\n    return \"All assays available\";\r\n  } else if (!dnase && !h3k27ac && !h3k4me3 && !ctcf && !atac) {\r\n    return \"No assays available\";\r\n  } else\r\n    return `Available:\\n${dnase ? \"DNase\\n\" : \"\"}${h3k27ac ? \"H3K27ac\\n\" : \"\"}${h3k4me3 ? \"H3K4me3\\n\" : \"\"}${ctcf ? \"CTCF\\n\" : \"\"}${\r\n      atac ? \"ATAC\\n\" : \"\"\r\n    }`;\r\n}\r\n\r\nexport const ASSAY_COLORS: Record<CcreAssay, string> = {\r\n  dnase: \"#06DA93\",\r\n  h3k27ac: \"#FFCD00\",\r\n  h3k4me3: \"#FF0000\",\r\n  ctcf: \"#00B0F0\",\r\n  atac: \"#02c7b9\",\r\n};"],"names":["fetchFileSize","url","handleSetState","response","fetch","method","ok","Error","contentLength","headers","get","parseInt","error","console","formatFileSize","fileSize","toFixed","formatAssay","assay","assayHoverInfo","assays","dnase","h3k27ac","h3k4me3","ctcf","atac","ASSAY_COLORS"],"mappings":"AAOO,MAAMA,IAAgB,OAAOC,GAAaC,MAA+C;AAC9F,MAAI;AACF,UAAMC,IAAW,MAAMC,MAAMH,GAAK;AAAA,MAAEI,QAAQ;AAAA,IAAA,CAAQ;AACpD,QAAI,CAACF,EAASG;AACZ,YAAM,IAAIC,MAAM,kCAAkCN,CAAG;AAEvD,UAAMO,IAAgBL,EAASM,QAAQC,IAAI,gBAAgB;AAC3D,IAAIF,KACFN,EAAeS,SAASH,GAAe,EAAE,CAAC;AAAA,EAE9C,SAASI,GAAO;AACdC,YAAQD,MAAMA,CAAK,GACnBV,EAAe,EAAE;AAAA,EACnB;AACF,GAEaY,IAAiBA,CAACC,MAAqBA,MAAa,KAAK,kBAAkBA,IAAW,KAASC,QAAQ,CAAC,IAAI,OAM5GC,IAAcA,CAACC,MAAqB;AAC/C,UAAQA,GAAAA;AAAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AASO,SAASC,EAAeC,GAA0C;AACvE,QAAM;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,SAAAA;AAAAA,IAASC,SAAAA;AAAAA,IAASC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,EAAAA,IAASL;AAEhD,SAAIC,KAASC,KAAWC,KAAWC,KAAQC,IAClC,yBACE,CAACJ,KAAS,CAACC,KAAW,CAACC,KAAW,CAACC,KAAQ,CAACC,IAC9C,wBAEA;AAAA,EAAeJ,IAAQ;AAAA,IAAY,EAAE,GAAGC,IAAU;AAAA,IAAc,EAAE,GAAGC,IAAU;AAAA,IAAc,EAAE,GAAGC,IAAO;AAAA,IAAW,EAAE,GAC3HC,IAAO;AAAA,IAAW,EAAE;AAE1B;AAEO,MAAMC,IAA0C;AAAA,EACrDL,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,MAAM;AAAA,EACNC,MAAM;AACR;"}
+{"version":3,"file":"ui-components.es24.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.es240.js

@@ -1,8 +1,171 @@
-const f = {
-  black: "#000",
-  white: "#fff"
-};
+import * as f from "react";
+import { r as N } from "./ui-components.es237.js";
+import c from "./ui-components.es91.js";
+import { j } from "./ui-components.es16.js";
+import H from "./ui-components.es131.js";
+import O from "./ui-components.es174.js";
+import A from "./ui-components.es175.js";
+import P from "./ui-components.es151.js";
+import V from "./ui-components.es353.js";
+import W from "./ui-components.es319.js";
+import z from "./ui-components.es176.js";
+function M(n, t, r) {
+  return n === t ? n.firstChild : t && t.nextElementSibling ? t.nextElementSibling : r ? null : n.firstChild;
+}
+function k(n, t, r) {
+  return n === t ? r ? n.firstChild : n.lastChild : t && t.previousElementSibling ? t.previousElementSibling : r ? null : n.lastChild;
+}
+function C(n, t) {
+  if (t === void 0)
+    return !0;
+  let r = n.innerText;
+  return r === void 0 && (r = n.textContent), r = r.trim().toLowerCase(), r.length === 0 ? !1 : t.repeating ? r[0] === t.keys[0] : r.startsWith(t.keys.join(""));
+}
+function y(n, t, r, w, m, E) {
+  let p = !1, u = m(n, t, t ? r : !1);
+  for (; u; ) {
+    if (u === n.firstChild) {
+      if (p)
+        return !1;
+      p = !0;
+    }
+    const d = w ? !1 : u.disabled || u.getAttribute("aria-disabled") === "true";
+    if (!u.hasAttribute("tabindex") || !C(u, E) || d)
+      u = m(n, u, r);
+    else
+      return u.focus(), !0;
+  }
+  return !1;
+}
+const U = /* @__PURE__ */ f.forwardRef(function(t, r) {
+  const {
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions: w,
+    autoFocus: m = !1,
+    autoFocusItem: E = !1,
+    children: p,
+    className: u,
+    disabledItemsFocusable: d = !1,
+    disableListWrap: g = !1,
+    onKeyDown: b,
+    variant: D = "selectedMenu",
+    ...F
+  } = t, a = f.useRef(null), v = f.useRef({
+    keys: [],
+    repeating: !0,
+    previousKeyMatched: !0,
+    lastTime: null
+  });
+  H(() => {
+    m && a.current.focus();
+  }, [m]), f.useImperativeHandle(w, () => ({
+    adjustStyleForScrollbar: (e, {
+      direction: s
+    }) => {
+      const l = !a.current.style.width;
+      if (e.clientHeight < a.current.clientHeight && l) {
+        const x = `${O(A(e))}px`;
+        a.current.style[s === "rtl" ? "paddingLeft" : "paddingRight"] = x, a.current.style.width = `calc(100% + ${x})`;
+      }
+      return a.current;
+    }
+  }), []);
+  const S = (e) => {
+    const s = a.current, l = e.key;
+    if (e.ctrlKey || e.metaKey || e.altKey) {
+      b && b(e);
+      return;
+    }
+    const h = W(z(s));
+    if (l === "ArrowDown")
+      e.preventDefault(), y(s, h, g, d, M);
+    else if (l === "ArrowUp")
+      e.preventDefault(), y(s, h, g, d, k);
+    else if (l === "Home")
+      e.preventDefault(), y(s, null, g, d, M);
+    else if (l === "End")
+      e.preventDefault(), y(s, null, g, d, k);
+    else if (l.length === 1) {
+      const i = v.current, I = l.toLowerCase(), K = performance.now();
+      i.keys.length > 0 && (K - i.lastTime > 500 ? (i.keys = [], i.repeating = !0, i.previousKeyMatched = !0) : i.repeating && I !== i.keys[0] && (i.repeating = !1)), i.lastTime = K, i.keys.push(I);
+      const T = h && !i.repeating && C(h, i);
+      i.previousKeyMatched && (T || y(s, h, !1, d, M, i)) ? e.preventDefault() : i.previousKeyMatched = !1;
+    }
+    b && b(e);
+  }, R = P(a, r);
+  let o = -1;
+  f.Children.forEach(p, (e, s) => {
+    if (!/* @__PURE__ */ f.isValidElement(e)) {
+      o === s && (o += 1, o >= p.length && (o = -1));
+      return;
+    }
+    process.env.NODE_ENV !== "production" && N.isFragment(e) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), e.props.disabled || (D === "selectedMenu" && e.props.selected || o === -1) && (o = s), o === s && (e.props.disabled || e.props.muiSkipListHighlight || e.type.muiSkipListHighlight) && (o += 1, o >= p.length && (o = -1));
+  });
+  const L = f.Children.map(p, (e, s) => {
+    if (s === o) {
+      const l = {};
+      return E && (l.autoFocus = !0), e.props.tabIndex === void 0 && D === "selectedMenu" && (l.tabIndex = 0), /* @__PURE__ */ f.cloneElement(e, l);
+    }
+    return e;
+  });
+  return /* @__PURE__ */ j.jsx(V, {
+    role: "menu",
+    ref: R,
+    className: u,
+    onKeyDown: S,
+    tabIndex: m ? 0 : -1,
+    ...F,
+    children: L
+  });
+});
+process.env.NODE_ENV !== "production" && (U.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, will focus the `[role="menu"]` container and move into tab order.
+   * @default false
+   */
+  autoFocus: c.bool,
+  /**
+   * If `true`, will focus the first menuitem if `variant="menu"` or selected item
+   * if `variant="selectedMenu"`.
+   * @default false
+   */
+  autoFocusItem: c.bool,
+  /**
+   * MenuList contents, normally `MenuItem`s.
+   */
+  children: c.node,
+  /**
+   * @ignore
+   */
+  className: c.string,
+  /**
+   * If `true`, will allow focus on disabled items.
+   * @default false
+   */
+  disabledItemsFocusable: c.bool,
+  /**
+   * If `true`, the menu items will not wrap focus.
+   * @default false
+   */
+  disableListWrap: c.bool,
+  /**
+   * @ignore
+   */
+  onKeyDown: c.func,
+  /**
+   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
+   * and the vertical alignment relative to the anchor element.
+   * @default 'selectedMenu'
+   */
+  variant: c.oneOf(["menu", "selectedMenu"])
+});
 export {
-  f as default
+  U as default
 };
 //# sourceMappingURL=ui-components.es240.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es240.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotio_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/colors/common.js"],"sourcesContent":["const common = {\n  black: '#000',\n  white: '#fff'\n};\nexport default common;"],"names":["common"],"mappings":"AAAK,MAACA,IAAS;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es240.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/MenuList/MenuList.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport ownerDocument from \"../utils/ownerDocument.js\";\nimport List from \"../List/index.js\";\nimport getActiveElement from \"../utils/getActiveElement.js\";\nimport getScrollbarSize from \"../utils/getScrollbarSize.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useEnhancedEffect from \"../utils/useEnhancedEffect.js\";\nimport { ownerWindow } from \"../utils/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction nextItem(list, item, disableListWrap) {\n  if (list === item) {\n    return list.firstChild;\n  }\n  if (item && item.nextElementSibling) {\n    return item.nextElementSibling;\n  }\n  return disableListWrap ? null : list.firstChild;\n}\nfunction previousItem(list, item, disableListWrap) {\n  if (list === item) {\n    return disableListWrap ? list.firstChild : list.lastChild;\n  }\n  if (item && item.previousElementSibling) {\n    return item.previousElementSibling;\n  }\n  return disableListWrap ? null : list.lastChild;\n}\nfunction textCriteriaMatches(nextFocus, textCriteria) {\n  if (textCriteria === undefined) {\n    return true;\n  }\n  let text = nextFocus.innerText;\n  if (text === undefined) {\n    // jsdom doesn't support innerText\n    text = nextFocus.textContent;\n  }\n  text = text.trim().toLowerCase();\n  if (text.length === 0) {\n    return false;\n  }\n  if (textCriteria.repeating) {\n    return text[0] === textCriteria.keys[0];\n  }\n  return text.startsWith(textCriteria.keys.join(''));\n}\nfunction moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {\n  let wrappedOnce = false;\n  let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);\n  while (nextFocus) {\n    // Prevent infinite loop.\n    if (nextFocus === list.firstChild) {\n      if (wrappedOnce) {\n        return false;\n      }\n      wrappedOnce = true;\n    }\n\n    // Same logic as useAutocomplete.js\n    const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n    if (!nextFocus.hasAttribute('tabindex') || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {\n      // Move to the next element.\n      nextFocus = traversalFunction(list, nextFocus, disableListWrap);\n    } else {\n      nextFocus.focus();\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.\n * It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you\n * use it separately you need to move focus into the component manually. Once\n * the focus is placed inside the component it is fully keyboard accessible.\n */\nconst MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {\n  const {\n    // private\n    // eslint-disable-next-line react/prop-types\n    actions,\n    autoFocus = false,\n    autoFocusItem = false,\n    children,\n    className,\n    disabledItemsFocusable = false,\n    disableListWrap = false,\n    onKeyDown,\n    variant = 'selectedMenu',\n    ...other\n  } = props;\n  const listRef = React.useRef(null);\n  const textCriteriaRef = React.useRef({\n    keys: [],\n    repeating: true,\n    previousKeyMatched: true,\n    lastTime: null\n  });\n  useEnhancedEffect(() => {\n    if (autoFocus) {\n      listRef.current.focus();\n    }\n  }, [autoFocus]);\n  React.useImperativeHandle(actions, () => ({\n    adjustStyleForScrollbar: (containerElement, {\n      direction\n    }) => {\n      // Let's ignore that piece of logic if users are already overriding the width\n      // of the menu.\n      const noExplicitWidth = !listRef.current.style.width;\n      if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {\n        const scrollbarSize = `${getScrollbarSize(ownerWindow(containerElement))}px`;\n        listRef.current.style[direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] = scrollbarSize;\n        listRef.current.style.width = `calc(100% + ${scrollbarSize})`;\n      }\n      return listRef.current;\n    }\n  }), []);\n  const handleKeyDown = event => {\n    const list = listRef.current;\n    const key = event.key;\n    const isModifierKeyPressed = event.ctrlKey || event.metaKey || event.altKey;\n    if (isModifierKeyPressed) {\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n      return;\n    }\n\n    /**\n     * @type {Element} - will always be defined since we are in a keydown handler\n     * attached to an element. A keydown event is either dispatched to the activeElement\n     * or document.body or document.documentElement. Only the first case will\n     * trigger this specific handler.\n     */\n    const currentFocus = getActiveElement(ownerDocument(list));\n    if (key === 'ArrowDown') {\n      // Prevent scroll of the page\n      event.preventDefault();\n      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, nextItem);\n    } else if (key === 'ArrowUp') {\n      event.preventDefault();\n      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, previousItem);\n    } else if (key === 'Home') {\n      event.preventDefault();\n      moveFocus(list, null, disableListWrap, disabledItemsFocusable, nextItem);\n    } else if (key === 'End') {\n      event.preventDefault();\n      moveFocus(list, null, disableListWrap, disabledItemsFocusable, previousItem);\n    } else if (key.length === 1) {\n      const criteria = textCriteriaRef.current;\n      const lowerKey = key.toLowerCase();\n      const currTime = performance.now();\n      if (criteria.keys.length > 0) {\n        // Reset\n        if (currTime - criteria.lastTime > 500) {\n          criteria.keys = [];\n          criteria.repeating = true;\n          criteria.previousKeyMatched = true;\n        } else if (criteria.repeating && lowerKey !== criteria.keys[0]) {\n          criteria.repeating = false;\n        }\n      }\n      criteria.lastTime = currTime;\n      criteria.keys.push(lowerKey);\n      const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);\n      if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {\n        event.preventDefault();\n      } else {\n        criteria.previousKeyMatched = false;\n      }\n    }\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n  };\n  const handleRef = useForkRef(listRef, ref);\n\n  /**\n   * the index of the item should receive focus\n   * in a `variant=\"selectedMenu\"` it's the first `selected` item\n   * otherwise it's the very first item.\n   */\n  let activeItemIndex = -1;\n  // since we inject focus related props into children we have to do a lookahead\n  // to check if there is a `selected` item. We're looking for the last `selected`\n  // item and use the first valid item as a fallback\n  React.Children.forEach(children, (child, index) => {\n    if (! /*#__PURE__*/React.isValidElement(child)) {\n      if (activeItemIndex === index) {\n        activeItemIndex += 1;\n        if (activeItemIndex >= children.length) {\n          // there are no focusable items within the list.\n          activeItemIndex = -1;\n        }\n      }\n      return;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (isFragment(child)) {\n        console.error([\"MUI: The Menu component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n      }\n    }\n    if (!child.props.disabled) {\n      if (variant === 'selectedMenu' && child.props.selected) {\n        activeItemIndex = index;\n      } else if (activeItemIndex === -1) {\n        activeItemIndex = index;\n      }\n    }\n    if (activeItemIndex === index && (child.props.disabled || child.props.muiSkipListHighlight || child.type.muiSkipListHighlight)) {\n      activeItemIndex += 1;\n      if (activeItemIndex >= children.length) {\n        // there are no focusable items within the list.\n        activeItemIndex = -1;\n      }\n    }\n  });\n  const items = React.Children.map(children, (child, index) => {\n    if (index === activeItemIndex) {\n      const newChildProps = {};\n      if (autoFocusItem) {\n        newChildProps.autoFocus = true;\n      }\n      if (child.props.tabIndex === undefined && variant === 'selectedMenu') {\n        newChildProps.tabIndex = 0;\n      }\n      return /*#__PURE__*/React.cloneElement(child, newChildProps);\n    }\n    return child;\n  });\n  return /*#__PURE__*/_jsx(List, {\n    role: \"menu\",\n    ref: handleRef,\n    className: className,\n    onKeyDown: handleKeyDown,\n    tabIndex: autoFocus ? 0 : -1,\n    ...other,\n    children: items\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? MenuList.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   * If `true`, will focus the `[role=\"menu\"]` container and move into tab order.\n   * @default false\n   */\n  autoFocus: PropTypes.bool,\n  /**\n   * If `true`, will focus the first menuitem if `variant=\"menu\"` or selected item\n   * if `variant=\"selectedMenu\"`.\n   * @default false\n   */\n  autoFocusItem: PropTypes.bool,\n  /**\n   * MenuList contents, normally `MenuItem`s.\n   */\n  children: PropTypes.node,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, will allow focus on disabled items.\n   * @default false\n   */\n  disabledItemsFocusable: PropTypes.bool,\n  /**\n   * If `true`, the menu items will not wrap focus.\n   * @default false\n   */\n  disableListWrap: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus\n   * and the vertical alignment relative to the anchor element.\n   * @default 'selectedMenu'\n   */\n  variant: PropTypes.oneOf(['menu', 'selectedMenu'])\n} : void 0;\nexport default MenuList;"],"names":["nextItem","list","item","disableListWrap","previousItem","textCriteriaMatches","nextFocus","textCriteria","text","moveFocus","currentFocus","disabledItemsFocusable","traversalFunction","wrappedOnce","nextFocusDisabled","MenuList","React","props","ref","actions","autoFocus","autoFocusItem","children","className","onKeyDown","variant","other","listRef","textCriteriaRef","useEnhancedEffect","containerElement","direction","noExplicitWidth","scrollbarSize","getScrollbarSize","ownerWindow","handleKeyDown","event","key","getActiveElement","ownerDocument","criteria","lowerKey","currTime","keepFocusOnCurrent","handleRef","useForkRef","activeItemIndex","child","index","isFragment","items","newChildProps","_jsx","List","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}