@weng-lab/ui-components 2.2.2 → 2.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es61.js","sources":["../src/components/GenomeSearch/queries.ts"],"sourcesContent":["import { GeneResponse, GenomeSearchProps } from \"./types\";\n\nexport const SNP_AUTOCOMPLETE_QUERY = `\n  query suggestions($assembly: String!, $snpid: String!) {\n      snpAutocompleteQuery(assembly: $assembly, snpid: $snpid) {\n          id\n          coordinates {\n              chromosome\n              start\n              end\n          }\n      }\n  }\n`;\n\nexport const GENE_AUTOCOMPLETE_QUERY = `\n  query Genes(\n      $id: [String]\n      $name: [String]\n      $strand: String\n      $chromosome: String\n      $start: Int\n      $end: Int\n      $gene_type: String\n      $havana_id: String\n      $name_prefix: [String!]\n      $limit: Int\n      $assembly: String!\n      $version: Int\n  ) {\n      gene(\n          id: $id\n          name: $name\n          strand: $strand\n          chromosome: $chromosome\n          start: $start\n          end: $end\n          gene_type: $gene_type\n          havana_id: $havana_id\n          name_prefix: $name_prefix\n          limit: $limit\n          assembly: $assembly\n          orderby: \"name\"\n          version: $version\n      ) {\n          id\n          name\n          coordinates {\n              chromosome\n              start\n              end\n          }\n      }\n  }\n`;\n\nexport const ICRE_AUTOCOMPLETE_QUERY = `\n  query iCREQuery($accession_prefix: [String!], $limit: Int) {\n      iCREQuery(accession_prefix: $accession_prefix, limit: $limit) {\n          rdhs\n          accession\n          celltypes\n          coordinates {\n              start\n              end\n              chromosome\n          }\n      }\n  }\n`;\n\nexport const CCRE_AUTOCOMPLETE_QUERY = `\n  query cCREAutocompleteQuery(\n    $accession_prefix: [String!]\n    $assembly: String!\n    $includeiCREs: Boolean\n    $limit: Int\n  ) {\n    cCREAutocompleteQuery(\n      includeiCREs: $includeiCREs\n      assembly: $assembly\n      limit: $limit\n      accession_prefix: $accession_prefix\n    ) {\n      accession\n      isiCRE\n      coordinates {\n        chromosome\n        start\n        end\n      }\n    }\n  }\n`;\n\nexport const LEGACY_CCRE_QUERY = `\n  query getv2v3CcreMapping($accessions: [String], $assembly: String!) {\n    ccreMappings: getv2cCREMappings(\n      v2_accession: $accessions\n      assembly: $assembly\n    ) {\n      input: v2_accession\n      input_latest_previous_version: ccre_version\n      input_region: v2_region\n      v4_match_or_intersecting: v4_accession\n      v4_region\n    }\n  }\n`\n\nexport const GWAS_AUTOCOMPLETE_QUERY = `\nquery getGWASStudyMetadata($studyid: [String], $limit: Int, $studyname_prefix: [String], $parent_terms: [String]){\n    getGWASStudiesMetadata(studyid: $studyid, limit: $limit, parent_terms: $parent_terms, studyname_prefix: $studyname_prefix )\n    {\n        studyid\n        author\n        disease_trait\n        has_enrichment_info\n        population\n        parent_terms\n        total_ld_blocks\n        ld_blocks_overlapping_ccres\n        overlapping_ccres\n    }\n}\n`;\n\nexport const getICREs = async (value: string, limit: number, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: ICRE_AUTOCOMPLETE_QUERY,\n      variables: {\n        accession_prefix: [value],\n        limit: limit,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getCCREs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], limit: number, showiCREFlag: boolean, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: CCRE_AUTOCOMPLETE_QUERY,\n      variables: {\n        accession_prefix: [value],\n        assembly: assembly.toLowerCase(),\n        limit: limit,\n        includeiCREs: showiCREFlag,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getLegacyCCREs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: LEGACY_CCRE_QUERY,\n      variables: {\n        accessions: [value],\n        assembly,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getGenes = async (\n  value: string,\n  assembly: GenomeSearchProps[\"assembly\"],\n  limit: number,\n  geneVersions: GenomeSearchProps[\"geneVersion\"],\n  signal?: AbortSignal\n) => {\n  let versions = geneVersions\n    ? typeof geneVersions === \"number\"\n      ? [geneVersions]\n      : geneVersions\n    : [assembly === \"GRCh38\" ? 40 : 25];\n\n  // sort versions from high to low (prioritize newest versions in map)\n  versions = versions.sort((a, b) => b - a);\n\n  // Fetch genes for all versions\n  const versionResults = await Promise.all(\n    versions.map((version) =>\n      fetch(\"https://screen.api.wenglab.org/graphql\", {\n        method: \"POST\",\n        body: JSON.stringify({\n          query: GENE_AUTOCOMPLETE_QUERY,\n          variables: {\n            assembly: assembly.toLowerCase(),\n            name_prefix: value,\n            version: version,\n            limit: limit,\n          },\n        }),\n        headers: { \"Content-Type\": \"application/json\" },\n        signal,\n      }).then((res) => res.json())\n    )\n  );\n\n  // Combine and deduplicate results\n  const geneMap = new Map<string, { gene: any; versions: { id: string; version: number }[] }>();\n\n  versionResults.forEach((result, idx) => {\n    const genes = result.data.gene || [];\n    genes.forEach((gene: any) => {\n      if (!geneMap.has(gene.name)) {\n        geneMap.set(gene.name, { gene, versions: [{ id: gene.id, version: versions[idx] }] });\n      } else {\n        // if gene already exists, just add legacy versions to list.\n        const existing = geneMap.get(gene.name)!;\n        existing.versions.push({ id: gene.id, version: versions[idx] });\n      }\n    });\n  });\n\n  // Convert map to array and fetch descriptions\n  const out = await Promise.all(\n    Array.from(geneMap.values()).map(async ({ gene, versions }) => {\n      const description = await getDescription(gene.name);\n      return {\n        ...gene,\n        description: `${toTitleCase(description || gene.name)}`,\n        versions,\n      };\n    })\n  );\n\n  return out;\n};\nconst toTitleCase = (str: string) =>\n  str\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n\nasync function getDescription(name: string): Promise<string | null> {\n  const response = await fetch(\n    \"https://clinicaltables.nlm.nih.gov/api/ncbi_genes/v3/search?authenticity_token=&terms=\" + name.toUpperCase()\n  );\n  const data = await response.json();\n  const matches = data[3] && data[3].filter((x: string[]) => x[3] === name.toUpperCase());\n  return matches && matches.length >= 1 ? matches[0][4] : null;\n}\n\nexport const getSNPs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], limit: number, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: SNP_AUTOCOMPLETE_QUERY,\n      variables: {\n        assembly: assembly.toLowerCase(),\n        snpid: value,\n        limit: limit,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n  return response.json();\n};\n\nexport const getStudys = async (value: string, limit: number, signal?: AbortSignal) => {\n  const response = await fetch(\"https://screen.api.wenglab.org/graphql\", {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: GWAS_AUTOCOMPLETE_QUERY,\n      variables: {\n        studyname_prefix: [value],\n        limit,\n      },\n    }),\n    headers: { \"Content-Type\": \"application/json\" },\n    signal,\n  });\n\n  return response.json();\n};\n"],"names":["SNP_AUTOCOMPLETE_QUERY","GENE_AUTOCOMPLETE_QUERY","ICRE_AUTOCOMPLETE_QUERY","CCRE_AUTOCOMPLETE_QUERY","LEGACY_CCRE_QUERY","GWAS_AUTOCOMPLETE_QUERY","getICREs","value","limit","signal","fetch","method","body","JSON","stringify","query","variables","accession_prefix","headers","json","getCCREs","assembly","showiCREFlag","toLowerCase","includeiCREs","getLegacyCCREs","accessions","getGenes","geneVersions","versions","sort","a","b","versionResults","Promise","all","map","version","name_prefix","then","res","geneMap","Map","forEach","result","idx","genes","data","gene","has","name","get","push","id","set","Array","from","values","description","getDescription","toTitleCase","str","split","word","charAt","toUpperCase","slice","join","matches","filter","x","length","getSNPs","snpid","getStudys","studyname_prefix"],"mappings":"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"}
+{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}

