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

package/dist/ui-components.es50.js

@@ -1,128 +1,248 @@
-import { j as e } from "./ui-components.es15.js";
-import * as j from "react";
-import { Toolbar as I, ColumnsPanelTrigger as z, ToolbarButton as d, FilterPanelTrigger as F, ExportPrint as E, ExportCsv as k, ExportExcel as w, QuickFilterTrigger as O, QuickFilterControl as R, QuickFilterClear as T, QuickFilter as A } from "@mui/x-data-grid-premium";
-import D from "./ui-components.es79.js";
-import M from "./ui-components.es80.js";
-import Q from "./ui-components.es81.js";
-import P from "./ui-components.es82.js";
-import g from "./ui-components.es25.js";
-import { InfoOutline as B } from "@mui/icons-material";
-import V from "./ui-components.es28.js";
-import s from "./ui-components.es29.js";
-import y from "./ui-components.es83.js";
-import L from "./ui-components.es84.js";
-import N from "./ui-components.es85.js";
-import x from "./ui-components.es86.js";
-import C from "./ui-components.es87.js";
-import p from "./ui-components.es37.js";
-import W from "./ui-components.es57.js";
-const X = p(A)({
-  display: "grid",
-  alignItems: "center"
-}), b = p(d)(({
-  theme: r,
-  ownerState: i
-}) => ({
-  gridArea: "1 / 1",
-  width: "min-content",
-  height: "min-content",
-  zIndex: 1,
-  opacity: i.expanded ? 0 : 1,
-  pointerEvents: i.expanded ? "none" : "auto",
-  transition: r.transitions.create(["opacity"])
-})), q = p(W)(({
-  theme: r,
-  ownerState: i
-}) => ({
-  gridArea: "1 / 1",
-  overflowX: "clip",
-  width: i.expanded ? 260 : "var(--trigger-width)",
-  opacity: i.expanded ? 1 : 0,
-  transition: r.transitions.create(["width", "opacity"])
-}));
-function ae({
-  label: r,
-  downloadFileName: i,
-  labelTooltip: n,
-  toolbarSlot: c,
-  toolbarStyle: v,
-  toolbarIconColor: S,
-  ...m
-}) {
-  const [f, o] = j.useState(!1), h = j.useRef(null), a = S ?? "inherit";
-  return /* @__PURE__ */ e.jsxs(I, { style: {
-    ...v
-  }, children: [
-    typeof r != "string" && r,
-    /* @__PURE__ */ e.jsxs(V, { fontWeight: "medium", sx: {
-      flex: 1,
-      mx: 0.5,
-      display: "flex",
-      alignItems: "center",
-      gap: 1
-    }, children: [
-      typeof r == "string" && r,
-      n && (typeof n == "string" || typeof n == "number") ? /* @__PURE__ */ e.jsx(s, { title: n, children: /* @__PURE__ */ e.jsx(B, { fontSize: "inherit", color: "primary" }) }) : n
-    ] }),
-    c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      c,
-      /* @__PURE__ */ e.jsx(y, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
-        mx: 0.5
-      } })
-    ] }),
-    /* @__PURE__ */ e.jsx(s, { title: "Columns", children: /* @__PURE__ */ e.jsx(z, { render: /* @__PURE__ */ e.jsx(d, {}), children: /* @__PURE__ */ e.jsx(D, { fontSize: "small", htmlColor: a }) }) }),
-    /* @__PURE__ */ e.jsx(s, { title: "Filters", children: /* @__PURE__ */ e.jsx(F, { render: (l, t) => /* @__PURE__ */ e.jsx(d, { ...l, color: "default", children: /* @__PURE__ */ e.jsx(L, { badgeContent: t.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ e.jsx(M, { fontSize: "small", htmlColor: a }) }) }) }) }),
-    /* @__PURE__ */ e.jsx(y, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
-      mx: 0.5
-    } }),
-    /* @__PURE__ */ e.jsx(s, { title: "Export", children: /* @__PURE__ */ e.jsx(d, { ref: h, id: "export-menu-trigger", "aria-controls": "export-menu", "aria-haspopup": "true", "aria-expanded": f ? "true" : void 0, onClick: () => o(!0), children: /* @__PURE__ */ e.jsx(Q, { fontSize: "small", htmlColor: a }) }) }),
-    /* @__PURE__ */ e.jsxs(N, { id: "export-menu", anchorEl: h.current, open: f, onClose: () => o(!1), anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "right"
-    }, transformOrigin: {
-      vertical: "top",
-      horizontal: "right"
-    }, slotProps: {
-      list: {
-        "aria-labelledby": "export-menu-trigger"
+const d = `
+  query suggestions($assembly: String!, $snpid: String!, $limit: Int) {
+    snpAutocompleteQuery(assembly: $assembly, snpid: $snpid, limit: $limit) {
+      id
+      coordinates {
+        chromosome
+        start
+        end
       }
-    }, children: [
-      /* @__PURE__ */ e.jsx(E, { options: {
-        ...m.printOptions
-      }, render: /* @__PURE__ */ e.jsx(x, {}), onClick: () => o(!1), children: "Print" }),
-      /* @__PURE__ */ e.jsx(k, { options: {
-        fileName: typeof r == "string" ? r : i,
-        ...m.csvOptions
-      }, render: /* @__PURE__ */ e.jsx(x, {}), onClick: () => o(!1), children: "Download as CSV" }),
-      /* @__PURE__ */ e.jsx(w, { options: {
-        ...m.excelOptions
-      }, render: /* @__PURE__ */ e.jsx(x, {}), onClick: () => o(!1), children: "Download as Excel" })
-    ] }),
-    /* @__PURE__ */ e.jsxs(X, { children: [
-      /* @__PURE__ */ e.jsx(O, { render: (l, t) => /* @__PURE__ */ e.jsx(s, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ e.jsx(b, { ...l, ownerState: {
-        expanded: t.expanded
-      }, color: "default", "aria-disabled": t.expanded, children: /* @__PURE__ */ e.jsx(g, { fontSize: "small", htmlColor: a }) }) }) }),
-      /* @__PURE__ */ e.jsx(R, { render: ({
-        ref: l,
-        ...t
-      }, u) => /* @__PURE__ */ e.jsx(q, { ...t, ownerState: {
-        expanded: u.expanded
-      }, inputRef: l, "aria-label": "Search", placeholder: "Search...", size: "small", slotProps: {
-        input: {
-          startAdornment: /* @__PURE__ */ e.jsx(C, { position: "start", children: /* @__PURE__ */ e.jsx(g, { fontSize: "small" }) }),
-          endAdornment: u.value ? /* @__PURE__ */ e.jsx(C, { position: "end", children: /* @__PURE__ */ e.jsx(T, { edge: "end", size: "small", "aria-label": "Clear search", material: {
-            sx: {
-              marginRight: -0.75
-            }
-          }, children: /* @__PURE__ */ e.jsx(P, { fontSize: "small" }) }) }) : null,
-          ...t.slotProps?.input
+    }
+  }
+`, u = `
+  query Genes(
+      $name_prefix: [String!]
+      $idprefix: [String!]
+      $limit: Int
+      $assembly: String!
+      $version: Int
+  ) {
+      gene(
+          name_prefix: $name_prefix
+          idprefix: $idprefix
+          limit: $limit
+          assembly: $assembly
+          orderby: "name"
+          version: $version
+      ) {
+          id
+          name
+          coordinates {
+              chromosome
+              start
+              end
+          }
+      }
+  }
+`, _ = `
+  query iCREQuery($accession_prefix: [String!], $limit: Int) {
+      iCREQuery(accession_prefix: $accession_prefix, limit: $limit) {
+          rdhs
+          accession
+          celltypes
+          coordinates {
+              start
+              end
+              chromosome
+          }
+      }
+  }
+`, h = `
+  query cCREAutocompleteQuery(
+    $accession: [String!]
+    $accession_prefix: [String!]
+    $assembly: String!
+    $includeiCREs: Boolean
+    $limit: Int
+  ) {
+    cCREAutocompleteQuery(
+      includeiCREs: $includeiCREs
+      assembly: $assembly
+      limit: $limit
+      accession: $accession
+      accession_prefix: $accession_prefix
+    ) {
+      accession
+      isiCRE
+      coordinates {
+        chromosome
+        start
+        end
+      }
+    }
+  }
+`, g = `
+  query getv2v3CcreMapping($accessions: [String], $assembly: String!) {
+    ccreMappings: getv2cCREMappings(
+      v2_accession: $accessions
+      assembly: $assembly
+    ) {
+      input: v2_accession
+      input_latest_previous_version: ccre_version
+      input_region: v2_region
+      v4_match_or_intersecting: v4_accession
+      v4_region
+    }
+  }
+`, C = `
+query getGWASStudyMetadata($limit: Int, $studyname_prefix: [String]){
+    getGWASStudiesMetadata(limit: $limit, studyname_prefix: $studyname_prefix )
+    {
+        studyid
+        author
+        disease_trait
+        has_enrichment_info
+        population
+        parent_terms
+        total_ld_blocks
+        ld_blocks_overlapping_ccres
+        overlapping_ccres
+    }
+}
+`, b = async (e, t, i, s) => (await fetch(i, {
+  method: "POST",
+  body: JSON.stringify({
+    query: _,
+    variables: {
+      accession_prefix: [e],
+      limit: t
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: s
+})).json(), v = async (e, t, i, s, n, p) => {
+  const r = e.length === 12;
+  return (await fetch(n, {
+    method: "POST",
+    body: JSON.stringify({
+      query: h,
+      variables: {
+        ...r ? {
+          accession: [e.toUpperCase()]
+        } : {
+          accession_prefix: [e]
         },
-        ...t.slotProps
-      } }) })
-    ] })
-  ] });
+        assembly: t,
+        limit: i,
+        includeiCREs: s
+      }
+    }),
+    headers: {
+      "Content-Type": "application/json"
+    },
+    signal: p
+  })).json();
+}, R = async (e, t, i, s) => (await fetch(i, {
+  method: "POST",
+  body: JSON.stringify({
+    query: g,
+    variables: {
+      accessions: [e],
+      assembly: t
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: s
+})).json(), x = async (e, t, i, s, n, p) => {
+  let r = s ? typeof s == "number" ? [s] : s : [t === "GRCh38" ? 40 : 25];
+  r = r.sort((o, a) => a - o);
+  const m = await Promise.all(r.map((o) => fetch(n, {
+    method: "POST",
+    body: JSON.stringify({
+      query: u,
+      variables: {
+        assembly: t.toLowerCase(),
+        ...e.toUpperCase().startsWith("ENSG") ? {
+          idprefix: e.split(".")[0]
+        } : {
+          name_prefix: e
+        },
+        version: o,
+        limit: i
+      }
+    }),
+    headers: {
+      "Content-Type": "application/json"
+    },
+    signal: p
+  }).then((a) => a.json()))), l = /* @__PURE__ */ new Map();
+  return m.forEach((o, a) => {
+    (o.data.gene || []).forEach((c) => {
+      l.has(c.name) ? l.get(c.name).versions.push({
+        id: c.id,
+        version: r[a]
+      }) : l.set(c.name, {
+        gene: c,
+        versions: [{
+          id: c.id,
+          version: r[a]
+        }]
+      });
+    });
+  }), await Promise.all(Array.from(l.values()).map(async ({
+    gene: o,
+    versions: a
+  }) => {
+    const y = await E(o.name);
+    return {
+      ...o,
+      description: `${f(y || o.name)}`,
+      versions: a
+    };
+  }));
+}, f = (e) => e.split(" ").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" ");
+async function E(e) {
+  try {
+    const i = await (await fetch("https://clinicaltables.nlm.nih.gov/api/ncbi_genes/v3/search?authenticity_token=&terms=" + e.toUpperCase())).json(), s = i[3] && i[3].filter((n) => n[3] === e.toUpperCase());
+    return s && s.length >= 1 ? s[0][4] : null;
+  } catch {
+    return null;
+  }
 }
+const T = async (e, t, i, s, n) => (await fetch(s, {
+  method: "POST",
+  body: JSON.stringify({
+    query: d,
+    variables: {
+      assembly: t.toLowerCase(),
+      snpid: e,
+      limit: i
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: n
+})).json(), O = async (e, t, i, s) => (await fetch(i, {
+  method: "POST",
+  body: JSON.stringify({
+    query: C,
+    variables: {
+      studyname_prefix: [e],
+      limit: t
+    }
+  }),
+  headers: {
+    "Content-Type": "application/json"
+  },
+  signal: s
+})).json();
 export {
-  ae as CustomToolbar
+  h as CCRE_AUTOCOMPLETE_QUERY,
+  u as GENE_AUTOCOMPLETE_QUERY,
+  C as GWAS_AUTOCOMPLETE_QUERY,
+  _ as ICRE_AUTOCOMPLETE_QUERY,
+  g as LEGACY_CCRE_QUERY,
+  d as SNP_AUTOCOMPLETE_QUERY,
+  v as getCCREs,
+  x as getGenes,
+  b as getICREs,
+  R as getLegacyCCREs,
+  T as getSNPs,
+  O as getStudys
 };
 //# sourceMappingURL=ui-components.es50.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es50.js","sources":["../src/components/Table/CustomToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  Toolbar,\n  ToolbarButton,\n  ColumnsPanelTrigger,\n  FilterPanelTrigger,\n  ExportCsv,\n  ExportPrint,\n  QuickFilter,\n  QuickFilterControl,\n  QuickFilterClear,\n  QuickFilterTrigger,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  ExportExcel,\n} from \"@mui/x-data-grid-premium\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Menu from \"@mui/material/Menu\";\nimport Badge from \"@mui/material/Badge\";\nimport ViewColumnIcon from \"@mui/icons-material/ViewColumn\";\nimport FilterListIcon from \"@mui/icons-material/FilterList\";\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Divider from \"@mui/material/Divider\";\nimport TextField from \"@mui/material/TextField\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport CancelIcon from \"@mui/icons-material/Cancel\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport Typography from \"@mui/material/Typography\";\nimport { TableProps } from \"./types\";\nimport { InfoOutline } from \"@mui/icons-material\";\n\ntype OwnerState = {\n  expanded: boolean;\n};\n\nconst StyledQuickFilter = styled(QuickFilter)({\n  display: \"grid\",\n  alignItems: \"center\",\n});\n\nconst StyledToolbarButton = styled(ToolbarButton)<{ ownerState: OwnerState }>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  width: \"min-content\",\n  height: \"min-content\",\n  zIndex: 1,\n  opacity: ownerState.expanded ? 0 : 1,\n  pointerEvents: ownerState.expanded ? \"none\" : \"auto\",\n  transition: theme.transitions.create([\"opacity\"]),\n}));\n\nconst StyledTextField = styled(TextField)<{\n  ownerState: OwnerState;\n}>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  overflowX: \"clip\",\n  width: ownerState.expanded ? 260 : \"var(--trigger-width)\",\n  opacity: ownerState.expanded ? 1 : 0,\n  transition: theme.transitions.create([\"width\", \"opacity\"]),\n}));\n\ntype CustomToolbarProps = {\n  label: TableProps[\"label\"];\n  downloadFileName: TableProps[\"downloadFileName\"];\n  labelTooltip: TableProps[\"labelTooltip\"];\n  toolbarSlot?: TableProps[\"toolbarSlot\"];\n  toolbarStyle?: TableProps[\"toolbarStyle\"];\n  toolbarIconColor?: TableProps[\"toolbarIconColor\"];\n} & GridToolbarProps &\n  ToolbarPropsOverrides;\n\nexport function CustomToolbar({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor, ...restToolbarProps }: CustomToolbarProps) {\n  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);\n  const exportMenuTriggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const iconColor = toolbarIconColor ?? \"inherit\"\n\n  return (\n    <Toolbar style={{ ...toolbarStyle }}>\n      {typeof label !== \"string\" && label}\n      <Typography fontWeight=\"medium\" sx={{ flex: 1, mx: 0.5, display: \"flex\", alignItems: \"center\", gap: 1 }}>\n        {typeof label === \"string\" && label}\n        {/* ReactNode can be more than just an element, string, or number but not accounting for that for simplicity */}\n        {labelTooltip && (typeof labelTooltip === \"string\" || typeof labelTooltip === \"number\") ? (\n          <Tooltip title={labelTooltip}>\n            <InfoOutline fontSize=\"inherit\" color=\"primary\" />\n          </Tooltip>\n        ) : (\n          labelTooltip\n        )}\n      </Typography>\n      {toolbarSlot && (\n        <>\n          {toolbarSlot}\n          <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n        </>\n      )}\n\n      <Tooltip title=\"Columns\">\n        <ColumnsPanelTrigger render={<ToolbarButton />}>\n          <ViewColumnIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ColumnsPanelTrigger>\n      </Tooltip>\n\n      <Tooltip title=\"Filters\">\n        <FilterPanelTrigger\n          render={(props, state) => (\n            <ToolbarButton {...props} color=\"default\">\n              <Badge badgeContent={state.filterCount} color=\"primary\" variant=\"dot\">\n                <FilterListIcon fontSize=\"small\" htmlColor={iconColor} />\n              </Badge>\n            </ToolbarButton>\n          )}\n        />\n      </Tooltip>\n      <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n      <Tooltip title=\"Export\">\n        <ToolbarButton\n          ref={exportMenuTriggerRef}\n          id=\"export-menu-trigger\"\n          aria-controls=\"export-menu\"\n          aria-haspopup=\"true\"\n          aria-expanded={exportMenuOpen ? \"true\" : undefined}\n          onClick={() => setExportMenuOpen(true)}\n        >\n          <FileDownloadIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ToolbarButton>\n      </Tooltip>\n\n      <Menu\n        id=\"export-menu\"\n        anchorEl={exportMenuTriggerRef.current}\n        open={exportMenuOpen}\n        onClose={() => setExportMenuOpen(false)}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{\n          list: {\n            \"aria-labelledby\": \"export-menu-trigger\",\n          },\n        }}\n      >\n        <ExportPrint\n          options={{ ...restToolbarProps.printOptions }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Print\n        </ExportPrint>\n        <ExportCsv\n          options={{ fileName: typeof label === \"string\" ? label : downloadFileName, ...restToolbarProps.csvOptions }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as CSV\n        </ExportCsv>\n        <ExportExcel\n          options={{ ...restToolbarProps.excelOptions }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as Excel\n        </ExportExcel>\n      </Menu>\n\n      <StyledQuickFilter>\n        <QuickFilterTrigger\n          render={(triggerProps, state) => (\n            <Tooltip title=\"Search\" enterDelay={0}>\n              <StyledToolbarButton\n                {...triggerProps}\n                ownerState={{ expanded: state.expanded }}\n                color=\"default\"\n                aria-disabled={state.expanded}\n              >\n                <SearchIcon fontSize=\"small\" htmlColor={iconColor} />\n              </StyledToolbarButton>\n            </Tooltip>\n          )}\n        />\n        <QuickFilterControl\n          render={({ ref, ...controlProps }, state) => (\n            <StyledTextField\n              {...controlProps}\n              ownerState={{ expanded: state.expanded }}\n              inputRef={ref}\n              aria-label=\"Search\"\n              placeholder=\"Search...\"\n              size=\"small\"\n              slotProps={{\n                input: {\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <SearchIcon fontSize=\"small\" />\n                    </InputAdornment>\n                  ),\n                  endAdornment: state.value ? (\n                    <InputAdornment position=\"end\">\n                      <QuickFilterClear\n                        edge=\"end\"\n                        size=\"small\"\n                        aria-label=\"Clear search\"\n                        material={{ sx: { marginRight: -0.75 } }}\n                      >\n                        <CancelIcon fontSize=\"small\" />\n                      </QuickFilterClear>\n                    </InputAdornment>\n                  ) : null,\n                  ...controlProps.slotProps?.input,\n                },\n                ...controlProps.slotProps,\n              }}\n            />\n          )}\n        />\n      </StyledQuickFilter>\n    </Toolbar>\n  );\n}\n"],"names":["StyledQuickFilter","styled","QuickFilter","display","alignItems","StyledToolbarButton","ToolbarButton","theme","ownerState","gridArea","width","height","zIndex","opacity","expanded","pointerEvents","transition","transitions","create","StyledTextField","TextField","overflowX","CustomToolbar","label","downloadFileName","labelTooltip","toolbarSlot","toolbarStyle","toolbarIconColor","restToolbarProps","exportMenuOpen","setExportMenuOpen","React","useState","exportMenuTriggerRef","useRef","iconColor","jsxs","Toolbar","Typography","flex","mx","gap","jsx","Tooltip","InfoOutline","Fragment","Divider","ColumnsPanelTrigger","ViewColumnIcon","FilterPanelTrigger","props","state","Badge","filterCount","FilterListIcon","undefined","FileDownloadIcon","Menu","current","vertical","horizontal","list","ExportPrint","printOptions","MenuItem","ExportCsv","fileName","csvOptions","ExportExcel","excelOptions","QuickFilterTrigger","triggerProps","SearchIcon","QuickFilterControl","ref","controlProps","input","startAdornment","InputAdornment","endAdornment","value","QuickFilterClear","sx","marginRight","CancelIcon","slotProps"],"mappings":"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"}
+{"version":3,"file":"ui-components.es50.js","sources":["../src/components/GenomeSearch/queries.ts"],"sourcesContent":["import { GenomeSearchProps } from \"./types\";\n\nexport const SNP_AUTOCOMPLETE_QUERY = `\n  query suggestions($assembly: String!, $snpid: String!, $limit: Int) {\n    snpAutocompleteQuery(assembly: $assembly, snpid: $snpid, limit: $limit) {\n      id\n      coordinates {\n        chromosome\n        start\n        end\n      }\n    }\n  }\n`;\n\nexport const GENE_AUTOCOMPLETE_QUERY = `\n  query Genes(\n      $name_prefix: [String!]\n      $idprefix: [String!]\n      $limit: Int\n      $assembly: String!\n      $version: Int\n  ) {\n      gene(\n          name_prefix: $name_prefix\n          idprefix: $idprefix\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: [String!]\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: $accession\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($limit: Int, $studyname_prefix: [String]){\n    getGWASStudiesMetadata(limit: $limit, 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, url: string, signal?: AbortSignal) => {\n  const response = await fetch(url, {\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, url: string, signal?: AbortSignal) => {\n  const isExactAccession = value.length === 12;\n  const response = await fetch(url, {\n    method: \"POST\",\n    body: JSON.stringify({\n      query: CCRE_AUTOCOMPLETE_QUERY,\n      variables: {\n        ...(isExactAccession\n          ? { accession: [value.toUpperCase()] }\n          : { accession_prefix: [value] }),\n        assembly,\n        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\"], url: string, signal?: AbortSignal) => {\n  const response = await fetch(url, {\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  url: string,\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(url, {\n        method: \"POST\",\n        body: JSON.stringify({\n          query: GENE_AUTOCOMPLETE_QUERY,\n          variables: {\n            assembly: assembly.toLowerCase(),\n            ...(value.toUpperCase().startsWith(\"ENSG\") ? { idprefix: value.split(\".\")[0] } : { 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  try {\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  } catch {\n    return null;\n  }\n}\n\nexport const getSNPs = async (value: string, assembly: GenomeSearchProps[\"assembly\"], limit: number, url: string, signal?: AbortSignal) => {\n  const response = await fetch(url, {\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, url: string, signal?: AbortSignal) => {\n  const response = await fetch(url, {\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","url","signal","fetch","method","body","JSON","stringify","query","variables","accession_prefix","headers","json","getCCREs","assembly","showiCREFlag","isExactAccession","length","accession","toUpperCase","includeiCREs","getLegacyCCREs","accessions","getGenes","geneVersions","versions","sort","a","b","versionResults","Promise","all","map","version","toLowerCase","startsWith","idprefix","split","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","word","charAt","slice","join","matches","filter","x","getSNPs","snpid","getStudys","studyname_prefix"],"mappings":"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"}

package/dist/ui-components.es51.js

@@ -1,39 +1,9 @@
-import { j as r } from "./ui-components.es15.js";
-import { c as d } from "./ui-components.es17.js";
-import { Typography as h, Box as p, Tooltip as j } from "@mui/material";
-import y from "./ui-components.es24.js";
-const S = (x) => {
-  const e = d.c(13), {
-    params: i,
-    tooltipTitle: f,
-    originalRenderHeader: s
-  } = x;
-  let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
-    display: "flex",
-    alignItems: "center",
-    gap: 1
-  }, e[0] = n) : n = e[0];
-  let m;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    overflow: "hidden",
-    textOverflow: "ellipsis"
-  }, e[1] = m) : m = e[1];
-  let t;
-  e[2] !== s || e[3] !== i ? (t = s ? s(i) : /* @__PURE__ */ r.jsx(h, { variant: "subtitle2", noWrap: !0, children: i.colDef.headerName || i.field }), e[2] = s, e[3] = i, e[4] = t) : t = e[4];
-  let l;
-  e[5] !== t ? (l = /* @__PURE__ */ r.jsx(p, { sx: m, children: t }), e[5] = t, e[6] = l) : l = e[6];
-  let a;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r.jsx(y, { fontSize: "inherit", color: "primary" }), e[7] = a) : a = e[7];
-  let o;
-  e[8] !== f ? (o = /* @__PURE__ */ r.jsx(j, { title: f, children: a }), e[8] = f, e[9] = o) : o = e[9];
-  let c;
-  return e[10] !== l || e[11] !== o ? (c = /* @__PURE__ */ r.jsxs(p, { sx: n, children: [
-    l,
-    o
-  ] }), e[10] = l, e[11] = o, e[12] = c) : c = e[12], c;
-};
+import { createContext as o, useContext as t } from "react";
+const n = o({
+  onDownload: void 0
+}), r = () => t(n);
 export {
-  S as HeaderWithTooltip
+  n as DownloadContext,
+  r as useDownloadContext
 };
 //# 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/Table/HeaderWithToolip.tsx"],"sourcesContent":["import { Tooltip, Box, Typography, TooltipProps } from '@mui/material';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { GridColumnHeaderParams } from '@mui/x-data-grid-premium';\n\nexport interface HeaderWithTooltipProps {\n  params: GridColumnHeaderParams;\n  tooltipTitle: TooltipProps[\"title\"];\n  originalRenderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;\n}\n\nexport const HeaderWithTooltip = ({ params, tooltipTitle, originalRenderHeader }: HeaderWithTooltipProps) => {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {originalRenderHeader ? (\n          originalRenderHeader(params)\n        ) : (\n          // Fallback to default behavior (showing the headerName)\n          <Typography variant=\"subtitle2\" noWrap>\n            {params.colDef.headerName || params.field}\n          </Typography>\n        )}\n      </Box>\n      <Tooltip title={tooltipTitle}>\n        <InfoOutlinedIcon fontSize=\"inherit\" color=\"primary\" />\n      </Tooltip>\n    </Box>\n  );\n};"],"names":["HeaderWithTooltip","t0","$","_c","params","tooltipTitle","originalRenderHeader","t1","Symbol","for","display","alignItems","gap","t2","overflow","textOverflow","t3","Typography","colDef","headerName","field","t4","jsx","Box","t5","InfoOutlinedIcon","t6","Tooltip","t7"],"mappings":";;;;AAUO,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAL;AAAsE,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAE3FF,IAAA;AAAA,IAAAG,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GAAGV,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC/CI,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAQC,cAAgB;AAAA,EAAA,GAAYb,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KACtDY,IAAAV,IACCA,EAAqBF,CAMvB,0BAHGa,GAAA,EAAmB,SAAA,aAAY,QAAA,IAC7Bb,UAAAA,EAAMc,OAAOC,cAAef,EAAMgB,OACrC,GACDlB,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAc,KARHK,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAAV,GACNG,UAAAA,GAQH,GAAMd,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEJe,IAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAA0B,UAAA,WAAgB,OAAA,WAAS,GAAGvB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,SAAAG,KADzDqB,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAetB,OAAAA,GACdmB,UAAAA,GACF,GAAUtB,OAAAG,GAAAH,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA0B;AAAA,SAAA1B,EAAA,EAAA,MAAAmB,KAAAnB,UAAAwB,KAbZE,2BAACL,GAAA,EAAQ,IAAAhB,GACPc,UAAAA;AAAAA,IAAAA;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMxB,QAAAmB,GAAAnB,QAAAwB,GAAAxB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAdN0B;AAcM;"}
