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

package/dist/@types/common-frontend.d.ts

@@ -0,0 +1,2 @@
+/* eslint-disable import-x/unambiguous */
+/// <reference types="./mui.d.ts" />

package/dist/@types/mui.d.ts

@@ -0,0 +1,48 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import type { ComponentsProps } from '@mui/material/styles';
+
+import type { FastaPageHeaderCenterComponentTheme } from '../components/fasta/FastaPageHeaderCenterComponent';
+import type { FastaPageHeaderImportButtonTheme } from '../components/fasta/FastaPageHeaderImportButton';
+import type {
+  SearchBarNodeCounterProps,
+  SearchBarNodeCounterTheme,
+} from '../components/ui/SearchBar/SearchBarNodeCounter';
+import type {
+  ButtonWithMenuProps,
+  ButtonWithMenuTheme,
+} from '../components/ui/ButtonWithMenu/ButtonWithMenu';
+import type {
+  PageCommonHeaderProps,
+  PageCommonHeaderTheme,
+} from '../components/ui/PageCommonHeader';
+import type {
+  SearchBarProps,
+  SearchBarTheme,
+} from '../components/ui/SearchBar';
+
+declare module '@mui/material/styles' {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Required to augment MUI's generic interface.
+  interface Components<TTheme = unknown> {
+    RivmLoculusToolsCommonFrontendButtonWithMenu?: {
+      defaultProps?: ComponentsProps['RivmLoculusToolsCommonFrontendButtonWithMenu'];
+    } & ButtonWithMenuTheme;
+    RivmLoculusToolsCommonFrontendFastaPageHeaderCenterComponent?: FastaPageHeaderCenterComponentTheme;
+    RivmLoculusToolsCommonFrontendFastaPageHeaderImportButton?: FastaPageHeaderImportButtonTheme;
+    RivmLoculusToolsCommonFrontendPageCommonHeader?: {
+      defaultProps?: ComponentsProps['RivmLoculusToolsCommonFrontendPageCommonHeader'];
+    } & PageCommonHeaderTheme;
+    RivmLoculusToolsCommonFrontendSearchBar?: {
+      defaultProps?: ComponentsProps['RivmLoculusToolsCommonFrontendSearchBar'];
+    } & SearchBarTheme;
+    RivmLoculusToolsCommonFrontendSearchBarNodeCounter?: {
+      defaultProps?: ComponentsProps['RivmLoculusToolsCommonFrontendSearchBarNodeCounter'];
+    } & SearchBarNodeCounterTheme;
+  }
+
+  interface ComponentsPropsList {
+    RivmLoculusToolsCommonFrontendButtonWithMenu: ButtonWithMenuProps;
+    RivmLoculusToolsCommonFrontendPageCommonHeader: PageCommonHeaderProps;
+    RivmLoculusToolsCommonFrontendSearchBar: SearchBarProps;
+    RivmLoculusToolsCommonFrontendSearchBarNodeCounter: SearchBarNodeCounterProps;
+  }
+}

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