package/dist/ui-components.es62.js

@@ -1,9 +1,30 @@
-import { createContext as o, useContext as t } from "react";
-const n = o({
-  onDownload: void 0
-}), r = () => t(n);
+import { j as l } from "./ui-components.es15.js";
+import { c as f } from "./ui-components.es16.js";
+import { Switch as x, Box as p, Tooltip as u, FormControlLabel as S } from "@mui/material";
+import { Sort as h } from "@mui/icons-material";
+const g = (a) => {
+  const e = f.c(9), {
+    autoSort: m,
+    setAutoSort: c
+  } = a;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    mr: 1
+  }, e[0] = r) : r = e[0];
+  let t;
+  e[1] !== c ? (t = (j, n) => c(n), e[1] = c, e[2] = t) : t = e[2];
+  let o;
+  e[3] !== m || e[4] !== t ? (o = /* @__PURE__ */ l.jsx(x, { color: "primary", size: "small", sx: r, checked: m, onChange: t }), e[3] = m, e[4] = t, e[5] = o) : o = e[5];
+  let s;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ l.jsx(p, { sx: {
+    display: "flex",
+    alignItems: "center",
+    lineHeight: 1
+  }, children: /* @__PURE__ */ l.jsx(h, { fontSize: "small" }) }), e[6] = s) : s = e[6];
+  let i;
+  return e[7] !== o ? (i = /* @__PURE__ */ l.jsx(u, { title: "Auto sort selected rows", children: /* @__PURE__ */ l.jsx(S, { value: "autoSort", control: o, label: s, labelPlacement: "start" }) }), e[7] = o, e[8] = i) : i = e[8], i;
+};
 export {
-  n as DownloadContext,
-  r as useDownloadContext
+  g as default
 };
 //# sourceMappingURL=ui-components.es62.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es62.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.es62.js","sources":["../src/components/TwoPaneLayout/AutoSortSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip, FormControlLabel, Switch, Box } from \"@mui/material\";\nimport { Sort } from \"@mui/icons-material\";\n\ninterface AutoSortSwitchProps {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n}\n\nconst AutoSortSwitch: React.FC<AutoSortSwitchProps> = ({ autoSort, setAutoSort }) => {\n  return (\n    <Tooltip title=\"Auto sort selected rows\">\n      <FormControlLabel\n        value=\"autoSort\"\n        control={\n          <Switch\n            color=\"primary\"\n            size=\"small\"\n            sx={{ mr: 1 }}\n            checked={autoSort}\n            onChange={(_, checked) => setAutoSort(checked)}\n          />\n        }\n        label={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", lineHeight: 1 }}>\n            <Sort fontSize=\"small\" />\n          </Box>\n        }\n        labelPlacement=\"start\"\n      />\n    </Tooltip>\n  );\n};\n\nexport default AutoSortSwitch;\n"],"names":["AutoSortSwitch","t0","$","_c","autoSort","setAutoSort","t1","Symbol","for","mr","t2","_","checked","t3","jsx","Switch","t4","Box","display","alignItems","lineHeight","Sort","t5","Tooltip","FormControlLabel"],"mappings":";;;;AASA,MAAMA,IAAgDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAAyB,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAShEF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGP,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAG,KAEHK,IAAAA,CAAAC,GAAAC,MAAgBP,EAAYO,CAAO,GAACV,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KALhDG,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACO,OAAA,WACD,MAAA,SACD,IAAAT,GACKF,SAAAA,GACC,UAAAM,EAAAA,CAAoC,GAC9CR,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAGFQ,IAAAF,gBAAAA,EAAAA,IAACG,KAAQ,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,YAAc;AAAA,EAAA,GAC5D,UAAAN,gBAAAA,EAAAA,IAACO,GAAA,EAAc,UAAA,SAAO,GACxB,GAAMnB,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAoB;AAAA,SAAApB,SAAAW,KAfZS,IAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAc,OAAA,2BACb,gCAACC,GAAA,EACO,OAAA,YAEJ,SAAAX,GASA,OAAAG,GAIa,gBAAA,SAAO,GAE1B,GAAUd,OAAAW,GAAAX,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAnBVoB;AAmBU;"}

