@weng-lab/ui-components 3.0.0-beta.0 → 3.0.0

package/dist/ui-components.es51.js

@@ -1,9 +1,124 @@
-import { createContext as o, useContext as t } from "react";
-const n = o({
-  onDownload: void 0
-}), r = () => t(n);
+import * as d from "react";
+import o from "./ui-components.es89.js";
+import { clsx as f } from "./ui-components.es102.js";
+import u from "./ui-components.es105.js";
+import { getToolbarUtilityClass as g } from "./ui-components.es176.js";
+import { j as b } from "./ui-components.es15.js";
+import { useDefaultProps as v } from "./ui-components.es92.js";
+import T from "./ui-components.es114.js";
+import y from "./ui-components.es48.js";
+const x = (s) => {
+  const {
+    classes: t,
+    disableGutters: r,
+    variant: e
+  } = s;
+  return T({
+    root: ["root", !r && "gutters", e]
+  }, g, t);
+}, R = y("div", {
+  name: "MuiToolbar",
+  slot: "Root",
+  overridesResolver: (s, t) => {
+    const {
+      ownerState: r
+    } = s;
+    return [t.root, !r.disableGutters && t.gutters, t[r.variant]];
+  }
+})(u(({
+  theme: s
+}) => ({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => !t.disableGutters,
+    style: {
+      paddingLeft: s.spacing(2),
+      paddingRight: s.spacing(2),
+      [s.breakpoints.up("sm")]: {
+        paddingLeft: s.spacing(3),
+        paddingRight: s.spacing(3)
+      }
+    }
+  }, {
+    props: {
+      variant: "dense"
+    },
+    style: {
+      minHeight: 48
+    }
+  }, {
+    props: {
+      variant: "regular"
+    },
+    style: s.mixins.toolbar
+  }]
+}))), j = /* @__PURE__ */ d.forwardRef(function(t, r) {
+  const e = v({
+    props: t,
+    name: "MuiToolbar"
+  }), {
+    className: a,
+    component: n = "div",
+    disableGutters: p = !1,
+    variant: l = "regular",
+    ...c
+  } = e, i = {
+    ...e,
+    component: n,
+    disableGutters: p,
+    variant: l
+  }, m = x(i);
+  return /* @__PURE__ */ b.jsx(R, {
+    as: n,
+    className: f(m.root, a),
+    ref: r,
+    ownerState: i,
+    ...c
+  });
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
+   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, disables gutter padding.
+   * @default false
+   */
+  disableGutters: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The variant to use.
+   * @default 'regular'
+   */
+  variant: o.oneOfType([o.oneOf(["dense", "regular"]), o.string])
+});
 export {
-  n as DownloadContext,
-  r as useDownloadContext
+  j as default
 };
 //# sourceMappingURL=ui-components.es51.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es51.js","sources":["../src/components/BiosampleTable/DownloadContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type DownloadContextType = {\n  onDownload?: (url: string, name: string) => void;\n};\n\nexport const DownloadContext = createContext<DownloadContextType>({\n  onDownload: undefined,\n});\n\nexport const useDownloadContext = () => useContext(DownloadContext);\n"],"names":["DownloadContext","createContext","onDownload","undefined","useDownloadContext","useContext"],"mappings":";AAMO,MAAMA,IAAkBC,EAAmC;AAAA,EAChEC,YAAYC;AACd,CAAC,GAEYC,IAAqBA,MAAMC,EAAWL,CAAe;"}
