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

package/dist/ui-components.es60.js

@@ -1,158 +1,57 @@
-import * as y from "react";
-import e from "./ui-components.es89.js";
-import { clsx as h } from "./ui-components.es92.js";
-import P from "./ui-components.es111.js";
-import { j as b } from "./ui-components.es15.js";
-import w from "./ui-components.es50.js";
-import g from "./ui-components.es93.js";
-import c from "./ui-components.es132.js";
-import { getPaperUtilityClass as T } from "./ui-components.es133.js";
-import { useDefaultProps as x } from "./ui-components.es96.js";
-import $ from "./ui-components.es97.js";
-import j from "./ui-components.es110.js";
-import O from "./ui-components.es134.js";
-import { alpha as f } from "./ui-components.es61.js";
-const R = (o) => {
-  const {
-    square: r,
-    elevation: a,
-    variant: n,
-    classes: t
-  } = o, i = {
-    root: ["root", n, !r && "rounded", n === "elevation" && `elevation${a}`]
-  };
-  return $(i, T, t);
-}, E = w("div", {
-  name: "MuiPaper",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: a
-    } = o;
-    return [r.root, r[a.variant], !a.square && r.rounded, a.variant === "elevation" && r[`elevation${a.elevation}`]];
+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";
   }
-})(g(({
-  theme: o
-}) => ({
-  backgroundColor: (o.vars || o).palette.background.paper,
-  color: (o.vars || o).palette.text.primary,
-  transition: o.transitions.create("box-shadow"),
-  variants: [{
-    props: ({
-      ownerState: r
-    }) => !r.square,
-    style: {
-      borderRadius: o.shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      border: `1px solid ${(o.vars || o).palette.divider}`
-    }
-  }, {
-    props: {
-      variant: "elevation"
-    },
-    style: {
-      boxShadow: "var(--Paper-shadow)",
-      backgroundImage: "var(--Paper-overlay)"
-    }
-  }]
-}))), N = /* @__PURE__ */ y.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
-    name: "MuiPaper"
-  }), t = P(), {
-    className: i,
-    component: p = "div",
-    elevation: s = 1,
-    square: m = !1,
-    variant: l = "elevation",
-    ...v
-  } = n, d = {
-    ...n,
-    component: p,
-    elevation: s,
-    square: m,
-    variant: l
-  }, u = R(d);
-  return process.env.NODE_ENV !== "production" && t.shadows[s] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${s}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${s}]\` is defined.`].join(`
-`)), /* @__PURE__ */ b.jsx(E, {
-    as: p,
-    ownerState: d,
-    className: h(u.root, i),
-    ref: a,
-    ...v,
-    style: {
-      ...l === "elevation" && {
-        "--Paper-shadow": (t.vars || t).shadows[s],
-        ...t.vars && {
-          "--Paper-overlay": t.vars.overlays?.[s]
-        },
-        ...!t.vars && t.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${f("#fff", c(s))}, ${f("#fff", c(s))})`
-        }
-      },
-      ...v.style
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (N.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: j(O, (o) => {
-    const {
-      elevation: r,
-      variant: a
-    } = o;
-    return r > 0 && a === "outlined" ? new Error(`MUI: Combining \`elevation={${r}}\` with \`variant="${a}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: e.bool,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The variant to use.
-   * @default 'elevation'
-   */
-  variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
-});
+};
+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"
+};
 export {
-  N as default
+  h as ASSAY_COLORS,
+  f as assayHoverInfo,
+  s as fetchFileSize,
+  i as formatAssay,
+  o as formatFileSize
 };
 //# sourceMappingURL=ui-components.es60.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es60.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/Paper/Paper.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport integerPropType from '@mui/utils/integerPropType';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport { styled, useTheme } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport getOverlayAlpha from \"../styles/getOverlayAlpha.js\";\nimport { getPaperUtilityClass } from \"./paperClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    square,\n    elevation,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]\n  };\n  return composeClasses(slots, getPaperUtilityClass, classes);\n};\nconst PaperRoot = styled('div', {\n  name: 'MuiPaper',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  backgroundColor: (theme.vars || theme).palette.background.paper,\n  color: (theme.vars || theme).palette.text.primary,\n  transition: theme.transitions.create('box-shadow'),\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.square,\n    style: {\n      borderRadius: theme.shape.borderRadius\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      border: `1px solid ${(theme.vars || theme).palette.divider}`\n    }\n  }, {\n    props: {\n      variant: 'elevation'\n    },\n    style: {\n      boxShadow: 'var(--Paper-shadow)',\n      backgroundImage: 'var(--Paper-overlay)'\n    }\n  }]\n})));\nconst Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPaper'\n  });\n  const theme = useTheme();\n  const {\n    className,\n    component = 'div',\n    elevation = 1,\n    square = false,\n    variant = 'elevation',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    elevation,\n    square,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  if (process.env.NODE_ENV !== 'production') {\n    if (theme.shadows[elevation] === undefined) {\n      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \\`theme.shadows[${elevation}]\\` is defined.`].join('\\n'));\n    }\n  }\n  return /*#__PURE__*/_jsx(PaperRoot, {\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ...other,\n    style: {\n      ...(variant === 'elevation' && {\n        '--Paper-shadow': (theme.vars || theme).shadows[elevation],\n        ...(theme.vars && {\n          '--Paper-overlay': theme.vars.overlays?.[elevation]\n        }),\n        ...(!theme.vars && theme.palette.mode === 'dark' && {\n          '--Paper-overlay': `linear-gradient(${alpha('#fff', getOverlayAlpha(elevation))}, ${alpha('#fff', getOverlayAlpha(elevation))})`\n        })\n      }),\n      ...other.style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Paper.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\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   * Shadow depth, corresponds to `dp` in the spec.\n   * It accepts values between 0 and 24 inclusive.\n   * @default 1\n   */\n  elevation: chainPropTypes(integerPropType, props => {\n    const {\n      elevation,\n      variant\n    } = props;\n    if (elevation > 0 && variant === 'outlined') {\n      return new Error(`MUI: Combining \\`elevation={${elevation}}\\` with \\`variant=\"${variant}\"\\` has no effect. Either use \\`elevation={0}\\` or use a different \\`variant\\`.`);\n    }\n    return null;\n  }),\n  /**\n   * If `true`, rounded corners are disabled.\n   * @default false\n   */\n  square: PropTypes.bool,\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 variant to use.\n   * @default 'elevation'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])\n} : void 0;\nexport default Paper;"],"names":["useUtilityClasses","ownerState","square","elevation","variant","classes","slots","composeClasses","getPaperUtilityClass","PaperRoot","styled","props","styles","memoTheme","theme","Paper","React","inProps","ref","useDefaultProps","useTheme","className","component","other","_jsx","clsx","alpha","getOverlayAlpha","PropTypes","chainPropTypes","integerPropType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es60.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;"}

package/dist/ui-components.es61.js

@@ -1,146 +1,165 @@
-import c from "./ui-components.es151.js";
-import b from "./ui-components.es250.js";
-function l(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), b(e, t, n);
-}
-function v(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let n = e.match(t);
-  return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((r, s) => s < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function a(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return a(v(e));
-  const t = e.indexOf("("), n = e.substring(0, t);
-  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : c(9, e));
-  let r = e.substring(t + 1, e.length - 1), s;
-  if (n === "color") {
-    if (r = r.split(" "), s = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(s))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${s}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : c(10, s));
-  } else
-    r = r.split(",");
-  return r = r.map((u) => parseFloat(u)), {
-    type: n,
-    values: r,
-    colorSpace: s
-  };
-}
-const E = (e) => {
-  const t = a(e);
-  return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
-}, O = (e, t) => {
-  try {
-    return E(e);
-  } catch {
-    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
-  }
+import { j as l } from "./ui-components.es15.js";
+import { c as de } from "./ui-components.es16.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.es84.js";
+import { formatFileSize as ee, fetchFileSize as le } from "./ui-components.es60.js";
+import { useDownloadContext as De } from "./ui-components.es59.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);
+        }
+        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] === /* @__PURE__ */ 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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = (s) => {
+    s.stopPropagation(), F(!1);
+  }, e[29] = T) : T = e[29];
+  let z;
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
+    backdrop: {
+      sx: {
+        backgroundColor: "rgba(255, 255, 255, 0.1)",
+        backdropFilter: "blur(2px)"
+      }
+    }
+  }, 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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] === /* @__PURE__ */ 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 p(e) {
-  const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: r
-  } = e;
-  return t.includes("rgb") ? r = r.map((s, u) => u < 3 ? parseInt(s, 10) : s) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
-}
-function $(e) {
-  e = a(e);
-  const {
-    values: t
-  } = e, n = t[0], r = t[1] / 100, s = t[2] / 100, u = r * Math.min(s, 1 - s), i = (y, d = (y + n / 30) % 12) => s - u * Math.max(Math.min(d - 3, 9 - d, 1), -1);
-  let o = "rgb";
-  const f = [Math.round(i(0) * 255), Math.round(i(8) * 255), Math.round(i(4) * 255)];
-  return e.type === "hsla" && (o += "a", f.push(t[3])), p({
-    type: o,
-    values: f
-  });
-}
-function h(e) {
-  e = a(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? a($(e)).values : e.values;
-  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
-}
-function w(e, t) {
-  const n = h(e), r = h(t);
-  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
-}
-function N(e, t) {
-  return e = a(e), t = l(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, p(e);
-}
-function V(e, t, n) {
-  try {
-    return N(e, t);
-  } catch {
-    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
-  }
-}
-function g(e, t) {
-  if (e = a(e), t = l(t), e.type.includes("hsl"))
-    e.values[2] *= 1 - t;
-  else if (e.type.includes("rgb") || e.type.includes("color"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] *= 1 - t;
-  return p(e);
-}
-function C(e, t, n) {
-  try {
-    return g(e, t);
-  } catch {
-    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
-  }
-}
-function m(e, t) {
-  if (e = a(e), t = l(t), e.type.includes("hsl"))
-    e.values[2] += (100 - e.values[2]) * t;
-  else if (e.type.includes("rgb"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (255 - e.values[n]) * t;
-  else if (e.type.includes("color"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (1 - e.values[n]) * t;
-  return p(e);
+function ye(n) {
+  return n.label === "Excluding Cancer Cell Lines";
 }
-function I(e, t, n) {
-  try {
-    return m(e, t);
-  } catch {
-    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
-  }
+function Se(n) {
+  return n.label === "All Biosamples";
 }
-function M(e, t = 0.15) {
-  return h(e) > 0.5 ? g(e, t) : m(e, t);
+function Fe(n) {
+  return /* @__PURE__ */ l.jsx("li", { children: n.label }, n.filename);
 }
-function T(e, t, n) {
-  try {
-    return M(e, t);
-  } catch {
-    return e;
-  }
+function Ae(n) {
+  return n.stopPropagation();
 }
 export {
-  N as alpha,
-  E as colorChannel,
-  g as darken,
-  a as decomposeColor,
-  M as emphasize,
-  w as getContrastRatio,
-  h as getLuminance,
-  v as hexToRgb,
-  $ as hslToRgb,
-  m as lighten,
-  V as private_safeAlpha,
-  O as private_safeColorChannel,
-  C as private_safeDarken,
-  T as private_safeEmphasize,
-  I as private_safeLighten,
-  p as recomposeColor
+  Oe as AggregateDownloadButton,
+  ke as getAvailableFiles
 };
 //# sourceMappingURL=ui-components.es61.js.map