package/dist/ui-components.es63.js

@@ -1,57 +1,46 @@
-const s = async (e, n) => {
-  try {
-    const a = await fetch(e, {
-      method: "HEAD"
-    });
-    if (!a.ok)
-      throw new Error("Error fetching file size for " + e);
-    const t = a.headers.get("Content-Length");
-    t && n(parseInt(t, 10));
-  } catch (a) {
-    console.error(a), n(-1);
-  }
-}, o = (e) => e === -1 ? "Unknown Size" : (e / 1e6).toFixed(1) + " MB", i = (e) => {
-  switch (e) {
-    case "atac":
-      return "ATAC";
-    case "ctcf":
-      return "CTCF";
-    case "dnase":
-      return "DNase";
-    case "h3k27ac":
-      return "H3K27ac";
-    case "h3k4me3":
-      return "H3K4me3";
-  }
-};
-function f(e) {
-  const {
-    dnase: n,
-    h3k27ac: a,
-    h3k4me3: t,
-    ctcf: c,
-    atac: r
-  } = e;
-  return n && a && t && c && r ? "All assays available" : !n && !a && !t && !c && !r ? "No assays available" : `Available:
-${n ? `DNase
-` : ""}${a ? `H3K27ac
-` : ""}${t ? `H3K4me3
-` : ""}${c ? `CTCF
-` : ""}${r ? `ATAC
-` : ""}`;
+import { c as M } from "./ui-components.es16.js";
+import { useState as d, useRef as E, useEffect as S } from "react";
+function v(r, n, u) {
+  const t = M.c(11), [e, b] = d(!1), m = E(e);
+  let s;
+  t[0] !== e ? (s = () => {
+    m.current = e;
+  }, t[0] = e, t[1] = s) : s = t[1], S(s);
+  let l, _;
+  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
+    const c = r?.current;
+    if (!c)
+      return;
+    const o = u ? [] : n;
+    c.setSortModel(e ? [{
+      field: "__check__",
+      sort: "desc"
+    }, ...o] : o);
+  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
+  let f;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
+    if (!m.current || o[0]?.field === "__check__")
+      return;
+    const k = o.filter(g);
+    c.current.setSortModel([{
+      field: "__check__",
+      sort: "desc"
+    }, ...k]);
+  }), c.current.subscribeEvent("rowSelectionChange", () => {
+    m.current && c.current.setSortModel([...c.current.getSortModel()]);
+  })], t[8] = f) : f = t[8];
+  const i = f;
+  let h;
+  return t[9] !== e ? (h = {
+    autoSort: e,
+    setAutoSort: b,
+    onReady: i
+  }, t[9] = e, t[10] = h) : h = t[10], h;
+}
+function g(r) {
+  return r.field !== "__check__";
 }