+{"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;"}

package/dist/ui-components.es52.js

@@ -1,26 +1,57 @@
-import { c as p } from "./ui-components.es17.js";
-import { useRef as b, useEffect as v } from "react";
-import z from "./ui-components.es88.js";
-const E = (t, r, h) => {
-  const e = p.c(5), o = 200, u = b(0);
-  let s, n;
-  e[0] !== r || e[1] !== t || e[2] !== o ? (s = () => {
-    const c = t.current;
-    if (!c)
-      return;
-    const f = z(() => {
-      const i = c.offsetWidth;
-      i !== u.current && (u.current = i, r());
-    }, o), d = new ResizeObserver((i) => {
-      for (const m of i)
-        m.borderBoxSize && f();
+const s = async (e, n) => {
+  try {
+    const a = await fetch(e, {
+      method: "HEAD"
     });
-    return d.observe(c), () => {
-      f.clear(), d.disconnect();
-    };
-  }, n = [t, r, o], e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = n) : (s = e[3], n = e[4]), v(s, n);
+    if (!a.ok)
+      throw new Error("Error fetching file size for " + e);
+    const t = a.headers.get("Content-Length");
+    t && n(parseInt(t, 10));
+  } catch (a) {
+    console.error(a), n(-1);
+  }
+}, o = (e) => e === -1 ? "Unknown Size" : (e / 1e6).toFixed(1) + " MB", i = (e) => {
+  switch (e) {
+    case "atac":
+      return "ATAC";
+    case "ctcf":
+      return "CTCF";
+    case "dnase":
+      return "DNase";
+    case "h3k27ac":
+      return "H3K27ac";
+    case "h3k4me3":
+      return "H3K4me3";
+  }
+};
+function f(e) {
+  const {
+    dnase: n,
+    h3k27ac: a,
+    h3k4me3: t,
+    ctcf: c,
+    atac: r
+  } = e;
+  return n && a && t && c && r ? "All assays available" : !n && !a && !t && !c && !r ? "No assays available" : `Available:
+${n ? `DNase
+` : ""}${a ? `H3K27ac
+` : ""}${t ? `H3K4me3
+` : ""}${c ? `CTCF
+` : ""}${r ? `ATAC
+` : ""}`;
+}
+const h = {
+  dnase: "#06DA93",
+  h3k27ac: "#FFCD00",
+  h3k4me3: "#FF0000",
+  ctcf: "#00B0F0",
+  atac: "#02c7b9"
 };
 export {
-  E as useContainerResize
+  h as ASSAY_COLORS,
+  f as assayHoverInfo,
+  s as fetchFileSize,
+  i as formatAssay,
+  o as formatFileSize
 };
 //# 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/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { debounce } from \"@mui/material/utils\";\n\n/**\n * Hook that monitors a container element's width changes and triggers a callback\n * when the width changes (debounced to avoid excessive calls).\n *\n * @param containerRef - Ref to the container element to monitor\n * @param callback - Function to call when width changes\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\n */\nexport const useContainerResize = (\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  callback: () => void,\n  debounceMs: number = 200\n): void => {\n  const prevWidth = useRef<number>(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const debouncedResize = debounce(() => {\n      const newWidth = container.offsetWidth;\n\n      // ONLY trigger if the actual pixel width of the container changed.\n      // This ignores cases where the grid content expands horizontally\n      // but the container remains the same size.\n      if (newWidth !== prevWidth.current) {\n        prevWidth.current = newWidth;\n        callback();\n      }\n    }, debounceMs);\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // Use borderBoxSize for more accurate external boundary measurement\n        if (entry.borderBoxSize) {\n          debouncedResize();\n        }\n      }\n    });\n\n    observer.observe(container);\n\n    return () => {\n      debouncedResize.clear();\n      observer.disconnect();\n    };\n  }, [containerRef, callback, debounceMs]);\n};\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}
+{"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;"}