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

package/dist/ui-components.es56.js

@@ -1,252 +1,30 @@
-const d = `
-  query suggestions($assembly: String!, $snpid: String!, $limit: Int) {
-    snpAutocompleteQuery(assembly: $assembly, snpid: $snpid, limit: $limit) {
-      id
-      coordinates {
-        chromosome
-        start
-        end
-      }
-    }
-  }
-`, u = `
-  query Genes(
-      $name_prefix: [String!]
-      $idprefix: [String!]
-      $limit: Int
-      $assembly: String!
-      $version: Int
-      $includealiassearch: Boolean
-  ) {
-      gene(
-          name_prefix: $name_prefix
-          idprefix: $idprefix
-          limit: $limit
-          assembly: $assembly
-          orderby: "name"
-          version: $version
-          includealiassearch: $includealiassearch
-      ) {
-          id
-          name
-          coordinates {
-              chromosome
-              start
-              end
-          }
-          alias    
-      }
-  }
-`, _ = `
-  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
-      }
-    }
-  }
-`, C = `
-  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
-    }
-  }
-`, $ = `
-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, s, i, t) => (await fetch(i, {
-  method: "POST",
-  body: JSON.stringify({
-    query: _,
-    variables: {
-      accession_prefix: [e],
-      limit: s
-    }
-  }),
-  headers: {
-    "Content-Type": "application/json"
-  },
-  signal: t
-})).json(), v = async (e, s, i, t, a, p) => {
-  const r = e.length === 12;
-  return (await fetch(a, {
-    method: "POST",
-    body: JSON.stringify({
-      query: h,
-      variables: {
-        ...r ? {
-          accession: [e.toUpperCase()]
-        } : {
-          accession_prefix: [e]
-        },
-        assembly: s,
-        limit: i,
-        includeiCREs: t
-      }
-    }),
-    headers: {
-      "Content-Type": "application/json"
-    },
-    signal: p
-  })).json();
-}, R = async (e, s, i, t) => (await fetch(i, {
-  method: "POST",
-  body: JSON.stringify({
-    query: C,
-    variables: {
-      accessions: [e],
-      assembly: s
-    }
-  }),
-  headers: {
-    "Content-Type": "application/json"
-  },
-  signal: t
-})).json(), x = async (e, s, i, t, a, p) => {
-  let r = t ? typeof t == "number" ? [t] : t : [s === "GRCh38" ? 40 : 25];
-  r = r.sort((n, o) => o - n);
-  const m = await Promise.all(r.map((n) => fetch(a, {
-    method: "POST",
-    body: JSON.stringify({
-      query: u,
-      variables: {
-        assembly: s.toLowerCase(),
-        ...s.toLowerCase() === "mm10" && e.toUpperCase().startsWith("ENSMUSG") || s.toLowerCase() === "grch38" && e.toUpperCase().startsWith("ENSG") ? {
-          idprefix: e.split(".")[0]
-        } : {
-          name_prefix: e
-        },
-        version: n,
-        limit: i,
-        includealiassearch: !0
-      }
-    }),
-    headers: {
-      "Content-Type": "application/json"
-    },
-    signal: p
-  }).then((o) => o.json()))), l = /* @__PURE__ */ new Map();
-  return m.forEach((n, o) => {
-    (n.data.gene || []).forEach((c) => {
-      l.has(c.name) ? l.get(c.name).versions.push({
-        id: c.id,
-        version: r[o]
-      }) : l.set(c.name, {
-        gene: c,
-        versions: [{
-          id: c.id,
-          version: r[o]
-        }]
-      });
-    });
-  }), await Promise.all(Array.from(l.values()).map(async ({
-    gene: n,
-    versions: o
-  }) => {
-    const y = await f(n.name);
-    return {
-      ...n,
-      description: `${g(y || n.name)} ${n.alias ? `(${n.alias})` : ""}`,
-      versions: o
-    };
-  }));
-}, g = (e) => e.split(" ").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
-async function f(e) {
-  try {
-    const i = await (await fetch("https://clinicaltables.nlm.nih.gov/api/ncbi_genes/v3/search?authenticity_token=&terms=" + e.toUpperCase())).json(), t = i[3] && i[3].filter((a) => a[3] === e.toUpperCase());
-    return t && t.length >= 1 ? t[0][4] : null;
-  } catch {
-    return null;
-  }
-}
-const T = async (e, s, i, t, a) => (await fetch(t, {
-  method: "POST",
-  body: JSON.stringify({
-    query: d,
-    variables: {
-      assembly: s.toLowerCase(),
-      snpid: e,
-      limit: i
-    }
-  }),
-  headers: {
-    "Content-Type": "application/json"
-  },
-  signal: a
-})).json(), O = async (e, s, i, t) => (await fetch(i, {
-  method: "POST",
-  body: JSON.stringify({
-    query: $,
-    variables: {
-      studyname_prefix: [e],
-      limit: s
-    }
-  }),
-  headers: {
-    "Content-Type": "application/json"
-  },
-  signal: t
-})).json();
+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 {
-  h as CCRE_AUTOCOMPLETE_QUERY,
-  u as GENE_AUTOCOMPLETE_QUERY,
-  $ as GWAS_AUTOCOMPLETE_QUERY,
-  _ as ICRE_AUTOCOMPLETE_QUERY,
-  C 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
+  g as default
 };
 //# sourceMappingURL=ui-components.es56.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es56.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      $includealiassearch: Boolean\n  ) {\n      gene(\n          name_prefix: $name_prefix\n          idprefix: $idprefix\n          limit: $limit\n          assembly: $assembly\n          orderby: \"name\"\n          version: $version\n          includealiassearch: $includealiassearch\n      ) {\n          id\n          name\n          coordinates {\n              chromosome\n              start\n              end\n          }\n          alias    \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          ...(\n            (\n              (assembly.toLowerCase() === \"mm10\" && value.toUpperCase().startsWith(\"ENSMUSG\")) ||\n              (assembly.toLowerCase() === \"grch38\" && value.toUpperCase().startsWith(\"ENSG\"))\n            )\n              ? { idprefix: value.split(\".\")[0] }\n              : { name_prefix: value }\n          ),\n          version: version,\n          limit: limit,\n          includealiassearch: true\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)} ${gene.alias ? `(${gene.alias})` : ''}`,\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","includealiassearch","then","res","geneMap","Map","forEach","result","idx","genes","data","gene","has","name","get","push","id","set","Array","from","values","description","getDescription","toTitleCase","alias","str","word","charAt","slice","join","matches","filter","x","getSNPs","snpid","getStudys","studyname_prefix"],"mappings":"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"}