-const h = {
-  dnase: "#06DA93",
-  h3k27ac: "#FFCD00",
-  h3k4me3: "#FF0000",
-  ctcf: "#00B0F0",
-  atac: "#02c7b9"
-};
 export {
-  h as ASSAY_COLORS,
-  f as assayHoverInfo,
-  s as fetchFileSize,
-  i as formatAssay,
-  o as formatFileSize
+  v as useAutoSort
 };
 //# sourceMappingURL=ui-components.es63.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es63.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.es63.js","sources":["../src/components/TwoPaneLayout/useAutoSort.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\n\ntype UseAutoSortReturn = {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n  onReady: (readyApiRef: RefObject<GridApi>) => (() => void)[];\n};\n\n/**\n * Manages the \"auto-sort selected rows to top\" behavior for a Table.\n *\n * Owns the autoSort toggle state and all related DataGrid behavior, returning\n * `autoSort` and `setAutoSort` for use in a toolbar toggle, and `onReady` to\n * be composed with the Table's `onReady` prop.\n *\n * `onReady` is used for event subscriptions rather than plain useEffects because\n * the Table is wrapped in <NoSsr>, which defers DataGrid initialization — subscriptions\n * attempted on mount may attach before the api is ready. `onReady` fires inside the\n * NoSsr boundary after the DataGrid is fully initialized.\n *\n * The sort model reset remains a reactive useEffect because it must fire on every\n * autoSort/viewBy change, not just on mount.\n */\nexport function useAutoSort(\n  apiRef: RefObject<GridApi | null>,\n  initialSort: GridSortModel,\n  isPresorted: boolean\n): UseAutoSortReturn {\n  const [autoSort, setAutoSort] = useState(false);\n\n  // Track autoSort in a ref so event handlers always see the current value\n  // without needing to unsubscribe and re-subscribe on every change.\n  const autoSortRef = useRef(autoSort);\n  useEffect(() => {\n    autoSortRef.current = autoSort;\n  });\n\n  // Reactive: reset sort model when autoSort or viewBy changes.\n  // The null guard handles any edge case where this runs before the DataGrid is ready.\n  useEffect(() => {\n    const api = apiRef?.current;\n    if (!api) return;\n\n    const base: GridSortModel = isPresorted ? [] : initialSort;\n    api.setSortModel(autoSort ? [{ field: \"__check__\", sort: \"desc\" }, ...base] : base);\n  }, [apiRef, autoSort, isPresorted, initialSort]);\n\n  // Return a stable onReady callback that attaches event subscriptions once,\n  // after the DataGrid has fully mounted. Handlers read autoSortRef at event\n  // time so they reflect the current autoSort state without re-subscribing.\n  const onReady = useCallback(\n    (readyApiRef: RefObject<GridApi>) => [\n      // Keep __check__ as the primary sort after any user-initiated sort change.\n      // Guard against infinite loop: if __check__ is already first, the call was ours — skip it.\n      readyApiRef.current.subscribeEvent(\"sortModelChange\", (model) => {\n        if (!autoSortRef.current || model[0]?.field === \"__check__\") return;\n        const withoutCheck = model.filter((s) => s.field !== \"__check__\");\n        readyApiRef.current.setSortModel([{ field: \"__check__\", sort: \"desc\" }, ...withoutCheck]);\n      }),\n      // Re-apply sort when selection changes — DataGrid doesn't re-sort automatically\n      // when checkbox state changes.\n      readyApiRef.current.subscribeEvent(\"rowSelectionChange\", () => {\n        if (!autoSortRef.current) return;\n        readyApiRef.current.setSortModel([...readyApiRef.current.getSortModel()]);\n      }),\n    ],\n    []\n  );\n\n  return { autoSort, setAutoSort, onReady };\n}\n"],"names":["useAutoSort","apiRef","initialSort","isPresorted","$","_c","autoSort","setAutoSort","useState","autoSortRef","useRef","t0","current","useEffect","t1","t2","api","base","setSortModel","field","sort","t3","Symbol","for","readyApiRef","subscribeEvent","model","withoutCheck","filter","_temp","getSortModel","onReady","t4","s"],"mappings":";;AAyBO,SAAAA,EAAAC,GAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAKL,CAAAC,GAAAC,CAAA,IAAgCC,EAAS,EAAK,GAI9CC,IAAoBC,EAAOJ,CAAQ;AAAE,MAAAK;AAAA,EAAAP,SAAAE,KAC3BK,IAAAA,MAAA;AACRF,IAAAA,EAAWG,UAAWN;AAAAA,EAAH,GACpBF,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFDS,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAH,KAAAG,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAIQW,IAAAA,MAAA;AACR,UAAAE,IAAYf,GAAMW;AAClB,QAAI,CAACI;AAAG;AAER,UAAAC,IAA4Bd,IAAA,CAAA,IAAAD;AAC5Bc,IAAAA,EAAGE,aAAcZ,IAAA,CAAY;AAAA,MAAAa,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKH,CAAI,IAAzDA,CAAiE;AAAA,EAAC,GAClFF,IAAA,CAACd,GAAQK,GAAUH,GAAaD,CAAW,GAACE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAF,GAAAE,OAAAD,GAAAC,OAAAU,GAAAV,OAAAW,MAAAD,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,IAN/CS,EAAUC,GAMPC,CAA4C;AAAC,MAAAM;AAAA,EAAAjB,EAAA,CAAA,MAAAkB,uBAAAC,IAAA,2BAAA,KAM9CF,IAAAG,OAAqC,CAGnCA,EAAWZ,QAAQa,eAAgB,mBAAmBC,CAAAA,MAAA;AACpD,QAAI,CAACjB,EAAWG,WAAYc,EAAK,CAAA,GAAUP,UAAK;AAAW;AAC3D,UAAAQ,IAAqBD,EAAKE,OAAQC,CAA8B;AAChEL,IAAAA,EAAWZ,QAAQM,aAAc,CAAC;AAAA,MAAAC,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKO,CAAY,CAAC;AAAA,EAAC,CAC1F,GAGDH,EAAWZ,QAAQa,eAAgB,sBAAsB,MAAA;AACvD,IAAKhB,EAAWG,WAChBY,EAAWZ,QAAQM,aAAc,CAAA,GAAIM,EAAWZ,QAAQkB,aAAAA,CAAe,CAAC;AAAA,EAAC,CAC1E,CAAC,GACH1B,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAfH,QAAA2B,IAAgBV;AAiBd,MAAAW;AAAA,SAAA5B,SAAAE,KAEK0B,IAAA;AAAA,IAAA1B,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAwB,SAAAA;AAAAA,EAAAA,GAAkC3B,OAAAE,GAAAF,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAAlC4B;AAAkC;AA9CpC,SAAAH,EAAAI,GAAA;AAAA,SAiC0CA,EAACd,UAAW;AAAW;"}