+{"version":3,"file":"ui-components.es51.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/Toolbar/Toolbar.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getToolbarUtilityClass } from \"./toolbarClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disableGutters,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', !disableGutters && 'gutters', variant]\n  };\n  return composeClasses(slots, getToolbarUtilityClass, classes);\n};\nconst ToolbarRoot = styled('div', {\n  name: 'MuiToolbar',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.disableGutters && styles.gutters, styles[ownerState.variant]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.disableGutters,\n    style: {\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      [theme.breakpoints.up('sm')]: {\n        paddingLeft: theme.spacing(3),\n        paddingRight: theme.spacing(3)\n      }\n    }\n  }, {\n    props: {\n      variant: 'dense'\n    },\n    style: {\n      minHeight: 48\n    }\n  }, {\n    props: {\n      variant: 'regular'\n    },\n    style: theme.mixins.toolbar\n  }]\n})));\nconst Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiToolbar'\n  });\n  const {\n    className,\n    component = 'div',\n    disableGutters = false,\n    variant = 'regular',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    disableGutters,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(ToolbarRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ownerState: ownerState,\n    ...other\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Toolbar.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 Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.\n   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.\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   * If `true`, disables gutter padding.\n   * @default false\n   */\n  disableGutters: PropTypes.bool,\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 'regular'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dense', 'regular']), PropTypes.string])\n} : void 0;\nexport default Toolbar;"],"names":["useUtilityClasses","ownerState","classes","disableGutters","variant","composeClasses","getToolbarUtilityClass","ToolbarRoot","styled","props","styles","memoTheme","theme","Toolbar","React","inProps","ref","useDefaultProps","className","component","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es52.js

@@ -1,57 +1,129 @@
-const s = async (e, n) => {
-  try {
-    const a = await fetch(e, {
-      method: "HEAD"
-    });
-    if (!a.ok)
-      throw new Error("Error fetching file size for " + e);
-    const t = a.headers.get("Content-Length");
-    t && n(parseInt(t, 10));
-  } catch (a) {
-    console.error(a), n(-1);
-  }
-}, o = (e) => e === -1 ? "Unknown Size" : (e / 1e6).toFixed(1) + " MB", i = (e) => {
-  switch (e) {
-    case "atac":
-      return "ATAC";
-    case "ctcf":
-      return "CTCF";
-    case "dnase":
-      return "DNase";
-    case "h3k27ac":
-      return "H3K27ac";
-    case "h3k4me3":
-      return "H3K4me3";
-  }
-};
-function f(e) {
+import * as p from "react";
+import e from "./ui-components.es89.js";
+import { clsx as T } from "./ui-components.es102.js";
+import x from "./ui-components.es137.js";
+import g from "./ui-components.es105.js";
+import { getTableUtilityClass as k } from "./ui-components.es162.js";
+import { j as m } from "./ui-components.es15.js";
+import v from "./ui-components.es48.js";
+import { useDefaultProps as j } from "./ui-components.es92.js";
+import C from "./ui-components.es114.js";
+const H = (o) => {
   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"
-};
+    classes: t,
+    stickyHeader: s
+  } = o;
+  return C({
+    root: ["root", s && "stickyHeader"]
+  }, k, t);
+}, O = v("table", {
+  name: "MuiTable",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: s
+    } = o;
+    return [t.root, s.stickyHeader && t.stickyHeader];
+  }
+})(g(({
+  theme: o
+}) => ({
+  display: "table",
+  width: "100%",
+  borderCollapse: "collapse",
+  borderSpacing: 0,
+  "& caption": {
+    ...o.typography.body2,
+    padding: o.spacing(2),
+    color: (o.vars || o).palette.text.secondary,
+    textAlign: "left",
+    captionSide: "bottom"
+  },
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => t.stickyHeader,
+    style: {
+      borderCollapse: "separate"
+    }
+  }]
+}))), d = "table", R = /* @__PURE__ */ p.forwardRef(function(t, s) {
+  const r = j({
+    props: t,
+    name: "MuiTable"
+  }), {
+    className: f,
+    component: a = d,
+    padding: n = "normal",
+    size: l = "medium",
+    stickyHeader: c = !1,
+    ...b
+  } = r, i = {
+    ...r,
+    component: a,
+    padding: n,
+    size: l,
+    stickyHeader: c
+  }, y = H(i), u = p.useMemo(() => ({
+    padding: n,
+    size: l,
+    stickyHeader: c
+  }), [n, l, c]);
+  return /* @__PURE__ */ m.jsx(x.Provider, {
+    value: u,
+    children: /* @__PURE__ */ m.jsx(O, {
+      as: a,
+      role: a === d ? null : "table",
+      ref: s,
+      className: T(y.root, f),
+      ownerState: i,
+      ...b
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (R.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 table, normally `TableHead` and `TableBody`.
+   */
+  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,
+  /**
+   * Allows TableCells to inherit padding of the Table.
+   * @default 'normal'
+   */
+  padding: e.oneOf(["checkbox", "none", "normal"]),
+  /**
+   * Allows TableCells to inherit size of the Table.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * Set the header sticky.
+   * @default false
+   */
+  stickyHeader: e.bool,
+  /**
+   * 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])
+});
 export {
-  h as ASSAY_COLORS,
-  f as assayHoverInfo,
-  s as fetchFileSize,
-  i as formatAssay,
-  o as formatFileSize
+  R as default
 };
 //# sourceMappingURL=ui-components.es52.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es52.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.es52.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/Table/Table.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport TableContext from \"./TableContext.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableUtilityClass } from \"./tableClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    stickyHeader\n  } = ownerState;\n  const slots = {\n    root: ['root', stickyHeader && 'stickyHeader']\n  };\n  return composeClasses(slots, getTableUtilityClass, classes);\n};\nconst TableRoot = styled('table', {\n  name: 'MuiTable',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.stickyHeader && styles.stickyHeader];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'table',\n  width: '100%',\n  borderCollapse: 'collapse',\n  borderSpacing: 0,\n  '& caption': {\n    ...theme.typography.body2,\n    padding: theme.spacing(2),\n    color: (theme.vars || theme).palette.text.secondary,\n    textAlign: 'left',\n    captionSide: 'bottom'\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.stickyHeader,\n    style: {\n      borderCollapse: 'separate'\n    }\n  }]\n})));\nconst defaultComponent = 'table';\nconst Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTable'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    padding = 'normal',\n    size = 'medium',\n    stickyHeader = false,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    padding,\n    size,\n    stickyHeader\n  };\n  const classes = useUtilityClasses(ownerState);\n  const table = React.useMemo(() => ({\n    padding,\n    size,\n    stickyHeader\n  }), [padding, size, stickyHeader]);\n  return /*#__PURE__*/_jsx(TableContext.Provider, {\n    value: table,\n    children: /*#__PURE__*/_jsx(TableRoot, {\n      as: component,\n      role: component === defaultComponent ? null : 'table',\n      ref: ref,\n      className: clsx(classes.root, className),\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Table.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 table, normally `TableHead` and `TableBody`.\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   * Allows TableCells to inherit padding of the Table.\n   * @default 'normal'\n   */\n  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),\n  /**\n   * Allows TableCells to inherit size of the Table.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * Set the header sticky.\n   * @default false\n   */\n  stickyHeader: PropTypes.bool,\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} : void 0;\nexport default Table;"],"names":["useUtilityClasses","ownerState","classes","stickyHeader","composeClasses","getTableUtilityClass","TableRoot","styled","props","styles","memoTheme","theme","defaultComponent","Table","React","inProps","ref","useDefaultProps","className","component","padding","size","other","table","_jsx","TableContext","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es53.js

@@ -1,165 +1,72 @@
-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.es78.js";
-import { formatFileSize as ee, fetchFileSize as le } from "./ui-components.es52.js";
-import { useDownloadContext as De } from "./ui-components.es51.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();
-}
+import * as p from "react";
+import o from "./ui-components.es89.js";
+import { clsx as m } from "./ui-components.es102.js";
+import { getTableContainerUtilityClass as f } from "./ui-components.es164.js";
+import { j as u } from "./ui-components.es15.js";
+import T from "./ui-components.es48.js";
+import { useDefaultProps as b } from "./ui-components.es92.js";
+import d from "./ui-components.es114.js";
+const y = (t) => {
+  const {
+    classes: e
+  } = t;
+  return d({
+    root: ["root"]
+  }, f, e);
+}, C = T("div", {
+  name: "MuiTableContainer",
+  slot: "Root"
+})({
+  width: "100%",
+  overflowX: "auto"
+}), j = /* @__PURE__ */ p.forwardRef(function(e, s) {
+  const r = b({
+    props: e,
+    name: "MuiTableContainer"
+  }), {
+    className: c,
+    component: n = "div",
+    ...i
+  } = r, a = {
+    ...r,
+    component: n
+  }, l = y(a);
+  return /* @__PURE__ */ u.jsx(C, {
+    ref: s,
+    as: n,
+    className: m(l.root, c),
+    ownerState: a,
+    ...i
+  });
+});
+process.env.NODE_ENV !== "production" && (j.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, normally `Table`.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
 export {
-  Oe as AggregateDownloadButton,
-  ke as getAvailableFiles
+  j as default
 };
 //# sourceMappingURL=ui-components.es53.js.map