@rivm-loculus-tools/common-frontend 0.1.0 → 0.1.4

package/dist/_chunks/FastaDataImportDialog.js

@@ -0,0 +1,309 @@
+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";
+//#region src/components/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);
+	f(() => {
+		U(w?.initialErrorMessage ?? null);
+	}, [w]), f(() => {
+		C && C(!!w?.initialErrorMessage), x && x(!!w?.initialErrorMessage);
+	}, [
+		x,
+		C,
+		w?.initialErrorMessage
+	]);
+	let W = d(() => U(null), []), G = d((e, t) => {
+		E(t);
+	}, []), K = 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);
+	}, []), Z = d((e) => {
+		L(e.target.value);
+	}, []), Q = d((e) => {
+		z(e.target.value);
+	}, []), $ = d(async () => {
+		U(null), V(!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 (!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());
+			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 (!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();
+		} catch (e) {
+			console.error("Data import failed:", e), S(e);
+		} finally {
+			V(!1);
+		}
+	}, [
+		D,
+		T,
+		j,
+		k,
+		P,
+		N,
+		R,
+		I,
+		y,
+		b,
+		S
+	]);
+	return f(() => {
+		let e = [{
+			disabled: B,
+			label: B ? "Processing..." : "Load & Calculate",
+			onClick: $,
+			startIcon: B ? /* @__PURE__ */ l(n, {
+				color: "inherit",
+				size: 18
+			}) : void 0,
+			variant: "contained"
+		}];
+		_?.length && e.unshift(..._), v && v(e);
+	}, [
+		v,
+		$,
+		B,
+		_
+	]), /* @__PURE__ */ u(c, { children: [H && /* @__PURE__ */ l(e, {
+		onClose: W,
+		severity: "error",
+		sx: { marginBottom: 2 },
+		children: H
+	}), /* @__PURE__ */ u(t, {
+		sx: {
+			display: "grid",
+			gap: 3,
+			gridTemplateColumns: {
+				md: "1fr 1fr",
+				xs: "1fr"
+			}
+		},
+		children: [/* @__PURE__ */ u(r, {
+			sx: {
+				borderRadius: 2,
+				p: 2.5
+			},
+			variant: "outlined",
+			children: [
+				/* @__PURE__ */ u(t, {
+					sx: {
+						alignItems: "center",
+						display: "flex",
+						gap: 1,
+						mb: 1.5
+					},
+					children: [/* @__PURE__ */ l(m, { color: "primary" }), /* @__PURE__ */ l(s, {
+						sx: { fontWeight: 700 },
+						variant: "subtitle1",
+						children: "1. FASTA Sequences (Required)"
+					})]
+				}),
+				/* @__PURE__ */ l(s, {
+					color: "text.secondary",
+					sx: {
+						display: "block",
+						mb: 2
+					},
+					variant: "caption",
+					children: "Pre-aligned nucleotide or amino-acid sequence data."
+				}),
+				/* @__PURE__ */ u(a, {
+					onChange: G,
+					sx: {
+						mb: 2,
+						minHeight: 36
+					},
+					value: T,
+					children: [
+						/* @__PURE__ */ l(i, {
+							label: "File Upload",
+							sx: {
+								fontSize: "0.85rem",
+								py: .5
+							}
+						}),
+						/* @__PURE__ */ l(i, {
+							label: "Public URL",
+							sx: {
+								fontSize: "0.85rem",
+								py: .5
+							}
+						}),
+						/* @__PURE__ */ l(i, {
+							label: "Direct Paste",
+							sx: {
+								fontSize: "0.85rem",
+								py: .5
+							}
+						})
+					]
+				}),
+				T === 0 && /* @__PURE__ */ l(g, {
+					accept: ".fasta,.fa,.fna,.aln",
+					files: D,
+					helperText: "Drag & drop .fasta / .fa alignment file",
+					onFilesSelected: q
+				}),
+				T === 1 && /* @__PURE__ */ l(t, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 1.5,
+						justifyContent: "center",
+						minHeight: 180
+					},
+					children: /* @__PURE__ */ l(o, {
+						fullWidth: !0,
+						helperText: "Enter a publicly accessible URL to a FASTA alignment",
+						label: "FASTA URL",
+						onChange: Y,
+						placeholder: "https://example.com/sequences.fasta",
+						value: k,
+						variant: "outlined"
+					})
+				}),
+				T === 2 && /* @__PURE__ */ l(t, {
+					sx: { minHeight: 180 },
+					children: /* @__PURE__ */ l(o, {
+						fullWidth: !0,
+						label: "Paste FASTA Content",
+						multiline: !0,
+						onChange: X,
+						placeholder: ">seq1
ACTG...
>seq2
ACTG...",
+						rows: 6,
+						sx: { fontFamily: "monospace" },
+						value: j,
+						variant: "outlined"
+					})
+				})
+			]
+		}), /* @__PURE__ */ u(r, {
+			sx: {
+				borderRadius: 2,
+				p: 2.5
+			},
+			variant: "outlined",
+			children: [
+				/* @__PURE__ */ u(t, {
+					sx: {
+						alignItems: "center",
+						display: "flex",
+						gap: 1,
+						mb: 1.5
+					},
+					children: [/* @__PURE__ */ l(h, { color: "primary" }), /* @__PURE__ */ l(s, {
+						sx: { fontWeight: 700 },
+						variant: "subtitle1",
+						children: "2. TSV Metadata (Optional)"
+					})]
+				}),
+				/* @__PURE__ */ l(s, {
+					color: "text.primary",
+					sx: {
+						display: "block",
+						mb: 2
+					},
+					variant: "caption",
+					children: "Sample attributes for coloring, search & custom leaf labels."
+				}),
+				/* @__PURE__ */ u(a, {
+					onChange: K,
+					sx: {
+						mb: 2,
+						minHeight: 36
+					},
+					value: N,
+					children: [
+						/* @__PURE__ */ l(i, {
+							label: "File Upload",
+							sx: {
+								fontSize: "0.85rem",
+								py: .5
+							}
+						}),
+						/* @__PURE__ */ l(i, {
+							label: "Public URL",
+							sx: {
+								fontSize: "0.85rem",
+								py: .5
+							}
+						}),
+						/* @__PURE__ */ l(i, {
+							label: "Direct Paste",
+							sx: {
+								fontSize: "0.85rem",
+								py: .5
+							}
+						})
+					]
+				}),
+				N === 0 && /* @__PURE__ */ l(g, {
+					accept: ".tsv,.txt,.csv",
+					files: P,
+					label: "TSV Metadata File",
+					onFilesSelected: J
+				}),
+				N === 1 && /* @__PURE__ */ l(t, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 1.5,
+						justifyContent: "center",
+						minHeight: 180
+					},
+					children: /* @__PURE__ */ l(o, {
+						fullWidth: !0,
+						helperText: "Enter a publicly accessible URL to a TSV metadata file",
+						label: "Metadata TSV URL",
+						onChange: Z,
+						placeholder: "https://example.com/metadata.tsv",
+						value: I,
+						variant: "outlined"
+					})
+				}),
+				N === 2 && /* @__PURE__ */ l(t, {
+					sx: { minHeight: 180 },
+					children: /* @__PURE__ */ l(o, {
+						fullWidth: !0,
+						label: "Paste TSV Content",
+						multiline: !0,
+						onChange: Q,
+						placeholder: "SampleID	Country	Date
Sample1	NL	2024-01-01",
+						rows: 6,
+						sx: { fontFamily: "monospace" },
+						value: R,
+						variant: "outlined"
+					})
+				})
+			]
+		})]
+	})] });
+}, {
+	defaultTitle: "Load Phylogenetic Data",
+	fullWidth: !0,
+	maxWidth: "xl",
+	testId: "FastaDataImportDialog"
+});
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=FastaDataImportDialog.js.map