package/dist/ui-components.es64.js

@@ -1,165 +1,24 @@
-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.es342.js";
-import { formatFileSize as ee, fetchFileSize as le } from "./ui-components.es63.js";
-import { useDownloadContext as De } from "./ui-components.es62.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;
+import { j as n } from "./ui-components.es15.js";
+import { c as p } from "./ui-components.es16.js";
+import { GRID_CHECKBOX_SELECTION_COL_DEF as i } from "@mui/x-data-grid-premium";
+const a = (e) => {
+  const r = p.c(2), t = i.renderHeader;
+  if (!t)
+    return null;
+  let o;
+  return r[0] !== e ? (o = /* @__PURE__ */ n.jsx("div", { id: "StopPropagationWrapper", onClick: l, children: /* @__PURE__ */ n.jsx(t, { ...e }) }), r[0] = e, r[1] = o) : o = r[1], o;
+}, d = {
+  ...i,
+  //Override checkbox column https://mui.com/x/react-data-grid/row-selection/#custom-checkbox-column
+  sortable: !0,
+  hideable: !1,
+  renderHeader: a
 };
-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();
+function l(e) {
+  return e.stopPropagation();
 }
 export {
-  Oe as AggregateDownloadButton,
-  ke as getAvailableFiles
+  a as StopPropagationWrapper,
+  d as sortableTableCheckboxColumn
 };
 //# sourceMappingURL=ui-components.es64.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es64.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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"}
