npm - @rivm-loculus-tools/common-frontend - Versions diffs - 0.9.0 → 0.11.0 - Mend

@rivm-loculus-tools/common-frontend 0.9.0 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/dist/components/fasta/FastaDataImportDialog/index.js CHANGED Viewed

@@ -1,93 +1,93 @@
 import { Alert as e, Box as t, CircularProgress as n, Paper as r, Tab as i, Tabs as a, TextField as o, Typography as s } from "@mui/material";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useCallback as d, useEffect as f, useState as p } from "react";
-import m from "@mui/icons-material/Biotech";
-import h from "@mui/icons-material/TableChart";
-import { FileDropZone as g } from "@gen-epix/ui-core-components/components/FileDropZone";
-import { withDialog as _ } from "@gen-epix/ui-core-components/hoc/withDialog";
+import { withDialog as m } from "@gen-epix/ui-core-components/hoc/withDialog";
+import h from "@mui/icons-material/Biotech";
+import g from "@mui/icons-material/TableChart";
+import { FileDropZone as _ } from "@gen-epix/ui-core-components/components/FileDropZone";
 // src/components/fasta/FastaDataImportDialog/FastaDataImportDialog.tsx
-var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, onDisableBackdropClickChange: x, onError: S, onNoCloseButtonChange: C, openProps: w }) => {
-	let [T, E] = p(0), [D, O] = p(null), [k, A] = p(""), [j, M] = p(""), [N, ee] = p(0), [P, F] = p(null), [I, L] = p(""), [R, z] = p(""), [B, V] = p(!1), [H, U] = p(null);
+var v = m(({ extraActions: m, fastaDescription: v = "Pre-aligned nucleotide or amino-acid sequence data.", onActionsChange: y, onClose: b, onDataChange: x, onDisableBackdropClickChange: S, onError: C, onNoCloseButtonChange: w, openProps: T }) => {
+	let [E, D] = p(0), [O, k] = p(null), [A, j] = p(""), [M, N] = p(""), [P, ee] = p(0), [F, I] = p(null), [L, R] = p(""), [z, B] = p(""), [V, H] = p(!1), [U, W] = p(null);
 	f(() => {
-		U(w?.initialErrorMessage ?? null);
-	}, [w]), f(() => {
-		C && C(!!w?.initialErrorMessage), x && x(!!w?.initialErrorMessage);
+		W(T?.initialErrorMessage ?? null);
+	}, [T]), f(() => {
+		w && w(!!T?.initialErrorMessage), S && S(!!T?.initialErrorMessage);
 	}, [
-		x,
-		C,
-		w?.initialErrorMessage
+		S,
+		w,
+		T?.initialErrorMessage
 	]);
-	let W = d(() => U(null), []), G = d((e, t) => {
-		E(t);
-	}, []), K = d((e, t) => {
+	let G = d(() => W(null), []), K = d((e, t) => {
+		D(t);
+	}, []), q = d((e, t) => {
 		ee(t);
-	}, []), q = d((e) => O(e), []), J = d((e) => F(e), []), Y = d((e) => {
-		A(e.target.value);
-	}, []), X = d((e) => {
-		M(e.target.value);
+	}, []), J = d((e) => k(e), []), Y = d((e) => I(e), []), X = d((e) => {
+		j(e.target.value);
 	}, []), Z = d((e) => {
-		L(e.target.value);
+		N(e.target.value);
 	}, []), Q = d((e) => {
-		z(e.target.value);
+		R(e.target.value);
+	}, []), te = d((e) => {
+		B(e.target.value);
 	}, []), $ = d(async () => {
-		U(null), V(!0);
+		W(null), H(!0);
 		try {
 			let e = "";
-			if (T === 0 && D) e = await D[0].text();
-			else if (T === 1 && k.trim()) {
-				let t = await fetch(k.trim());
+			if (E === 0 && O) e = await O[0].text();
+			else if (E === 1 && A.trim()) {
+				let t = await fetch(A.trim());
 				if (!t.ok) throw Error(`Failed to fetch FASTA from URL (${t.status} ${t.statusText})`);
 				e = await t.text();
-			} else T === 2 && j.trim() && (e = j.trim());
+			} else E === 2 && M.trim() && (e = M.trim());
 			if (!e?.trim()) throw Error("Please provide FASTA sequence data via file, URL, or paste.");
 			let t = "";
-			if (N === 0 && P) t = await P[0].text();
-			else if (N === 1 && I.trim()) {
-				let e = await fetch(I.trim());
+			if (P === 0 && F) t = await F[0].text();
+			else if (P === 1 && L.trim()) {
+				let e = await fetch(L.trim());
 				if (!e.ok) throw Error(`Failed to fetch Metadata from URL (${e.status} ${e.statusText})`);
 				t = await e.text();
-			} else N === 2 && R.trim() && (t = R.trim());
-			b(e, t), y && y();
+			} else P === 2 && z.trim() && (t = z.trim());
+			x(e, t), b && b();
 		} catch (e) {
-			console.error("Data import failed:", e), S(e);
+			console.error("Data import failed:", e), C(e);
 		} finally {
-			V(!1);
+			H(!1);
 		}
 	}, [
-		D,
-		T,
-		j,
-		k,
+		O,
+		E,
+		M,
+		A,
+		F,
 		P,
-		N,
-		R,
-		I,
-		y,
+		z,
+		L,
 		b,
-		S
+		x,
+		C
 	]);
 	return f(() => {
 		let e = [{
-			disabled: B,
-			label: B ? "Processing..." : "Load & Calculate",
+			disabled: V,
+			label: V ? "Processing..." : "Load & Calculate",
 			onClick: $,
-			startIcon: B ? /* @__PURE__ */ l(n, {
+			startIcon: V ? /* @__PURE__ */ l(n, {
 				color: "inherit",
 				size: 18
 			}) : void 0,
 			variant: "contained"
 		}];
-		_?.length && e.unshift(..._), v && v(e);
+		m?.length && e.unshift(...m), y && y(e);
 	}, [
-		v,
+		y,
 		$,
-		B,
-		_
-	]), /* @__PURE__ */ u(c, { children: [H && /* @__PURE__ */ l(e, {
-		onClose: W,
+		V,
+		m
+	]), /* @__PURE__ */ u(c, { children: [U && /* @__PURE__ */ l(e, {
+		onClose: G,
 		severity: "error",
 		sx: { marginBottom: 2 },
-		children: H
+		children: U
 	}), /* @__PURE__ */ u(t, {
 		sx: {
 			display: "grid",
@@ -111,7 +111,7 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						gap: 1,
 						mb: 1.5
 					},
-					children: [/* @__PURE__ */ l(m, { color: "primary" }), /* @__PURE__ */ l(s, {
+					children: [/* @__PURE__ */ l(h, { color: "primary" }), /* @__PURE__ */ l(s, {
 						sx: { fontWeight: 700 },
 						variant: "subtitle1",
 						children: "1. FASTA Sequences (required)"
@@ -124,15 +124,15 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						mb: 2
 					},
 					variant: "caption",
-					children: "Pre-aligned nucleotide or amino-acid sequence data."
+					children: v
 				}),
 				/* @__PURE__ */ u(a, {
-					onChange: G,
+					onChange: K,
 					sx: {
 						mb: 2,
 						minHeight: 36
 					},
-					value: T,
+					value: E,
 					children: [
 						/* @__PURE__ */ l(i, {
 							label: "File Upload",
@@ -157,13 +157,13 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						})
 					]
 				}),
-				T === 0 && /* @__PURE__ */ l(g, {
+				E === 0 && /* @__PURE__ */ l(_, {
 					accept: ".fasta,.fa,.fna,.aln",
-					files: D,
+					files: O,
 					helperText: "Drag & drop .fasta / .fa alignment file",
-					onFilesSelected: q
+					onFilesSelected: J
 				}),
-				T === 1 && /* @__PURE__ */ l(t, {
+				E === 1 && /* @__PURE__ */ l(t, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
@@ -175,23 +175,23 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						fullWidth: !0,
 						helperText: "Enter a publicly accessible URL to a FASTA alignment",
 						label: "FASTA URL",
-						onChange: Y,
+						onChange: X,
 						placeholder: "https://example.com/sequences.fasta",
-						value: k,
+						value: A,
 						variant: "outlined"
 					})
 				}),
-				T === 2 && /* @__PURE__ */ l(t, {
+				E === 2 && /* @__PURE__ */ l(t, {
 					sx: { minHeight: 180 },
 					children: /* @__PURE__ */ l(o, {
 						fullWidth: !0,
 						label: "Paste FASTA Content",
 						multiline: !0,
-						onChange: X,
+						onChange: Z,
 						placeholder: ">seq1&#10;ACTG...&#10;>seq2&#10;ACTG...",
 						rows: 6,
 						sx: { fontFamily: "monospace" },
-						value: j,
+						value: M,
 						variant: "outlined"
 					})
 				})
@@ -210,7 +210,7 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						gap: 1,
 						mb: 1.5
 					},
-					children: [/* @__PURE__ */ l(h, { color: "primary" }), /* @__PURE__ */ l(s, {
+					children: [/* @__PURE__ */ l(g, { color: "primary" }), /* @__PURE__ */ l(s, {
 						sx: { fontWeight: 700 },
 						variant: "subtitle1",
 						children: "2. TSV Metadata (optional)"
@@ -226,12 +226,12 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 					children: "Sample attributes for coloring, search & custom leaf labels."
 				}),
 				/* @__PURE__ */ u(a, {
-					onChange: K,
+					onChange: q,
 					sx: {
 						mb: 2,
 						minHeight: 36
 					},
-					value: N,
+					value: P,
 					children: [
 						/* @__PURE__ */ l(i, {
 							label: "File Upload",
@@ -256,13 +256,13 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						})
 					]
 				}),
-				N === 0 && /* @__PURE__ */ l(g, {
+				P === 0 && /* @__PURE__ */ l(_, {
 					accept: ".tsv,.txt,.csv",
-					files: P,
+					files: F,
 					label: "TSV Metadata File",
-					onFilesSelected: J
+					onFilesSelected: Y
 				}),
-				N === 1 && /* @__PURE__ */ l(t, {
+				P === 1 && /* @__PURE__ */ l(t, {
 					sx: {
 						display: "flex",
 						flexDirection: "column",
@@ -274,23 +274,23 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 						fullWidth: !0,
 						helperText: "Enter a publicly accessible URL to a TSV metadata file",
 						label: "Metadata TSV URL",
-						onChange: Z,
+						onChange: Q,
 						placeholder: "https://example.com/metadata.tsv",
-						value: I,
+						value: L,
 						variant: "outlined"
 					})
 				}),
-				N === 2 && /* @__PURE__ */ l(t, {
+				P === 2 && /* @__PURE__ */ l(t, {
 					sx: { minHeight: 180 },
 					children: /* @__PURE__ */ l(o, {
 						fullWidth: !0,
 						label: "Paste TSV Content",
 						multiline: !0,
-						onChange: Q,
+						onChange: te,
 						placeholder: "SampleID&#9;Country&#9;Date&#10;Sample1&#9;NL&#9;2024-01-01",
 						rows: 6,
 						sx: { fontFamily: "monospace" },
-						value: R,
+						value: z,
 						variant: "outlined"
 					})
 				})

package/dist/components/fasta/FastaDataImportDialog/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Fragment","DnaIcon","TableChartIcon","FastaDataImportDialog","withDialog","fastaTab","setFastaTab","useState","fastaFile","setFastaFile","fastaUrl","setFastaUrl","fastaText","setFastaText","metadataTab","setMetadataTab","metadataFile","setMetadataFile","metadataUrl","setMetadataUrl","metadataText","setMetadataText","isLoading","setIsLoading","errorMsg","setErrorMsg","useEffect","openProps","onNoCloseButtonChange","onDisableBackdropClickChange","onCloseError","useCallback","onChangeFastaTab","value","onChangeMetadataTab","onFileSelectedFasta","file","onFileSelectedMetadata","onChangeFastaUrl","event","onChangeFastaText","onChangeMetadataUrl","onChangeMetadataText","onClickLoadData","fastaContent","res","metadataContent","onDataChange","onClose","err","onError","actions","CircularProgress","extraActions","onActionsChange","Fragment","Alert","Box","Paper","Typography","Tabs","Tab","FileDropZone","TextField"],"sources":["../../../../src/components/fasta/FastaDataImportDialog/FastaDataImportDialog.tsx"],"sourcesContent":["import type {\n ChangeEvent,\n ReactElement,\n SyntheticEvent,\n} from 'react';\nimport {\n useCallback,\n useEffect,\n useState,\n} from 'react';\nimport {\n Alert,\n Box,\n CircularProgress,\n Paper,\n Tab,\n Tabs,\n TextField,\n Typography,\n} from '@mui/material';\nimport DnaIcon from '@mui/icons-material/Biotech';\nimport TableChartIcon from '@mui/icons-material/TableChart';\nimport { FileDropZone } from '@gen-epix/ui-core-components/components/FileDropZone';\nimport type {\n WithDialogRefMethods,\n WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\n\n\nenum FASTA_TAB {\n DROP = 0,\n URL = 1,\n PASTE = 2,\n}\n\nenum META_DATA_TAB {\n DROP = 0,\n URL = 1,\n PASTE = 2,\n}\n\nexport interface FastaDataImportDialogOpenProps {\n initialErrorMessage?: string;\n}\n\nexport interface FastaDataImportDialogProps extends WithDialogRenderProps<FastaDataImportDialogOpenProps> {\n extraActions?: DialogAction[];\n onDataChange: (fasta: string, metaData?: string) => void;\n onError: (error: unknown) => void;\n}\n\nexport type FastaDataImportDialogRefMethods = WithDialogRefMethods<FastaDataImportDialogProps, FastaDataImportDialogOpenProps>;\n\nexport const FastaDataImportDialog = withDialog<FastaDataImportDialogProps, FastaDataImportDialogOpenProps>((\n {\n extraActions,\n onActionsChange,\n onClose,\n onDataChange,\n onDisableBackdropClickChange,\n onError,\n onNoCloseButtonChange,\n openProps,\n }: FastaDataImportDialogProps,\n): ReactElement => {\n // FASTA state\n const [fastaTab, setFastaTab] = useState(FASTA_TAB.DROP);\n const [fastaFile, setFastaFile] = useState<FileList \| null>(null);\n const [fastaUrl, setFastaUrl] = useState('');\n const [fastaText, setFastaText] = useState('');\n\n // Metadata state\n const [metadataTab, setMetadataTab] = useState(META_DATA_TAB.DROP);\n const [metadataFile, setMetadataFile] = useState<FileList \| null>(null);\n const [metadataUrl, setMetadataUrl] = useState('');\n const [metadataText, setMetadataText] = useState('');\n\n const [isLoading, setIsLoading] = useState(false);\n const [errorMsg, setErrorMsg] = useState<null \| string>(null);\n\n useEffect(() => {\n setErrorMsg(openProps?.initialErrorMessage ?? null);\n }, [openProps]);\n\n useEffect(() => {\n if (onNoCloseButtonChange) {\n onNoCloseButtonChange(!!openProps?.initialErrorMessage);\n }\n if (onDisableBackdropClickChange) {\n onDisableBackdropClickChange(!!openProps?.initialErrorMessage);\n }\n }, [onDisableBackdropClickChange, onNoCloseButtonChange, openProps?.initialErrorMessage]);\n\n const onCloseError = useCallback(() => setErrorMsg(null), []);\n const onChangeFastaTab = useCallback((_event: SyntheticEvent, value: number) => {\n setFastaTab(value);\n }, []);\n const onChangeMetadataTab = useCallback((_event: SyntheticEvent, value: number) => {\n setMetadataTab(value);\n }, []);\n const onFileSelectedFasta = useCallback((file: FileList) => setFastaFile(file), []);\n const onFileSelectedMetadata = useCallback((file: FileList) => setMetadataFile(file), []);\n const onChangeFastaUrl = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setFastaUrl(event.target.value);\n }, []);\n const onChangeFastaText = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setFastaText(event.target.value);\n }, []);\n const onChangeMetadataUrl = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setMetadataUrl(event.target.value);\n }, []);\n const onChangeMetadataText = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setMetadataText(event.target.value);\n }, []);\n\n const onClickLoadData = useCallback(async () => {\n setErrorMsg(null);\n setIsLoading(true);\n\n try {\n // 1. Resolve FASTA content\n let fastaContent = '';\n if (fastaTab === FASTA_TAB.DROP && fastaFile) {\n fastaContent = await fastaFile[0].text();\n } else if (fastaTab === FASTA_TAB.URL && fastaUrl.trim()) {\n const res = await fetch(fastaUrl.trim());\n if (!res.ok) {\n throw new Error(`Failed to fetch FASTA from URL (${res.status} ${res.statusText})`);\n }\n fastaContent = await res.text();\n } else if (fastaTab === FASTA_TAB.PASTE && fastaText.trim()) {\n fastaContent = fastaText.trim();\n }\n\n if (!fastaContent?.trim()) {\n throw new Error('Please provide FASTA sequence data via file, URL, or paste.');\n }\n\n // 2. Resolve Metadata content (optional)\n let metadataContent = '';\n if (metadataTab === META_DATA_TAB.DROP && metadataFile) {\n metadataContent = await metadataFile[0].text();\n } else if (metadataTab === META_DATA_TAB.URL && metadataUrl.trim()) {\n const res = await fetch(metadataUrl.trim());\n if (!res.ok) {\n throw new Error(`Failed to fetch Metadata from URL (${res.status} ${res.statusText})`);\n }\n metadataContent = await res.text();\n } else if (metadataTab === META_DATA_TAB.PASTE && metadataText.trim()) {\n metadataContent = metadataText.trim();\n }\n onDataChange(fastaContent, metadataContent);\n if (onClose) {\n onClose();\n }\n } catch (err: unknown) {\n console.error('Data import failed:', err);\n onError(err);\n } finally {\n setIsLoading(false);\n }\n }, [fastaFile, fastaTab, fastaText, fastaUrl, metadataFile, metadataTab, metadataText, metadataUrl, onClose, onDataChange, onError]);\n\n\n useEffect(() => {\n const actions: DialogAction[] = [\n {\n disabled: isLoading,\n label: isLoading ? 'Processing...' : 'Load & Calculate',\n onClick: onClickLoadData,\n startIcon: isLoading ? (\n <CircularProgress\n color={'inherit'}\n size={18}\n />\n ) : undefined,\n variant: 'contained',\n },\n ];\n if (extraActions?.length) {\n actions.unshift(...extraActions);\n }\n if (onActionsChange) {\n onActionsChange(actions);\n }\n }, [onActionsChange, onClickLoadData, isLoading, extraActions]);\n\n return (\n <>\n {errorMsg && (\n <Alert\n onClose={onCloseError}\n severity={'error'}\n sx={{\n marginBottom: 2,\n }}\n >\n {errorMsg}\n </Alert>\n )}\n <Box sx={{ display: 'grid', gap: 3, gridTemplateColumns: { md: '1fr 1fr', xs: '1fr' } }}>\n {/* FASTA Sequences Group /}\n <Paper\n sx={{ borderRadius: 2, p: 2.5 }}\n variant={'outlined'}\n >\n <Box sx={{ alignItems: 'center', display: 'flex', gap: 1, mb: 1.5 }}>\n <DnaIcon color={'primary'} />\n <Typography\n sx={{ fontWeight: 700 }}\n variant={'subtitle1'}\n >\n {'1. FASTA Sequences (required)'}\n </Typography>\n </Box>\n <Typography\n color={'text.secondary'}\n sx={{ display: 'block', mb: 2 }}\n variant={'caption'}\n >\n {'Pre-aligned nucleotide or amino-acid sequence data.'}\n </Typography>\n <Tabs\n onChange={onChangeFastaTab}\n sx={{ mb: 2, minHeight: 36 }}\n value={fastaTab}\n >\n <Tab\n label={'File Upload'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Public URL'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Direct Paste'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n </Tabs>\n {fastaTab === FASTA_TAB.DROP && (\n <FileDropZone\n accept={'.fasta,.fa,.fna,.aln'}\n files={fastaFile}\n helperText={'Drag & drop .fasta / .fa alignment file'}\n onFilesSelected={onFileSelectedFasta}\n />\n )}\n {fastaTab === FASTA_TAB.URL && (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, justifyContent: 'center', minHeight: 180 }}>\n <TextField\n fullWidth\n helperText={'Enter a publicly accessible URL to a FASTA alignment'}\n label={'FASTA URL'}\n onChange={onChangeFastaUrl}\n placeholder={'https://example.com/sequences.fasta'}\n value={fastaUrl}\n variant={'outlined'}\n />\n </Box>\n )}\n {fastaTab === FASTA_TAB.PASTE && (\n <Box sx={{ minHeight: 180 }}>\n <TextField\n fullWidth\n label={'Paste FASTA Content'}\n multiline\n onChange={onChangeFastaText}\n placeholder={'>seq1 ACTG... >seq2 ACTG...'}\n rows={6}\n sx={{ fontFamily: 'monospace' }}\n value={fastaText}\n variant={'outlined'}\n />\n </Box>\n )}\n </Paper>\n {/ TSV Metadata Group */}\n <Paper\n sx={{ borderRadius: 2, p: 2.5 }}\n variant={'outlined'}\n >\n <Box sx={{ alignItems: 'center', display: 'flex', gap: 1, mb: 1.5 }}>\n <TableChartIcon color={'primary'} />\n <Typography\n sx={{ fontWeight: 700 }}\n variant={'subtitle1'}\n >\n {'2. TSV Metadata (optional)'}\n </Typography>\n </Box>\n <Typography\n color={'text.primary'}\n sx={{ display: 'block', mb: 2 }}\n variant={'caption'}\n >\n {'Sample attributes for coloring, search & custom leaf labels.'}\n </Typography>\n <Tabs\n onChange={onChangeMetadataTab}\n sx={{ mb: 2, minHeight: 36 }}\n value={metadataTab}\n >\n <Tab\n label={'File Upload'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Public URL'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Direct Paste'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n </Tabs>\n {metadataTab === META_DATA_TAB.DROP && (\n <FileDropZone\n accept={'.tsv,.txt,.csv'}\n files={metadataFile}\n label={'TSV Metadata File'}\n onFilesSelected={onFileSelectedMetadata}\n />\n )}\n {metadataTab === META_DATA_TAB.URL && (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, justifyContent: 'center', minHeight: 180 }}>\n <TextField\n fullWidth\n helperText={'Enter a publicly accessible URL to a TSV metadata file'}\n label={'Metadata TSV URL'}\n onChange={onChangeMetadataUrl}\n placeholder={'https://example.com/metadata.tsv'}\n value={metadataUrl}\n variant={'outlined'}\n />\n </Box>\n )}\n {metadataTab === META_DATA_TAB.PASTE && (\n <Box sx={{ minHeight: 180 }}>\n <TextField\n fullWidth\n label={'Paste TSV Content'}\n multiline\n onChange={onChangeMetadataText}\n placeholder={'SampleID Country Date Sample1 NL 2024-01-01'}\n rows={6}\n sx={{ fontFamily: 'monospace' }}\n value={metadataText}\n variant={'outlined'}\n />\n </Box>\n )}\n </Paper>\n </Box>\n </>\n );\n}, {\n defaultTitle: 'Load phylogenetic data',\n fullWidth: true,\n maxWidth: 'xl',\n testId: 'FastaDataImportDialog',\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":["_Fragment","DnaIcon","TableChartIcon","FastaDataImportDialog","withDialog","fastaTab","setFastaTab","useState","fastaFile","setFastaFile","fastaUrl","setFastaUrl","fastaText","setFastaText","metadataTab","setMetadataTab","metadataFile","setMetadataFile","metadataUrl","setMetadataUrl","metadataText","setMetadataText","isLoading","setIsLoading","errorMsg","setErrorMsg","useEffect","openProps","onNoCloseButtonChange","onDisableBackdropClickChange","onCloseError","useCallback","onChangeFastaTab","value","onChangeMetadataTab","onFileSelectedFasta","file","onFileSelectedMetadata","onChangeFastaUrl","event","onChangeFastaText","onChangeMetadataUrl","onChangeMetadataText","onClickLoadData","fastaContent","res","metadataContent","onDataChange","onClose","err","onError","actions","CircularProgress","extraActions","onActionsChange","Fragment","Alert","Box","Paper","Typography","fastaDescription","Tabs","Tab","FileDropZone","TextField"],"sources":["../../../../src/components/fasta/FastaDataImportDialog/FastaDataImportDialog.tsx"],"sourcesContent":["import type {\n ChangeEvent,\n ReactElement,\n SyntheticEvent,\n} from 'react';\nimport {\n useCallback,\n useEffect,\n useState,\n} from 'react';\nimport {\n Alert,\n Box,\n CircularProgress,\n Paper,\n Tab,\n Tabs,\n TextField,\n Typography,\n} from '@mui/material';\nimport DnaIcon from '@mui/icons-material/Biotech';\nimport TableChartIcon from '@mui/icons-material/TableChart';\nimport { FileDropZone } from '@gen-epix/ui-core-components/components/FileDropZone';\nimport type {\n WithDialogRefMethods,\n WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\n\n\nenum FASTA_TAB {\n DROP = 0,\n URL = 1,\n PASTE = 2,\n}\n\nenum META_DATA_TAB {\n DROP = 0,\n URL = 1,\n PASTE = 2,\n}\n\nexport interface FastaDataImportDialogOpenProps {\n initialErrorMessage?: string;\n}\n\nexport interface FastaDataImportDialogProps extends WithDialogRenderProps<FastaDataImportDialogOpenProps> {\n extraActions?: DialogAction[];\n fastaDescription?: string;\n onDataChange: (fasta: string, metaData?: string) => void;\n onError: (error: unknown) => void;\n}\n\nexport type FastaDataImportDialogRefMethods = WithDialogRefMethods<FastaDataImportDialogProps, FastaDataImportDialogOpenProps>;\n\nexport const FastaDataImportDialog = withDialog<FastaDataImportDialogProps, FastaDataImportDialogOpenProps>((\n {\n extraActions,\n fastaDescription = 'Pre-aligned nucleotide or amino-acid sequence data.',\n onActionsChange,\n onClose,\n onDataChange,\n onDisableBackdropClickChange,\n onError,\n onNoCloseButtonChange,\n openProps,\n }: FastaDataImportDialogProps,\n): ReactElement => {\n // FASTA state\n const [fastaTab, setFastaTab] = useState(FASTA_TAB.DROP);\n const [fastaFile, setFastaFile] = useState<FileList \| null>(null);\n const [fastaUrl, setFastaUrl] = useState('');\n const [fastaText, setFastaText] = useState('');\n\n // Metadata state\n const [metadataTab, setMetadataTab] = useState(META_DATA_TAB.DROP);\n const [metadataFile, setMetadataFile] = useState<FileList \| null>(null);\n const [metadataUrl, setMetadataUrl] = useState('');\n const [metadataText, setMetadataText] = useState('');\n\n const [isLoading, setIsLoading] = useState(false);\n const [errorMsg, setErrorMsg] = useState<null \| string>(null);\n\n useEffect(() => {\n setErrorMsg(openProps?.initialErrorMessage ?? null);\n }, [openProps]);\n\n useEffect(() => {\n if (onNoCloseButtonChange) {\n onNoCloseButtonChange(!!openProps?.initialErrorMessage);\n }\n if (onDisableBackdropClickChange) {\n onDisableBackdropClickChange(!!openProps?.initialErrorMessage);\n }\n }, [onDisableBackdropClickChange, onNoCloseButtonChange, openProps?.initialErrorMessage]);\n\n const onCloseError = useCallback(() => setErrorMsg(null), []);\n const onChangeFastaTab = useCallback((_event: SyntheticEvent, value: number) => {\n setFastaTab(value);\n }, []);\n const onChangeMetadataTab = useCallback((_event: SyntheticEvent, value: number) => {\n setMetadataTab(value);\n }, []);\n const onFileSelectedFasta = useCallback((file: FileList) => setFastaFile(file), []);\n const onFileSelectedMetadata = useCallback((file: FileList) => setMetadataFile(file), []);\n const onChangeFastaUrl = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setFastaUrl(event.target.value);\n }, []);\n const onChangeFastaText = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setFastaText(event.target.value);\n }, []);\n const onChangeMetadataUrl = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setMetadataUrl(event.target.value);\n }, []);\n const onChangeMetadataText = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n setMetadataText(event.target.value);\n }, []);\n\n const onClickLoadData = useCallback(async () => {\n setErrorMsg(null);\n setIsLoading(true);\n\n try {\n // 1. Resolve FASTA content\n let fastaContent = '';\n if (fastaTab === FASTA_TAB.DROP && fastaFile) {\n fastaContent = await fastaFile[0].text();\n } else if (fastaTab === FASTA_TAB.URL && fastaUrl.trim()) {\n const res = await fetch(fastaUrl.trim());\n if (!res.ok) {\n throw new Error(`Failed to fetch FASTA from URL (${res.status} ${res.statusText})`);\n }\n fastaContent = await res.text();\n } else if (fastaTab === FASTA_TAB.PASTE && fastaText.trim()) {\n fastaContent = fastaText.trim();\n }\n\n if (!fastaContent?.trim()) {\n throw new Error('Please provide FASTA sequence data via file, URL, or paste.');\n }\n\n // 2. Resolve Metadata content (optional)\n let metadataContent = '';\n if (metadataTab === META_DATA_TAB.DROP && metadataFile) {\n metadataContent = await metadataFile[0].text();\n } else if (metadataTab === META_DATA_TAB.URL && metadataUrl.trim()) {\n const res = await fetch(metadataUrl.trim());\n if (!res.ok) {\n throw new Error(`Failed to fetch Metadata from URL (${res.status} ${res.statusText})`);\n }\n metadataContent = await res.text();\n } else if (metadataTab === META_DATA_TAB.PASTE && metadataText.trim()) {\n metadataContent = metadataText.trim();\n }\n onDataChange(fastaContent, metadataContent);\n if (onClose) {\n onClose();\n }\n } catch (err: unknown) {\n console.error('Data import failed:', err);\n onError(err);\n } finally {\n setIsLoading(false);\n }\n }, [fastaFile, fastaTab, fastaText, fastaUrl, metadataFile, metadataTab, metadataText, metadataUrl, onClose, onDataChange, onError]);\n\n\n useEffect(() => {\n const actions: DialogAction[] = [\n {\n disabled: isLoading,\n label: isLoading ? 'Processing...' : 'Load & Calculate',\n onClick: onClickLoadData,\n startIcon: isLoading ? (\n <CircularProgress\n color={'inherit'}\n size={18}\n />\n ) : undefined,\n variant: 'contained',\n },\n ];\n if (extraActions?.length) {\n actions.unshift(...extraActions);\n }\n if (onActionsChange) {\n onActionsChange(actions);\n }\n }, [onActionsChange, onClickLoadData, isLoading, extraActions]);\n\n return (\n <>\n {errorMsg && (\n <Alert\n onClose={onCloseError}\n severity={'error'}\n sx={{\n marginBottom: 2,\n }}\n >\n {errorMsg}\n </Alert>\n )}\n <Box sx={{ display: 'grid', gap: 3, gridTemplateColumns: { md: '1fr 1fr', xs: '1fr' } }}>\n {/* FASTA Sequences Group /}\n <Paper\n sx={{ borderRadius: 2, p: 2.5 }}\n variant={'outlined'}\n >\n <Box sx={{ alignItems: 'center', display: 'flex', gap: 1, mb: 1.5 }}>\n <DnaIcon color={'primary'} />\n <Typography\n sx={{ fontWeight: 700 }}\n variant={'subtitle1'}\n >\n {'1. FASTA Sequences (required)'}\n </Typography>\n </Box>\n <Typography\n color={'text.secondary'}\n sx={{ display: 'block', mb: 2 }}\n variant={'caption'}\n >\n {fastaDescription}\n </Typography>\n <Tabs\n onChange={onChangeFastaTab}\n sx={{ mb: 2, minHeight: 36 }}\n value={fastaTab}\n >\n <Tab\n label={'File Upload'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Public URL'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Direct Paste'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n </Tabs>\n {fastaTab === FASTA_TAB.DROP && (\n <FileDropZone\n accept={'.fasta,.fa,.fna,.aln'}\n files={fastaFile}\n helperText={'Drag & drop .fasta / .fa alignment file'}\n onFilesSelected={onFileSelectedFasta}\n />\n )}\n {fastaTab === FASTA_TAB.URL && (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, justifyContent: 'center', minHeight: 180 }}>\n <TextField\n fullWidth\n helperText={'Enter a publicly accessible URL to a FASTA alignment'}\n label={'FASTA URL'}\n onChange={onChangeFastaUrl}\n placeholder={'https://example.com/sequences.fasta'}\n value={fastaUrl}\n variant={'outlined'}\n />\n </Box>\n )}\n {fastaTab === FASTA_TAB.PASTE && (\n <Box sx={{ minHeight: 180 }}>\n <TextField\n fullWidth\n label={'Paste FASTA Content'}\n multiline\n onChange={onChangeFastaText}\n placeholder={'>seq1 ACTG... >seq2 ACTG...'}\n rows={6}\n sx={{ fontFamily: 'monospace' }}\n value={fastaText}\n variant={'outlined'}\n />\n </Box>\n )}\n </Paper>\n {/ TSV Metadata Group */}\n <Paper\n sx={{ borderRadius: 2, p: 2.5 }}\n variant={'outlined'}\n >\n <Box sx={{ alignItems: 'center', display: 'flex', gap: 1, mb: 1.5 }}>\n <TableChartIcon color={'primary'} />\n <Typography\n sx={{ fontWeight: 700 }}\n variant={'subtitle1'}\n >\n {'2. TSV Metadata (optional)'}\n </Typography>\n </Box>\n <Typography\n color={'text.primary'}\n sx={{ display: 'block', mb: 2 }}\n variant={'caption'}\n >\n {'Sample attributes for coloring, search & custom leaf labels.'}\n </Typography>\n <Tabs\n onChange={onChangeMetadataTab}\n sx={{ mb: 2, minHeight: 36 }}\n value={metadataTab}\n >\n <Tab\n label={'File Upload'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Public URL'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n <Tab\n label={'Direct Paste'}\n sx={{ fontSize: '0.85rem', py: 0.5 }}\n />\n </Tabs>\n {metadataTab === META_DATA_TAB.DROP && (\n <FileDropZone\n accept={'.tsv,.txt,.csv'}\n files={metadataFile}\n label={'TSV Metadata File'}\n onFilesSelected={onFileSelectedMetadata}\n />\n )}\n {metadataTab === META_DATA_TAB.URL && (\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5, justifyContent: 'center', minHeight: 180 }}>\n <TextField\n fullWidth\n helperText={'Enter a publicly accessible URL to a TSV metadata file'}\n label={'Metadata TSV URL'}\n onChange={onChangeMetadataUrl}\n placeholder={'https://example.com/metadata.tsv'}\n value={metadataUrl}\n variant={'outlined'}\n />\n </Box>\n )}\n {metadataTab === META_DATA_TAB.PASTE && (\n <Box sx={{ minHeight: 180 }}>\n <TextField\n fullWidth\n label={'Paste TSV Content'}\n multiline\n onChange={onChangeMetadataText}\n placeholder={'SampleID Country Date Sample1 NL 2024-01-01'}\n rows={6}\n sx={{ fontFamily: 'monospace' }}\n value={metadataText}\n variant={'outlined'}\n />\n </Box>\n )}\n </Paper>\n </Box>\n </>\n );\n}, {\n defaultTitle: 'Load phylogenetic data',\n fullWidth: true,\n maxWidth: 'xl',\n testId: 'FastaDataImportDialog',\n});\n"],"mappings":"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"}

package/dist/components/fasta/FastaDataImportDialogLoader/FastaDataImportDialogLoader.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { StoreApi } from 'zustand';
 import { FastaDataStore } from '../../../stores/fastaDataStore';
 export type FastaDataImportDialogLoaderProps = {
     extraActions?: DialogAction[];
+    fastaDescription?: string;
     store: StoreApi<FastaDataStore>;
 };
-export declare const FastaDataImportDialogLoader: ({ extraActions, store }: FastaDataImportDialogLoaderProps) => import('react').JSX.Element;
+export declare const FastaDataImportDialogLoader: ({ extraActions, fastaDescription, store }: FastaDataImportDialogLoaderProps) => import('react').JSX.Element;

package/dist/components/fasta/FastaDataImportDialogLoader/index.js CHANGED Viewed

@@ -1,70 +1,84 @@
 import { UrlUtil as e } from "../../../utils/UrlUtil/index.js";
 import { ErrorUtil as t } from "../../../utils/ErrorUtil/index.js";
 import { LOADING_STATUS as n } from "../../../models/fasta.models.js";
-import { FastaDataEventBusService as r } from "../../../classes/services/FastaDataEventBusService/index.js";
-import { t as i } from "../../../_chunks/react.js";
-import { FastaDataImportDialog as a } from "../FastaDataImportDialog/index.js";
-import { container as o } from "tsyringe";
-import { Fragment as s, jsx as c } from "react/jsx-runtime";
-import { useCallback as l, useEffect as u, useRef as d } from "react";
+import { t as r } from "../../../_chunks/LoculusService.js";
+import { UrlService as i } from "../../../classes/services/UrlService/index.js";
+import { FastaDataEventBusService as a } from "../../../classes/services/FastaDataEventBusService/index.js";
+import { FastaDataImportDialog as o } from "../FastaDataImportDialog/index.js";
+import { container as s } from "tsyringe";
+import { Fragment as c, jsx as l } from "react/jsx-runtime";
+import u, { useCallback as d, useEffect as f, useRef as p } from "react";
+// ../../../node_modules/.pnpm/zustand@5.0.16_@types+react@19.3.0_react@19.3.1_use-sync-external-store@1.7.0_react@19.3.1_/node_modules/zustand/esm/react.mjs
+var m = (e) => e;
+function h(e, t = m) {
+	let n = u.useSyncExternalStore(e.subscribe, u.useCallback(() => t(e.getState()), [e, t]), () => t(e.getInitialState()));
+	return u.useDebugValue(n), n;
+}
 // src/components/fasta/FastaDataImportDialogLoader/FastaDataImportDialogLoader.tsx
-var f = ({ extraActions: f, store: p }) => {
-	let m = i(p, (e) => e.setData), h = i(p, (e) => e.setLoadingStatus), g = d(null);
-	u(() => {
-		let e = [o.resolve(r).addEventListener("onShowImportDialog", (e) => {
-			g.current?.open(e ? { initialErrorMessage: e } : void 0);
-		}), o.resolve(r).addEventListener("onCloseImportDialog", () => {
-			g.current?.close();
+var g = ({ extraActions: u, fastaDescription: m, store: g }) => {
+	let _ = h(g, (e) => e.setData), v = h(g, (e) => e.setLoadingStatus), y = p(null);
+	f(() => {
+		let e = [s.resolve(a).addEventListener("onShowImportDialog", (e) => {
+			y.current?.open(e ? { initialErrorMessage: e } : void 0);
+		}), s.resolve(a).addEventListener("onCloseImportDialog", () => {
+			y.current?.close();
 		})];
 		return () => {
 			e.forEach((e) => e());
 		};
-	}, []), u(() => {
-		let e = new URLSearchParams(window.location.search), t = e.get("input-fasta"), i = e.get("input-metadata");
+	}, []), f(() => {
+		let { inputFastaUrl: t, inputMetadataUrl: r } = i.getParamsFromUrl(window.location.href), o = async () => {
+			if (!t || !e.isValidResourceUrl(t)) throw Error("Invalid input-fasta URL.");
+			let r = await fetch(t);
+			if (!r.ok) throw Error(`FASTA fetch failed (${r.status})`);
+			let i = await r.text();
+			if (!i.trim()) throw v(n.ERROR), Error("The input-fasta URL returned no sequence data. Check that the URL and requested accession(s) are correct.");
+			return i;
+		}, c = async () => {
+			if (r) try {
+				if (!e.isValidResourceUrl(r)) throw Error("Invalid input-metadata URL.");
+				let t = await fetch(r);
+				return t.ok ? await t.text() : void 0;
+			} catch (e) {
+				console.warn("[App] Failed to auto-fetch metadata:", e);
+				return;
+			}
+		}, l = async () => {
+			v(n.LOADING);
+			try {
+				let e = await o(), t = await c();
+				await _(e, t);
+			} catch (e) {
+				console.error("[App] Failed to auto-load FASTA:", e);
+				let t = e instanceof Error ? e.message : "Failed to auto-load FASTA from the provided URL.";
+				s.resolve(a).emit("onShowImportDialog", t);
+			}
+		};
 		(async () => {
-			if (t) {
-				h(n.LOADING);
-				try {
-					let e = await fetch(t);
-					if (!e.ok) throw Error(`FASTA fetch failed (${e.status})`);
-					let r = await e.text();
-					if (!r.trim()) throw h(n.ERROR), Error("The input-fasta URL returned no sequence data. Check that the URL and requested accession(s) are correct.");
-					let a;
-					if (i) try {
-						let e = await fetch(i);
-						e.ok && (a = await e.text());
-					} catch (e) {
-						console.warn("[App] Failed to auto-fetch metadata:", e);
-					}
-					await m(r, a);
-				} catch (e) {
-					console.error("[App] Failed to auto-load FASTA:", e);
-					let t = e instanceof Error ? e.message : "Failed to auto-load FASTA from the provided URL.";
-					o.resolve(r).emit("onShowImportDialog", t);
-				}
-			} else o.resolve(r).emit("onShowImportDialog");
+			t ? await l() : s.resolve(a).emit("onShowImportDialog");
 		})();
-	}, [m, h]);
-	let _ = l((e) => {
-		g.current?.close(), o.resolve(r).emit("onShowImportDialog", e);
-	}, []), v = l(async (n, r) => {
+	}, [_, v]);
+	let b = d((e) => {
+		y.current?.close(), s.resolve(a).emit("onShowImportDialog", e);
+	}, []), x = d(async (n, i) => {
 		try {
-			await m(n, r), g.current?.close();
+			await _(n, i), y.current?.close();
 		} catch (e) {
-			_(t.getErrorMessage(e, "Unknown error"));
+			b(t.getErrorMessage(e, "Unknown error"));
 		} finally {
-			e.clearSearchParams();
+			e.clearSearchParams(), s.resolve(r).clear();
 		}
-	}, [_, m]), y = l((e) => {
-		_(t.getErrorMessage(e, "Unknown error"));
-	}, [_]);
-	return /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(a, {
-		extraActions: f,
-		onDataChange: v,
-		onError: y,
-		ref: g
+	}, [b, _]), S = d((e) => {
+		b(t.getErrorMessage(e, "Unknown error"));
+	}, [b]);
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(o, {
+		extraActions: u,
+		fastaDescription: m,
+		onDataChange: x,
+		onError: S,
+		ref: y
 	}) });
 };
-export { f as FastaDataImportDialogLoader };
+export { g as FastaDataImportDialogLoader };
 //# sourceMappingURL=index.js.map

package/dist/components/fasta/FastaDataImportDialogLoader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Fragment","useStore","FastaDataImportDialogLoader","setData","store","state","setLoadingStatus","fastaDataImportDialogRef","useRef","useEffect","removers","container","FastaDataEventBusService","initialErrorMessage","remove","~~urlParams~~","~~inputFastaUrl~~","~~inputMetadataUrl~~","~~LOADING_STATUS~~","fastaRes","fastaText","~~metaText~~","metaRes","metaErr","fastaErr","message","handleError","useCallback","errorMessage","onDataChange","fastaContent","metadataContent","ErrorUtil","onError","Fragment","FastaDataImportDialog"],"sources":["../../../../src/components/fasta/FastaDataImportDialogLoader/FastaDataImportDialogLoader.tsx"],"sourcesContent":["import { container } from 'tsyringe';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport {\n useCallback,\n useEffect,\n useRef,\n} from 'react';\nimport type { StoreApi } from 'zustand';\nimport { useStore } from 'zustand';\n\nimport { FastaDataEventBusService } from '../../../classes/services/FastaDataEventBusService';\nimport { LOADING_STATUS } from '../../../models/fasta.models';\nimport type { FastaDataStore } from '../../../stores/fastaDataStore';\nimport { UrlUtil } from '../../../utils/UrlUtil';\nimport type { FastaDataImportDialogRefMethods } from '../FastaDataImportDialog';\nimport { FastaDataImportDialog } from '../FastaDataImportDialog';\nimport { ErrorUtil } from '../../../utils/ErrorUtil';\n\n\nexport type FastaDataImportDialogLoaderProps = {\n extraActions?: DialogAction[];\n store: StoreApi<FastaDataStore>;\n};\n\nexport const FastaDataImportDialogLoader = ({ extraActions, store }: FastaDataImportDialogLoaderProps) => {\n const setData = useStore(store, (state) => state.setData);\n const setLoadingStatus = useStore(store, (state) => state.setLoadingStatus);\n const fastaDataImportDialogRef = useRef<FastaDataImportDialogRefMethods>(null);\n\n useEffect(() => {\n const removers = [\n // eslint-disable-next-line @eslint-react/web-api-no-leaked-event-listener\n container.resolve(FastaDataEventBusService).addEventListener('onShowImportDialog', (initialErrorMessage?: string) => {\n fastaDataImportDialogRef.current?.open(initialErrorMessage ? { initialErrorMessage } : undefined);\n }),\n // eslint-disable-next-line @eslint-react/web-api-no-leaked-event-listener\n container.resolve(FastaDataEventBusService).addEventListener('onCloseImportDialog', () => {\n fastaDataImportDialogRef.current?.close();\n }),\n ];\n return () => {\n removers.forEach((remove) => remove());\n };\n }, []);\n\n useEffect(() => {\n // Scan URL parameters for deep-linking\n const ~~urlParams~~ = ~~new~~ ~~URLSearchParams(window.location.search);\n const~~ ~~inputFastaUrl~~ = ~~urlParams~~.~~get~~(~~'input-fasta');\n const inputMetadataUrl = urlParams~~.~~get('input-metadata'~~);\n\n const ~~handleDeepLinking~~ = async () => {\n if (inputFastaUrl) {\n ~~setLoadingStatus~~(~~LOADING_STATUS~~.~~LOADING~~);\n ~~try {~~\n const fastaRes = await fetch(inputFastaUrl);\n if (!fastaRes.ok) {\n throw new Error(`FASTA fetch failed (${fastaRes.status})`);\n }\n const fastaText = await fastaRes.text();\n\n if (!fastaText.trim()) {\n setLoadingStatus(LOADING_STATUS.ERROR);\n throw new Error('The input-fasta URL returned no sequence data. Check that the URL and requested accession(s) are correct.');\n }\n\n ~~let~~ ~~metaText:~~ ~~string~~ \| ~~undefined;\~~n if (inputMetadataUrl) {\n try {\n const metaRes = await fetch(inputMetadataUrl);\n if (metaRes.ok) ~~{\n metaText~~ = await metaRes.text();\n }~~\n }~~ catch (metaErr) {\n console.warn('[App] Failed to auto-fetch metadata:', metaErr);\n }\n }\n\n await setData(fastaText, metaText);\n } catch (fastaErr) {\n console.error('[App] Failed to auto-load FASTA:', fastaErr);\n const message = fastaErr instanceof Error ? fastaErr.message : 'Failed to auto-load FASTA from the provided URL.';\n container.resolve(FastaDataEventBusService).emit('onShowImportDialog', message);\n }\n } ~~else~~ {\n // PV1-02: Show data loading modal if no data provided via URL query params\n container.resolve(FastaDataEventBusService).emit('onShowImportDialog');\n ~~}\n~~ };\n\n void handleDeepLinking();\n }, [setData, setLoadingStatus]);\n\n const handleError = useCallback((errorMessage: string) => {\n fastaDataImportDialogRef.current?.close();\n container.resolve(FastaDataEventBusService).emit('onShowImportDialog', errorMessage);\n }, []);\n\n const onDataChange = useCallback(async (fastaContent: string, metadataContent?: string) => {\n try {\n await setData(fastaContent, metadataContent);\n fastaDataImportDialogRef.current?.close();\n } catch (e) {\n handleError(ErrorUtil.getErrorMessage(e, 'Unknown error'));\n } finally {\n // clear any search params from the URL\n UrlUtil.clearSearchParams();\n }\n }, [handleError, setData]);\n\n const onError = useCallback((errorMessage: unknown) => {\n handleError(ErrorUtil.getErrorMessage(errorMessage, 'Unknown error'));\n }, [handleError]);\n\n return (\n <>\n <FastaDataImportDialog\n extraActions={extraActions}\n onDataChange={onDataChange}\n onError={onError}\n ref={fastaDataImportDialogRef}\n />\n </>\n );\n};\n"],"mappings":"~~;;;;;;;;;;AAwBA~~,~~IAAaE~~,KAA+B,EAAE,iBAAc,eAA8C;~~CACxG~~,IAAMC,~~IAAUF~~,~~EAASG~~,IAAQ,MAAUC,EAAM,OAAO,GAClDC,~~IAAmBL~~,~~EAASG~~,IAAQ,MAAUC,EAAM,gBAAgB,GACpEE,IAA2BC,EAAwC,IAAI;CAkB7E,AAhBAC,QAAgB;EACd,IAAMC,IAAW,CAEfC,EAAU,QAAQC,CAAwB,CAAC,CAAC,iBAAiB,uBAAuB,MAAiC;GACnH,EAAyB,SAAS,KAAKC,IAAsB,EAAE,uBAAoB,IAAI,KAAA,CAAS;EAClG,CAAC,GAEDF,EAAU,QAAQC,CAAwB,CAAC,CAAC,iBAAiB,6BAA6B;GACxF,EAAyB,SAAS,MAAM;EAC1C,CAAC,CACH;EACA,aAAa;GACX,EAAS,SAAS,MAAWE,EAAO,CAAC;EACvC;CACF,GAAG,CAAC,CAAC,GAELL,QAAgB;EAEd,~~IAAMM~~,~~IAAY~~,~~IAAI~~,~~gBAAgB~~,OAAO,SAAS,~~MAAM~~,~~GACtDC~~,~~IAAgBD~~,~~EAAU~~,IAAI,~~aAAa~~,~~GAC3CE~~,~~IAAmBF~~,~~EAAU~~,~~IAAI~~,~~gBAAgB;EAyCvD~~,~~aAvCsC;GACpC~~,~~IAAIC~~,~~GAAe;IACjB~~,~~EAAiBE,EAAe,OAAO~~;~~IACvC~~,~~IAAI;KACF~~,~~IAAMC,~~IAAW,MAAM,~~MAAMH~~,CAAa;~~KAC1C~~,IAAI,~~CAACG~~,EAAS,IACZ,MAAU,MAAM,uBAAuBA,EAAS,OAAO,EAAE;~~KAE3D~~,IAAMC,IAAY,MAAMD,EAAS,KAAK;~~KAEtC~~,IAAI,CAACC,EAAU,KAAK,GAElB,MADAd,~~EAAiBY~~,EAAe,KAAK,GAC3B,MAAM,2GAA2G;~~KAG7H~~,~~IAAIG~~;~~KACJ~~,~~IAAIJ~~,~~GACF~~,IAAI;~~MACF~~,~~IAAMK~~,IAAU,MAAM,~~MAAML~~,CAAgB;~~MAC5C~~,~~AAAIK~~,EAAQ,~~OACV~~,~~IAAW,~~MAAMA,EAAQ,KAAK;~~KAElC~~,SAASC,GAAS;~~MAChB~~,QAAQ,KAAK,wCAAwCA,CAAO;~~KAC9D~~;~~KAGF~~,~~MAAMpB~~,EAAQiB,~~GAAWC~~,CAAQ;~~IACnC~~,~~SAASG~~,GAAU;~~KACjB~~,QAAQ,MAAM,oCAAoCA,CAAQ;~~KAC1D~~,IAAMC,IAAUD,aAAoB,QAAQA,EAAS,UAAU;~~KAC~~/D,EAAU,~~QAAQZ~~,CAAwB,CAAC,CAAC,KAAK,~~sBAAsBa~~,CAAO;~~IAChF~~;~~GACF~~,~~OAEE~~,EAAU,~~QAAQb~~,CAAwB,CAAC,CAAC,KAAK,oBAAoB;~~EAEzE~~,EAEK,CAAkB;CACzB,GAAG,CAACT,GAASG,CAAgB,CAAC;CAE9B,~~IAAMoB~~,IAAcC,GAAa,MAAyB;EAExD,~~AADApB~~,EAAyB,SAAS,MAAM,GACxCI,EAAU,QAAQC,CAAwB,CAAC,CAAC,KAAK,~~sBAAsBgB~~,CAAY;CACrF,GAAG,CAAC,CAAC,GAECC,IAAeF,EAAY,OAAO,GAAsB,MAA6B;EACzF,IAAI;GAEF,AADA,~~MAAMxB~~,~~EAAQ2B~~,GAAcC,CAAe,~~GAC3CxB~~,EAAyB,SAAS,MAAM;EAC1C,SAAS,GAAG;GACV,~~EAAYyB~~,EAAU,gBAAgB,GAAG,eAAe,CAAC;EAC3D,UAAU;~~GAER~~,EAAQ,kBAAkB;~~EAC5B~~;CACF,GAAG,~~CAACN~~,~~GAAavB~~,CAAO,CAAC,~~GAEnB8B~~,IAAUN,GAAa,MAA0B;EACrD,EAAYK,EAAU,gBAAgBJ,GAAc,eAAe,CAAC;CACtE,GAAG,CAACF,CAAW,CAAC;CAEhB,OACE,~~kBAAA1B~~,GAAA,EAAA,UACE,~~kBAACmC~~,GAAD;EACgB;~~EACA~~;EACL;EACT,~~KAAK5B~~;CACN,CAAA,EACD,CAAA;AAEN"}
1	+ {"version":3,"file":"index.js","names":["_Fragment","LoculusService","React","identity","arg","useStore","slice","api","selector","FastaDataImportDialogLoader","setData","store","state","setLoadingStatus","fastaDataImportDialogRef","useRef","useEffect","removers","container","FastaDataEventBusService","initialErrorMessage","remove","UrlService","fetchFasta","inputFastaUrl","UrlUtil","fastaRes","fastaText","LOADING_STATUS","fetchMetadata","inputMetadataUrl","metaRes","metaErr","loadDeepLinkedData","metaText","fastaErr","message","handleError","useCallback","errorMessage","onDataChange","fastaContent","metadataContent","ErrorUtil","onError","Fragment","FastaDataImportDialog"],"sources":["../../../../../../../node_modules/.pnpm/zustand@5.0.16_@types+react@19.3.0_react@19.3.1_use-sync-external-store@1.7.0_react@19.3.1_/node_modules/zustand/esm/react.mjs","../../../../src/components/fasta/FastaDataImportDialogLoader/FastaDataImportDialogLoader.tsx"],"sourcesContent":["import React from 'react';\nimport { createStore } from 'zustand/vanilla';\n\nconst identity = (arg) => arg;\nfunction useStore(api, selector = identity) {\n const slice = React.useSyncExternalStore(\n api.subscribe,\n React.useCallback(() => selector(api.getState()), [api, selector]),\n () => selector(api.getInitialState())\n );\n React.useDebugValue(slice);\n return slice;\n}\nconst createImpl = (createState) => {\n const api = createStore(createState);\n const useBoundStore = (selector) => useStore(api, selector);\n Object.assign(useBoundStore, api);\n return useBoundStore;\n};\nconst create = ((createState) => createState ? createImpl(createState) : createImpl);\n\nexport { create, useStore };\n","import { container } from 'tsyringe';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport {\n useCallback,\n useEffect,\n useRef,\n} from 'react';\nimport type { StoreApi } from 'zustand';\nimport { useStore } from 'zustand';\n\nimport { FastaDataEventBusService } from '../../../classes/services/FastaDataEventBusService';\nimport { UrlService } from '../../../classes/services/UrlService';\nimport { LOADING_STATUS } from '../../../models/fasta.models';\nimport type { FastaDataStore } from '../../../stores/fastaDataStore';\nimport { UrlUtil } from '../../../utils/UrlUtil';\nimport type { FastaDataImportDialogRefMethods } from '../FastaDataImportDialog';\nimport { FastaDataImportDialog } from '../FastaDataImportDialog';\nimport { ErrorUtil } from '../../../utils/ErrorUtil';\nimport { LoculusService } from '../../../classes/services/LoculusService';\n\n\nexport type FastaDataImportDialogLoaderProps = {\n extraActions?: DialogAction[];\n fastaDescription?: string;\n store: StoreApi<FastaDataStore>;\n};\n\nexport const FastaDataImportDialogLoader = ({ extraActions, fastaDescription, store }: FastaDataImportDialogLoaderProps) => {\n const setData = useStore(store, (state) => state.setData);\n const setLoadingStatus = useStore(store, (state) => state.setLoadingStatus);\n const fastaDataImportDialogRef = useRef<FastaDataImportDialogRefMethods>(null);\n\n useEffect(() => {\n const removers = [\n // eslint-disable-next-line @eslint-react/web-api-no-leaked-event-listener\n container.resolve(FastaDataEventBusService).addEventListener('onShowImportDialog', (initialErrorMessage?: string) => {\n fastaDataImportDialogRef.current?.open(initialErrorMessage ? { initialErrorMessage } : undefined);\n }),\n // eslint-disable-next-line @eslint-react/web-api-no-leaked-event-listener\n container.resolve(FastaDataEventBusService).addEventListener('onCloseImportDialog', () => {\n fastaDataImportDialogRef.current?.close();\n }),\n ];\n return () => {\n removers.forEach((remove) => remove());\n };\n }, []);\n\n useEffect(() => {\n // Scan URL parameters for deep-linking\n const { inputFastaUrl, inputMetadataUrl } = UrlService.getParamsFromUrl(window.location.href);\n\n const fetchFasta = async () => {\n if (!inputFastaUrl \|\| !UrlUtil.isValidResourceUrl(inputFastaUrl)) {\n throw new Error('Invalid input-fasta URL.');\n }\n const fastaRes = await fetch(inputFastaUrl);\n if (!fastaRes.ok) {\n throw new Error(`FASTA fetch failed (${fastaRes.status})`);\n }\n const fastaText = await fastaRes.text();\n if (!fastaText.trim()) {\n setLoadingStatus(LOADING_STATUS.ERROR);\n throw new Error('The input-fasta URL returned no sequence data. Check that the URL and requested accession(s) are correct.');\n }\n return fastaText;\n };\n\n const fetchMetadata = async () => {\n if (!inputMetadataUrl) {\n return undefined;\n }\n try {\n if (!UrlUtil.isValidResourceUrl(inputMetadataUrl)) {\n throw new Error('Invalid input-metadata URL.');\n }\n const metaRes = await fetch(inputMetadataUrl);\n return metaRes.ok ? await metaRes.text() : undefined;\n } catch (metaErr) {\n console.warn('[App] Failed to auto-fetch metadata:', metaErr);\n return undefined;\n }\n };\n\n const loadDeepLinkedData = async () => {\n setLoadingStatus(LOADING_STATUS.LOADING);\n try {\n const fastaText = await fetchFasta();\n const metaText = await fetchMetadata();\n await setData(fastaText, metaText);\n } catch (fastaErr) {\n console.error('[App] Failed to auto-load FASTA:', fastaErr);\n const message = fastaErr instanceof Error ? fastaErr.message : 'Failed to auto-load FASTA from the provided URL.';\n container.resolve(FastaDataEventBusService).emit('onShowImportDialog', message);\n }\n };\n\n const handleDeepLinking = async () => {\n if (inputFastaUrl) {\n await loadDeepLinkedData();\n return;\n }\n // PV1-02: Show data loading modal if no data provided via URL query params\n container.resolve(FastaDataEventBusService).emit('onShowImportDialog');\n };\n\n void handleDeepLinking();\n }, [setData, setLoadingStatus]);\n\n const handleError = useCallback((errorMessage: string) => {\n fastaDataImportDialogRef.current?.close();\n container.resolve(FastaDataEventBusService).emit('onShowImportDialog', errorMessage);\n }, []);\n\n const onDataChange = useCallback(async (fastaContent: string, metadataContent?: string) => {\n try {\n await setData(fastaContent, metadataContent);\n fastaDataImportDialogRef.current?.close();\n } catch (e) {\n handleError(ErrorUtil.getErrorMessage(e, 'Unknown error'));\n } finally {\n // clear any search params from the URL\n UrlUtil.clearSearchParams();\n container.resolve(LoculusService).clear();\n }\n }, [handleError, setData]);\n\n const onError = useCallback((errorMessage: unknown) => {\n handleError(ErrorUtil.getErrorMessage(errorMessage, 'Unknown error'));\n }, [handleError]);\n\n return (\n <>\n <FastaDataImportDialog\n extraActions={extraActions}\n fastaDescription={fastaDescription}\n onDataChange={onDataChange}\n onError={onError}\n ref={fastaDataImportDialogRef}\n />\n </>\n );\n};\n"],"ignoreList":[0],"mappings":"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"}

package/dist/components/fasta/FastaPageHeaderCenterComponent/FastaPageHeaderCenterComponent.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 import { ComponentsOverrides, Theme } from '@mui/material/styles';
-import { StoreApi } from 'zustand';
-import { FastaDataStore } from '../../../stores/fastaDataStore';
 export type FastaPageHeaderCenterComponentProps = {
-    store: StoreApi<FastaDataStore>;
+    metaDataCount: number;
+    sequenceCount: number;
 };
 export type FastaPageHeaderCenterComponentTheme = {
     styleOverrides?: ComponentsOverrides<Theme>['MuiChip'];
 };
-export declare const FastaPageHeaderCenterComponent: ({ store }: FastaPageHeaderCenterComponentProps) => import('react').JSX.Element;
+export declare const FastaPageHeaderCenterComponent: ({ metaDataCount, sequenceCount }: FastaPageHeaderCenterComponentProps) => import('react').JSX.Element;