package/dist/_chunks/FastaDataImportDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FastaDataImportDialog.js","names":[],"sources":["../../src/components/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&#10;ACTG...&#10;>seq2&#10;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&#9;Country&#9;Date&#10;Sample1&#9;NL&#9;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":";;;;;;;;AAuDA,IAAa,IAAwB,GACnC,EACE,iBACA,oBACA,YACA,iBACA,iCACA,YACA,0BACA,mBAEe;CAEjB,IAAM,CAAC,GAAU,KAAe,EAAA,CAAuB,GACjD,CAAC,GAAW,KAAgB,EAA0B,IAAI,GAC1D,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAW,KAAgB,EAAS,EAAE,GAGvC,CAAC,GAAa,MAAkB,EAAA,CAA2B,GAC3D,CAAC,GAAc,KAAmB,EAA0B,IAAI,GAChE,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAc,KAAmB,EAAS,EAAE,GAE7C,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAU,KAAe,EAAwB,IAAI;CAM5D,AAJA,QAAgB;EACd,EAAY,GAAW,uBAAuB,IAAI;CACpD,GAAG,CAAC,CAAS,CAAC,GAEd,QAAgB;EAId,AAHI,KACF,EAAsB,CAAC,CAAC,GAAW,mBAAmB,GAEpD,KACF,EAA6B,CAAC,CAAC,GAAW,mBAAmB;CAEjE,GAAG;EAAC;EAA8B;EAAuB,GAAW;CAAmB,CAAC;CAExF,IAAM,IAAe,QAAkB,EAAY,IAAI,GAAG,CAAC,CAAC,GACtD,IAAmB,GAAa,GAAwB,MAAkB;EAC9E,EAAY,CAAK;CACnB,GAAG,CAAC,CAAC,GACC,IAAsB,GAAa,GAAwB,MAAkB;EACjF,GAAe,CAAK;CACtB,GAAG,CAAC,CAAC,GACC,IAAsB,GAAa,MAAmB,EAAa,CAAI,GAAG,CAAC,CAAC,GAC5E,IAAyB,GAAa,MAAmB,EAAgB,CAAI,GAAG,CAAC,CAAC,GAClF,IAAmB,GAAa,MAAyC;EAC7E,EAAY,EAAM,OAAO,KAAK;CAChC,GAAG,CAAC,CAAC,GACC,IAAoB,GAAa,MAAyC;EAC9E,EAAa,EAAM,OAAO,KAAK;CACjC,GAAG,CAAC,CAAC,GACC,IAAsB,GAAa,MAAyC;EAChF,EAAe,EAAM,OAAO,KAAK;CACnC,GAAG,CAAC,CAAC,GACC,IAAuB,GAAa,MAAyC;EACjF,EAAgB,EAAM,OAAO,KAAK;CACpC,GAAG,CAAC,CAAC,GAEC,IAAkB,EAAY,YAAY;EAE9C,AADA,EAAY,IAAI,GAChB,EAAa,EAAI;EAEjB,IAAI;GAEF,IAAI,IAAe;GACnB,IAAI,MAAA,KAA+B,GACjC,IAAe,MAAM,EAAU,EAAE,CAAC,KAAK;QAClC,IAAI,MAAA,KAA8B,EAAS,KAAK,GAAG;IACxD,IAAM,IAAM,MAAM,MAAM,EAAS,KAAK,CAAC;IACvC,IAAI,CAAC,EAAI,IACP,MAAU,MAAM,mCAAmC,EAAI,OAAO,GAAG,EAAI,WAAW,EAAE;IAEpF,IAAe,MAAM,EAAI,KAAK;GAChC,OAAO,AAAI,MAAA,KAAgC,EAAU,KAAK,MACxD,IAAe,EAAU,KAAK;GAGhC,IAAI,CAAC,GAAc,KAAK,GACtB,MAAU,MAAM,6DAA6D;GAI/E,IAAI,IAAkB;GACtB,IAAI,MAAA,KAAsC,GACxC,IAAkB,MAAM,EAAa,EAAE,CAAC,KAAK;QACxC,IAAI,MAAA,KAAqC,EAAY,KAAK,GAAG;IAClE,IAAM,IAAM,MAAM,MAAM,EAAY,KAAK,CAAC;IAC1C,IAAI,CAAC,EAAI,IACP,MAAU,MAAM,sCAAsC,EAAI,OAAO,GAAG,EAAI,WAAW,EAAE;IAEvF,IAAkB,MAAM,EAAI,KAAK;GACnC,OAAO,AAAI,MAAA,KAAuC,EAAa,KAAK,MAClE,IAAkB,EAAa,KAAK;GAGtC,AADA,EAAa,GAAc,CAAe,GACtC,KACF,EAAQ;EAEZ,SAAS,GAAc;GAErB,AADA,QAAQ,MAAM,uBAAuB,CAAG,GACxC,EAAQ,CAAG;EACb,UAAU;GACR,EAAa,EAAK;EACpB;CACF,GAAG;EAAC;EAAW;EAAU;EAAW;EAAU;EAAc;EAAa;EAAc;EAAa;EAAS;EAAc;CAAO,CAAC;CA0BnI,OAvBA,QAAgB;EACd,IAAM,IAA0B,CAC9B;GACE,UAAU;GACV,OAAO,IAAY,kBAAkB;GACrC,SAAS;GACT,WAAW,IACT,kBAAC,GAAD;IACE,OAAO;IACP,MAAM;GACP,CAAA,IACC,KAAA;GACJ,SAAS;EACX,CACF;EAIA,AAHI,GAAc,UAChB,EAAQ,QAAQ,GAAG,CAAY,GAE7B,KACF,EAAgB,CAAO;CAE3B,GAAG;EAAC;EAAiB;EAAiB;EAAW;CAAY,CAAC,GAG5D,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,UAAU;EACV,IAAI,EACF,cAAc,EAChB;EAEC,UAAA;CACI,CAAA,GAET,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,KAAK;GAAG,qBAAqB;IAAE,IAAI;IAAW,IAAI;GAAM;EAAE;EAAtF,UAAA,CAEE,kBAAC,GAAD;GACE,IAAI;IAAE,cAAc;IAAG,GAAG;GAAI;GAC9B,SAAS;GAFX,UAAA;IAIE,kBAAC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;MAAG,IAAI;KAAI;KAAlE,UAAA,CACE,kBAAC,GAAD,EAAS,OAAO,UAAY,CAAA,GAC5B,kBAAC,GAAD;MACE,IAAI,EAAE,YAAY,IAAI;MACtB,SAAS;MAER,UAAA;KACS,CAAA,CACT;;IACL,kBAAC,GAAD;KACE,OAAO;KACP,IAAI;MAAE,SAAS;MAAS,IAAI;KAAE;KAC9B,SAAS;KAER,UAAA;IACS,CAAA;IACZ,kBAAC,GAAD;KACE,UAAU;KACV,IAAI;MAAE,IAAI;MAAG,WAAW;KAAG;KAC3B,OAAO;KAHT,UAAA;MAKE,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;QAAE,UAAU;QAAW,IAAI;OAAI;MACpC,CAAA;MACD,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;QAAE,UAAU;QAAW,IAAI;OAAI;MACpC,CAAA;MACD,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;QAAE,UAAU;QAAW,IAAI;OAAI;MACpC,CAAA;KACG;;IACL,MAAA,KACC,kBAAC,GAAD;KACE,QAAQ;KACR,OAAO;KACP,YAAY;KACZ,iBAAiB;IAClB,CAAA;IAEF,MAAA,KACC,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;MAAU,KAAK;MAAK,gBAAgB;MAAU,WAAW;KAAI;KACtG,UAAA,kBAAC,GAAD;MACE,WAAA;MACA,YAAY;MACZ,OAAO;MACP,UAAU;MACV,aAAa;MACb,OAAO;MACP,SAAS;KACV,CAAA;IACE,CAAA;IAEN,MAAA,KACC,kBAAC,GAAD;KAAK,IAAI,EAAE,WAAW,IAAI;KACxB,UAAA,kBAAC,GAAD;MACE,WAAA;MACA,OAAO;MACP,WAAA;MACA,UAAU;MACV,aAAa;MACb,MAAM;MACN,IAAI,EAAE,YAAY,YAAY;MAC9B,OAAO;MACP,SAAS;KACV,CAAA;IACE,CAAA;GAEF;EAEP,CAAA,GAAA,kBAAC,GAAD;GACE,IAAI;IAAE,cAAc;IAAG,GAAG;GAAI;GAC9B,SAAS;GAFX,UAAA;IAIE,kBAAC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;MAAG,IAAI;KAAI;KAAlE,UAAA,CACE,kBAAC,GAAD,EAAgB,OAAO,UAAY,CAAA,GACnC,kBAAC,GAAD;MACE,IAAI,EAAE,YAAY,IAAI;MACtB,SAAS;MAER,UAAA;KACS,CAAA,CACT;;IACL,kBAAC,GAAD;KACE,OAAO;KACP,IAAI;MAAE,SAAS;MAAS,IAAI;KAAE;KAC9B,SAAS;KAER,UAAA;IACS,CAAA;IACZ,kBAAC,GAAD;KACE,UAAU;KACV,IAAI;MAAE,IAAI;MAAG,WAAW;KAAG;KAC3B,OAAO;KAHT,UAAA;MAKE,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;QAAE,UAAU;QAAW,IAAI;OAAI;MACpC,CAAA;MACD,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;QAAE,UAAU;QAAW,IAAI;OAAI;MACpC,CAAA;MACD,kBAAC,GAAD;OACE,OAAO;OACP,IAAI;QAAE,UAAU;QAAW,IAAI;OAAI;MACpC,CAAA;KACG;;IACL,MAAA,KACC,kBAAC,GAAD;KACE,QAAQ;KACR,OAAO;KACP,OAAO;KACP,iBAAiB;IAClB,CAAA;IAEF,MAAA,KACC,kBAAC,GAAD;KAAK,IAAI;MAAE,SAAS;MAAQ,eAAe;MAAU,KAAK;MAAK,gBAAgB;MAAU,WAAW;KAAI;KACtG,UAAA,kBAAC,GAAD;MACE,WAAA;MACA,YAAY;MACZ,OAAO;MACP,UAAU;MACV,aAAa;MACb,OAAO;MACP,SAAS;KACV,CAAA;IACE,CAAA;IAEN,MAAA,KACC,kBAAC,GAAD;KAAK,IAAI,EAAE,WAAW,IAAI;KACxB,UAAA,kBAAC,GAAD;MACE,WAAA;MACA,OAAO;MACP,WAAA;MACA,UAAU;MACV,aAAa;MACb,MAAM;MACN,IAAI,EAAE,YAAY,YAAY;MAC9B,OAAO;MACP,SAAS;KACV,CAAA;IACE,CAAA;GAEF;EACJ,CAAA,CAAA;CACL,CAAA,CAAA,EAAA,CAAA;AAEN,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}