+{"version":3,"file":"ui-components.es64.js","sources":["../src/components/TwoPaneLayout/SortableTableCheckboxColumn.tsx"],"sourcesContent":["import { GRID_CHECKBOX_SELECTION_COL_DEF } from \"@mui/x-data-grid-premium\";\nimport { TableColDef } from \"../Table\";\n\n//This is used to prevent sorting from happening when clicking on the header checkbox\nexport const StopPropagationWrapper: TableColDef[\"renderHeader\"] = (params) => {\n  const DefaultHeader = GRID_CHECKBOX_SELECTION_COL_DEF.renderHeader;\n  if (!DefaultHeader) return null;\n  return (\n    <div id={\"StopPropagationWrapper\"} onClick={(e) => e.stopPropagation()}>\n      <DefaultHeader {...params} />\n    </div>\n  );\n};\n\nexport const sortableTableCheckboxColumn = {\n  ...GRID_CHECKBOX_SELECTION_COL_DEF, //Override checkbox column https://mui.com/x/react-data-grid/row-selection/#custom-checkbox-column\n  sortable: true,\n  hideable: false,\n  renderHeader: StopPropagationWrapper,\n} satisfies TableColDef;\n"],"names":["StopPropagationWrapper","params","$","_c","DefaultHeader","GRID_CHECKBOX_SELECTION_COL_DEF","renderHeader","t0","_temp","jsx","sortableTableCheckboxColumn","sortable","hideable","e","stopPropagation"],"mappings":";;;AAIO,MAAMA,IAAsDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACjEC,IAAsBC,EAA+BC;AACrD,MAAI,CAACF;AAAa,WAAS;AAAK,MAAAG;AAAA,SAAAL,SAAAD,KAE9BM,mCAAS,IAAA,0BAAmC,SAAAC,GAC1C,UAAAC,gBAAAA,EAAAA,IAACL,GAAA,KAAkBH,EAAAA,CAAM,EAAA,CAC3B,GAAMC,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAFNK;AAEM,GAIGG,IAA8B;AAAA,EACzC,GAAGL;AAAAA;AAAAA,EACHM,UAAU;AAAA,EACVC,UAAU;AAAA,EACVN,cAAcN;AAChB;AAfmE,SAAAQ,EAAAK,GAAA;AAAA,SAIZA,EAACC,gBAAAA;AAAkB;"}