+{"version":3,"file":"ui-components.es56.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.es57.js

@@ -1,73 +1,46 @@
-import { j as t } from "./ui-components.es15.js";
-import { c as S } from "./ui-components.es16.js";
-import { Stack as D, Typography as y, IconButton as C, Divider as v, Box as g, Button as _, Modal as k } from "@mui/material";
-import G from "./ui-components.es24.js";
-const P = (o) => {
-  const e = S.c(24), {
-    open: h,
-    onClose: l,
-    onDownloadSVG: b,
-    onDownloadPNG: u,
-    plotTitle: j
-  } = o;
-  let n;
-  e[0] !== u ? (n = {
-    label: "PNG",
-    action: u
-  }, e[0] = u, e[1] = n) : n = e[1];
-  let r;
-  e[2] !== b ? (r = {
-    label: "SVG",
-    action: b
-  }, e[2] = b, e[3] = r) : r = e[3];
-  let d;
-  e[4] !== n || e[5] !== r ? (d = [n, r].filter(I), e[4] = n, e[5] = r, e[6] = d) : d = e[6];
-  const w = d;
-  let m;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    bgcolor: "background.paper",
-    boxShadow: 24,
-    borderRadius: 2,
-    p: 3,
-    width: 360
-  }, e[7] = m) : m = e[7];
-  let i;
-  e[8] !== j ? (i = /* @__PURE__ */ t.jsxs(y, { variant: "h6", fontWeight: 600, mb: 1, children: [
-    "Download ",
-    j
-  ] }), e[8] = j, e[9] = i) : i = e[9];
-  let f;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx(y, { variant: "body2", color: "text.secondary", mb: 2, children: "Choose a file format to export your plot." }), e[10] = f) : f = e[10];
-  let p;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t.jsx(v, { flexItem: !0 }), e[11] = p) : p = e[11];
-  let a;
-  e[12] !== w ? (a = /* @__PURE__ */ t.jsx(D, { spacing: 1.5, divider: p, children: w.map(B) }), e[12] = w, e[13] = a) : a = e[13];
+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;
-  e[14] !== l ? (s = /* @__PURE__ */ t.jsx(g, { mt: 3, textAlign: "right", children: /* @__PURE__ */ t.jsx(_, { onClick: l, children: "Close" }) }), e[14] = l, e[15] = s) : s = e[15];
-  let c;
-  e[16] !== i || e[17] !== a || e[18] !== s ? (c = /* @__PURE__ */ t.jsxs(g, { sx: m, children: [
-    i,
-    f,
-    a,
-    s
-  ] }), e[16] = i, e[17] = a, e[18] = s, e[19] = c) : c = e[19];
-  let x;
-  return e[20] !== l || e[21] !== h || e[22] !== c ? (x = /* @__PURE__ */ t.jsx(k, { open: h, onClose: l, children: c }), e[20] = l, e[21] = h, e[22] = c, e[23] = x) : x = e[23], x;
-};
-function I(o) {
-  return o.action;
+  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 B(o) {
-  return /* @__PURE__ */ t.jsxs(D, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ t.jsx(y, { variant: "body1", children: o.label }),
-    /* @__PURE__ */ t.jsx(C, { color: "primary", onClick: o.action, "aria-label": `Download ${o.label}`, children: /* @__PURE__ */ t.jsx(G, {}) })
-  ] }, o.label);
+function g(r) {
+  return r.field !== "__check__";
 }
 export {
-  P as default
+  v as useAutoSort
 };
 //# sourceMappingURL=ui-components.es57.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es57.js","sources":["../src/components/TwoPaneLayout/DownloadModal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Modal, Box, IconButton, Stack, Typography, Divider, Button } from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\n\nexport interface DownloadModalProps {\n  open: boolean;\n  onClose: () => void;\n  onDownloadSVG?: () => void;\n  onDownloadPNG?: () => void;\n  plotTitle: string;\n}\n\nconst DownloadModal: React.FC<DownloadModalProps> = ({ open, onClose, onDownloadSVG, onDownloadPNG, plotTitle }) => {\n  const downloadOptions = [\n    { label: \"PNG\", action: onDownloadPNG },\n    { label: \"SVG\", action: onDownloadSVG },\n  ].filter((option) => option.action);\n\n  return (\n    <Modal open={open} onClose={onClose}>\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          bgcolor: \"background.paper\",\n          boxShadow: 24,\n          borderRadius: 2,\n          p: 3,\n          width: 360,\n        }}\n      >\n        <Typography variant=\"h6\" fontWeight={600} mb={1}>\n          Download {plotTitle}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" mb={2}>\n          Choose a file format to export your plot.\n        </Typography>\n        <Stack spacing={1.5} divider={<Divider flexItem />}>\n          {downloadOptions.map((option) => (\n            <Stack key={option.label} direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n              <Typography variant=\"body1\">{option.label}</Typography>\n              <IconButton color=\"primary\" onClick={option.action} aria-label={`Download ${option.label}`}>\n                <DownloadIcon />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n        <Box mt={3} textAlign=\"right\">\n          <Button onClick={onClose}>Close</Button>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nexport default DownloadModal;\n"],"names":["DownloadModal","t0","$","_c","open","onClose","onDownloadSVG","onDownloadPNG","plotTitle","t1","label","action","t2","t3","filter","_temp","downloadOptions","t4","Symbol","for","position","top","left","transform","bgcolor","boxShadow","borderRadius","p","width","t5","Typography","t6","t7","Divider","t8","jsx","Stack","map","_temp2","t9","Box","Button","t10","jsxs","t11","Modal","option","option_0","IconButton","DownloadIcon"],"mappings":";;;;AAYA,MAAMA,IAA8CC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAAP;AAA0D,MAAAQ;AAAA,EAAAP,SAAAK,KAE3GE,IAAA;AAAA,IAAAC,OAAS;AAAA,IAAKC,QAAUJ;AAAAA,EAAAA,GAAeL,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,SAAAI,KACvCM,IAAA;AAAA,IAAAF,OAAS;AAAA,IAAKC,QAAUL;AAAAA,EAAAA,GAAeJ,OAAAI,GAAAJ,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAO,KAAAP,SAAAU,KAFjBC,IAAA,CACtBJ,GACAG,CAAuC,EACxCE,OAAQC,CAAyB,GAACb,OAAAO,GAAAP,OAAAU,GAAAV,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAHnC,QAAAc,IAAwBH;AAGY,MAAAI;AAAA,EAAAf,EAAA,CAAA,MAAAgB,uBAAAC,IAAA,2BAAA,KAK1BF,IAAA;AAAA,IAAAG,UACQ;AAAA,IAAUC,KACf;AAAA,IAAKC,MACJ;AAAA,IAAKC,WACA;AAAA,IAAuBC,SACzB;AAAA,IAAkBC,WAChB;AAAA,IAAEC,cACC;AAAA,IAACC,GACZ;AAAA,IAACC,OACG;AAAA,EAAA,GACR1B,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAA2B;AAAA,EAAA3B,SAAAM,KAEDqB,2BAACC,GAAA,EAAmB,SAAA,MAAiB,YAAA,KAAS,IAAA,GAAG,UAAA;AAAA,IAAA;AAAA,IACrCtB;AAAAA,EAAAA,GACZ,GAAaN,OAAAM,GAAAN,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAAA,MAAA6B;AAAA,EAAA7B,EAAA,EAAA,MAAAgB,uBAAAC,IAAA,2BAAA,KACbY,0BAACD,KAAmB,SAAA,SAAc,OAAA,kBAAqB,IAAA,GAAG,UAAA,4CAAA,CAE1D,GAAa5B,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAA8B;AAAA,EAAA9B,EAAA,EAAA,MAAAgB,uBAAAC,IAAA,2BAAA,KACiBa,0BAACC,GAAA,EAAQ,UAAA,GAAA,CAAQ,GAAG/B,QAAA8B,KAAAA,IAAA9B,EAAA,EAAA;AAAA,MAAAgC;AAAA,EAAAhC,UAAAc,KAAlDkB,IAAAC,gBAAAA,EAAAA,IAACC,KAAe,SAAA,KAAc,SAAAJ,GAC3BhB,UAAAA,EAAeqB,IAAKC,CAOpB,EAAA,CACH,GAAQpC,QAAAc,GAAAd,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAqC;AAAA,EAAArC,UAAAG,KACRkC,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAQ,OAAa,WAAA,SACpB,UAAAL,gBAAAA,EAAAA,IAACM,GAAA,EAAgBpC,SAAAA,GAAS,UAAA,QAAA,CAAK,GACjC,GAAMH,QAAAG,GAAAH,QAAAqC,KAAAA,IAAArC,EAAA,EAAA;AAAA,MAAAwC;AAAA,EAAAxC,EAAA,EAAA,MAAA2B,KAAA3B,UAAAgC,KAAAhC,EAAA,EAAA,MAAAqC,KA/BRG,IAAAC,gBAAAA,EAAAA,KAACH,GAAA,EACK,IAAAvB,GAYJY,UAAAA;AAAAA,IAAAA;AAAAA,IAGAE;AAAAA,IAGAG;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMrC,QAAA2B,GAAA3B,QAAAgC,GAAAhC,QAAAqC,GAAArC,QAAAwC,KAAAA,IAAAxC,EAAA,EAAA;AAAA,MAAA0C;AAAA,SAAA1C,EAAA,EAAA,MAAAG,KAAAH,UAAAE,KAAAF,EAAA,EAAA,MAAAwC,KAjCRE,0BAACC,GAAA,EAAYzC,MAAAA,GAAeC,SAAAA,GAC1BqC,UAAAA,GAiCF,GAAQxC,QAAAG,GAAAH,QAAAE,GAAAF,QAAAwC,GAAAxC,QAAA0C,KAAAA,IAAA1C,EAAA,EAAA,GAlCR0C;AAkCQ;AAzCwC,SAAA7B,EAAA+B,GAAA;AAAA,SAI7BA,EAAMnC;AAAO;AAJgB,SAAA2B,EAAAS,GAAA;AAAA,gCA6BvCX,GAAA,EAAmC,WAAA,OAAiB,YAAA,UAAwB,gBAAA,iBAC3E,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAACL,GAAA,EAAmB,SAAA,SAASgB,UAAAA,EAAMpC,OAAO;AAAA,IAC1CyB,gBAAAA,EAAAA,IAACa,GAAA,EAAiB,OAAA,WAAmB,SAAAF,EAAMnC,QAAqB,cAAA,YAAYmC,EAAMpC,KAAM,IACtF,UAAAyB,gBAAAA,MAACc,QACH;AAAA,EAAA,EAAA,GAJUH,EAAMpC,KAKlB;AAAQ;"}