package/dist/_chunks/react.js

@@ -0,0 +1,11 @@
+import e from "react";
+//#region ../../../node_modules/.pnpm/zustand@5.0.15_@types+react@19.3.0_react@19.3.0_use-sync-external-store@1.7.0_react@19.3.0_/node_modules/zustand/esm/react.mjs
+var t = (e) => e;
+function n(n, r = t) {
+	let i = e.useSyncExternalStore(n.subscribe, e.useCallback(() => r(n.getState()), [n, r]), e.useCallback(() => r(n.getInitialState()), [n, r]));
+	return e.useDebugValue(i), i;
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=react.js.map

package/dist/_chunks/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":[],"sources":["../../../../../node_modules/.pnpm/zustand@5.0.15_@types+react@19.3.0_react@19.3.0_use-sync-external-store@1.7.0_react@19.3.0_/node_modules/zustand/esm/react.mjs"],"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    React.useCallback(() => selector(api.getInitialState()), [api, selector])\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"],"x_google_ignoreList":[0],"mappings":";;AAGA,IAAM,KAAY,MAAQ;AAC1B,SAAS,EAAS,GAAK,IAAW,GAAU;CAC1C,IAAM,IAAQ,EAAM,qBAClB,EAAI,WACJ,EAAM,kBAAkB,EAAS,EAAI,SAAS,CAAC,GAAG,CAAC,GAAK,CAAQ,CAAC,GACjE,EAAM,kBAAkB,EAAS,EAAI,gBAAgB,CAAC,GAAG,CAAC,GAAK,CAAQ,CAAC,CAC1E;CAEA,OADA,EAAM,cAAc,CAAK,GAClB;AACT"}

package/dist/classes/services/FastaDataEventBusService/FastaDataEventBusService.d.ts

@@ -0,0 +1,10 @@
+import { EventBusAbstract } from '@gen-epix/ui-core/classes/abstracts/EventBusAbstract';
+export type Event = {
+    onCloseImportDialog: undefined;
+    onShowImportDialog: string | undefined;
+};
+export declare class FastaDataEventBusService extends EventBusAbstract<Event> {
+    private static __instance;
+    private constructor();
+    static getInstance(): FastaDataEventBusService;
+}

package/dist/classes/services/FastaDataEventBusService/index.js

@@ -0,0 +1,16 @@
+import { EventBusAbstract as e } from "@gen-epix/ui-core/classes/abstracts/EventBusAbstract";
+import { HmrUtil as t } from "@gen-epix/ui-core/utils/HmrUtil";
+//#region src/classes/services/FastaDataEventBusService/FastaDataEventBusService.ts
+var n = class n extends e {
+	static __instance;
+	constructor() {
+		super();
+	}
+	static getInstance() {
+		return n.__instance = t.getHmrSingleton("fastaDataEventBusService", n.__instance, () => new n()), n.__instance;
+	}
+};
+//#endregion
+export { n as FastaDataEventBusService };
+
+//# sourceMappingURL=index.js.map

package/dist/classes/services/FastaDataEventBusService/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/classes/services/FastaDataEventBusService/FastaDataEventBusService.ts"],"sourcesContent":["import { EventBusAbstract } from '@gen-epix/ui-core/classes/abstracts/EventBusAbstract';\nimport { HmrUtil } from '@gen-epix/ui-core/utils/HmrUtil';\n\n\nexport type Event = {\n  onCloseImportDialog: undefined;\n  onShowImportDialog: string | undefined;\n};\n\nexport class FastaDataEventBusService extends EventBusAbstract<Event> {\n  private static __instance: FastaDataEventBusService;\n\n\n  private constructor() {\n    super();\n  }\n\n  public static getInstance(): FastaDataEventBusService {\n    FastaDataEventBusService.__instance = HmrUtil.getHmrSingleton('fastaDataEventBusService', FastaDataEventBusService.__instance, () => new FastaDataEventBusService());\n    return FastaDataEventBusService.__instance;\n  }\n}\n"],"mappings":";;;AASA,IAAa,IAAb,MAAa,UAAiC,EAAwB;CACpE,OAAe;CAGf,cAAsB;EACpB,MAAM;CACR;CAEA,OAAc,cAAwC;EAEpD,OADA,EAAyB,aAAa,EAAQ,gBAAgB,4BAA4B,EAAyB,kBAAkB,IAAI,EAAyB,CAAC,GAC5J,EAAyB;CAClC;AACF"}

package/dist/components/FastaDataImportDialog/FastaDataImportDialog.d.ts

@@ -0,0 +1,12 @@
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
+import { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';
+export interface FastaDataImportDialogOpenProps {
+    initialErrorMessage?: string;
+}
+export interface FastaDataImportDialogProps extends WithDialogRenderProps<FastaDataImportDialogOpenProps> {
+    extraActions?: DialogAction[];
+    onDataChange: (fasta: string, metaData?: string) => void;
+    onError: (error: unknown) => void;
+}
+export type FastaDataImportDialogRefMethods = WithDialogRefMethods<FastaDataImportDialogProps, FastaDataImportDialogOpenProps>;
+export declare const FastaDataImportDialog: import('react').ComponentClass<FastaDataImportDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<FastaDataImportDialogOpenProps>>;

package/dist/components/FastaDataImportDialog/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../_chunks/FastaDataImportDialog.js";
+export { e as FastaDataImportDialog };

package/dist/components/FastaDataImportDialogLoader/FastaDataImportDialogLoader.d.ts

@@ -0,0 +1,8 @@
+import { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';
+import { StoreApi } from 'zustand';
+import { FastaDataStore } from '../../stores/fastaDataStore';
+export type FastaDataImportDialogLoaderProps = {
+    extraActions: DialogAction[];
+    store: StoreApi<FastaDataStore>;
+};
+export declare const FastaDataImportDialogLoader: ({ extraActions, store }: FastaDataImportDialogLoaderProps) => import('react').JSX.Element;

package/dist/components/FastaDataImportDialogLoader/index.js

@@ -0,0 +1,70 @@
+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.js";
+import { FastaDataEventBusService as r } from "../../classes/services/FastaDataEventBusService/index.js";
+import { t as i } from "../../_chunks/react.js";
+import { t as a } from "../../_chunks/FastaDataImportDialog.js";
+import { Fragment as o, jsx as s } from "react/jsx-runtime";
+import { useCallback as c, useEffect as l, useRef as u } from "react";
+//#region src/components/FastaDataImportDialogLoader/FastaDataImportDialogLoader.tsx
+var d = ({ extraActions: d, store: f }) => {
+	let p = i(f, (e) => e.setData), m = i(f, (e) => e.setLoadingStatus), h = u(null);
+	l(() => {
+		let e = [r.getInstance().addEventListener("onShowImportDialog", (e) => {
+			h.current?.open(e ? { initialErrorMessage: e } : void 0);
+		}), r.getInstance().addEventListener("onCloseImportDialog", () => {
+			h.current?.close();
+		})];
+		return () => {
+			e.forEach((e) => e());
+		};
+	}, []), l(() => {
+		let e = new URLSearchParams(window.location.search), t = e.get("input-fasta"), i = e.get("input-metadata");
+		(async () => {
+			if (t) {
+				m(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 m(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 p(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.";
+					r.getInstance().emit("onShowImportDialog", t);
+				}
+			} else r.getInstance().emit("onShowImportDialog");
+		})();
+	}, [p, m]);
+	let g = c((e) => {
+		h.current?.close(), r.getInstance().emit("onShowImportDialog", e);
+	}, []), _ = c(async (n, r) => {
+		try {
+			await p(n, r), h.current?.close();
+		} catch (e) {
+			g(t.getErrorMessage(e, "Unknown error"));
+		} finally {
+			e.clearSearchParams();
+		}
+	}, [g, p]), v = c((e) => {
+		g(t.getErrorMessage(e, "Unknown error"));
+	}, [g]);
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(a, {
+		extraActions: d,
+		onDataChange: _,
+		onError: v,
+		ref: h
+	}) });
+};
+//#endregion
+export { d as FastaDataImportDialogLoader };
+
+//# sourceMappingURL=index.js.map

package/dist/components/FastaDataImportDialogLoader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/FastaDataImportDialogLoader/FastaDataImportDialogLoader.tsx"],"sourcesContent":["import 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';\nimport type { FastaDataStore } from '../../stores/fastaDataStore';\nimport { UrlUtil } from '../../utils/UrlUtil';\nimport type { FastaDataImportDialogRefMethods } from '../FastaDataImportDialog/FastaDataImportDialog';\nimport { FastaDataImportDialog } from '../FastaDataImportDialog/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      FastaDataEventBusService.getInstance().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      FastaDataEventBusService.getInstance().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          FastaDataEventBusService.getInstance().emit('onShowImportDialog', message);\n        }\n      } else {\n        // PV1-02: Show data loading modal if no data provided via URL query params\n        FastaDataEventBusService.getInstance().emit('onShowImportDialog');\n      }\n    };\n\n    void handleDeepLinking();\n  }, [setData, setLoadingStatus]);\n\n  const handleError = useCallback((errorMessage: string) => {\n    fastaDataImportDialogRef.current?.close();\n    FastaDataEventBusService.getInstance().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":";;;;;;;;;AAuBA,IAAa,KAA+B,EAAE,iBAAc,eAA8C;CACxG,IAAM,IAAU,EAAS,IAAQ,MAAU,EAAM,OAAO,GAClD,IAAmB,EAAS,IAAQ,MAAU,EAAM,gBAAgB,GACpE,IAA2B,EAAwC,IAAI;CAkB7E,AAhBA,QAAgB;EACd,IAAM,IAAW,CAEf,EAAyB,YAAY,CAAC,CAAC,iBAAiB,uBAAuB,MAAiC;GAC9G,EAAyB,SAAS,KAAK,IAAsB,EAAE,uBAAoB,IAAI,KAAA,CAAS;EAClG,CAAC,GAED,EAAyB,YAAY,CAAC,CAAC,iBAAiB,6BAA6B;GACnF,EAAyB,SAAS,MAAM;EAC1C,CAAC,CACH;EACA,aAAa;GACX,EAAS,SAAS,MAAW,EAAO,CAAC;EACvC;CACF,GAAG,CAAC,CAAC,GAEL,QAAgB;EAEd,IAAM,IAAY,IAAI,gBAAgB,OAAO,SAAS,MAAM,GACtD,IAAgB,EAAU,IAAI,aAAa,GAC3C,IAAmB,EAAU,IAAI,gBAAgB;EAyCvD,aAvCsC;GACpC,IAAI,GAAe;IACjB,EAAiB,EAAe,OAAO;IACvC,IAAI;KACF,IAAM,IAAW,MAAM,MAAM,CAAa;KAC1C,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,uBAAuB,EAAS,OAAO,EAAE;KAE3D,IAAM,IAAY,MAAM,EAAS,KAAK;KAEtC,IAAI,CAAC,EAAU,KAAK,GAElB,MADA,EAAiB,EAAe,KAAK,GAC3B,MAAM,2GAA2G;KAG7H,IAAI;KACJ,IAAI,GACF,IAAI;MACF,IAAM,IAAU,MAAM,MAAM,CAAgB;MAC5C,AAAI,EAAQ,OACV,IAAW,MAAM,EAAQ,KAAK;KAElC,SAAS,GAAS;MAChB,QAAQ,KAAK,wCAAwC,CAAO;KAC9D;KAGF,MAAM,EAAQ,GAAW,CAAQ;IACnC,SAAS,GAAU;KACjB,QAAQ,MAAM,oCAAoC,CAAQ;KAC1D,IAAM,IAAU,aAAoB,QAAQ,EAAS,UAAU;KAC/D,EAAyB,YAAY,CAAC,CAAC,KAAK,sBAAsB,CAAO;IAC3E;GACF,OAEE,EAAyB,YAAY,CAAC,CAAC,KAAK,oBAAoB;EAEpE,EAEK,CAAkB;CACzB,GAAG,CAAC,GAAS,CAAgB,CAAC;CAE9B,IAAM,IAAc,GAAa,MAAyB;EAExD,AADA,EAAyB,SAAS,MAAM,GACxC,EAAyB,YAAY,CAAC,CAAC,KAAK,sBAAsB,CAAY;CAChF,GAAG,CAAC,CAAC,GAEC,IAAe,EAAY,OAAO,GAAsB,MAA6B;EACzF,IAAI;GAEF,AADA,MAAM,EAAQ,GAAc,CAAe,GAC3C,EAAyB,SAAS,MAAM;EAC1C,SAAS,GAAG;GACV,EAAY,EAAU,gBAAgB,GAAG,eAAe,CAAC;EAC3D,UAAU;GAER,EAAQ,kBAAkB;EAC5B;CACF,GAAG,CAAC,GAAa,CAAO,CAAC,GAEnB,IAAU,GAAa,MAA0B;EACrD,EAAY,EAAU,gBAAgB,GAAc,eAAe,CAAC;CACtE,GAAG,CAAC,CAAW,CAAC;CAEhB,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACgB;EACA;EACL;EACT,KAAK;CACN,CAAA,EACD,CAAA;AAEN"}

package/dist/components/FastaNotLoaded/FastaNotLoaded.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type FastaNotLoadedProps = {
+    description: ReactNode;
+    icon: ReactNode;
+    title: ReactNode;
+};
+export declare const FastaNotLoaded: ({ description, icon, title }: FastaNotLoadedProps) => import('react').JSX.Element;

package/dist/components/FastaNotLoaded/index.js

@@ -0,0 +1,53 @@
+import { FastaDataEventBusService as e } from "../../classes/services/FastaDataEventBusService/index.js";
+import { Box as t, Button as n, Typography as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useCallback as o } from "react";
+import s from "@mui/icons-material/FileUploadOutlined";
+//#region src/components/FastaNotLoaded/FastaNotLoaded.tsx
+var c = ({ description: c, icon: l, title: u }) => {
+	let d = o(() => {
+		e.getInstance().emit("onShowImportDialog");
+	}, []);
+	return /* @__PURE__ */ a(t, {
+		sx: {
+			alignItems: "center",
+			display: "flex",
+			flexDirection: "column",
+			gap: 2,
+			height: "100%",
+			justifyContent: "center",
+			p: 3,
+			width: "100%"
+		},
+		children: [
+			l,
+			/* @__PURE__ */ i(r, {
+				color: "text.secondary",
+				sx: { fontWeight: 600 },
+				variant: "h6",
+				children: u
+			}),
+			/* @__PURE__ */ i(r, {
+				color: "text.secondary",
+				sx: {
+					maxWidth: 450,
+					textAlign: "center"
+				},
+				variant: "body2",
+				children: c
+			}),
+			/* @__PURE__ */ i(n, {
+				color: "primary",
+				onClick: d,
+				startIcon: /* @__PURE__ */ i(s, {}),
+				sx: { mt: 1 },
+				variant: "contained",
+				children: "Load Data"
+			})
+		]
+	});
+};
+//#endregion
+export { c as FastaNotLoaded };
+
+//# sourceMappingURL=index.js.map

package/dist/components/FastaNotLoaded/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/FastaNotLoaded/FastaNotLoaded.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Typography,\n} from '@mui/material';\nimport FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';\nimport type { ReactNode } from 'react';\nimport { useCallback } from 'react';\n\nimport { FastaDataEventBusService } from '../../classes/services/FastaDataEventBusService';\n\nexport type FastaNotLoadedProps = {\n  description: ReactNode;\n  icon: ReactNode;\n  title: ReactNode;\n};\n\nexport const FastaNotLoaded = ({ description, icon, title }: FastaNotLoadedProps) => {\n  const onClickLoadData = useCallback(() => {\n    FastaDataEventBusService.getInstance().emit('onShowImportDialog');\n  }, []);\n\n  return (\n    <Box\n      sx={{\n        alignItems: 'center',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 2,\n        height: '100%',\n        justifyContent: 'center',\n        p: 3,\n        width: '100%',\n      }}\n    >\n      {icon}\n      <Typography\n        color={'text.secondary'}\n        sx={{ fontWeight: 600 }}\n        variant={'h6'}\n      >\n        {title}\n      </Typography>\n      <Typography\n        color={'text.secondary'}\n        sx={{ maxWidth: 450, textAlign: 'center' }}\n        variant={'body2'}\n      >\n        {description}\n      </Typography>\n      <Button\n        color={'primary'}\n        onClick={onClickLoadData}\n        startIcon={<FileUploadOutlinedIcon />}\n        sx={{ mt: 1 }}\n        variant={'contained'}\n      >\n        {'Load Data'}\n      </Button>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;AAiBA,IAAa,KAAkB,EAAE,gBAAa,SAAM,eAAiC;CACnF,IAAM,IAAkB,QAAkB;EACxC,EAAyB,YAAY,CAAC,CAAC,KAAK,oBAAoB;CAClE,GAAG,CAAC,CAAC;CAEL,OACE,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,eAAe;GACf,KAAK;GACL,QAAQ;GACR,gBAAgB;GAChB,GAAG;GACH,OAAO;EACT;EAVF,UAAA;GAYG;GACD,kBAAC,GAAD;IACE,OAAO;IACP,IAAI,EAAE,YAAY,IAAI;IACtB,SAAS;IAER,UAAA;GACS,CAAA;GACZ,kBAAC,GAAD;IACE,OAAO;IACP,IAAI;KAAE,UAAU;KAAK,WAAW;IAAS;IACzC,SAAS;IAER,UAAA;GACS,CAAA;GACZ,kBAAC,GAAD;IACE,OAAO;IACP,SAAS;IACT,WAAW,kBAAC,GAAD,CAAyB,CAAA;IACpC,IAAI,EAAE,IAAI,EAAE;IACZ,SAAS;IAER,UAAA;GACK,CAAA;EACL;;AAET"}

package/dist/components/FastaPageHeaderCenterComponent/FastaPageHeaderCenterComponent.d.ts

@@ -0,0 +1,6 @@
+import { StoreApi } from 'zustand';
+import { FastaDataStore } from '../../stores/fastaDataStore';
+export type FastaPageHeaderCenterComponentProps = {
+    store: StoreApi<FastaDataStore>;
+};
+export declare const FastaPageHeaderCenterComponent: ({ store }: FastaPageHeaderCenterComponentProps) => import('react').JSX.Element;

package/dist/components/FastaPageHeaderCenterComponent/index.js

@@ -0,0 +1,37 @@
+import { t as e } from "../../_chunks/react.js";
+import { Box as t, Chip as n } from "@mui/material";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/FastaPageHeaderCenterComponent/FastaPageHeaderCenterComponent.tsx
+var a = ({ store: a }) => {
+	let o = e(a, (e) => e.parsedFasta), s = e(a, (e) => e.parsedMetadata), c = o?.sequences?.length || 0, l = s?.records?.length || 0;
+	return /* @__PURE__ */ i(t, {
+		sx: {
+			alignItems: "center",
+			display: "flex",
+			gap: 1
+		},
+		children: [c > 0 && /* @__PURE__ */ r(n, {
+			label: `${c} Sequences`,
+			size: "small",
+			sx: {
+				backgroundColor: "rgba(255, 255, 255, 0.2)",
+				color: "#FFFFFF",
+				fontSize: "0.75rem",
+				fontWeight: 600
+			}
+		}), l > 0 && /* @__PURE__ */ r(n, {
+			label: `${l} Metadata Records`,
+			size: "small",
+			sx: {
+				backgroundColor: "rgba(255, 255, 255, 0.2)",
+				color: "#FFFFFF",
+				fontSize: "0.75rem",
+				fontWeight: 600
+			}
+		})]
+	});
+};
+//#endregion
+export { a as FastaPageHeaderCenterComponent };
+
+//# sourceMappingURL=index.js.map

package/dist/components/FastaPageHeaderCenterComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/FastaPageHeaderCenterComponent/FastaPageHeaderCenterComponent.tsx"],"sourcesContent":["import {\n  Box,\n  Chip,\n} from '@mui/material';\nimport type { StoreApi } from 'zustand';\nimport { useStore } from 'zustand';\n\nimport type { FastaDataStore } from '../../stores/fastaDataStore';\n\n\nexport type FastaPageHeaderCenterComponentProps = {\n  store: StoreApi<FastaDataStore>;\n};\n\nexport const FastaPageHeaderCenterComponent = ({ store }: FastaPageHeaderCenterComponentProps) => {\n  const parsedFasta = useStore(store, (state) => state.parsedFasta);\n  const parsedMetadata = useStore(store, (state) => state.parsedMetadata);\n\n  const seqCount = parsedFasta?.sequences?.length || 0;\n  const metaCount = parsedMetadata?.records?.length || 0;\n\n  return (\n    <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n      {seqCount > 0 && (\n        <Chip\n          label={`${seqCount} Sequences`}\n          size={'small'}\n          sx={{\n            backgroundColor: 'rgba(255, 255, 255, 0.2)',\n            color: '#FFFFFF',\n            fontSize: '0.75rem',\n            fontWeight: 600,\n          }}\n        />\n      )}\n      {metaCount > 0 && (\n        <Chip\n          label={`${metaCount} Metadata Records`}\n          size={'small'}\n          sx={{\n            backgroundColor: 'rgba(255, 255, 255, 0.2)',\n            color: '#FFFFFF',\n            fontSize: '0.75rem',\n            fontWeight: 600,\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;AAcA,IAAa,KAAkC,EAAE,eAAiD;CAChG,IAAM,IAAc,EAAS,IAAQ,MAAU,EAAM,WAAW,GAC1D,IAAiB,EAAS,IAAQ,MAAU,EAAM,cAAc,GAEhE,IAAW,GAAa,WAAW,UAAU,GAC7C,IAAY,GAAgB,SAAS,UAAU;CAErD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;EAAE;EAAzD,UAAA,CACG,IAAW,KACV,kBAAC,GAAD;GACE,OAAO,GAAG,EAAS;GACnB,MAAM;GACN,IAAI;IACF,iBAAiB;IACjB,OAAO;IACP,UAAU;IACV,YAAY;GACd;EACD,CAAA,GAEF,IAAY,KACX,kBAAC,GAAD;GACE,OAAO,GAAG,EAAU;GACpB,MAAM;GACN,IAAI;IACF,iBAAiB;IACjB,OAAO;IACP,UAAU;IACV,YAAY;GACd;EACD,CAAA,CAEA;;AAET"}

package/dist/components/FastaPageHeaderImportButton/FastaPageHeaderImportButton.d.ts

@@ -0,0 +1 @@
+export declare const FastaPageHeaderImportButton: () => import('react').JSX.Element;