@weng-lab/ui-components 2.1.0 → 2.2.0

package/dist/ui-components.es56.js

@@ -1,257 +1,57 @@
-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%);
+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);
   }
-
-  100% {
-    transform: translateX(100%);
+}, 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";
   }
-`, 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;
-        }
-      ` : 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
-    }
-  });
-});
-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])
-});
+};
+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 {
-  X as default
+  h as ASSAY_COLORS,
+  f as assayHoverInfo,
+  s as fetchFileSize,
+  i as formatAssay,
+  o as formatFileSize
 };
 //# sourceMappingURL=ui-components.es56.js.map

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

@@ -1 +1 @@
-{"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":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es56.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.es57.js

@@ -1,42 +1,165 @@
-import * as p from "react";
-import o from "./ui-components.es84.js";
-import a from "./ui-components.es126.js";
-import d from "./ui-components.es127.js";
-function r(f) {
-  const {
-    children: s,
-    defer: e = !1,
-    fallback: n = null
-  } = f, [c, t] = p.useState(!1);
-  return d(() => {
-    e || t(!0);
-  }, [e]), p.useEffect(() => {
-    e && t(!0);
-  }, [e]), c ? s : n;
+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.es107.js";
+import { formatFileSize as ee, fetchFileSize as le } from "./ui-components.es56.js";
+import { useDownloadContext as De } from "./ui-components.es55.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 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" && (r.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * You can wrap a node.
-   */
-  children: o.node,
-  /**
-   * If `true`, the component will not only prevent server-side rendering.
-   * It will also defer the rendering of the children into a different screen frame.
-   * @default false
-   */
-  defer: o.bool,
-  /**
-   * The fallback content to display.
-   * @default null
-   */
-  fallback: o.node
-});
-process.env.NODE_ENV !== "production" && (r.propTypes = a(r.propTypes));
 export {
-  r as default
+  Oe as AggregateDownloadButton,
+  ke as getAvailableFiles
 };
 //# sourceMappingURL=ui-components.es57.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es57.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/NoSsr/NoSsr.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport exactProp from '@mui/utils/exactProp';\n/**\n * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).\n *\n * This component can be useful in a variety of situations:\n *\n * * Escape hatch for broken dependencies not supporting SSR.\n * * Improve the time-to-first paint on the client by only rendering above the fold.\n * * Reduce the rendering time on the server.\n * * Under too heavy server load, you can turn on service degradation.\n *\n * Demos:\n *\n * - [No SSR](https://mui.com/material-ui/react-no-ssr/)\n *\n * API:\n *\n * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)\n */\nfunction NoSsr(props) {\n  const {\n    children,\n    defer = false,\n    fallback = null\n  } = props;\n  const [mountedState, setMountedState] = React.useState(false);\n  useEnhancedEffect(() => {\n    if (!defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n  React.useEffect(() => {\n    if (defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n\n  // TODO casting won't be needed at one point https://github.com/DefinitelyTyped/DefinitelyTyped/pull/65135\n  return mountedState ? children : fallback;\n}\nprocess.env.NODE_ENV !== \"production\" ? NoSsr.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * You can wrap a node.\n   */\n  children: PropTypes.node,\n  /**\n   * If `true`, the component will not only prevent server-side rendering.\n   * It will also defer the rendering of the children into a different screen frame.\n   * @default false\n   */\n  defer: PropTypes.bool,\n  /**\n   * The fallback content to display.\n   * @default null\n   */\n  fallback: PropTypes.node\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  NoSsr['propTypes' + ''] = exactProp(NoSsr.propTypes);\n}\nexport default NoSsr;"],"names":["NoSsr","props","children","defer","fallback","mountedState","setMountedState","React","useEnhancedEffect","PropTypes","exactProp"],"mappings":";;;;AAwBA,SAASA,EAAMC,GAAO;AACpB,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,EACf,IAAMH,GACE,CAACI,GAAcC,CAAe,IAAIC,EAAM,SAAS,EAAK;AAC5D,SAAAC,EAAkB,MAAM;AACtB,IAAKL,KACHG,EAAgB,EAAI;AAAA,EAExB,GAAG,CAACH,CAAK,CAAC,GACVI,EAAM,UAAU,MAAM;AACpB,IAAIJ,KACFG,EAAgB,EAAI;AAAA,EAExB,GAAG,CAACH,CAAK,CAAC,GAGHE,IAAeH,IAAWE;AACnC;AACA,QAAQ,IAAI,aAAa,iBAAeJ,EAAM,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/E,UAAUS,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,UAAUA,EAAU;AACtB;AACI,QAAQ,IAAI,aAAa,iBAE3BT,EAAM,YAAoBU,EAAUV,EAAM,SAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es57.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":"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"}