+{"version":3,"file":"ui-components.es57.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.es58.js

@@ -1,33 +1,24 @@
-import { j as c } from "./ui-components.es15.js";
-import { c as f } from "./ui-components.es16.js";
-import { useState as x } from "react";
-import b from "./ui-components.es48.js";
-function j(l) {
-  const e = f.c(9), {
-    value: t,
-    figures: n
-  } = l;
-  let r;
-  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
-  const [o, d] = x(r);
-  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
-  let s;
-  if (e[2] !== n || e[3] !== o || e[4] !== t) {
-    let i;
-    e[6] !== o || e[7] !== t ? (i = (u, a) => {
-      const m = t === a, p = o.has(a);
-      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
-        border: "1px solid",
-        borderColor: "divider",
-        borderRadius: 1,
-        position: "relative"
-      }, children: p && u.component }, `figure-${a}`);
-    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
-  } else
-    s = e[5];
-  return s;
+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 l(e) {
+  return e.stopPropagation();
 }
 export {
-  j as default
+  a as StopPropagationWrapper,
+  d as sortableTableCheckboxColumn
 };
 //# sourceMappingURL=ui-components.es58.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es58.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;"}
+{"version":3,"file":"ui-components.es58.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.es59.js

@@ -1,30 +1,9 @@
-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;
-};
+import { createContext as o, useContext as t } from "react";
+const n = o({
+  onDownload: void 0
+}), r = () => t(n);
 export {
-  g as default
+  n as DownloadContext,
+  r as useDownloadContext
 };
 //# sourceMappingURL=ui-components.es59.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es59.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;"}
+{"version":3,"file":"ui-components.es59.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.es6.js

@@ -2,10 +2,10 @@ import { j as t } from "./ui-components.es15.js";
 import { c as ve } from "./ui-components.es16.js";
 import { TableChartRounded as He, CloseFullscreenRounded as Be, DragHandle as Ve } from "@mui/icons-material";
 import { useTheme as Ne, useMediaQuery as G, IconButton as Te, Tooltip as ye, Button as Oe, Typography as $e, Stack as Ce, Box as ee, Divider as ze, Tab as Le, Tabs as Ee } from "@mui/material";
-import ke from "./ui-components.es24.js";
+import ke from "./ui-components.es18.js";
 import { useState as te, useRef as Fe } from "react";
-import Ue from "./ui-components.es57.js";
-import Qe from "./ui-components.es58.js";
+import Ue from "./ui-components.es54.js";
+import Qe from "./ui-components.es55.js";
 function We(i) {
   const e = ve.c(10), l = Ne();
   let s;