@weng-lab/ui-components 2.0.2 → 2.1.0

package/dist/ui-components.es55.js

@@ -1,57 +1,26 @@
-const s = async (e, n) => {
-  try {
-    const a = await fetch(e, {
-      method: "HEAD"
+import { c as p } from "./ui-components.es15.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es83.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();
     });
-    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
-` : ""}`;
-}
-const h = {
-  dnase: "#06DA93",
-  h3k27ac: "#FFCD00",
-  h3k4me3: "#FF0000",
-  ctcf: "#00B0F0",
-  atac: "#02c7b9"
+    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);
 };
 export {
-  h as ASSAY_COLORS,
-  f as assayHoverInfo,
-  s as fetchFileSize,
-  i as formatAssay,
-  o as formatFileSize
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es55.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es55.js","sources":["../src/components/BiosampleTable/helpers.ts"],"sourcesContent":["/**\n * \n * @param url \n * @param handleSetState \n * \n * Attempts to fetch the file size, and sets state with given fn. -1 if unsucessful\n */\nexport const fetchFileSize = async (url: string, handleSetState: (fileSize: number) => void) => {\n  try {\n    const response = await fetch(url, { method: \"HEAD\" });\n    if (!response.ok) {\n      throw new Error(\"Error fetching file size for \" + url)\n    }\n    const contentLength = response.headers.get(\"Content-Length\");\n    if (contentLength) {\n      handleSetState(parseInt(contentLength, 10));\n    }\n  } catch (error) {\n    console.error(error);\n    handleSetState(-1)\n  }\n};\n\nexport const formatFileSize = (fileSize: number) => fileSize === -1 ? \"Unknown Size\" : (fileSize / 1000000).toFixed(1) + \" MB\"\n/**\n *\n * @param assay\n * @returns Formatted assay name\n */\nexport const formatAssay = (assay: CcreAssay) => {\n  switch (assay) {\n    case \"atac\":\n      return \"ATAC\";\n    case \"ctcf\":\n      return \"CTCF\";\n    case \"dnase\":\n      return \"DNase\";\n    case \"h3k27ac\":\n      return \"H3K27ac\";\n    case \"h3k4me3\":\n      return \"H3K4me3\";\n  }\n};\n\nimport { CcreAssay } from \"./types\";\n\n/**\n *\n * @param assays\n * @returns string to display on hover above available assay wheel\n */\nexport function assayHoverInfo(assays: Record<CcreAssay, string | null>) {\n  const { dnase, h3k27ac, h3k4me3, ctcf, atac } = assays;\n\n  if (dnase && h3k27ac && h3k4me3 && ctcf && atac) {\n    return \"All assays available\";\n  } else if (!dnase && !h3k27ac && !h3k4me3 && !ctcf && !atac) {\n    return \"No assays available\";\n  } else\n    return `Available:\\n${dnase ? \"DNase\\n\" : \"\"}${h3k27ac ? \"H3K27ac\\n\" : \"\"}${h3k4me3 ? \"H3K4me3\\n\" : \"\"}${ctcf ? \"CTCF\\n\" : \"\"}${\n      atac ? \"ATAC\\n\" : \"\"\n    }`;\n}\n\nexport const ASSAY_COLORS: Record<CcreAssay, string> = {\n  dnase: \"#06DA93\",\n  h3k27ac: \"#FFCD00\",\n  h3k4me3: \"#FF0000\",\n  ctcf: \"#00B0F0\",\n  atac: \"#02c7b9\",\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.es55.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;"}

package/dist/ui-components.es56.js

@@ -1,165 +1,257 @@
-import { j as l } from "./ui-components.es12.js";
-import { c as de } from "./ui-components.es13.js";
-import { Box as fe, Divider as me, Typography as ge, IconButton as pe, Tooltip as he, DialogTitle as ue, Checkbox as X, FormControlLabel as Y, DialogContent as xe, Stack as be, Button as Z, DialogActions as je, Dialog as Ce } from "@mui/material";
-import { useState as S } from "react";
-import { Download as _e } from "@mui/icons-material";
-import { ontologyDownloadMap as we } from "./ui-components.es76.js";
-import { formatFileSize as ee, fetchFileSize as le } from "./ui-components.es55.js";
-import { useDownloadContext as De } from "./ui-components.es54.js";
-const ke = (n) => {
-  const e = n.toLowerCase().replace(/\s+/g, "_");
-  return we[e] ?? [];
-}, Oe = (n) => {
-  const e = de.c(66), {
-    ontology: o
-  } = n, [I, F] = S(!1), [c, te] = S(!1), [r, oe] = S(!1), [D, ne] = S(null), [k, ie] = S(null), {
-    onDownload: A
-  } = De();
-  let t, i, E;
-  e[0] !== o ? (t = ke(o), i = t.find(ye)?.filename ?? void 0, E = t.find(Se)?.filename ?? void 0, e[0] = o, e[1] = t, e[2] = i, e[3] = E) : (t = e[1], i = e[2], E = e[3]);
-  const a = E;
-  let v;
-  e[4] !== a || e[5] !== k || e[6] !== i || e[7] !== D ? (v = () => {
-    i && !D && le(`https://downloads.wenglab.org/${i}`, ne), a && !k && le(`https://downloads.wenglab.org/${a}`, ie), F(!0);
-  }, e[4] = a, e[5] = k, e[6] = i, e[7] = D, e[8] = v) : v = e[8];
-  const U = v;
-  let $;
-  e[9] !== r || e[10] !== a || e[11] !== t || e[12] !== i || e[13] !== c || e[14] !== A || e[15] !== o ? ($ = () => {
-    if (!t || t.length === 0)
-      return;
-    const s = [];
-    c && i && s.push({
-      filename: i,
-      label: "excluding_cancer_cell_lines"
-    }), r && a && s.push({
-      filename: a,
-      label: "all_biosamples"
-    }), s.forEach((se, ae) => {
-      const {
-        filename: V,
-        label: ce
-      } = se, W = `https://downloads.wenglab.org/${V}`;
-      setTimeout(() => {
-        if (A) {
-          const re = `${o}_aggregate_ccres_${ce}`;
-          A(W, re);
+import * as v from "react";
+import { clsx as w } from "./ui-components.es85.js";
+import t from "./ui-components.es84.js";
+import C from "./ui-components.es89.js";
+import { getSkeletonUtilityClass as k } from "./ui-components.es124.js";
+import { j as x } from "./ui-components.es13.js";
+import R from "./ui-components.es35.js";
+import { getUnit as O, toUnitless as T } from "./ui-components.es125.js";
+import { useDefaultProps as $ } from "./ui-components.es95.js";
+import S from "./ui-components.es98.js";
+import { keyframes as f, css as h } from "@emotion/react";
+import { alpha as j } from "./ui-components.es51.js";
+const N = (e) => {
+  const {
+    classes: n,
+    variant: o,
+    animation: a,
+    hasChildren: r,
+    width: s,
+    height: i
+  } = e;
+  return S({
+    root: ["root", o, a, r && "withChildren", r && !s && "fitContent", r && !i && "heightAuto"]
+  }, k, n);
+}, l = f`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`, p = f`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`, U = typeof l != "string" ? h`
+        animation: ${l} 2s ease-in-out 0.5s infinite;
+      ` : null, A = typeof p != "string" ? h`
+        &::after {
+          animation: ${p} 2s linear 0.5s infinite;
         }
-        const y = document.createElement("a");
-        y.href = W, y.download = V, document.body.appendChild(y), y.click(), document.body.removeChild(y);
-      }, ae * 500);
-    });
-  }, e[9] = r, e[10] = a, e[11] = t, e[12] = i, e[13] = c, e[14] = A, e[15] = o, e[16] = $) : $ = e[16];
-  const M = $;
-  let d;
-  e[17] !== t || e[18] !== o ? (d = t.length === 0 ? "No Aggregate cCRE Download Options" : /* @__PURE__ */ l.jsxs(fe, { children: [
-    "Download cCREs in ",
-    o.charAt(0).toUpperCase() + o.slice(1),
-    ":",
-    /* @__PURE__ */ l.jsx("ul", { style: {
-      margin: 0,
-      paddingLeft: 16
-    }, children: t.map(Fe) }),
-    "(Opens Download Dialog)"
-  ] }), e[17] = t, e[18] = o, e[19] = d) : d = e[19];
-  let f;
-  e[20] !== U ? (f = (s) => {
-    s.stopPropagation(), U();
-  }, e[20] = U, e[21] = f) : f = e[21];
-  const q = t.length === 0;
-  let R;
-  e[22] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ l.jsx(_e, {}), e[22] = R) : R = e[22];
-  let m;
-  e[23] !== f || e[24] !== q ? (m = /* @__PURE__ */ l.jsx("span", { children: /* @__PURE__ */ l.jsx(pe, { onClick: f, disabled: q, children: R }) }), e[23] = f, e[24] = q, e[25] = m) : m = e[25];
-  let g;
-  e[26] !== d || e[27] !== m ? (g = /* @__PURE__ */ l.jsx(he, { title: d, placement: "left", arrow: !0, children: m }), e[26] = d, e[27] = m, e[28] = g) : g = e[28];
-  let T;
-  e[29] === Symbol.for("react.memo_cache_sentinel") ? (T = (s) => {
-    s.stopPropagation(), F(!1);
-  }, e[29] = T) : T = e[29];
-  let z;
-  e[30] === Symbol.for("react.memo_cache_sentinel") ? (z = {
-    backdrop: {
-      sx: {
-        backgroundColor: "rgba(255, 255, 255, 0.1)",
-        backdropFilter: "blur(2px)"
+      ` : null, M = R("span", {
+  name: "MuiSkeleton",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: o
+    } = e;
+    return [n.root, n[o.variant], o.animation !== !1 && n[o.animation], o.hasChildren && n.withChildren, o.hasChildren && !o.width && n.fitContent, o.hasChildren && !o.height && n.heightAuto];
+  }
+})(C(({
+  theme: e
+}) => {
+  const n = O(e.shape.borderRadius) || "px", o = T(e.shape.borderRadius);
+  return {
+    display: "block",
+    // Create a "on paper" color with sufficient contrast retaining the color
+    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : j(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
+    height: "1.2em",
+    variants: [{
+      props: {
+        variant: "text"
+      },
+      style: {
+        marginTop: 0,
+        marginBottom: 0,
+        height: "auto",
+        transformOrigin: "0 55%",
+        transform: "scale(1, 0.60)",
+        borderRadius: `${o}${n}/${Math.round(o / 0.6 * 10) / 10}${n}`,
+        "&:empty:before": {
+          content: '"\\00a0"'
+        }
+      }
+    }, {
+      props: {
+        variant: "circular"
+      },
+      style: {
+        borderRadius: "50%"
+      }
+    }, {
+      props: {
+        variant: "rounded"
+      },
+      style: {
+        borderRadius: (e.vars || e).shape.borderRadius
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren,
+      style: {
+        "& > *": {
+          visibility: "hidden"
+        }
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren && !a.width,
+      style: {
+        maxWidth: "fit-content"
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren && !a.height,
+      style: {
+        height: "auto"
       }
+    }, {
+      props: {
+        animation: "pulse"
+      },
+      style: U || {
+        animation: `${l} 2s ease-in-out 0.5s infinite`
+      }
+    }, {
+      props: {
+        animation: "wave"
+      },
+      style: {
+        position: "relative",
+        overflow: "hidden",
+        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
+        WebkitMaskImage: "-webkit-radial-gradient(white, black)",
+        "&::after": {
+          background: `linear-gradient(
+                90deg,
+                transparent,
+                ${(e.vars || e).palette.action.hover},
+                transparent
+              )`,
+          content: '""',
+          position: "absolute",
+          transform: "translateX(-100%)",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          top: 0
+        }
+      }
+    }, {
+      props: {
+        animation: "wave"
+      },
+      style: A || {
+        "&::after": {
+          animation: `${p} 2s linear 0.5s infinite`
+        }
+      }
+    }]
+  };
+})), X = /* @__PURE__ */ v.forwardRef(function(n, o) {
+  const a = $({
+    props: n,
+    name: "MuiSkeleton"
+  }), {
+    animation: r = "pulse",
+    className: s,
+    component: i = "span",
+    height: m,
+    style: u,
+    variant: y = "text",
+    width: g,
+    ...c
+  } = a, d = {
+    ...a,
+    animation: r,
+    component: i,
+    variant: y,
+    hasChildren: !!c.children
+  }, b = N(d);
+  return /* @__PURE__ */ x.jsx(M, {
+    as: i,
+    ref: o,
+    className: w(b.root, s),
+    ownerState: d,
+    ...c,
+    style: {
+      width: g,
+      height: m,
+      ...u
     }
-  }, e[30] = z) : z = e[30];
-  let B;
-  e[31] !== o ? (B = o.charAt(0).toUpperCase(), e[31] = o, e[32] = B) : B = e[32];
-  const G = B + o.slice(1);
-  let p;
-  e[33] !== G ? (p = /* @__PURE__ */ l.jsxs(ue, { id: "export-dialog-title", children: [
-    "Download cCREs in ",
-    G,
-    ":"
-  ] }), e[33] = G, e[34] = p) : p = e[34];
-  let L;
-  e[35] === Symbol.for("react.memo_cache_sentinel") ? (L = (s) => oe(s.target.checked), e[35] = L) : L = e[35];
-  const H = !a;
-  let h;
-  e[36] !== r || e[37] !== H ? (h = /* @__PURE__ */ l.jsx(X, { checked: r, onChange: L, disabled: H }), e[36] = r, e[37] = H, e[38] = h) : h = e[38];
-  const J = `Aggregate cCREs (all biosamples)${k ? " - " + ee(k) : ""}`;
-  let u;
-  e[39] !== h || e[40] !== J ? (u = /* @__PURE__ */ l.jsx(Y, { control: h, label: J }), e[39] = h, e[40] = J, e[41] = u) : u = e[41];
-  let O;
-  e[42] === Symbol.for("react.memo_cache_sentinel") ? (O = (s) => te(s.target.checked), e[42] = O) : O = e[42];
-  const K = !i;
-  let x;
-  e[43] !== c || e[44] !== K ? (x = /* @__PURE__ */ l.jsx(X, { checked: c, onChange: O, disabled: K }), e[43] = c, e[44] = K, e[45] = x) : x = e[45];
-  const Q = `Aggregate cCREs (excluding cancer cell lines)${D ? " - " + ee(D) : ""}`;
-  let b;
-  e[46] !== x || e[47] !== Q ? (b = /* @__PURE__ */ l.jsx(Y, { control: x, label: Q }), e[46] = x, e[47] = Q, e[48] = b) : b = e[48];
-  let j;
-  e[49] !== t.length ? (j = t.length <= 1 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx(me, { sx: {
-      marginTop: 1
-    } }),
-    /* @__PURE__ */ l.jsx(ge, { marginTop: 1, children: /* @__PURE__ */ l.jsx("strong", { children: "No cancerous cell lines available in this tissue" }) })
-  ] }), e[49] = t.length, e[50] = j) : j = e[50];
-  let C;
-  e[51] !== u || e[52] !== b || e[53] !== j ? (C = /* @__PURE__ */ l.jsx(xe, { children: /* @__PURE__ */ l.jsxs(be, { children: [
-    u,
-    b,
-    j
-  ] }) }), e[51] = u, e[52] = b, e[53] = j, e[54] = C) : C = e[54];
-  let N;
-  e[55] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ l.jsx(Z, { onClick: () => {
-    F(!1);
-  }, children: "Cancel" }), e[55] = N) : N = e[55];
-  let _;
-  e[56] !== M ? (_ = /* @__PURE__ */ l.jsxs(je, { children: [
-    N,
-    /* @__PURE__ */ l.jsx(Z, { variant: "contained", onClick: () => {
-      M(), F(!1);
-    }, children: "Download" })
-  ] }), e[56] = M, e[57] = _) : _ = e[57];
-  let w;
-  e[58] !== I || e[59] !== p || e[60] !== C || e[61] !== _ ? (w = /* @__PURE__ */ l.jsxs(Ce, { open: I, onClose: T, "aria-labelledby": "export-dialog-title", disableScrollLock: !0, slotProps: z, onClick: Ae, children: [
-    p,
-    C,
-    _
-  ] }), e[58] = I, e[59] = p, e[60] = C, e[61] = _, e[62] = w) : w = e[62];
-  let P;
-  return e[63] !== w || e[64] !== g ? (P = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    g,
-    w
-  ] }), e[63] = w, e[64] = g, e[65] = P) : P = e[65], P;
-};
-function ye(n) {
-  return n.label === "Excluding Cancer Cell Lines";
-}
-function Se(n) {
-  return n.label === "All Biosamples";
-}
-function Fe(n) {
-  return /* @__PURE__ */ l.jsx("li", { children: n.label }, n.filename);
-}
-function Ae(n) {
-  return n.stopPropagation();
-}
+  });
+});
+process.env.NODE_ENV !== "production" && (X.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The animation.
+   * If `false` the animation effect is disabled.
+   * @default 'pulse'
+   */
+  animation: t.oneOf(["pulse", "wave", !1]),
+  /**
+   * Optional children to infer width and height from.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * Height of the skeleton.
+   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+   */
+  height: t.oneOfType([t.number, t.string]),
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The type of content that will be rendered.
+   * @default 'text'
+   */
+  variant: t.oneOfType([t.oneOf(["circular", "rectangular", "rounded", "text"]), t.string]),
+  /**
+   * Width of the skeleton.
+   * Useful when the skeleton is inside an inline element with no width of its own.
+   */
+  width: t.oneOfType([t.number, t.string])
+});
 export {
-  Oe as AggregateDownloadButton,
-  ke as getAvailableFiles
+  X as default
 };
 //# sourceMappingURL=ui-components.es56.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es56.js","sources":["../src/components/BiosampleTable/AggregateDownload.tsx"],"sourcesContent":["import {\n  Button,\n  Tooltip,\n  Box,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  Stack,\n  Typography,\n  Divider,\n  IconButton,\n} from \"@mui/material\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { Download } from \"@mui/icons-material\";\nimport { ontologyDownloadMap } from \"./ontologyDownloads\";\nimport { fetchFileSize, formatFileSize } from \"./helpers\";\nimport { useDownloadContext } from \"./DownloadContext\";\n\nexport type AggregateDownloadProps = {\n  ontology: string;\n};\n\n/**\n *\n * @param ontology\n * Finds available aggregate file urls for the given ontology in the form `[noccl, ccl]`\n */\n\nexport const getAvailableFiles = (ontology: string) => {\n  const key = ontology.toLowerCase().replace(/\\s+/g, \"_\");\n  return ontologyDownloadMap[key] ?? [];\n};\n\nexport const AggregateDownloadButton = ({ ontology }: AggregateDownloadProps) => {\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const [noccl, setNoccl] = useState(false);\n  const [all, setAll] = useState(false);\n  const [nocclFileSize, setNocclFileSize] = useState<number | null>(null);\n  const [allFileSize, setAllFileSize] = useState<number | null>(null);\n  const { onDownload } = useDownloadContext();\n\n  const availibleDownloads = getAvailableFiles(ontology);\n\n  const ncFile = availibleDownloads.find((d) => d.label === \"Excluding Cancer Cell Lines\")?.filename ?? undefined;\n  const allFile = availibleDownloads.find((d) => d.label === \"All Biosamples\")?.filename ?? undefined;\n\n  const handleOpenDialog = () => {\n    if (ncFile && !nocclFileSize) fetchFileSize(`https://downloads.wenglab.org/${ncFile}`, setNocclFileSize);\n    if (allFile && !allFileSize) fetchFileSize(`https://downloads.wenglab.org/${allFile}`, setAllFileSize);\n    setIsDialogOpen(true);\n  };\n\n  const handleDownload = useCallback(() => {\n    if (!availibleDownloads || availibleDownloads.length === 0) return;\n\n    const filesToDownload: { filename: string; label: string }[] = [];\n    if (noccl && ncFile) filesToDownload.push({ filename: ncFile, label: \"excluding_cancer_cell_lines\" });\n    if (all && allFile) filesToDownload.push({ filename: allFile, label: \"all_biosamples\" });\n\n    filesToDownload.forEach(({ filename, label }, index) => {\n      const url = `https://downloads.wenglab.org/${filename}`;\n\n      setTimeout(() => {\n        if (onDownload) {\n          // Use descriptive name: ontology_aggregate_ccres_label\n          const name = `${ontology}_aggregate_ccres_${label}`;\n          onDownload(url, name);\n        }\n\n        const link = document.createElement(\"a\");\n        link.href = url;\n        link.download = filename;\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n      }, index * 500); // 500ms delay between downloads (some browsers prevent against mutliple downloads at once)\n    });\n  }, [all, allFile, availibleDownloads, ncFile, noccl, onDownload, ontology]);\n\n  return (\n    <>\n      <Tooltip\n        title={\n          availibleDownloads.length === 0 ? (\n            \"No Aggregate cCRE Download Options\"\n          ) : (\n            <Box>\n              Download cCREs in {ontology.charAt(0).toUpperCase() + ontology.slice(1)}:\n              <ul style={{ margin: 0, paddingLeft: 16 }}>\n                {availibleDownloads.map((d) => (\n                  <li key={d.filename}>{d.label}</li>\n                ))}\n              </ul>\n              (Opens Download Dialog)\n            </Box>\n          )\n        }\n        placement=\"left\"\n        arrow\n      >\n        <span>\n          <IconButton\n            onClick={(e) => {\n              e.stopPropagation();\n              handleOpenDialog();\n            }}\n            disabled={availibleDownloads.length === 0}\n          >\n            <Download />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Dialog\n        open={isDialogOpen}\n        onClose={(event) => {\n          (event as React.MouseEvent).stopPropagation();\n          setIsDialogOpen(false);\n        }}\n        aria-labelledby=\"export-dialog-title\"\n        disableScrollLock\n        slotProps={{\n          backdrop: {\n            sx: {\n              backgroundColor: \"rgba(255, 255, 255, 0.1)\",\n              backdropFilter: \"blur(2px)\",\n            },\n          },\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <DialogTitle id=\"export-dialog-title\">\n          Download cCREs in {ontology.charAt(0).toUpperCase() + ontology.slice(1)}:\n        </DialogTitle>\n        <DialogContent>\n          <Stack>\n            <FormControlLabel\n              control={<Checkbox checked={all} onChange={(e) => setAll(e.target.checked)} disabled={!allFile} />}\n              label={`Aggregate cCREs (all biosamples)${allFileSize ? \" - \" + formatFileSize(allFileSize) : \"\"}`}\n            />\n            <FormControlLabel\n              control={<Checkbox checked={noccl} onChange={(e) => setNoccl(e.target.checked)} disabled={!ncFile} />}\n              label={`Aggregate cCREs (excluding cancer cell lines)${nocclFileSize ? \" - \" + formatFileSize(nocclFileSize) : \"\"}`}\n            />\n            {availibleDownloads.length <= 1 && (\n              <>\n                <Divider sx={{ marginTop: 1 }} />\n                <Typography marginTop={1}>\n                  <strong>No cancerous cell lines available in this tissue</strong>\n                </Typography>\n              </>\n            )}\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={() => {\n              setIsDialogOpen(false);\n            }}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={() => {\n              handleDownload();\n              setIsDialogOpen(false);\n            }}\n          >\n            Download\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":["getAvailableFiles","ontology","key","toLowerCase","replace","ontologyDownloadMap","AggregateDownloadButton","t0","$","_c","isDialogOpen","setIsDialogOpen","useState","noccl","setNoccl","all","setAll","nocclFileSize","setNocclFileSize","allFileSize","setAllFileSize","onDownload","useDownloadContext","availibleDownloads","ncFile","t1","find","_temp","filename","undefined","_temp2","allFile","t2","fetchFileSize","handleOpenDialog","t3","length","filesToDownload","push","label","forEach","t4","index","url","setTimeout","name","link","document","createElement","href","download","body","appendChild","click","removeChild","handleDownload","Box","charAt","toUpperCase","slice","jsx","margin","paddingLeft","map","_temp3","t5","e","stopPropagation","t6","t7","Symbol","for","Download","t8","IconButton","t9","Tooltip","t10","event","t11","backdrop","sx","backgroundColor","backdropFilter","t12","t13","t14","jsxs","DialogTitle","t15","e_1","target","checked","t16","t17","Checkbox","t18","formatFileSize","t19","FormControlLabel","t20","e_2","t21","t22","t23","t24","t25","Fragment","Divider","marginTop","Typography","t26","DialogContent","Stack","t27","Button","t28","DialogActions","t29","Dialog","_temp4","t30","d","d_0","d_1","e_0"],"mappings":";;;;;;;;AA+BO,MAAMA,KAAoBA,CAACC,MAAqB;AACrD,QAAMC,IAAMD,EAASE,YAAAA,EAAcC,QAAQ,QAAQ,GAAG;AACtD,SAAOC,GAAoBH,CAAG,KAAK,CAAA;AACrC,GAEaI,KAA0BC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA,GAAC;AAAA,IAAAR,UAAAA;AAAAA,EAAAA,IAAAM,GACtC,CAAAG,GAAAC,CAAA,IAAwCC,EAAS,EAAK,GACtD,CAAAC,GAAAC,EAAA,IAA0BF,EAAS,EAAK,GACxC,CAAAG,GAAAC,EAAA,IAAsBJ,EAAS,EAAK,GACpC,CAAAK,GAAAC,EAAA,IAA0CN,EAAwB,IAAI,GACtE,CAAAO,GAAAC,EAAA,IAAsCR,EAAwB,IAAI,GAClE;AAAA,IAAAS,YAAAA;AAAAA,EAAAA,IAAuBC,GAAAA;AAAqB,MAAAC,GAAAC,GAAAC;AAAA,EAAAjB,SAAAP,KAE5CsB,IAA2BvB,GAAkBC,CAAQ,GAErDuB,IAAeD,EAAkBG,KAAMC,EAA0D,GAACC,YAAnFC,QACCJ,IAAAF,EAAkBG,KAAMI,EAA6C,GAACF,YAAtEC,QAAmFrB,OAAAP,GAAAO,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAiB,MAAAF,IAAAf,EAAA,CAAA,GAAAgB,IAAAhB,EAAA,CAAA,GAAAiB,IAAAjB,EAAA,CAAA;AAAnG,QAAAuB,IAAgBN;AAAoF,MAAAO;AAAA,EAAAxB,EAAA,CAAA,MAAAuB,KAAAvB,EAAA,CAAA,MAAAW,KAAAX,EAAA,CAAA,MAAAgB,KAAAhB,SAAAS,KAE3Ee,IAAAA,MAAA;AACvB,IAAIR,KAAA,CAAWP,KAAegB,GAAc,iCAAiCT,CAAM,IAAIN,EAAgB,GACnGa,KAAA,CAAYZ,KAAac,GAAc,iCAAiCF,CAAO,IAAIX,EAAc,GACrGT,EAAgB,EAAI;AAAA,EAAC,GACtBH,OAAAuB,GAAAvB,OAAAW,GAAAX,OAAAgB,GAAAhB,OAAAS,GAAAT,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAJD,QAAA0B,IAAyBF;AAIvB,MAAAG;AAAA,EAAA3B,EAAA,CAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAe,KAAAf,UAAAgB,KAAAhB,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAP,KAEiCkC,IAAAA,MAAA;AACjC,QAAI,CAACZ,KAAsBA,EAAkBa,WAAY;AAAC;AAE1D,UAAAC,IAA+D,CAAA;AAC/D,IAAIxB,KAAAW,KAAiBa,EAAeC,KAAM;AAAA,MAAAV,UAAYJ;AAAAA,MAAMe,OAAS;AAAA,IAAA,CAA+B,GAChGxB,KAAAgB,KAAgBM,EAAeC,KAAM;AAAA,MAAAV,UAAYG;AAAAA,MAAOQ,OAAS;AAAA,IAAA,CAAkB,GAEvFF,EAAeG,QAAS,CAAAC,IAAAC,OAAA;AAAC,YAAA;AAAA,QAAAd,UAAAA;AAAAA,QAAAW,OAAAA;AAAAA,MAAAA,IAAAE,IACvBE,IAAY,iCAAiCf,CAAQ;AAErDgB,iBAAW,MAAA;AACT,YAAIvB,GAAU;AAEZ,gBAAAwB,KAAa,GAAG5C,CAAQ,oBAAoBsC,EAAK;AACjDlB,UAAAA,EAAWsB,GAAKE,EAAI;AAAA,QAAC;AAGvB,cAAAC,IAAaC,SAAQC,cAAe,GAAG;AACvCF,QAAAA,EAAIG,OAAQN,GACZG,EAAII,WAAYtB,GAEhBmB,SAAQI,KAAKC,YAAaN,CAAI,GAC9BA,EAAIO,MAAAA,GACJN,SAAQI,KAAKG,YAAaR,CAAI;AAAA,MAAC,GAC9BJ,KAAQ,GAAG;AAAA,IAAC,CAChB;AAAA,EAAC,GACHlC,OAAAO,GAAAP,QAAAuB,GAAAvB,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAK,GAAAL,QAAAa,GAAAb,QAAAP,GAAAO,QAAA2B,KAAAA,IAAA3B,EAAA,EAAA;AA1BD,QAAA+C,IAAuBpB;AA0BqD,MAAAM;AAAA,EAAAjC,EAAA,EAAA,MAAAe,KAAAf,UAAAP,KAMpEwC,IAAAlB,EAAkBa,WAAY,IAA9B,8DAGGoB,IAAA,EAAI,UAAA;AAAA,IAAA;AAAA,IACgBvD,EAAQwD,OAAQ,CAAC,EAACC,gBAAiBzD,EAAQ0D,MAAO,CAAC;AAAA,IAAE;AAAA,IACxEC,gBAAAA,MAAA,QAAW,OAAA;AAAA,MAAAC,QAAU;AAAA,MAACC,aAAe;AAAA,IAAA,GAClCvC,UAAAA,EAAkBwC,IAAKC,EAEvB,EAAA,CACH;AAAA,IAAK;AAAA,EAAA,GAEP,GACDxD,QAAAe,GAAAf,QAAAP,GAAAO,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,UAAA0B,KAOU+B,IAAAC,CAAAA,MAAA;AACPA,IAAAA,EAACC,gBAAAA,GACDjC,EAAAA;AAAAA,EAAkB,GACnB1B,QAAA0B,GAAA1B,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AACS,QAAA4D,IAAA7C,EAAkBa,WAAY;AAAC,MAAAiC;AAAA,EAAA7D,EAAA,EAAA,MAAA8D,OAAAC,IAAA,2BAAA,KAEzCF,0BAACG,IAAA,EAAQ,GAAGhE,QAAA6D,KAAAA,IAAA7D,EAAA,EAAA;AAAA,MAAAiE;AAAA,EAAAjE,EAAA,EAAA,MAAAyD,KAAAzD,UAAA4D,KARhBK,IAAAb,gBAAAA,EAAAA,IAAA,UACE,UAAAA,gBAAAA,EAAAA,IAACc,IAAA,EACU,SAAAT,GAIC,UAAAG,GAEVC,UAAAA,EAAAA,CACF,EAAA,CACF,GAAO7D,QAAAyD,GAAAzD,QAAA4D,GAAA5D,QAAAiE,KAAAA,IAAAjE,EAAA,EAAA;AAAA,MAAAmE;AAAA,EAAAnE,EAAA,EAAA,MAAAiC,KAAAjC,UAAAiE,KA7BTE,IAAAf,gBAAAA,EAAAA,IAACgB,MAEG,OAAAnC,GAcQ,WAAA,QACV,OAAA,IAEAgC,UAAAA,EAAAA,CAWF,GAAUjE,QAAAiC,GAAAjC,QAAAiE,GAAAjE,QAAAmE,KAAAA,IAAAnE,EAAA,EAAA;AAAA,MAAAqE;AAAA,EAAArE,EAAA,EAAA,MAAA8D,OAAAC,IAAA,2BAAA,KAGCM,IAAAC,CAAAA,MAAA;AACNA,IAAAA,EAAyBX,gBAAAA,GAC1BxD,EAAgB,EAAK;AAAA,EAAC,GACvBH,QAAAqE,KAAAA,IAAArE,EAAA,EAAA;AAAA,MAAAuE;AAAA,EAAAvE,EAAA,EAAA,MAAA8D,OAAAC,IAAA,2BAAA,KAGUQ,IAAA;AAAA,IAAAC,UACC;AAAA,MAAAC,IACJ;AAAA,QAAAC,iBACe;AAAA,QAA0BC,gBAC3B;AAAA,MAAA;AAAA,IAClB;AAAA,EACF,GACD3E,QAAAuE,KAAAA,IAAAvE,EAAA,EAAA;AAAA,MAAA4E;AAAA,EAAA5E,UAAAP,KAIoBmF,IAAAnF,EAAQwD,OAAQ,CAAC,EAACC,YAAAA,GAAclD,QAAAP,GAAAO,QAAA4E,KAAAA,IAAA5E,EAAA,EAAA;AAAhC,QAAA6E,IAAAD,IAAmCnF,EAAQ0D,MAAO,CAAC;AAAC,MAAA2B;AAAA,EAAA9E,UAAA6E,KADzEC,IAAAC,gBAAAA,EAAAA,KAACC,IAAA,EAAe,IAAA,uBAAsB,UAAA;AAAA,IAAA;AAAA,IACjBH;AAAAA,IAAqD;AAAA,EAAA,GAC1E,GAAc7E,QAAA6E,GAAA7E,QAAA8E,KAAAA,IAAA9E,EAAA,EAAA;AAAA,MAAAiF;AAAA,EAAAjF,EAAA,EAAA,MAAA8D,OAAAC,IAAA,2BAAA,KAImCkB,IAAAC,CAAAA,MAAO1E,GAAOkD,EAACyB,OAAOC,OAAQ,GAACpF,QAAAiF,KAAAA,IAAAjF,EAAA,EAAA;AAAY,QAAAqF,KAAC9D;AAAO,MAAA+D;AAAA,EAAAtF,EAAA,EAAA,MAAAO,KAAAP,UAAAqF,KAArFC,0BAACC,GAAA,EAAkBhF,SAAAA,GAAe,UAAA0E,GAA2C,UAAAI,GAAQ,GAAIrF,QAAAO,GAAAP,QAAAqF,GAAArF,QAAAsF,KAAAA,IAAAtF,EAAA,EAAA;AAC3F,QAAAwF,IAAA,mCAAmC7E,IAAc,QAAQ8E,GAAe9E,CAAW,IAAhD,EAAsD;AAAE,MAAA+E;AAAA,EAAA1F,EAAA,EAAA,MAAAsF,KAAAtF,UAAAwF,KAFpGE,IAAAtC,gBAAAA,EAAAA,IAACuC,GAAA,EACU,SAAAL,GACF,OAAAE,GAA2F,GAClGxF,QAAAsF,GAAAtF,QAAAwF,GAAAxF,QAAA0F,KAAAA,IAAA1F,EAAA,EAAA;AAAA,MAAA4F;AAAA,EAAA5F,EAAA,EAAA,MAAA8D,OAAAC,IAAA,2BAAA,KAE6C6B,IAAAC,CAAAA,MAAOvF,GAASoD,EAACyB,OAAOC,OAAQ,GAACpF,QAAA4F,KAAAA,IAAA5F,EAAA,EAAA;AAAY,QAAA8F,KAAC9E;AAAM,MAAA+E;AAAA,EAAA/F,EAAA,EAAA,MAAAK,KAAAL,UAAA8F,KAAxFC,0BAACR,GAAA,EAAkBlF,SAAAA,GAAiB,UAAAuF,GAA6C,UAAAE,GAAO,GAAI9F,QAAAK,GAAAL,QAAA8F,GAAA9F,QAAA+F,KAAAA,IAAA/F,EAAA,EAAA;AAC9F,QAAAgG,IAAA,gDAAgDvF,IAAgB,QAAQgF,GAAehF,CAAa,IAApD,EAA0D;AAAE,MAAAwF;AAAA,EAAAjG,EAAA,EAAA,MAAA+F,KAAA/F,UAAAgG,KAFrHC,IAAA7C,gBAAAA,EAAAA,IAACuC,GAAA,EACU,SAAAI,GACF,OAAAC,GAA4G,GACnHhG,QAAA+F,GAAA/F,QAAAgG,GAAAhG,QAAAiG,KAAAA,IAAAjG,EAAA,EAAA;AAAA,MAAAkG;AAAA,EAAAlG,EAAA,EAAA,MAAAe,EAAAa,UACDsE,IAAAnF,EAAkBa,UAAW,KAA7BmD,gBAAAA,EAAAA,KAAAoB,EAAAA,UAAA,EAEG,UAAA;AAAA,IAAA/C,gBAAAA,MAACgD,MAAY,IAAA;AAAA,MAAAC,WAAa;AAAA,IAAA;0BACzBC,IAAA,EAAsB,WAAA,GACrB,UAAAlD,gBAAAA,EAAAA,IAAA,UAAA,EAAQ,8DAAgD,EAAA,CAC1D;AAAA,EAAA,GAAa,GAEhBpD,EAAA,EAAA,IAAAe,EAAAa,QAAA5B,QAAAkG,KAAAA,IAAAlG,EAAA,EAAA;AAAA,MAAAuG;AAAA,EAAAvG,EAAA,EAAA,MAAA0F,KAAA1F,UAAAiG,KAAAjG,EAAA,EAAA,MAAAkG,KAjBLK,IAAAnD,gBAAAA,EAAAA,IAACoD,IAAA,EACC,UAAAzB,gBAAAA,OAAC0B,IAAA,EACCf,UAAAA;AAAAA,IAAAA;AAAAA,IAIAO;AAAAA,IAICC;AAAAA,EAAAA,EAAAA,CAQH,EAAA,CACF,GAAgBlG,QAAA0F,GAAA1F,QAAAiG,GAAAjG,QAAAkG,GAAAlG,QAAAuG,KAAAA,IAAAvG,EAAA,EAAA;AAAA,MAAA0G;AAAA,EAAA1G,EAAA,EAAA,MAAA8D,OAAAC,IAAA,2BAAA,KAEd2C,IAAAtD,gBAAAA,EAAAA,IAACuD,GAAA,EACU,SAAA,MAAA;AACPxG,IAAAA,EAAgB,EAAK;AAAA,EAAC,GAEzB,UAAA,UAED,GAASH,QAAA0G,KAAAA,IAAA1G,EAAA,EAAA;AAAA,MAAA4G;AAAA,EAAA5G,UAAA+C,KAPX6D,2BAACC,IAAA,EACCH,UAAAA;AAAAA,IAAAA;AAAAA,IAOAtD,gBAAAA,EAAAA,IAACuD,GAAA,EACS,SAAA,aACC,SAAA,MAAA;AACP5D,MAAAA,EAAAA,GACA5C,EAAgB,EAAK;AAAA,IAAC,GAEzB,UAAA,WAAA,CAED;AAAA,EAAA,GACF,GAAgBH,QAAA+C,GAAA/C,QAAA4G,KAAAA,IAAA5G,EAAA,EAAA;AAAA,MAAA8G;AAAA,EAAA9G,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAA8E,KAAA9E,EAAA,EAAA,MAAAuG,KAAAvG,UAAA4G,KA1DlBE,IAAA/B,gBAAAA,EAAAA,KAACgC,IAAA,EACO7G,MAAAA,GACG,SAAAmE,GAIO,mBAAA,uBAChB,mBAAA,IACW,WAAAE,GAQF,SAAAyC,IAETlC,UAAAA;AAAAA,IAAAA;AAAAA,IAGAyB;AAAAA,IAoBAK;AAAAA,EAAAA,GAkBF,GAAS5G,QAAAE,GAAAF,QAAA8E,GAAA9E,QAAAuG,GAAAvG,QAAA4G,GAAA5G,QAAA8G,KAAAA,IAAA9G,EAAA,EAAA;AAAA,MAAAiH;AAAA,SAAAjH,EAAA,EAAA,MAAA8G,KAAA9G,UAAAmE,KA3FX8C,yCACE9C,UAAAA;AAAAA,IAAAA;AAAAA,IA+BA2C;AAAAA,EAAAA,GA2DS,GACR9G,QAAA8G,GAAA9G,QAAAmE,GAAAnE,QAAAiH,KAAAA,IAAAjH,EAAA,EAAA,GA5FHiH;AA4FG;AA5IgC,SAAA9F,GAAA+F,GAAA;AAAA,SAUSA,EAACnF,UAAW;AAA6B;AAVlD,SAAAT,GAAA6F,GAAA;AAAA,SAWUD,EAACnF,UAAW;AAAgB;AAXtC,SAAAyB,GAAA4D,GAAA;AAAA,SA0DrBhE,gBAAAA,EAAAA,YAAsB8D,UAAAA,EAACnF,MAAAA,GAAdmF,EAAC9F,QAAoB;AAAK;AA1Dd,SAAA4F,GAAAK,GAAA;AAAA,SAgGf3D,EAACC,gBAAAA;AAAkB;"}
+{"version":3,"file":"ui-components.es56.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Skeleton/Skeleton.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from \"../styles/index.js\";\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getSkeletonUtilityClass } from \"./skeletonClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    animation,\n    hasChildren,\n    width,\n    height\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']\n  };\n  return composeClasses(slots, getSkeletonUtilityClass, classes);\n};\nconst pulseKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\nconst waveKeyframe = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst pulseAnimation = typeof pulseKeyframe !== 'string' ? css`\n        animation: ${pulseKeyframe} 2s ease-in-out 0.5s infinite;\n      ` : null;\nconst waveAnimation = typeof waveKeyframe !== 'string' ? css`\n        &::after {\n          animation: ${waveKeyframe} 2s linear 0.5s infinite;\n        }\n      ` : null;\nconst SkeletonRoot = styled('span', {\n  name: 'MuiSkeleton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];\n  }\n})(memoTheme(({\n  theme\n}) => {\n  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';\n  const radiusValue = toUnitless(theme.shape.borderRadius);\n  return {\n    display: 'block',\n    // Create a \"on paper\" color with sufficient contrast retaining the color\n    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),\n    height: '1.2em',\n    variants: [{\n      props: {\n        variant: 'text'\n      },\n      style: {\n        marginTop: 0,\n        marginBottom: 0,\n        height: 'auto',\n        transformOrigin: '0 55%',\n        transform: 'scale(1, 0.60)',\n        borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,\n        '&:empty:before': {\n          content: '\"\\\\00a0\"'\n        }\n      }\n    }, {\n      props: {\n        variant: 'circular'\n      },\n      style: {\n        borderRadius: '50%'\n      }\n    }, {\n      props: {\n        variant: 'rounded'\n      },\n      style: {\n        borderRadius: (theme.vars || theme).shape.borderRadius\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren,\n      style: {\n        '& > *': {\n          visibility: 'hidden'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.width,\n      style: {\n        maxWidth: 'fit-content'\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.height,\n      style: {\n        height: 'auto'\n      }\n    }, {\n      props: {\n        animation: 'pulse'\n      },\n      style: pulseAnimation || {\n        animation: `${pulseKeyframe} 2s ease-in-out 0.5s infinite`\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: {\n        position: 'relative',\n        overflow: 'hidden',\n        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n        WebkitMaskImage: '-webkit-radial-gradient(white, black)',\n        '&::after': {\n          background: `linear-gradient(\n                90deg,\n                transparent,\n                ${(theme.vars || theme).palette.action.hover},\n                transparent\n              )`,\n          content: '\"\"',\n          position: 'absolute',\n          transform: 'translateX(-100%)' /* Avoid flash during server-side hydration */,\n          bottom: 0,\n          left: 0,\n          right: 0,\n          top: 0\n        }\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: waveAnimation || {\n        '&::after': {\n          animation: `${waveKeyframe} 2s linear 0.5s infinite`\n        }\n      }\n    }]\n  };\n}));\nconst Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSkeleton'\n  });\n  const {\n    animation = 'pulse',\n    className,\n    component = 'span',\n    height,\n    style,\n    variant = 'text',\n    width,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    animation,\n    component,\n    variant,\n    hasChildren: Boolean(other.children)\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(SkeletonRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other,\n    style: {\n      width,\n      height,\n      ...style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The animation.\n   * If `false` the animation effect is disabled.\n   * @default 'pulse'\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n  /**\n   * Optional children to infer width and height from.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The type of content that will be rendered.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default Skeleton;"],"names":["useUtilityClasses","ownerState","classes","variant","animation","hasChildren","width","height","composeClasses","getSkeletonUtilityClass","pulseKeyframe","keyframes","waveKeyframe","pulseAnimation","css","waveAnimation","SkeletonRoot","styled","props","styles","memoTheme","theme","radiusUnit","getUnit","radiusValue","toUnitless","alpha","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACJ,IAAMN;AAIJ,SAAOO,EAHO;AAAA,IACZ,MAAM,CAAC,QAAQL,GAASC,GAAWC,KAAe,gBAAgBA,KAAe,CAACC,KAAS,cAAcD,KAAe,CAACE,KAAU,YAAY;AAAA,EACnJ,GAC+BE,GAAyBP,CAAO;AAC/D,GACMQ,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAahBC,IAAeD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBfE,IAAiB,OAAOH,KAAkB,WAAWI;AAAA,qBACtCJ,CAAa;AAAA,UACxB,MACJK,IAAgB,OAAOH,KAAiB,WAAWE;AAAA;AAAA,uBAElCF,CAAY;AAAA;AAAA,UAEzB,MACJI,IAAeC,EAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACC,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAlB;AAAA,IACN,IAAQiB;AACJ,WAAO,CAACC,EAAO,MAAMA,EAAOlB,EAAW,OAAO,GAAGA,EAAW,cAAc,MAASkB,EAAOlB,EAAW,SAAS,GAAGA,EAAW,eAAekB,EAAO,cAAclB,EAAW,eAAe,CAACA,EAAW,SAASkB,EAAO,YAAYlB,EAAW,eAAe,CAACA,EAAW,UAAUkB,EAAO,UAAU;AAAA,EACrS;AACF,CAAC,EAAEC,EAAU,CAAC;AAAA,EACZ,OAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC,EAAQF,EAAM,MAAM,YAAY,KAAK,MAClDG,IAAcC,EAAWJ,EAAM,MAAM,YAAY;AACvD,SAAO;AAAA,IACL,SAAS;AAAA;AAAA,IAET,iBAAiBA,EAAM,OAAOA,EAAM,KAAK,QAAQ,SAAS,KAAKK,EAAML,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,UAAU,OAAO,IAAI;AAAA,IAC7I,QAAQ;AAAA,IACR,UAAU,CAAC;AAAA,MACT,OAAO;AAAA,QACL,SAAS;AAAA,MACjB;AAAA,MACM,OAAO;AAAA,QACL,WAAW;AAAA,QACX,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,cAAc,GAAGG,CAAW,GAAGF,CAAU,IAAI,KAAK,MAAME,IAAc,MAAM,EAAE,IAAI,EAAE,GAAGF,CAAU;AAAA,QACjG,kBAAkB;AAAA,UAChB,SAAS;AAAA,QACnB;AAAA,MACA;AAAA,IACA,GAAO;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACjB;AAAA,MACM,OAAO;AAAA,QACL,cAAc;AAAA,MACtB;AAAA,IACA,GAAO;AAAA,MACD,OAAO;AAAA,QACL,SAAS;AAAA,MACjB;AAAA,MACM,OAAO;AAAA,QACL,eAAeD,EAAM,QAAQA,GAAO,MAAM;AAAA,MAClD;AAAA,IACA,GAAO;AAAA,MACD,OAAO,CAAC;AAAA,QACN,YAAApB;AAAA,MACR,MAAYA,EAAW;AAAA,MACjB,OAAO;AAAA,QACL,SAAS;AAAA,UACP,YAAY;AAAA,QACtB;AAAA,MACA;AAAA,IACA,GAAO;AAAA,MACD,OAAO,CAAC;AAAA,QACN,YAAAA;AAAA,MACR,MAAYA,EAAW,eAAe,CAACA,EAAW;AAAA,MAC5C,OAAO;AAAA,QACL,UAAU;AAAA,MAClB;AAAA,IACA,GAAO;AAAA,MACD,OAAO,CAAC;AAAA,QACN,YAAAA;AAAA,MACR,MAAYA,EAAW,eAAe,CAACA,EAAW;AAAA,MAC5C,OAAO;AAAA,QACL,QAAQ;AAAA,MAChB;AAAA,IACA,GAAO;AAAA,MACD,OAAO;AAAA,QACL,WAAW;AAAA,MACnB;AAAA,MACM,OAAOY,KAAkB;AAAA,QACvB,WAAW,GAAGH,CAAa;AAAA,MACnC;AAAA,IACA,GAAO;AAAA,MACD,OAAO;AAAA,QACL,WAAW;AAAA,MACnB;AAAA,MACM,OAAO;AAAA,QACL,UAAU;AAAA,QACV,UAAU;AAAA;AAAA,QAEV,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,YAAY;AAAA;AAAA;AAAA,mBAGHW,EAAM,QAAQA,GAAO,QAAQ,OAAO,KAAK;AAAA;AAAA;AAAA,UAGlD,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,QACf;AAAA,MACA;AAAA,IACA,GAAO;AAAA,MACD,OAAO;AAAA,QACL,WAAW;AAAA,MACnB;AAAA,MACM,OAAON,KAAiB;AAAA,QACtB,YAAY;AAAA,UACV,WAAW,GAAGH,CAAY;AAAA,QACpC;AAAA,MACA;AAAA,IACA,CAAK;AAAA,EACL;AACA,CAAC,CAAC,GACIe,IAAwB,gBAAAC,EAAM,WAAW,SAAkBC,GAASC,GAAK;AAC7E,QAAMZ,IAAQa,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAzB,IAAY;AAAA,IACZ,WAAA4B;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,QAAA1B;AAAA,IACA,OAAA2B;AAAA,IACA,SAAA/B,IAAU;AAAA,IACV,OAAAG;AAAA,IACA,GAAG6B;AAAA,EACP,IAAMjB,GACEjB,IAAa;AAAA,IACjB,GAAGiB;AAAA,IACH,WAAAd;AAAA,IACA,WAAA6B;AAAA,IACA,SAAA9B;AAAA,IACA,aAAa,EAAQgC,EAAM;AAAA,EAC/B,GACQjC,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBmC,gBAAAA,EAAAA,IAAKpB,GAAc;AAAA,IACrC,IAAIiB;AAAA,IACJ,KAAKH;AAAA,IACL,WAAWO,EAAKnC,EAAQ,MAAM8B,CAAS;AAAA,IACvC,YAAY/B;AAAA,IACZ,GAAGkC;AAAA,IACH,OAAO;AAAA,MACL,OAAA7B;AAAA,MACA,QAAAC;AAAA,MACA,GAAG2B;AAAA,IACT;AAAA,EACA,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeP,EAAS,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUlF,WAAWW,EAAU,MAAM,CAAC,SAAS,QAAQ,EAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAInD,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,QAAQA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,EAIhE,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtJ,SAASA,EAAgD,UAAU,CAACA,EAAU,MAAM,CAAC,YAAY,eAAe,WAAW,MAAM,CAAC,GAAGA,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtJ,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AACjE;","x_google_ignoreList":[0]}