package/dist/ui-components.es67.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./ui-components.es86.js";
+import { __exports as e } from "./ui-components.es84.js";
 var s;
 function a() {
   if (s) return e;

package/dist/ui-components.es68.js

@@ -1,4 +1,4 @@
-import { __exports as s } from "./ui-components.es87.js";
+import { __exports as s } from "./ui-components.es85.js";
 import J from "react";
 var j;
 function Z() {

package/dist/ui-components.es7.js

@@ -3,7 +3,7 @@ import { c as Y } from "./ui-components.es16.js";
 import { useState as q } from "react";
 import { Typography as z, Stack as D, Tooltip as G } from "@mui/material";
 import { Launch as J } from "@mui/icons-material";
-import { ASSAY_COLORS as u, assayHoverInfo as K, formatAssay as N } from "./ui-components.es63.js";
+import { ASSAY_COLORS as u, assayHoverInfo as K, formatAssay as N } from "./ui-components.es56.js";
 const te = (F) => {
   const e = Y.c(51), {
     row: t

package/dist/ui-components.es71.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./ui-components.es84.js";
+import { __exports as e } from "./ui-components.es86.js";
 import o from "react";
 var r;
 function n() {

package/dist/ui-components.es72.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./ui-components.es85.js";
+import { __exports as e } from "./ui-components.es87.js";
 import a from "react";
 var n;
 function l() {

package/dist/ui-components.es77.js

@@ -1,11 +1,11 @@
 import * as A from "react";
 import r from "./ui-components.es88.js";
-import { clsx as R } from "./ui-components.es91.js";
-import m from "./ui-components.es93.js";
-import { getDividerUtilityClass as T } from "./ui-components.es267.js";
+import { clsx as R } from "./ui-components.es99.js";
+import m from "./ui-components.es102.js";
+import { getDividerUtilityClass as T } from "./ui-components.es299.js";
 import { j as v } from "./ui-components.es15.js";
-import { useDefaultProps as D } from "./ui-components.es96.js";
-import S from "./ui-components.es97.js";
+import { useDefaultProps as D } from "./ui-components.es91.js";
+import S from "./ui-components.es111.js";
 import b from "./ui-components.es34.js";
 const C = (e) => {
   const {

package/dist/ui-components.es78.js

@@ -1,16 +1,16 @@
 import * as q from "react";
 import o from "./ui-components.es88.js";
-import { clsx as G } from "./ui-components.es91.js";
-import J from "./ui-components.es362.js";
-import K from "./ui-components.es93.js";
-import L from "./ui-components.es133.js";
-import Q, { getBadgeUtilityClass as oo } from "./ui-components.es363.js";
-import C from "./ui-components.es111.js";
+import { clsx as G } from "./ui-components.es99.js";
+import J from "./ui-components.es292.js";
+import K from "./ui-components.es102.js";
+import L from "./ui-components.es105.js";
+import Q, { getBadgeUtilityClass as oo } from "./ui-components.es293.js";
+import C from "./ui-components.es115.js";
 import { j as S } from "./ui-components.es15.js";
-import { useDefaultProps as eo } from "./ui-components.es96.js";
-import ro from "./ui-components.es364.js";
-import n from "./ui-components.es108.js";
-import to from "./ui-components.es97.js";
+import { useDefaultProps as eo } from "./ui-components.es91.js";
+import ro from "./ui-components.es294.js";
+import n from "./ui-components.es110.js";
+import to from "./ui-components.es111.js";
 import w from "./ui-components.es34.js";
 const d = 10, g = 4, no = (e) => {
   const {

package/dist/ui-components.es79.js

@@ -1,19 +1,19 @@
 import * as l from "react";
-import { r as V } from "./ui-components.es324.js";
+import { r as V } from "./ui-components.es288.js";
 import o from "./ui-components.es88.js";
-import { clsx as G } from "./ui-components.es91.js";
-import { useRtl as H } from "./ui-components.es147.js";
-import q from "./ui-components.es132.js";
-import { getMenuUtilityClass as W } from "./ui-components.es347.js";
-import x from "./ui-components.es111.js";
+import { clsx as G } from "./ui-components.es99.js";
+import { useRtl as H } from "./ui-components.es100.js";
+import q from "./ui-components.es155.js";
+import { getMenuUtilityClass as W } from "./ui-components.es289.js";
+import x from "./ui-components.es115.js";
 import { j as E } from "./ui-components.es15.js";
-import { useDefaultProps as B } from "./ui-components.es96.js";
-import J from "./ui-components.es210.js";
-import Q from "./ui-components.es97.js";
+import { useDefaultProps as B } from "./ui-components.es91.js";
+import J from "./ui-components.es108.js";
+import Q from "./ui-components.es111.js";
 import h from "./ui-components.es34.js";
-import X, { PopoverPaper as Y } from "./ui-components.es348.js";
-import Z from "./ui-components.es349.js";
-import $ from "./ui-components.es174.js";
+import X, { PopoverPaper as Y } from "./ui-components.es290.js";
+import Z from "./ui-components.es291.js";
+import $ from "./ui-components.es189.js";
 const oo = {
   vertical: "top",
   horizontal: "right"

package/dist/ui-components.es8.js

@@ -5,7 +5,7 @@ import { columns as G } from "./ui-components.es10.js";
 import { useEncodeBiosampleData as N } from "./ui-components.es11.js";
 import { useRef as O, useState as q, useEffect as H } from "react";
 import { useGridApiRef as P, gridFilteredSortedRowEntriesSelector as z, isAutogeneratedRow as L } from "@mui/x-data-grid-premium";
-import { DownloadContext as V } from "./ui-components.es62.js";
+import { DownloadContext as V } from "./ui-components.es55.js";
 const W = {
   rowGrouping: {
     model: ["ontology"]