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

package/dist/ui-components.es49.js

@@ -1,212 +1,26 @@
-function p(t, c) {
-  const e = [];
-  t = t.replace(/,/g, "");
-  let i, o, r;
-  if (t.includes(":") && t.includes("-"))
-    i = t.split(":")[0], o = parseInt(t.split(":")[1].split("-")[0]) || 0, r = parseInt(t.split(":")[1].split("-")[1]) || o + 1e3;
-  else if (t.includes("	")) {
-    const [h, l, d] = t.split("	");
-    i = h, o = parseInt(l), r = parseInt(d);
-  } else
-    return e;
-  const s = i.replace(/chrx$/, "chrX").replace(/chry$/, "chrY"), a = m[c][s];
-  return r > o && a && r <= a && e.push({
-    title: `${s}:${o.toLocaleString()}-${r.toLocaleString()}`,
-    domain: {
-      chromosome: s,
-      start: o,
-      end: r
-    },
-    description: `${s}:${o.toLocaleString()}-${r.toLocaleString()}`,
-    type: "Coordinate"
-  }), e;
-}
-function n(t, c, e) {
-  return t ? t.slice(0, c).map((i) => ({
-    title: e.getTitle(i),
-    description: e.getDescription(i),
-    domain: {
-      chromosome: i.coordinates.chromosome,
-      start: i.coordinates.start,
-      end: i.coordinates.end
-    },
-    type: e.type
-  })) : [];
-}
-function g(t, c) {
-  return n(t, c, {
-    getTitle: (e) => e.id,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}`,
-    type: "SNP"
-  });
-}
-function $(t, c, e) {
-  return n(t, c, {
-    getTitle: (i) => i.name,
-    getDescription: (i) => {
-      let o = "";
-      return i.versions.forEach((r, s) => o += "V" + r.version + " " + r.id + (s === i.versions.length - 1 ? "" : `
-`)), `${i.description}
-${o}
-${i.coordinates.chromosome}:${i.coordinates.start}-${i.coordinates.end}`;
-    },
-    type: "Gene"
-  });
-}
-function u(t, c) {
-  return t.slice(0, c).map((e) => ({
-    title: e.disease_trait,
-    description: `${e.author.replace("_", " ")} (${e.studyid.split("-")[1]})
-${e.parent_terms.join(",")}
- ${e.has_enrichment_info ? "Biosample Enrichment" : ""}`,
-    domain: void 0,
-    id: e.studyid,
-    type: "Study"
-  }));
-}
-function y(t) {
-  return t.map((c) => ({
-    title: c.label,
-    description: c.description ?? "",
-    domain: void 0,
-    id: c.value,
-    type: "Ome"
-  }));
-}
-function v(t, c) {
-  return n(t, c, {
-    getTitle: (e) => e.accession,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}`,
-    type: "iCRE"
-  });
-}
-function f(t, c) {
-  return n(t, c, {
-    getTitle: (e) => e.accession,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}${e.isiCRE ? ", iCRE" : ""}`,
-    type: "cCRE"
-  });
-}
-function R(t, c) {
-  return t.filter((e) => e.input !== e.v4_match_or_intersecting).slice(0, c).map((e) => {
-    const i = e.input_region, o = e.v4_match_or_intersecting;
-    return {
-      title: e.input,
-      // !!! Do not change this format without also modifying SCREEN's /search page. This specific formatting is relied upon
-      // At most two overlapping v4 cCREs are ever returned, so a single (non-global) comma replace is sufficient for the "a, b" rendering.
-      description: `(Registry ${e.input_latest_previous_version})
-${e.input_region}
-${o ? `Intersects v4 cCRE${o.includes(",") ? "s" : ""}: ${o.replace(",", ", ")}` : "No intersecting v4 cCREs"}`,
-      domain: {
-        chromosome: i.split(":")[0],
-        start: parseInt(i.split(":")[1].split("-")[0]),
-        end: parseInt(i.split(":")[1].split("-")[1])
-      },
-      type: "Legacy cCRE"
+import { c as p } from "./ui-components.es16.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es82.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();
+    });
+    return d.observe(c), () => {
+      f.clear(), d.disconnect();
     };
-  });
-}
-const b = [{
-  label: "Proteomics",
-  value: "proteomics",
-  keywords: ["protein", "mass spec"]
-}, {
-  label: "WGS",
-  value: "WGS",
-  keywords: ["whole genome sequencing", "genome sequencing", "genomics"],
-  description: "Whole Genome Sequencing"
-}, {
-  label: "WGBS",
-  value: "WGBS",
-  keywords: ["whole genome bisulfite sequencing", "epigenomics", "methylation"],
-  description: "Whole Genome Bisulfite Sequencing"
-}, {
-  label: "ATAC",
-  value: "ATAC",
-  keywords: ["chromatin accessibility", "atac-seq"],
-  description: "ATAC-seq"
-}, {
-  label: "RNA",
-  value: "RNA",
-  keywords: ["rna-seq", "transcriptomics", "gene expression"],
-  description: "RNA-seq"
-}, {
-  label: "Metabolomics",
-  value: "metabolomics"
-}, {
-  label: "Lipidomics",
-  value: "lipidomics"
-}, {
-  label: "Metallomics",
-  value: "metallomics"
-}, {
-  label: "Exposomics",
-  value: "exposomics"
-}], m = {
-  GRCh38: {
-    chr1: 248956422,
-    chr2: 242193529,
-    chr3: 198295559,
-    chr4: 190214555,
-    chr5: 181538259,
-    chr6: 170805979,
-    chr7: 159345973,
-    chr8: 145138636,
-    chr9: 138394717,
-    chr10: 133797422,
-    chr11: 135086622,
-    chr12: 133275309,
-    chr13: 114364328,
-    chr14: 107043718,
-    chr15: 101991189,
-    chr16: 90338345,
-    chr17: 83257441,
-    chr18: 80373285,
-    chr19: 58617616,
-    chr20: 64444167,
-    chr21: 46709983,
-    chr22: 50818468,
-    chrX: 156040895,
-    chrY: 57227415
-  },
-  mm10: {
-    chr1: 195471971,
-    chr2: 182113224,
-    chr3: 160039680,
-    chr4: 156508116,
-    chr5: 151834684,
-    chr6: 149736546,
-    chr7: 145441459,
-    chr8: 129401213,
-    chr9: 124595110,
-    chr10: 130694993,
-    chr11: 122082543,
-    chr12: 120129022,
-    chr13: 120421639,
-    chr14: 124902244,
-    chr15: 104043685,
-    chr16: 98207768,
-    chr17: 94987271,
-    chr18: 90702639,
-    chr19: 61431566,
-    chrX: 171031299,
-    chrY: 91744698
-  }
+  }, 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);
 };
-function C(t) {
-  const c = t.includes("	"), e = t.includes("-"), i = t.length >= 4 && /^[0-9xyXY]$/.test(t[3]);
-  return (c || e) && t.startsWith("chr") && i;
-}
 export {
-  b as OmesList,
-  f as ccreResultList,
-  $ as geneResultList,
-  p as getCoordinates,
-  v as icreResultList,
-  C as isDomain,
-  R as legacyCcreResultList,
-  y as omeResultsList,
-  g as snpResultList,
-  u as studyResultList
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es49.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es49.js","sources":["../src/components/GenomeSearch/utils.ts"],"sourcesContent":["import { CCREResponse, GeneResponse, ICREResponse, LegacyCcreResponse, Result, ResultType, SnpResponse, StudyResponse } from \"./types\";\n\n/**\n * Get the coordinates from a string input.\n * @param input - The input string to search for coordinates\n * @param assembly - The assembly to search for coordinates\n * @returns An array of results with the coordinates\n */\nexport function getCoordinates(input: string, assembly: string): Result[] {\n  const results: Result[] = [];\n  input = input.replace(/,/g, \"\");\n\n  let chromosome: string, start: number, end: number;\n\n  if (input.includes(\":\") && input.includes(\"-\")) {\n    chromosome = input.split(\":\")[0];\n    start = parseInt(input.split(\":\")[1].split(\"-\")[0]) || 0;\n    end = parseInt(input.split(\":\")[1].split(\"-\")[1]) || start + 1000;\n  } else if (input.includes(\"\\t\")) {\n    const [chr, startStr, endStr] = input.split(\"\\t\");\n    chromosome = chr;\n    start = parseInt(startStr);\n    end = parseInt(endStr);\n  } else {\n    return results;\n  }\n\n  // Normalize chromosome name to use capital X and Y\n  const normalizedChromosome = chromosome.replace(/chrx$/, \"chrX\").replace(/chry$/, \"chrY\");\n\n  const chrLength = chromosomeLengths[assembly][normalizedChromosome];\n  if (end > start && chrLength && end <= chrLength) {\n    results.push({\n      title: `${normalizedChromosome}:${start.toLocaleString()}-${end.toLocaleString()}`,\n      domain: {\n        chromosome: normalizedChromosome,\n        start: start,\n        end: end,\n      },\n      description: `${normalizedChromosome}:${start.toLocaleString()}-${end.toLocaleString()}`,\n      type: \"Coordinate\",\n    });\n  }\n\n  return results;\n}\n\n// Common interface for result formatting options\ninterface ResultFormatterOptions<T> {\n  getTitle: (result: T) => string;\n  getDescription: (result: T) => string;\n  type: string;\n}\n\n// Generic formatter function\nfunction formatResults<T extends { coordinates: { chromosome: string; start: number; end: number } }>(\n  results: T[] | null,\n  limit: number,\n  options: ResultFormatterOptions<T>\n): Result[] {\n  if (!results) {\n    return [];\n  }\n  return results.slice(0, limit).map((result) => ({\n    title: options.getTitle(result),\n    description: options.getDescription(result),\n    domain: {\n      chromosome: result.coordinates.chromosome,\n      start: result.coordinates.start,\n      end: result.coordinates.end,\n    },\n    type: options.type as ResultType,\n  }));\n}\n\n// Specific formatters using the generic function\nexport function snpResultList(results: SnpResponse[], limit: number): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.id,\n    getDescription: (result) =>\n      `${result.coordinates.chromosome}:${result.coordinates.start}-${result.coordinates.end}`,\n    type: \"SNP\",\n  });\n}\n\nexport function geneResultList(results: GeneResponse[], limit: number, showVersions: boolean): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.name,\n    getDescription: (result) => {\n      let idStr = \"\";\n      result.versions.forEach(\n        (x, i) => (idStr += \"V\" + x.version + \" \" + x.id + (i === result.versions.length - 1 ? \"\" : \"\\n\"))\n      );\n      return `${result.description}\\n${idStr}\\n${result.coordinates.chromosome}:${result.coordinates.start}-${result.coordinates.end}`;\n    },\n    type: \"Gene\",\n  });\n}\n\nexport function studyResultList(results: StudyResponse[], limit: number): Result[] {\n  return results.slice(0, limit).map((result) => ({\n    title: result.disease_trait,\n    description: `${result.author.replace(\"_\", \" \")} (${result.studyid.split(\"-\")[1]})\\n${result.parent_terms.join(\",\")}\\n ${result.has_enrichment_info ? \"Biosample Enrichment\" : \"\"}`,\n    domain: undefined,\n    id: result.studyid,\n    type: \"Study\",\n  }));\n}\n\nexport function omeResultsList(results: OmeOption[]): Result[] {\n  return results.map((ome) => ({\n    title: ome.label,\n    description: ome.description ?? \"\",\n    domain: undefined,\n    id: ome.value,\n    type: \"Ome\",\n  }));\n}\n\nexport function icreResultList(results: ICREResponse[], limit: number): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.accession,\n    getDescription: (result) =>\n      `${result.coordinates.chromosome}:${result.coordinates.start}-${result.coordinates.end}`,\n    type: \"iCRE\",\n  });\n}\n\nexport function ccreResultList(results: CCREResponse[], limit: number): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.accession,\n    getDescription: (result) =>\n      `${result.coordinates.chromosome}:${result.coordinates.start}-${\n        result.coordinates.end\n      }${result.isiCRE ? \", iCRE\" : \"\"}`,\n    type: \"cCRE\",\n  });\n}\n\nexport function legacyCcreResultList(results: LegacyCcreResponse[], limit: number): Result[] {\n  return results\n    .filter((result) => result.input !== result.v4_match_or_intersecting) //filter v4 cCREs\n    .slice(0, limit)\n    .map((result) => {\n      const region = result.input_region;\n      const overlapping = result.v4_match_or_intersecting\n      return {\n        title: result.input,\n        // !!! Do not change this format without also modifying SCREEN's /search page. This specific formatting is relied upon\n        // At most two overlapping v4 cCREs are ever returned, so a single (non-global) comma replace is sufficient for the \"a, b\" rendering.\n        description: `(Registry ${result.input_latest_previous_version})\\n${result.input_region}\\n${overlapping ? `Intersects v4 cCRE${overlapping.includes(\",\") ? \"s\" : \"\"}: ${overlapping.replace(\",\", \", \")}` : \"No intersecting v4 cCREs\"}`,\n        domain: {\n          chromosome: region.split(\":\")[0],\n          start: parseInt(region.split(\":\")[1].split(\"-\")[0]),\n          end: parseInt(region.split(\":\")[1].split(\"-\")[1]),\n        },\n        type: \"Legacy cCRE\",\n      };\n    });\n}\n\nexport interface OmeOption {\n  label: string;\n  value: string;\n  keywords?: string[];\n  description?: string;\n}\n//allows the user to search more freely and get the result they are looking for\n//will look at label as well as keywords\nexport const OmesList: OmeOption[] = [\n  {\n    label: \"Proteomics\",\n    value: \"proteomics\",\n    keywords: [\"protein\", \"mass spec\"],\n  },\n  {\n    label: \"WGS\",\n    value: \"WGS\",\n    keywords: [\"whole genome sequencing\", \"genome sequencing\", \"genomics\"],\n    description: \"Whole Genome Sequencing\"\n  },\n  {\n    label: \"WGBS\",\n    value: \"WGBS\",\n    keywords: [\"whole genome bisulfite sequencing\", \"epigenomics\", \"methylation\"],\n    description: \"Whole Genome Bisulfite Sequencing\"\n  },\n  {\n    label: \"ATAC\",\n    value: \"ATAC\",\n    keywords: [\"chromatin accessibility\", \"atac-seq\"],\n    description: \"ATAC-seq\"\n  },\n  {\n    label: \"RNA\",\n    value: \"RNA\",\n    keywords: [\"rna-seq\", \"transcriptomics\", \"gene expression\"],\n    description: \"RNA-seq\"\n  },\n  {\n    label: \"Metabolomics\",\n    value: \"metabolomics\",\n  },\n  {\n    label: \"Lipidomics\",\n    value: \"lipidomics\",\n  },\n  {\n    label: \"Metallomics\",\n    value: \"metallomics\",\n  },\n  {\n    label: \"Exposomics\",\n    value: \"exposomics\",\n  },\n];\n\n// Object to store chromosome lengths for GRCh38 and mm10\nconst chromosomeLengths: { [key: string]: { [key: string]: number } } = {\n  GRCh38: {\n    chr1: 248956422,\n    chr2: 242193529,\n    chr3: 198295559,\n    chr4: 190214555,\n    chr5: 181538259,\n    chr6: 170805979,\n    chr7: 159345973,\n    chr8: 145138636,\n    chr9: 138394717,\n    chr10: 133797422,\n    chr11: 135086622,\n    chr12: 133275309,\n    chr13: 114364328,\n    chr14: 107043718,\n    chr15: 101991189,\n    chr16: 90338345,\n    chr17: 83257441,\n    chr18: 80373285,\n    chr19: 58617616,\n    chr20: 64444167,\n    chr21: 46709983,\n    chr22: 50818468,\n    chrX: 156040895,\n    chrY: 57227415,\n  },\n  mm10: {\n    chr1: 195471971,\n    chr2: 182113224,\n    chr3: 160039680,\n    chr4: 156508116,\n    chr5: 151834684,\n    chr6: 149736546,\n    chr7: 145441459,\n    chr8: 129401213,\n    chr9: 124595110,\n    chr10: 130694993,\n    chr11: 122082543,\n    chr12: 120129022,\n    chr13: 120421639,\n    chr14: 124902244,\n    chr15: 104043685,\n    chr16: 98207768,\n    chr17: 94987271,\n    chr18: 90702639,\n    chr19: 61431566,\n    chrX: 171031299,\n    chrY: 91744698,\n  },\n};\n\nexport function isDomain(input: string) {\n  const hasTabs = input.includes(\"\\t\");\n  const hasHyphens = input.includes(\"-\");\n  const hasChromosomeNumber = input.length >= 4 && /^[0-9xyXY]$/.test(input[3]);\n  return (hasTabs || hasHyphens) && input.startsWith(\"chr\") && hasChromosomeNumber;\n}"],"names":["getCoordinates","input","assembly","results","replace","chromosome","start","end","includes","split","parseInt","chr","startStr","endStr","normalizedChromosome","chrLength","chromosomeLengths","push","title","toLocaleString","domain","description","type","formatResults","limit","options","slice","map","result","getTitle","getDescription","coordinates","snpResultList","id","geneResultList","showVersions","name","idStr","versions","forEach","x","i","version","length","studyResultList","disease_trait","author","studyid","parent_terms","join","has_enrichment_info","undefined","omeResultsList","ome","label","value","icreResultList","accession","ccreResultList","isiCRE","legacyCcreResultList","filter","v4_match_or_intersecting","region","input_region","overlapping","input_latest_previous_version","OmesList","keywords","GRCh38","chr1","chr2","chr3","chr4","chr5","chr6","chr7","chr8","chr9","chr10","chr11","chr12","chr13","chr14","chr15","chr16","chr17","chr18","chr19","chr20","chr21","chr22","chrX","chrY","mm10","isDomain","hasTabs","hasHyphens","hasChromosomeNumber","test","startsWith"],"mappings":"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"}
+{"version":3,"file":"ui-components.es49.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;"}

package/dist/ui-components.es5.js

@@ -2,12 +2,12 @@ import { j as c } from "./ui-components.es15.js";
 import { c as y } from "./ui-components.es16.js";
 import { useGridApiRef as E, useKeepGroupedColumnsHidden as z, DataGridPremium as P } from "@mui/x-data-grid-premium";
 import { useRef as k, useMemo as A, useCallback as D, useEffect as j } from "react";
-import w from "./ui-components.es54.js";
-import { CustomToolbar as G } from "./ui-components.es55.js";
-import { HeaderWithTooltip as $ } from "./ui-components.es56.js";
-import { useContainerResize as F } from "./ui-components.es57.js";
-import M from "./ui-components.es58.js";
-import O from "./ui-components.es59.js";
+import w from "./ui-components.es46.js";
+import { CustomToolbar as G } from "./ui-components.es47.js";
+import { HeaderWithTooltip as $ } from "./ui-components.es48.js";
+import { useContainerResize as F } from "./ui-components.es49.js";
+import M from "./ui-components.es50.js";
+import O from "./ui-components.es51.js";
 const C = {
   expand: !0,
   includeHeaders: !0,