@@ -114,7 +114,7 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 					children: [/* @__PURE__ */ l(m, { color: "primary" }), /* @__PURE__ */ l(s, {
 						sx: { fontWeight: 700 },
 						variant: "subtitle1",
-						children: "1. FASTA Sequences (Required)"
+						children: "1. FASTA Sequences (required)"
 					})]
 				}),
 				/* @__PURE__ */ l(s, {
@@ -213,7 +213,7 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 					children: [/* @__PURE__ */ l(h, { color: "primary" }), /* @__PURE__ */ l(s, {
 						sx: { fontWeight: 700 },
 						variant: "subtitle1",
-						children: "2. TSV Metadata (Optional)"
+						children: "2. TSV Metadata (optional)"
 					})]
 				}),
 				/* @__PURE__ */ l(s, {
@@ -298,7 +298,7 @@ var v = _(({ extraActions: _, onActionsChange: v, onClose: y, onDataChange: b, o
 		})]
 	})] });
 }, {
-	defaultTitle: "Load Phylogenetic Data",
+	defaultTitle: "Load phylogenetic data",
 	fullWidth: !0,
 	maxWidth: "xl",
 	testId: "FastaDataImportDialog"

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

@@ -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&#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":"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"}
+{"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&#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":"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"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useStore","FastaPageHeaderCenterComponent","parsedFasta","store","state","parsedMetadata","seqCount","metaCount","Box","Chip"],"sources":["../../../../src/components/fasta/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,IAAaC,KAAkC,EAAE,eAAiD;CAChG,IAAMC,IAAcF,EAASG,IAAQ,MAAUC,EAAM,WAAW,GAC1DC,IAAiBL,EAASG,IAAQ,MAAUC,EAAM,cAAc,GAEhEE,IAAWJ,GAAa,WAAW,UAAU,GAC7CK,IAAYF,GAAgB,SAAS,UAAU;CAErD,OACE,kBAACG,GAAD;EAAK,IAAI;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;EAAE;EAAzD,UAAA,CACGF,IAAW,KACV,kBAACG,GAAD;GACE,OAAO,GAAGH,EAAS;GACnB,MAAM;GACN,IAAI;IACF,iBAAiB;IACjB,OAAO;IACP,UAAU;IACV,YAAY;GACd;EACD,CAAA,GAEFC,IAAY,KACX,kBAACE,GAAD;GACE,OAAO,GAAGF,EAAU;GACpB,MAAM;GACN,IAAI;IACF,iBAAiB;IACjB,OAAO;IACP,UAAU;IACV,YAAY;GACd;EACD,CAAA,CAEA;;AAET"}
+{"version":3,"file":"index.js","names":["useStore","FastaPageHeaderCenterChip","styled","Chip","FastaPageHeaderCenterComponent","parsedFasta","store","state","parsedMetadata","seqCount","metaCount","Box"],"sources":["../../../../src/components/fasta/FastaPageHeaderCenterComponent/FastaPageHeaderCenterComponent.tsx"],"sourcesContent":["import {\n  Box,\n  Chip,\n  styled,\n} from '@mui/material';\nimport type {\n  ComponentsOverrides,\n  Theme,\n} from '@mui/material/styles';\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 type FastaPageHeaderCenterComponentTheme = {\n  styleOverrides?: ComponentsOverrides<Theme>['MuiChip'];\n};\n\nconst FastaPageHeaderCenterChip = styled(Chip, {\n  name: 'RivmLoculusToolsCommonFrontendFastaPageHeaderCenterComponent',\n  slot: 'Root',\n})({\n  backgroundColor: 'rgba(255, 255, 255, 0.2)',\n  color: '#FFFFFF',\n  fontSize: '0.75rem',\n  fontWeight: 600,\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        <FastaPageHeaderCenterChip\n          label={`${seqCount} Sequences`}\n          size={'small'}\n        />\n      )}\n      {metaCount > 0 && (\n        <FastaPageHeaderCenterChip\n          label={`${metaCount} Metadata Records`}\n          size={'small'}\n        />\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;AAuBA,IAAMC,IAA4BC,EAAOC,GAAM;CAC7C,MAAM;CACN,MAAM;AACR,CAAC,CAAC,CAAC;CACD,iBAAiB;CACjB,OAAO;CACP,UAAU;CACV,YAAY;AACd,CAAC,GAEYC,KAAkC,EAAE,eAAiD;CAChG,IAAMC,IAAcL,EAASM,IAAQ,MAAUC,EAAM,WAAW,GAC1DC,IAAiBR,EAASM,IAAQ,MAAUC,EAAM,cAAc,GAEhEE,IAAWJ,GAAa,WAAW,UAAU,GAC7CK,IAAYF,GAAgB,SAAS,UAAU;CAErD,OACE,kBAACG,GAAD;EAAK,IAAI;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;EAAE;EAAzD,UAAA,CACGF,IAAW,KACV,kBAACR,GAAD;GACE,OAAO,GAAGQ,EAAS;GACnB,MAAM;EACP,CAAA,GAEFC,IAAY,KACX,kBAACT,GAAD;GACE,OAAO,GAAGS,EAAU;GACpB,MAAM;EACP,CAAA,CAEA;;AAET"}

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

@@ -1 +1,5 @@
+import { ComponentsOverrides, Theme } from '@mui/material/styles';
+export type FastaPageHeaderImportButtonTheme = {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiButton'];
+};
 export declare const FastaPageHeaderImportButton: () => import('react').JSX.Element;

package/dist/components/fasta/FastaPageHeaderImportButton/index.js

@@ -1,26 +1,28 @@
 import { FastaDataEventBusService as e } from "../../../classes/services/FastaDataEventBusService/index.js";
 import { container as t } from "tsyringe";
-import { Button as n } from "@mui/material";
-import { jsx as r } from "react/jsx-runtime";
-import { useCallback as i } from "react";
-import a from "@mui/icons-material/FileUploadOutlined";
+import { Button as n, styled as r } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import o from "@mui/icons-material/FileUploadOutlined";
 // src/components/fasta/FastaPageHeaderImportButton/FastaPageHeaderImportButton.tsx
-var o = () => {
-	let o = i(() => t.resolve(e).emit("onShowImportDialog"), []);
-	return /* @__PURE__ */ r(n, {
+var s = r(n, {
+	name: "RivmLoculusToolsCommonFrontendFastaPageHeaderImportButton",
+	slot: "Root"
+})({
+	"&:hover": { backgroundColor: "rgba(255, 255, 255, 0.25)" },
+	backgroundColor: "rgba(255, 255, 255, 0.15)",
+	color: "#FFFFFF"
+}), c = () => {
+	let n = a(() => t.resolve(e).emit("onShowImportDialog"), []);
+	return /* @__PURE__ */ i(s, {
 		color: "inherit",
-		onClick: o,
+		onClick: n,
 		size: "small",
-		startIcon: /* @__PURE__ */ r(a, {}),
-		sx: {
-			"&:hover": { backgroundColor: "rgba(255, 255, 255, 0.25)" },
-			backgroundColor: "rgba(255, 255, 255, 0.15)",
-			color: "#FFFFFF"
-		},
+		startIcon: /* @__PURE__ */ i(o, {}),
 		variant: "contained",
 		children: "Import Data"
 	});
 };
-export { o as FastaPageHeaderImportButton };
+export { c as FastaPageHeaderImportButton };
 
 //# sourceMappingURL=index.js.map

package/dist/components/fasta/FastaPageHeaderImportButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FileUploadOutlinedIcon","FastaPageHeaderImportButton","onImportDataButtonClick","useCallback","container","FastaDataEventBusService","Button"],"sources":["../../../../src/components/fasta/FastaPageHeaderImportButton/FastaPageHeaderImportButton.tsx"],"sourcesContent":["import { container } from 'tsyringe';\nimport FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';\nimport { Button } from '@mui/material';\nimport { useCallback } from 'react';\n\nimport { FastaDataEventBusService } from '../../../classes/services/FastaDataEventBusService';\n\nexport const FastaPageHeaderImportButton = () => {\n  const onImportDataButtonClick = useCallback(() => container.resolve(FastaDataEventBusService).emit('onShowImportDialog'), []);\n\n  return (\n    <Button\n      color={'inherit'}\n      onClick={onImportDataButtonClick}\n      size={'small'}\n      startIcon={<FileUploadOutlinedIcon />}\n      sx={{\n        '&:hover': {\n          backgroundColor: 'rgba(255, 255, 255, 0.25)',\n        },\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n        color: '#FFFFFF',\n      }}\n      variant={'contained'}\n    >\n      {'Import Data'}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaC,UAAoC;CAC/C,IAAMC,IAA0BC,QAAkBC,EAAU,QAAQC,CAAwB,CAAC,CAAC,KAAK,oBAAoB,GAAG,CAAC,CAAC;CAE5H,OACE,kBAACC,GAAD;EACE,OAAO;EACP,SAASJ;EACT,MAAM;EACN,WAAW,kBAACF,GAAD,CAAyB,CAAA;EACpC,IAAI;GACF,WAAW,EACT,iBAAiB,4BACnB;GACA,iBAAiB;GACjB,OAAO;EACT;EACA,SAAS;EAER,UAAA;CACK,CAAA;AAEZ"}
+{"version":3,"file":"index.js","names":["FileUploadOutlinedIcon","FastaPageHeaderImportButtonComponent","styled","Button","FastaPageHeaderImportButton","onImportDataButtonClick","useCallback","container","FastaDataEventBusService"],"sources":["../../../../src/components/fasta/FastaPageHeaderImportButton/FastaPageHeaderImportButton.tsx"],"sourcesContent":["import { container } from 'tsyringe';\nimport FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';\nimport {\n  Button,\n  styled,\n} from '@mui/material';\nimport type {\n  ComponentsOverrides,\n  Theme,\n} from '@mui/material/styles';\nimport { useCallback } from 'react';\n\nimport { FastaDataEventBusService } from '../../../classes/services/FastaDataEventBusService';\n\nexport type FastaPageHeaderImportButtonTheme = {\n  styleOverrides?: ComponentsOverrides<Theme>['MuiButton'];\n};\n\nconst FastaPageHeaderImportButtonComponent = styled(Button, {\n  name: 'RivmLoculusToolsCommonFrontendFastaPageHeaderImportButton',\n  slot: 'Root',\n})({\n  '&:hover': {\n    backgroundColor: 'rgba(255, 255, 255, 0.25)',\n  },\n  backgroundColor: 'rgba(255, 255, 255, 0.15)',\n  color: '#FFFFFF',\n});\n\nexport const FastaPageHeaderImportButton = () => {\n  const onImportDataButtonClick = useCallback(() => container.resolve(FastaDataEventBusService).emit('onShowImportDialog'), []);\n\n  return (\n    <FastaPageHeaderImportButtonComponent\n      color={'inherit'}\n      onClick={onImportDataButtonClick}\n      size={'small'}\n      startIcon={<FileUploadOutlinedIcon />}\n      variant={'contained'}\n    >\n      {'Import Data'}\n    </FastaPageHeaderImportButtonComponent>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,IAAMC,IAAuCC,EAAOC,GAAQ;CAC1D,MAAM;CACN,MAAM;AACR,CAAC,CAAC,CAAC;CACD,WAAW,EACT,iBAAiB,4BACnB;CACA,iBAAiB;CACjB,OAAO;AACT,CAAC,GAEYC,UAAoC;CAC/C,IAAMC,IAA0BC,QAAkBC,EAAU,QAAQC,CAAwB,CAAC,CAAC,KAAK,oBAAoB,GAAG,CAAC,CAAC;CAE5H,OACE,kBAACP,GAAD;EACE,OAAO;EACP,SAASI;EACT,MAAM;EACN,WAAW,kBAACL,GAAD,CAAyB,CAAA;EACpC,SAAS;EAER,UAAA;CACmC,CAAA;AAE1C"}

package/dist/components/ui/ButtonWithMenu/ButtonWithMenu.d.ts

@@ -1,5 +1,8 @@
+import { ButtonOwnProps } from '@mui/material';
+import { ComponentsOverrides, Theme } from '@mui/material/styles';
 import { ReactElement } from 'react';
 export type ButtonWithMenuProps = {
+    buttonColor?: ButtonOwnProps['color'];
     disabled?: boolean;
     items: Array<{
         icon: ReactElement;
@@ -9,4 +12,7 @@ export type ButtonWithMenuProps = {
     label: string;
     startIcon?: ReactElement;
 };
-export declare const ButtonWithMenu: ({ disabled, items, label, startIcon }: ButtonWithMenuProps) => import('react').JSX.Element;
+export type ButtonWithMenuTheme = {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiButton'];
+};
+export declare const ButtonWithMenu: (inProps: ButtonWithMenuProps) => import('react').JSX.Element;

package/dist/components/ui/ButtonWithMenu/index.js

@@ -1,46 +1,51 @@
-import { Button as e, ListItemIcon as t, ListItemText as n, Menu as r, MenuItem as i } from "@mui/material";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useCallback as c, useState as l } from "react";
+import { Button as e, ListItemIcon as t, ListItemText as n, Menu as r, MenuItem as i, styled as a, useThemeProps as o } from "@mui/material";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useCallback as u, useState as d } from "react";
 // src/components/ui/ButtonWithMenu/ButtonWithMenu.tsx
-var u = ({ disabled: u, items: d, label: f, startIcon: p }) => {
-	let [m, h] = l(null), g = !!m, _ = c((e) => {
-		h(e.currentTarget);
-	}, []), v = c(() => {
-		h(null);
+var f = a(e, {
+	name: "RivmLoculusToolsCommonFrontendButtonWithMenu",
+	slot: "Root"
+})({
+	"&:hover": { backgroundColor: "rgba(255, 255, 255, 0.25)" },
+	backgroundColor: "rgba(255, 255, 255, 0.15)",
+	color: "#FFFFFF"
+}), p = (e) => {
+	let { buttonColor: a = "inherit", disabled: p, items: m, label: h, startIcon: g } = o({
+		name: "RivmLoculusToolsCommonFrontendButtonWithMenu",
+		props: e
+	}), [_, v] = d(null), y = !!_, b = u((e) => {
+		v(e.currentTarget);
+	}, []), x = u(() => {
+		v(null);
 	}, []);
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(e, {
-		color: "inherit",
-		disabled: u,
-		onClick: _,
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(f, {
+		color: a,
+		disabled: p,
+		onClick: b,
 		size: "small",
-		startIcon: p,
-		sx: {
-			"&:hover": { backgroundColor: "rgba(255, 255, 255, 0.25)" },
-			backgroundColor: "rgba(255, 255, 255, 0.15)",
-			color: "#FFFFFF"
-		},
+		startIcon: g,
 		variant: "contained",
-		children: f
-	}), /* @__PURE__ */ o(r, {
-		anchorEl: m,
+		children: h
+	}), /* @__PURE__ */ c(r, {
+		anchorEl: _,
 		anchorOrigin: {
 			horizontal: "right",
 			vertical: "bottom"
 		},
-		onClose: v,
-		open: g,
+		onClose: x,
+		open: y,
 		transformOrigin: {
 			horizontal: "right",
 			vertical: "top"
 		},
-		children: d.map(({ icon: e, label: r, onClick: a }) => /* @__PURE__ */ s(i, {
+		children: m.map(({ icon: e, label: r, onClick: a }) => /* @__PURE__ */ l(i, {
 			onClick: () => {
-				v(), a();
+				x(), a();
 			},
-			children: [/* @__PURE__ */ o(t, { children: e }), /* @__PURE__ */ o(n, { primary: r })]
+			children: [/* @__PURE__ */ c(t, { children: e }), /* @__PURE__ */ c(n, { primary: r })]
 		}, r))
 	})] });
 };
-export { u as ButtonWithMenu };
+export { p as ButtonWithMenu };
 
 //# sourceMappingURL=index.js.map

package/dist/components/ui/ButtonWithMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Fragment","ButtonWithMenu","anchorElement","setAnchorElement","useState","isMenuOpen","onClickMenu","useCallback","event","onCloseMenu","Fragment","Button","label","Menu","items","itemLabel","MenuItem","onClick","ListItemIcon","icon","ListItemText"],"sources":["../../../../src/components/ui/ButtonWithMenu/ButtonWithMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n} from '@mui/material';\nimport {\n  useCallback,\n  useState,\n} from 'react';\nimport type {\n  MouseEvent,\n  ReactElement,\n} from 'react';\n\nexport type ButtonWithMenuProps = {\n  disabled?: boolean;\n  items: Array<{\n    icon: ReactElement;\n    label: string;\n    onClick: () => void;\n  }>;\n  label: string;\n  startIcon?: ReactElement;\n};\n\nexport const ButtonWithMenu = ({ disabled, items, label, startIcon }: ButtonWithMenuProps) => {\n  const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n  const isMenuOpen = Boolean(anchorElement);\n\n  const onClickMenu = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorElement(event.currentTarget);\n  }, []);\n\n  const onCloseMenu = useCallback(() => {\n    setAnchorElement(null);\n  }, []);\n\n  return (\n    <>\n      <Button\n        color={'inherit'}\n        disabled={disabled}\n        onClick={onClickMenu}\n        size={'small'}\n        startIcon={startIcon}\n        sx={{\n          '&:hover': {\n            backgroundColor: 'rgba(255, 255, 255, 0.25)',\n          },\n          backgroundColor: 'rgba(255, 255, 255, 0.15)',\n          color: '#FFFFFF',\n        }}\n        variant={'contained'}\n      >\n        {label}\n      </Button>\n      <Menu\n        anchorEl={anchorElement}\n        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n        onClose={onCloseMenu}\n        open={isMenuOpen}\n        transformOrigin={{ horizontal: 'right', vertical: 'top' }}\n      >\n        {items.map(({ icon, label: itemLabel, onClick }) => (\n          <MenuItem\n            key={itemLabel}\n            // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n            onClick={() => {\n              onCloseMenu();\n              onClick();\n            }}\n          >\n            <ListItemIcon>\n              {icon}\n            </ListItemIcon>\n            <ListItemText primary={itemLabel} />\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n};\n"],"mappings":";;;;AA2BA,IAAaC,KAAkB,EAAE,aAAU,UAAO,UAAO,mBAAqC;CAC5F,IAAM,CAACC,GAAeC,KAAoBC,EAA6B,IAAI,GACrEC,IAAa,EAAQH,GAErBI,IAAcC,GAAa,MAAyC;EACxE,EAAiBC,EAAM,aAAa;CACtC,GAAG,CAAC,CAAC,GAECC,IAAcF,QAAkB;EACpC,EAAiB,IAAI;CACvB,GAAG,CAAC,CAAC;CAEL,OACE,kBAAAP,GAAA,EAAA,UAAA,CACE,kBAACW,GAAD;EACE,OAAO;EACG;EACV,SAASL;EACT,MAAM;EACK;EACX,IAAI;GACF,WAAW,EACT,iBAAiB,4BACnB;GACA,iBAAiB;GACjB,OAAO;EACT;EACA,SAAS;EAER,UAAAM;CACK,CAAA,GACR,kBAACC,GAAD;EACE,UAAUX;EACV,cAAc;GAAE,YAAY;GAAS,UAAU;EAAS;EACxD,SAASO;EACT,MAAMJ;EACN,iBAAiB;GAAE,YAAY;GAAS,UAAU;EAAM;EAEvD,UAAAS,EAAM,KAAK,EAAE,SAAM,OAAOC,GAAW,iBACpC,kBAACC,GAAD;GAGE,eAAe;IAEb,AADAP,EAAY,GACZQ,EAAQ;GACV;GANF,UAAA,CAQE,kBAACC,GAAD,EAAA,UACGC,EACW,CAAA,GACd,kBAACC,GAAD,EAAc,SAASL,EAAY,CAAA,CAC3B;EAXH,GAAAA,CAWG,CACX;CACG,CAAA,CACN,EAAA,CAAA;AAEN"}
+{"version":3,"file":"index.js","names":["_Fragment","ButtonWithMenuButton","styled","Button","ButtonWithMenu","useThemeProps","inProps","anchorElement","setAnchorElement","useState","isMenuOpen","onClickMenu","useCallback","event","onCloseMenu","Fragment","buttonColor","label","Menu","items","itemLabel","MenuItem","onClick","ListItemIcon","icon","ListItemText"],"sources":["../../../../src/components/ui/ButtonWithMenu/ButtonWithMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  styled,\n  useThemeProps,\n} from '@mui/material';\nimport type { ButtonOwnProps } from '@mui/material';\nimport type {\n  ComponentsOverrides,\n  Theme,\n} from '@mui/material/styles';\nimport {\n  useCallback,\n  useState,\n} from 'react';\nimport type {\n  MouseEvent,\n  ReactElement,\n} from 'react';\n\nexport type ButtonWithMenuProps = {\n  buttonColor?: ButtonOwnProps['color'];\n  disabled?: boolean;\n  items: Array<{\n    icon: ReactElement;\n    label: string;\n    onClick: () => void;\n  }>;\n  label: string;\n  startIcon?: ReactElement;\n};\n\nexport type ButtonWithMenuTheme = {\n  styleOverrides?: ComponentsOverrides<Theme>['MuiButton'];\n};\n\nconst ButtonWithMenuButton = styled(Button, {\n  name: 'RivmLoculusToolsCommonFrontendButtonWithMenu',\n  slot: 'Root',\n})({\n  '&:hover': {\n    backgroundColor: 'rgba(255, 255, 255, 0.25)',\n  },\n  backgroundColor: 'rgba(255, 255, 255, 0.15)',\n  color: '#FFFFFF',\n});\n\nexport const ButtonWithMenu = (inProps: ButtonWithMenuProps) => {\n  const {\n    buttonColor = 'inherit',\n    disabled,\n    items,\n    label,\n    startIcon,\n  } = useThemeProps({ name: 'RivmLoculusToolsCommonFrontendButtonWithMenu', props: inProps });\n  const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n  const isMenuOpen = Boolean(anchorElement);\n\n  const onClickMenu = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorElement(event.currentTarget);\n  }, []);\n\n  const onCloseMenu = useCallback(() => {\n    setAnchorElement(null);\n  }, []);\n\n  return (\n    <>\n      <ButtonWithMenuButton\n        color={buttonColor}\n        disabled={disabled}\n        onClick={onClickMenu}\n        size={'small'}\n        startIcon={startIcon}\n        variant={'contained'}\n      >\n        {label}\n      </ButtonWithMenuButton>\n      <Menu\n        anchorEl={anchorElement}\n        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n        onClose={onCloseMenu}\n        open={isMenuOpen}\n        transformOrigin={{ horizontal: 'right', vertical: 'top' }}\n      >\n        {items.map(({ icon, label: itemLabel, onClick }) => (\n          <MenuItem\n            key={itemLabel}\n            // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n            onClick={() => {\n              onCloseMenu();\n              onClick();\n            }}\n          >\n            <ListItemIcon>\n              {icon}\n            </ListItemIcon>\n            <ListItemText primary={itemLabel} />\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n};\n"],"mappings":";;;;AAuCA,IAAMC,IAAuBC,EAAOC,GAAQ;CAC1C,MAAM;CACN,MAAM;AACR,CAAC,CAAC,CAAC;CACD,WAAW,EACT,iBAAiB,4BACnB;CACA,iBAAiB;CACjB,OAAO;AACT,CAAC,GAEYC,KAAkB,MAAiC;CAC9D,IAAM,EACJ,iBAAc,WACd,aACA,UACA,UACA,iBACEC,EAAc;EAAE,MAAM;EAAgD,OAAOC;CAAQ,CAAC,GACpF,CAACC,GAAeC,KAAoBC,EAA6B,IAAI,GACrEC,IAAa,EAAQH,GAErBI,IAAcC,GAAa,MAAyC;EACxE,EAAiBC,EAAM,aAAa;CACtC,GAAG,CAAC,CAAC,GAECC,IAAcF,QAAkB;EACpC,EAAiB,IAAI;CACvB,GAAG,CAAC,CAAC;CAEL,OACE,kBAAAZ,GAAA,EAAA,UAAA,CACE,kBAACC,GAAD;EACE,OAAOe;EACG;EACV,SAASL;EACT,MAAM;EACK;EACX,SAAS;EAER,UAAAM;CACmB,CAAA,GACtB,kBAACC,GAAD;EACE,UAAUX;EACV,cAAc;GAAE,YAAY;GAAS,UAAU;EAAS;EACxD,SAASO;EACT,MAAMJ;EACN,iBAAiB;GAAE,YAAY;GAAS,UAAU;EAAM;EAEvD,UAAAS,EAAM,KAAK,EAAE,SAAM,OAAOC,GAAW,iBACpC,kBAACC,GAAD;GAGE,eAAe;IAEb,AADAP,EAAY,GACZQ,EAAQ;GACV;GANF,UAAA,CAQE,kBAACC,GAAD,EAAA,UACGC,EACW,CAAA,GACd,kBAACC,GAAD,EAAc,SAASL,EAAY,CAAA,CAC3B;EAXH,GAAAA,CAWG,CACX;CACG,CAAA,CACN,EAAA,CAAA;AAEN"}

package/dist/components/ui/PageCommon/index.js

@@ -42,7 +42,7 @@ var l = ({ children: l, isNoInteraction: u, title: d }) => {
 						duration: m.transitions.duration.leavingScreen,
 						easing: m.transitions.easing.sharp
 					}),
-					width: g ? "calc(100% - 340px)" : "100%"
+					width: g ? "calc(100% - 540px)" : "100%"
 				},
 				children: l
 			})]

package/dist/components/ui/PageCommonDrawer/index.js

@@ -18,7 +18,7 @@ var i = ({ children: i }) => {
 			height: "100%",
 			overflowY: "auto",
 			position: "absolute",
-			width: o ? 340 : 0
+			width: o ? 540 : 0
 		} },
 		variant: "persistent",
 		children: i

package/dist/components/ui/PageCommonHeader/PageCommonHeader.d.ts

@@ -4,4 +4,8 @@ export type PageCommonHeaderProps = {
     readonly rightComponent?: ReactNode;
     readonly title: string;
 };
-export declare const PageCommonHeader: ({ centerComponent, rightComponent, title }: PageCommonHeaderProps) => import('react').JSX.Element;
+export interface PageCommonHeaderTheme {
+    backgroundColor: string;
+    color: string;
+}
+export declare const PageCommonHeader: (inProps: PageCommonHeaderProps) => import('react').JSX.Element;

package/dist/components/ui/PageCommonHeader/index.js

@@ -1,49 +1,56 @@
 import { PageCommonContext as e } from "../../../context/pageCommonContext/index.js";
-import { AppBar as t, Box as n, IconButton as r, Toolbar as i, Typography as a, useTheme as o } from "@mui/material";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { use as u, useCallback as d } from "react";
-import f from "@mui/icons-material/Menu";
+import { AppBar as t, Box as n, IconButton as r, Toolbar as i, Typography as a, useTheme as o, useThemeProps as s } from "@mui/material";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { use as d, useCallback as f, useMemo as p } from "react";
+import m from "@mui/icons-material/Menu";
 // src/components/ui/PageCommonHeader/PageCommonHeader.tsx
-var p = ({ centerComponent: p, rightComponent: m, title: h }) => {
-	let g = o(), { afterAppBarComponent: _, afterAppBarRightComponent: v, appBarHeight: y = 48, appBarIcon: b, beforeAppBarComponent: x, beforeAppBarRightComponent: S, isDrawerOpen: C, isNoInteraction: w, setIsDrawerOpen: T } = u(e), E = d(() => {
-		T(!C);
-	}, [C, T]);
-	return /* @__PURE__ */ l(n, { children: [
-		x,
-		/* @__PURE__ */ c(t, {
+var h = (h) => {
+	let { centerComponent: g, rightComponent: _, title: v } = s({
+		name: "RivmLoculusToolsCommonFrontendPageCommonHeader",
+		props: h
+	}), y = o(), b = p(() => ({
+		backgroundColor: y.palette.primary.main,
+		color: y.palette.primary.contrastText,
+		...y.components?.RivmLoculusToolsCommonFrontendPageCommonHeader ?? {}
+	}), [y]), { afterAppBarComponent: x, afterAppBarRightComponent: S, appBarHeight: C = 48, appBarIcon: w, beforeAppBarComponent: T, beforeAppBarRightComponent: E, isDrawerOpen: D, isNoInteraction: O, setIsDrawerOpen: k } = d(e), A = f(() => {
+		k(!D);
+	}, [D, k]);
+	return /* @__PURE__ */ u(n, { children: [
+		T,
+		/* @__PURE__ */ l(t, {
 			elevation: 1,
 			position: "static",
 			sx: {
-				backgroundColor: "primary.main",
-				color: "#FFFFFF",
-				height: y,
+				backgroundColor: b.backgroundColor,
+				color: b.color,
+				height: C,
 				justifyContent: "center",
-				zIndex: g.zIndex.drawer + 1
+				zIndex: y.zIndex.drawer + 1
 			},
-			children: /* @__PURE__ */ l(i, {
+			children: /* @__PURE__ */ u(i, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
-					px: `${g.spacing(1)} !important`
+					px: `${y.spacing(1)} !important`
 				},
 				variant: "dense",
-				children: [/* @__PURE__ */ l(n, {
+				children: [/* @__PURE__ */ u(n, {
 					sx: {
 						alignItems: "center",
 						display: "flex",
 						gap: 1.5
 					},
 					children: [
-						!w && /* @__PURE__ */ c(r, {
+						!O && /* @__PURE__ */ l(r, {
 							"aria-label": "open drawer",
 							color: "inherit",
 							edge: "start",
-							onClick: E,
+							onClick: A,
 							size: "small",
-							children: /* @__PURE__ */ c(f, {})
+							children: /* @__PURE__ */ l(m, {})
 						}),
-						b && /* @__PURE__ */ c(s, { children: b }),
-						/* @__PURE__ */ c(a, {
+						w && /* @__PURE__ */ l(c, { children: w }),
+						/* @__PURE__ */ l(a, {
 							component: "div",
 							noWrap: !0,
 							sx: {
@@ -53,54 +60,54 @@ var p = ({ centerComponent: p, rightComponent: m, title: h }) => {
 								letterSpacing: "-0.01em"
 							},
 							variant: "h6",
-							children: h
+							children: v
 						})
 					]
-				}), !w && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
+				}), !O && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(n, {
 					sx: {
 						alignItems: "center",
 						display: "flex",
 						gap: 1
 					},
-					children: p
-				}), /* @__PURE__ */ l(n, {
+					children: g
+				}), /* @__PURE__ */ u(n, {
 					sx: {
 						alignItems: "center",
 						display: "flex",
 						gap: 1
 					},
 					children: [
-						S && /* @__PURE__ */ c(n, {
+						E && /* @__PURE__ */ l(n, {
 							sx: {
 								alignItems: "center",
 								display: "flex",
 								gap: 1
 							},
-							children: S
+							children: E
 						}),
-						/* @__PURE__ */ c(n, {
+						/* @__PURE__ */ l(n, {
 							sx: {
 								alignItems: "center",
 								display: "flex",
 								gap: 1
 							},
-							children: m
+							children: _
 						}),
-						v && /* @__PURE__ */ c(n, {
+						S && /* @__PURE__ */ l(n, {
 							sx: {
 								alignItems: "center",
 								display: "flex",
 								gap: 1
 							},
-							children: v
+							children: S
 						})
 					]
 				})] })]
 			})
 		}),
-		_
+		x
 	] });
 };
-export { p as PageCommonHeader };
+export { h as PageCommonHeader };
 
 //# sourceMappingURL=index.js.map