@rivm-loculus-tools/common-frontend 0.3.0 → 0.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PageCommon","DrawerComponent","HeaderComponent","useConfig","title","theme","useTheme","use","PageCommonContext","useEffect","isNoInteraction","setIsNoInteraction","Box","isDrawerOpen"],"sources":["../../../../src/components/ui/PageCommon/PageCommon.tsx"],"sourcesContent":["import {\n  Box,\n  useTheme,\n} from '@mui/material';\nimport {\n  use,\n  useEffect,\n} from 'react';\nimport type { ReactNode } from 'react';\n\nimport { DRAWER_WIDTH } from '../../../constants/page.constants';\nimport { PageCommonContext } from '../../../context/pageCommonContext';\nimport { useUpdateDocumentTitle } from '../../../hooks/useUpdateDocumentTitle';\nimport { useConfig } from '../../../hooks/useConfig';\n\nexport type PageCommonProps = {\n  readonly children: ReactNode;\n  readonly isNoInteraction?: boolean;\n  readonly title: string;\n};\n\n\nexport const PageCommon = ({ children, isNoInteraction, title }: PageCommonProps) => {\n  const { drawerComponent: DrawerComponent, headerComponent: HeaderComponent } = useConfig();\n\n  useUpdateDocumentTitle(title);\n  const theme = useTheme();\n  const { isDrawerOpen, setIsNoInteraction } = use(PageCommonContext);\n\n  useEffect(() => {\n    setIsNoInteraction(!!isNoInteraction);\n  }, [isNoInteraction, setIsNoInteraction]);\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100vh',\n        overflow: 'hidden',\n        position: 'relative',\n        width: '100vw',\n      }}\n    >\n      {HeaderComponent && <HeaderComponent />}\n      {/* Main Body */}\n      <Box\n        sx={{\n          display: 'flex',\n          flex: 1,\n          height: 'calc(100vh - 56px)',\n          overflow: 'hidden',\n          position: 'relative',\n          width: '100%',\n        }}\n      >\n        {DrawerComponent && <DrawerComponent />}\n        <Box\n          component={'main'}\n          sx={{\n            flexGrow: 1,\n            height: '100%',\n            overflow: 'hidden',\n            position: 'relative',\n            transition: () =>\n              theme.transitions.create(['margin', 'width'], {\n                duration: theme.transitions.duration.leavingScreen,\n                easing: theme.transitions.easing.sharp,\n              }),\n            width: isDrawerOpen ? `calc(100% - ${DRAWER_WIDTH}px)` : '100%',\n          }}\n        >\n          {children}\n        </Box>\n\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;AAsBA,IAAaA,KAAc,EAAE,aAAU,oBAAiB,eAA6B;CACnF,IAAM,EAAE,iBAAiBC,GAAiB,iBAAiBC,MAAoBC,EAAU;CAEzF,EAAuBC,CAAK;CAC5B,IAAMC,IAAQC,EAAS,GACjB,EAAE,iBAAc,0BAAuBC,EAAIC,CAAiB;CAMlE,OAJAC,QAAgB;EACd,EAAmB,CAAC,CAACC,CAAe;CACtC,GAAG,CAACA,GAAiBC,CAAkB,CAAC,GAGtC,kBAACC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ;GACR,UAAU;GACV,UAAU;GACV,OAAO;EACT;EARF,UAAA,CAUGV,KAAmB,kBAACA,GAAD,CAAkB,CAAA,GAEtC,kBAACU,GAAD;GACE,IAAI;IACF,SAAS;IACT,MAAM;IACN,QAAQ;IACR,UAAU;IACV,UAAU;IACV,OAAO;GACT;GARF,UAAA,CAUGX,KAAmB,kBAACA,GAAD,CAAkB,CAAA,GACtC,kBAACW,GAAD;IACE,WAAW;IACX,IAAI;KACF,UAAU;KACV,QAAQ;KACR,UAAU;KACV,UAAU;KACV,kBACEP,EAAM,YAAY,OAAO,CAAC,UAAU,OAAO,GAAG;MAC5C,UAAUA,EAAM,YAAY,SAAS;MACrC,QAAQA,EAAM,YAAY,OAAO;KACnC,CAAC;KACH,OAAOQ,IAAe,uBAAmC;IAC3D;IAEC;GACE,CAAA,CAEF;EACF,CAAA,CAAA;;AAET"}
+{"version":3,"file":"index.js","names":["PageCommon","DrawerComponent","HeaderComponent","useConfig","title","theme","useTheme","use","PageCommonContext","useEffect","isNoInteraction","setIsNoInteraction","Box","drawerContainerId","isDrawerOpen"],"sources":["../../../../src/components/ui/PageCommon/PageCommon.tsx"],"sourcesContent":["import {\n  Box,\n  useTheme,\n} from '@mui/material';\nimport {\n  use,\n  useEffect,\n} from 'react';\nimport type { ReactNode } from 'react';\n\nimport { DRAWER_WIDTH } from '../../../constants/page.constants';\nimport { PageCommonContext } from '../../../context/pageCommonContext';\nimport { useUpdateDocumentTitle } from '../../../hooks/useUpdateDocumentTitle';\nimport { useConfig } from '../../../hooks/useConfig';\n\nexport type PageCommonProps = {\n  readonly children: ReactNode;\n  readonly isNoInteraction?: boolean;\n  readonly title: string;\n};\n\n\nexport const PageCommon = ({ children, isNoInteraction, title }: PageCommonProps) => {\n  const { drawerComponent: DrawerComponent, headerComponent: HeaderComponent } = useConfig();\n\n  useUpdateDocumentTitle(title);\n  const theme = useTheme();\n  const { drawerContainerId, isDrawerOpen, setIsNoInteraction } = use(PageCommonContext);\n\n  useEffect(() => {\n    setIsNoInteraction(!!isNoInteraction);\n  }, [isNoInteraction, setIsNoInteraction]);\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateRows: 'max-content auto',\n        height: '100vh',\n        overflow: 'hidden',\n        position: 'relative',\n        width: '100vw',\n      }}\n    >\n      {HeaderComponent && <HeaderComponent />}\n      <Box\n        id={drawerContainerId}\n        sx={{\n          display: 'flex',\n          flex: 1,\n          height: '100%',\n          overflow: 'hidden',\n          position: 'relative',\n          width: '100%',\n        }}\n      >\n        {DrawerComponent && <DrawerComponent />}\n        <Box\n          component={'main'}\n          sx={{\n            flexGrow: 1,\n            height: '100%',\n            overflow: 'hidden',\n            position: 'relative',\n            transition: () =>\n              theme.transitions.create(['margin', 'width'], {\n                duration: theme.transitions.duration.leavingScreen,\n                easing: theme.transitions.easing.sharp,\n              }),\n            width: isDrawerOpen ? `calc(100% - ${DRAWER_WIDTH}px)` : '100%',\n          }}\n        >\n          {children}\n        </Box>\n\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;AAsBA,IAAaA,KAAc,EAAE,aAAU,oBAAiB,eAA6B;CACnF,IAAM,EAAE,iBAAiBC,GAAiB,iBAAiBC,MAAoBC,EAAU;CAEzF,EAAuBC,CAAK;CAC5B,IAAMC,IAAQC,EAAS,GACjB,EAAE,sBAAmB,iBAAc,0BAAuBC,EAAIC,CAAiB;CAMrF,OAJAC,QAAgB;EACd,EAAmB,CAAC,CAACC,CAAe;CACtC,GAAG,CAACA,GAAiBC,CAAkB,CAAC,GAGtC,kBAACC,GAAD;EACE,IAAI;GACF,SAAS;GACT,kBAAkB;GAClB,QAAQ;GACR,UAAU;GACV,UAAU;GACV,OAAO;EACT;EARF,UAAA,CAUGV,KAAmB,kBAACA,GAAD,CAAkB,CAAA,GACtC,kBAACU,GAAD;GACE,IAAIC;GACJ,IAAI;IACF,SAAS;IACT,MAAM;IACN,QAAQ;IACR,UAAU;IACV,UAAU;IACV,OAAO;GACT;GATF,UAAA,CAWGZ,KAAmB,kBAACA,GAAD,CAAkB,CAAA,GACtC,kBAACW,GAAD;IACE,WAAW;IACX,IAAI;KACF,UAAU;KACV,QAAQ;KACR,UAAU;KACV,UAAU;KACV,kBACEP,EAAM,YAAY,OAAO,CAAC,UAAU,OAAO,GAAG;MAC5C,UAAUA,EAAM,YAAY,SAAS;MACrC,QAAQA,EAAM,YAAY,OAAO;KACnC,CAAC;KACH,OAAOS,IAAe,uBAAmC;IAC3D;IAEC;GACE,CAAA,CAEF;EACF,CAAA,CAAA;;AAET"}

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

@@ -3,27 +3,27 @@ import { PageCommonContext as e } from "../../../context/pageCommonContext/index
 import { Drawer as t } from "@mui/material";
 import { jsx as n } from "react/jsx-runtime";
 import { use as r } from "react";
-//#region src/components/ui/PageCommonDrawer/PageCommonDrawer.tsx
+// src/components/ui/PageCommonDrawer/PageCommonDrawer.tsx
 var i = ({ children: i }) => {
-	let { isDrawerOpen: a } = r(e);
+	let { drawerContainerId: a, isDrawerOpen: o } = r(e);
 	return /* @__PURE__ */ n(t, {
 		anchor: "left",
-		open: a,
-		sx: {
-			"& .MuiDrawer-paper": {
-				height: "calc(100% - 56px)",
-				overflowY: "auto",
-				top: "56px",
-				width: 340
-			},
-			flexShrink: 0,
-			width: a ? 340 : 0
+		ModalProps: {
+			container: () => document.getElementById(a),
+			style: { position: "absolute" }
 		},
+		open: o,
+		sx: { "& .MuiDrawer-paper": {
+			flexShrink: 0,
+			height: "100%",
+			overflowY: "auto",
+			position: "absolute",
+			width: o ? 340 : 0
+		} },
 		variant: "persistent",
 		children: i
 	});
 };
-//#endregion
 export { i as PageCommonDrawer };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PageCommonDrawer","use","PageCommonContext","Drawer","isDrawerOpen"],"sources":["../../../../src/components/ui/PageCommonDrawer/PageCommonDrawer.tsx"],"sourcesContent":["import { Drawer } from '@mui/material';\nimport { use } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { DRAWER_WIDTH } from '../../../constants/page.constants';\nimport { PageCommonContext } from '../../../context/pageCommonContext';\n\nexport type PageCommonDrawerProps = {\n  readonly children: ReactNode;\n};\n\nexport const PageCommonDrawer = ({ children }: PageCommonDrawerProps) => {\n  const { isDrawerOpen } = use(PageCommonContext);\n\n  return (\n    <Drawer\n      anchor={'left'}\n      open={isDrawerOpen}\n      sx={{\n        '& .MuiDrawer-paper': {\n          height: 'calc(100% - 56px)',\n          overflowY: 'auto',\n          top: '56px',\n          width: DRAWER_WIDTH,\n        },\n        flexShrink: 0,\n        width: isDrawerOpen ? DRAWER_WIDTH : 0,\n      }}\n      variant={'persistent'}\n    >\n      {children}\n    </Drawer>\n  );\n};\n"],"mappings":";;;;;;AAWA,IAAaA,KAAoB,EAAE,kBAAsC;CACvE,IAAM,EAAE,oBAAiBC,EAAIC,CAAiB;CAE9C,OACE,kBAACC,GAAD;EACE,QAAQ;EACR,MAAMC;EACN,IAAI;GACF,sBAAsB;IACpB,QAAQ;IACR,WAAW;IACX,KAAK;IACL,OAAA;GACF;GACA,YAAY;GACZ,OAAOA,IAAA,MAA8B;EACvC;EACA,SAAS;EAER;CACK,CAAA;AAEZ"}
+{"version":3,"file":"index.js","names":["PageCommonDrawer","use","PageCommonContext","Drawer","drawerContainerId","isDrawerOpen"],"sources":["../../../../src/components/ui/PageCommonDrawer/PageCommonDrawer.tsx"],"sourcesContent":["import { Drawer } from '@mui/material';\nimport { use } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { DRAWER_WIDTH } from '../../../constants/page.constants';\nimport { PageCommonContext } from '../../../context/pageCommonContext';\n\nexport type PageCommonDrawerProps = {\n  readonly children: ReactNode;\n};\n\nexport const PageCommonDrawer = ({ children }: PageCommonDrawerProps) => {\n  const { drawerContainerId, isDrawerOpen } = use(PageCommonContext);\n\n  return (\n    <Drawer\n      anchor={'left'}\n      ModalProps={{\n        container: () => document.getElementById(drawerContainerId),\n        style: { position: 'absolute' }, // Forces modal overlay to stay inside the container\n      }}\n      open={isDrawerOpen}\n      sx={{\n        '& .MuiDrawer-paper': {\n          flexShrink: 0,\n          height: '100%',\n          overflowY: 'auto',\n          position: 'absolute',\n          width: isDrawerOpen ? DRAWER_WIDTH : 0,\n        },\n      }}\n      variant={'persistent'}\n    >\n      {children}\n    </Drawer>\n  );\n};\n"],"mappings":";;;;;;AAWA,IAAaA,KAAoB,EAAE,kBAAsC;CACvE,IAAM,EAAE,sBAAmB,oBAAiBC,EAAIC,CAAiB;CAEjE,OACE,kBAACC,GAAD;EACE,QAAQ;EACR,YAAY;GACV,iBAAiB,SAAS,eAAeC,CAAiB;GAC1D,OAAO,EAAE,UAAU,WAAW;EAChC;EACA,MAAMC;EACN,IAAI,EACF,sBAAsB;GACpB,YAAY;GACZ,QAAQ;GACR,WAAW;GACX,UAAU;GACV,OAAOA,IAAA,MAA8B;EACvC,EACF;EACA,SAAS;EAER;CACK,CAAA;AAEZ"}

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

@@ -1,8 +1,7 @@
 import { ReactNode } from 'react';
 export type PageCommonHeaderProps = {
     readonly centerComponent?: ReactNode;
-    readonly icon?: ReactNode;
     readonly rightComponent?: ReactNode;
     readonly title: string;
 };
-export declare const PageCommonHeader: ({ centerComponent, icon, rightComponent, title }: PageCommonHeaderProps) => import('react').JSX.Element;
+export declare const PageCommonHeader: ({ centerComponent, rightComponent, title }: PageCommonHeaderProps) => import('react').JSX.Element;

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

@@ -1,48 +1,49 @@
 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 } from "@mui/material";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { use as l, useCallback as u } from "react";
-import d from "@mui/icons-material/Menu";
-//#region src/components/ui/PageCommonHeader/PageCommonHeader.tsx
-var f = ({ centerComponent: f, icon: p, rightComponent: m, title: h }) => {
-	let { isDrawerOpen: g, isNoInteraction: _, setIsDrawerOpen: v } = l(e), y = u(() => {
-		v(!g);
-	}, [g, v]);
-	return /* @__PURE__ */ s(t, {
-		elevation: 1,
-		position: "static",
-		sx: {
-			backgroundColor: "primary.main",
-			color: "#FFFFFF",
-			height: 56,
-			justifyContent: "center",
-			zIndex: (e) => e.zIndex.drawer + 1
-		},
-		children: /* @__PURE__ */ c(i, {
+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";
+// 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, {
+			elevation: 1,
+			position: "static",
 			sx: {
-				display: "flex",
-				justifyContent: "space-between",
-				px: 2
+				backgroundColor: "primary.main",
+				color: "#FFFFFF",
+				height: y,
+				justifyContent: "center",
+				zIndex: g.zIndex.drawer + 1
 			},
-			variant: "dense",
-			children: [
-				/* @__PURE__ */ c(n, {
+			children: /* @__PURE__ */ l(i, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					px: `${g.spacing(1)} !important`
+				},
+				variant: "dense",
+				children: [/* @__PURE__ */ l(n, {
 					sx: {
 						alignItems: "center",
 						display: "flex",
 						gap: 1.5
 					},
 					children: [
-						!_ && /* @__PURE__ */ s(r, {
+						!w && /* @__PURE__ */ c(r, {
 							"aria-label": "open drawer",
 							color: "inherit",
 							edge: "start",
-							onClick: y,
+							onClick: E,
 							size: "small",
-							children: /* @__PURE__ */ s(d, {})
+							children: /* @__PURE__ */ c(f, {})
 						}),
-						p && /* @__PURE__ */ s(o, { children: p }),
-						/* @__PURE__ */ s(a, {
+						b && /* @__PURE__ */ c(s, { children: b }),
+						/* @__PURE__ */ c(a, {
 							component: "div",
 							noWrap: !0,
 							sx: {
@@ -53,46 +54,53 @@ var f = ({ centerComponent: f, icon: p, rightComponent: m, title: h }) => {
 							},
 							variant: "h6",
 							children: h
-						}),
-						/* @__PURE__ */ s(a, {
-							sx: {
-								backgroundColor: "rgba(255, 255, 255, 0.15)",
-								borderRadius: 1,
-								display: {
-									sm: "inline-block",
-									xs: "none"
-								},
-								fontSize: "0.7rem",
-								fontWeight: 600,
-								px: 1,
-								py: .25
-							},
-							variant: "caption",
-							children: "Loculus Tool"
 						})
 					]
-				}),
-				/* @__PURE__ */ s(n, {
+				}), !w && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
 					sx: {
 						alignItems: "center",
 						display: "flex",
 						gap: 1
 					},
-					children: f
-				}),
-				!_ && /* @__PURE__ */ s(n, {
+					children: p
+				}), /* @__PURE__ */ l(n, {
 					sx: {
 						alignItems: "center",
 						display: "flex",
 						gap: 1
 					},
-					children: m
-				})
-			]
-		})
-	});
+					children: [
+						S && /* @__PURE__ */ c(n, {
+							sx: {
+								alignItems: "center",
+								display: "flex",
+								gap: 1
+							},
+							children: S
+						}),
+						/* @__PURE__ */ c(n, {
+							sx: {
+								alignItems: "center",
+								display: "flex",
+								gap: 1
+							},
+							children: m
+						}),
+						v && /* @__PURE__ */ c(n, {
+							sx: {
+								alignItems: "center",
+								display: "flex",
+								gap: 1
+							},
+							children: v
+						})
+					]
+				})] })]
+			})
+		}),
+		_
+	] });
 };
-//#endregion
-export { f as PageCommonHeader };
+export { p as PageCommonHeader };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Fragment","MenuIcon","PageCommonHeader","use","PageCommonContext","onToggleDrawerButtonClick","useCallback","isDrawerOpen","setIsDrawerOpen","AppBar","theme","Toolbar","Box","isNoInteraction","IconButton","icon","Fragment","Typography","title","centerComponent","rightComponent"],"sources":["../../../../src/components/ui/PageCommonHeader/PageCommonHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n  use,\n  useCallback,\n} from 'react';\nimport {\n  AppBar,\n  Box,\n  IconButton,\n  Toolbar,\n  Typography,\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\n\nimport { PageCommonContext } from '../../../context/pageCommonContext';\n\n\nexport type PageCommonHeaderProps = {\n  readonly centerComponent?: ReactNode;\n  readonly icon?: ReactNode;\n  readonly rightComponent?: ReactNode;\n  readonly title: string;\n};\n\nexport const PageCommonHeader = ({ centerComponent, icon, rightComponent, title }: PageCommonHeaderProps) => {\n  const { isDrawerOpen, isNoInteraction, setIsDrawerOpen } = use(PageCommonContext);\n\n  const onToggleDrawerButtonClick = useCallback(() => {\n    setIsDrawerOpen(!isDrawerOpen);\n  }, [isDrawerOpen, setIsDrawerOpen]);\n\n  return (\n    <AppBar\n      elevation={1}\n      position={'static'}\n      sx={{\n        backgroundColor: 'primary.main',\n        color: '#FFFFFF',\n        height: 56,\n        justifyContent: 'center',\n        zIndex: (theme) => theme.zIndex.drawer + 1,\n      }}\n    >\n      <Toolbar\n        sx={{ display: 'flex', justifyContent: 'space-between', px: 2 }}\n        variant={'dense'}\n      >\n        {/* Left: Menu toggle and App Branding */}\n        <Box sx={{ alignItems: 'center', display: 'flex', gap: 1.5 }}>\n          {!isNoInteraction && (\n            <IconButton\n              aria-label={'open drawer'}\n              color={'inherit'}\n              edge={'start'}\n              onClick={onToggleDrawerButtonClick}\n              size={'small'}\n            >\n              <MenuIcon />\n            </IconButton>\n          )}\n          {icon && (\n            <>\n              {icon}\n            </>\n          )}\n          <Typography\n            component={'div'}\n            noWrap\n            sx={{ color: 'inherit', fontSize: '1.05rem', fontWeight: 700, letterSpacing: '-0.01em' }}\n            variant={'h6'}\n          >\n            {title}\n          </Typography>\n          <Typography\n            sx={{\n              backgroundColor: 'rgba(255, 255, 255, 0.15)',\n              borderRadius: 1,\n              display: { sm: 'inline-block', xs: 'none' },\n              fontSize: '0.7rem',\n              fontWeight: 600,\n              px: 1,\n              py: 0.25,\n            }}\n            variant={'caption'}\n          >\n            {'Loculus Tool'}\n          </Typography>\n        </Box>\n        <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n          {centerComponent}\n        </Box>\n        {!isNoInteraction && (\n          <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n            {rightComponent}\n          </Box>\n        )}\n      </Toolbar>\n    </AppBar>\n  );\n};\n"],"mappings":";;;;;;AAwBA,IAAaE,KAAoB,EAAE,oBAAiB,SAAM,mBAAgB,eAAmC;CAC3G,IAAM,EAAE,iBAAc,oBAAiB,uBAAoBC,EAAIC,CAAiB,GAE1EC,IAA4BC,QAAkB;EAClD,EAAgB,CAACC,CAAY;CAC/B,GAAG,CAACA,GAAcC,CAAe,CAAC;CAElC,OACE,kBAACC,GAAD;EACE,WAAW;EACX,UAAU;EACV,IAAI;GACF,iBAAiB;GACjB,OAAO;GACP,QAAQ;GACR,gBAAgB;GAChB,SAAS,MAAUC,EAAM,OAAO,SAAS;EAC3C;EAEA,UAAA,kBAACC,GAAD;GACE,IAAI;IAAE,SAAS;IAAQ,gBAAgB;IAAiB,IAAI;GAAE;GAC9D,SAAS;GAFX,UAAA;IAKE,kBAACC,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAI;KAA3D,UAAA;MACG,CAACC,KACA,kBAACC,GAAD;OACE,cAAY;OACZ,OAAO;OACP,MAAM;OACN,SAAST;OACT,MAAM;OAEN,UAAA,kBAACJ,GAAD,CAAW,CAAA;MACD,CAAA;MAEbc,KACC,kBAAAf,GAAA,EAAA,UACGe,EACD,CAAA;MAEJ,kBAACE,GAAD;OACE,WAAW;OACX,QAAA;OACA,IAAI;QAAE,OAAO;QAAW,UAAU;QAAW,YAAY;QAAK,eAAe;OAAU;OACvF,SAAS;OAER,UAAAC;MACS,CAAA;MACZ,kBAACD,GAAD;OACE,IAAI;QACF,iBAAiB;QACjB,cAAc;QACd,SAAS;SAAE,IAAI;SAAgB,IAAI;QAAO;QAC1C,UAAU;QACV,YAAY;QACZ,IAAI;QACJ,IAAI;OACN;OACA,SAAS;OAER,UAAA;MACS,CAAA;KACT;;IACL,kBAACL,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAE;KACtD,UAAAO;IACE,CAAA;IACJ,CAACN,KACA,kBAACD,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAE;KACtD,UAAAQ;IACE,CAAA;GAEA;;CACH,CAAA;AAEZ"}
+{"version":3,"file":"index.js","names":["_Fragment","MenuIcon","PageCommonHeader","theme","useTheme","use","PageCommonContext","onToggleDrawerButtonClick","useCallback","isDrawerOpen","setIsDrawerOpen","Box","beforeAppBarComponent","AppBar","appBarHeight","Toolbar","isNoInteraction","IconButton","appBarIcon","Fragment","Typography","title","centerComponent","beforeAppBarRightComponent","rightComponent","afterAppBarRightComponent","afterAppBarComponent"],"sources":["../../../../src/components/ui/PageCommonHeader/PageCommonHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n  use,\n  useCallback,\n} from 'react';\nimport {\n  AppBar,\n  Box,\n  IconButton,\n  Toolbar,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\n\nimport { PageCommonContext } from '../../../context/pageCommonContext';\n\n\nexport type PageCommonHeaderProps = {\n  readonly centerComponent?: ReactNode;\n  readonly rightComponent?: ReactNode;\n  readonly title: string;\n};\n\nexport const PageCommonHeader = ({ centerComponent, rightComponent, title }: PageCommonHeaderProps) => {\n  const theme = useTheme();\n  const { afterAppBarComponent, afterAppBarRightComponent, appBarHeight = 48, appBarIcon, beforeAppBarComponent, beforeAppBarRightComponent, isDrawerOpen, isNoInteraction, setIsDrawerOpen } = use(PageCommonContext);\n\n  const onToggleDrawerButtonClick = useCallback(() => {\n    setIsDrawerOpen(!isDrawerOpen);\n  }, [isDrawerOpen, setIsDrawerOpen]);\n\n  return (\n    <Box>\n      {beforeAppBarComponent}\n      <AppBar\n        elevation={1}\n        position={'static'}\n        sx={{\n          backgroundColor: 'primary.main',\n          color: '#FFFFFF',\n          height: appBarHeight,\n          justifyContent: 'center',\n          zIndex: theme.zIndex.drawer + 1,\n        }}\n      >\n        <Toolbar\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            px: `${theme.spacing(1)} !important`, // using !important to override media queries\n          }}\n          variant={'dense'}\n        >\n          {/* Left: Menu toggle and App Branding */}\n          <Box sx={{ alignItems: 'center', display: 'flex', gap: 1.5 }}>\n            {!isNoInteraction && (\n              <IconButton\n                aria-label={'open drawer'}\n                color={'inherit'}\n                edge={'start'}\n                onClick={onToggleDrawerButtonClick}\n                size={'small'}\n              >\n                <MenuIcon />\n              </IconButton>\n            )}\n            {appBarIcon && (\n              <>\n                {appBarIcon}\n              </>\n            )}\n            <Typography\n              component={'div'}\n              noWrap\n              sx={{ color: 'inherit', fontSize: '1.05rem', fontWeight: 700, letterSpacing: '-0.01em' }}\n              variant={'h6'}\n            >\n              {title}\n            </Typography>\n          </Box>\n          {!isNoInteraction && (\n            <>\n              <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n                {centerComponent}\n              </Box>\n              <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n                {beforeAppBarRightComponent && (\n                  <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n                    {beforeAppBarRightComponent}\n                  </Box>\n                )}\n                <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n                  {rightComponent}\n                </Box>\n                {afterAppBarRightComponent && (\n                  <Box sx={{ alignItems: 'center', display: 'flex', gap: 1 }}>\n                    {afterAppBarRightComponent}\n                  </Box>\n                )}\n              </Box>\n            </>\n          )}\n        </Toolbar>\n      </AppBar>\n      {afterAppBarComponent}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;AAwBA,IAAaE,KAAoB,EAAE,oBAAiB,mBAAgB,eAAmC;CACrG,IAAMC,IAAQC,EAAS,GACjB,EAAE,yBAAsB,8BAA2B,kBAAe,IAAI,eAAY,0BAAuB,+BAA4B,iBAAc,oBAAiB,uBAAoBC,EAAIC,CAAiB,GAE7MC,IAA4BC,QAAkB;EAClD,EAAgB,CAACC,CAAY;CAC/B,GAAG,CAACA,GAAcC,CAAe,CAAC;CAElC,OACE,kBAACC,GAAD,EAAA,UAAA;EACGC;EACD,kBAACC,GAAD;GACE,WAAW;GACX,UAAU;GACV,IAAI;IACF,iBAAiB;IACjB,OAAO;IACP,QAAQC;IACR,gBAAgB;IAChB,QAAQX,EAAM,OAAO,SAAS;GAChC;GAEA,UAAA,kBAACY,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,IAAI,GAAGZ,EAAM,QAAQ,CAAC,EAAE;IAC1B;IACA,SAAS;IANX,UAAA,CASE,kBAACQ,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAI;KAA3D,UAAA;MACG,CAACK,KACA,kBAACC,GAAD;OACE,cAAY;OACZ,OAAO;OACP,MAAM;OACN,SAASV;OACT,MAAM;OAEN,UAAA,kBAACN,GAAD,CAAW,CAAA;MACD,CAAA;MAEbiB,KACC,kBAAAlB,GAAA,EAAA,UACGkB,EACD,CAAA;MAEJ,kBAACE,GAAD;OACE,WAAW;OACX,QAAA;OACA,IAAI;QAAE,OAAO;QAAW,UAAU;QAAW,YAAY;QAAK,eAAe;OAAU;OACvF,SAAS;OAER,UAAAC;MACS,CAAA;KACT;IACJ,CAAA,GAAA,CAACL,KACA,kBAAAhB,GAAA,EAAA,UAAA,CACE,kBAACW,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAE;KACtD,UAAAW;IACE,CAAA,GACL,kBAACX,GAAD;KAAK,IAAI;MAAE,YAAY;MAAU,SAAS;MAAQ,KAAK;KAAE;KAAzD,UAAA;MACGY,KACC,kBAACZ,GAAD;OAAK,IAAI;QAAE,YAAY;QAAU,SAAS;QAAQ,KAAK;OAAE;OACtD,UAAAY;MACE,CAAA;MAEP,kBAACZ,GAAD;OAAK,IAAI;QAAE,YAAY;QAAU,SAAS;QAAQ,KAAK;OAAE;OACtD,UAAAa;MACE,CAAA;MACJC,KACC,kBAACd,GAAD;OAAK,IAAI;QAAE,YAAY;QAAU,SAAS;QAAQ,KAAK;OAAE;OACtD,UAAAc;MACE,CAAA;KAEJ;IACL,CAAA,CAAA,EAAA,CAAA,CAEG;;EACH,CAAA;EACPC;CACE,EAAA,CAAA;AAET"}

package/dist/constants/config.constants.js

@@ -1,6 +1,5 @@
-//#region src/constants/config.constants.ts
+// src/constants/config.constants.ts
 var e = Symbol("CONFIG_TOKEN"), t = Symbol("WINDOW_SERVICE_TOKEN"), n = Symbol("DEVICE_PIXEL_RATIO_SERVICE_TOKEN"), r = Symbol("KEYBOARD_SHORTCUT_SERVICE_TOKEN");
-//#endregion
 export { e as CONFIG_TOKEN, n as DEVICE_PIXEL_RATIO_SERVICE_TOKEN, r as KEYBOARD_SHORTCUT_SERVICE_TOKEN, t as WINDOW_SERVICE_TOKEN };
 
 //# sourceMappingURL=config.constants.js.map

package/dist/constants/page.constants.js

@@ -1,6 +1,5 @@
-//#region src/constants/page.constants.ts
+// src/constants/page.constants.ts
 var e = 340;
-//#endregion
 export { e as DRAWER_WIDTH };
 
 //# sourceMappingURL=page.constants.js.map

package/dist/context/pageCommonContext/PageCommonContext.d.ts

@@ -1,7 +1,17 @@
+import { ReactNode } from 'react';
+export type PageCommonConfig = {
+    readonly afterAppBarComponent?: ReactNode;
+    readonly afterAppBarRightComponent?: ReactNode;
+    readonly appBarHeight?: number;
+    readonly appBarIcon?: ReactNode;
+    readonly beforeAppBarComponent?: ReactNode;
+    readonly beforeAppBarRightComponent?: ReactNode;
+};
 export type PageCommonContextData = {
+    readonly drawerContainerId: string;
     readonly isDrawerOpen: boolean;
     readonly isNoInteraction: boolean;
     readonly setIsDrawerOpen: (open: boolean) => void;
     readonly setIsNoInteraction: (open: boolean) => void;
-};
+} & PageCommonConfig;
 export declare const PageCommonContext: import('react').Context<PageCommonContextData>;

package/dist/context/pageCommonContext/PageCommonContextProvider.d.ts

@@ -1,3 +1,4 @@
 import { PropsWithChildren } from 'react';
-export type PageCommonContextProviderProps = PropsWithChildren;
-export declare const PageCommonContextProvider: ({ children }: PageCommonContextProviderProps) => import('react').JSX.Element;
+import { PageCommonConfig } from './PageCommonContext';
+export type PageCommonContextProviderProps = PropsWithChildren<PageCommonConfig>;
+export declare const PageCommonContextProvider: ({ children, ...props }: PageCommonContextProviderProps) => import('react').JSX.Element;

package/dist/context/pageCommonContext/index.js

@@ -1,24 +1,25 @@
 import { jsx as e } from "react/jsx-runtime";
-import { createContext as t, useMemo as n, useState as r } from "react";
-//#region src/context/pageCommonContext/PageCommonContext.ts
-var i = t({
-	isDrawerOpen: !1,
-	isNoInteraction: !1,
-	setIsDrawerOpen: () => null,
-	setIsNoInteraction: () => null
-}), a = ({ children: t }) => {
-	let [a, o] = r(!1), [s, c] = r(!1), l = n(() => ({
-		isDrawerOpen: a,
-		isNoInteraction: s,
-		setIsDrawerOpen: o,
-		setIsNoInteraction: c
-	}), [a, s]);
-	return /* @__PURE__ */ e(i, {
-		value: l,
+import { createContext as t, useId as n, useMemo as r, useState as i } from "react";
+// src/context/pageCommonContext/PageCommonContext.ts
+var a = t({}), o = ({ children: t, ...o }) => {
+	let [s, c] = i(!1), [l, u] = i(!1), d = n(), f = r(() => ({
+		...o,
+		drawerContainerId: d,
+		isDrawerOpen: s,
+		isNoInteraction: l,
+		setIsDrawerOpen: c,
+		setIsNoInteraction: u
+	}), [
+		s,
+		l,
+		d,
+		o
+	]);
+	return /* @__PURE__ */ e(a, {
+		value: f,
 		children: t
 	});
 };
-//#endregion
-export { i as PageCommonContext, a as PageCommonContextProvider };
+export { a as PageCommonContext, o as PageCommonContextProvider };
 
 //# sourceMappingURL=index.js.map

package/dist/context/pageCommonContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PageCommonContext","createContext","PageCommonContextProvider","isDrawerOpen","setIsDrawerOpen","useState","isNoInteraction","setIsNoInteraction","contextValue","useMemo"],"sources":["../../../src/context/pageCommonContext/PageCommonContext.ts","../../../src/context/pageCommonContext/PageCommonContextProvider.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type PageCommonContextData = {\n  readonly isDrawerOpen: boolean;\n  readonly isNoInteraction: boolean;\n  readonly setIsDrawerOpen: (open: boolean) => void;\n  readonly setIsNoInteraction: (open: boolean) => void;\n};\n\nexport const PageCommonContext = createContext<PageCommonContextData>({\n  isDrawerOpen: false,\n  isNoInteraction: false,\n  setIsDrawerOpen: () => null,\n  setIsNoInteraction: () => null,\n});\n","import {\n  useMemo,\n  useState,\n} from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type { PageCommonContextData } from './PageCommonContext';\nimport { PageCommonContext } from './PageCommonContext';\n\nexport type PageCommonContextProviderProps = PropsWithChildren;\n\nexport const PageCommonContextProvider = ({ children }: PageCommonContextProviderProps) => {\n  const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n  const [isNoInteraction, setIsNoInteraction] = useState(false);\n\n  const contextValue = useMemo<PageCommonContextData>(() => {\n    return {\n      isDrawerOpen,\n      isNoInteraction,\n      setIsDrawerOpen,\n      setIsNoInteraction,\n    };\n  }, [isDrawerOpen, isNoInteraction]);\n\n  return (\n    <PageCommonContext value={contextValue}>\n      { children }\n    </PageCommonContext>\n  );\n};\n"],"mappings":";;;AASA,IAAaA,IAAoBC,EAAqC;CACpE,cAAc;CACd,iBAAiB;CACjB,uBAAuB;CACvB,0BAA0B;AAC5B,CAAC,GCHYC,KAA6B,EAAE,kBAA+C;CACzF,IAAM,CAACC,GAAcC,KAAmBC,EAAS,EAAK,GAChD,CAACC,GAAiBC,KAAsBF,EAAS,EAAK,GAEtDG,IAAeC,SACZ;EACL;EACA;EACA;EACA;CACF,IACC,CAACN,GAAcG,CAAe,CAAC;CAElC,OACE,kBAACN,GAAD;EAAmB,OAAOQ;EACtB;CACe,CAAA;AAEvB"}
+{"version":3,"file":"index.js","names":["PageCommonContext","createContext","PageCommonContextProvider","props","isDrawerOpen","setIsDrawerOpen","useState","isNoInteraction","setIsNoInteraction","drawerContainerId","useId","contextValue","useMemo"],"sources":["../../../src/context/pageCommonContext/PageCommonContext.ts","../../../src/context/pageCommonContext/PageCommonContextProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext } from 'react';\n\nexport type PageCommonConfig = {\n  readonly afterAppBarComponent?: ReactNode;\n  readonly afterAppBarRightComponent?: ReactNode;\n  readonly appBarHeight?: number;\n  readonly appBarIcon?: ReactNode;\n  readonly beforeAppBarComponent?: ReactNode;\n  readonly beforeAppBarRightComponent?: ReactNode;\n};\n\nexport type PageCommonContextData = {\n  readonly drawerContainerId: string;\n  readonly isDrawerOpen: boolean;\n  readonly isNoInteraction: boolean;\n  readonly setIsDrawerOpen: (open: boolean) => void;\n  readonly setIsNoInteraction: (open: boolean) => void;\n} & PageCommonConfig;\n\nexport const PageCommonContext = createContext<PageCommonContextData>({} as PageCommonContextData);\n","import {\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport type {\n  PageCommonConfig,\n  PageCommonContextData,\n} from './PageCommonContext';\nimport { PageCommonContext } from './PageCommonContext';\n\nexport type PageCommonContextProviderProps = PropsWithChildren<PageCommonConfig>;\n\nexport const PageCommonContextProvider = ({ children, ...props }: PageCommonContextProviderProps) => {\n  const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n  const [isNoInteraction, setIsNoInteraction] = useState(false);\n  const drawerContainerId = useId();\n\n  const contextValue = useMemo<PageCommonContextData>(() => {\n    return {\n      ...props,\n      drawerContainerId,\n      isDrawerOpen,\n      isNoInteraction,\n      setIsDrawerOpen,\n      setIsNoInteraction,\n    };\n  }, [isDrawerOpen, isNoInteraction, drawerContainerId, props]);\n\n  return (\n    <PageCommonContext value={contextValue}>\n      { children }\n    </PageCommonContext>\n  );\n};\n"],"mappings":";;;AAoBA,IAAaA,IAAoBC,EAAqC,CAAC,CAA0B,GCLpFC,KAA6B,EAAE,aAAU,GAAGC,QAA4C;CACnG,IAAM,CAACC,GAAcC,KAAmBC,EAAS,EAAK,GAChD,CAACC,GAAiBC,KAAsBF,EAAS,EAAK,GACtDG,IAAoBC,EAAM,GAE1BC,IAAeC,SACZ;EACL,GAAGT;EACH;EACA;EACA;EACA;EACA;CACF,IACC;EAACC;EAAcG;EAAiBE;EAAmBN;CAAK,CAAC;CAE5D,OACE,kBAACH,GAAD;EAAmB,OAAOW;EACtB;CACe,CAAA;AAEvB"}

package/dist/hooks/useConfig/index.js

@@ -1,7 +1,6 @@
-import { useCommonConfigContext as e } from "../../context/commonConfigContext/index.js";
-//#region src/hooks/useConfig/useConfig.ts
-var t = () => e().config;
-//#endregion
+import { DependencyContainerUtil as e } from "../../utils/DependencyContainerUtil/index.js";
+// src/hooks/useConfig/useConfig.ts
+var t = () => e.resolveConfig();
 export { t as useConfig };
 
 //# sourceMappingURL=index.js.map

package/dist/hooks/useConfig/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useConfig","useCommonConfigContext"],"sources":["../../../src/hooks/useConfig/useConfig.ts"],"sourcesContent":["import type { ConfigBase } from '../../models/config.models';\nimport { useCommonConfigContext } from '../../context/commonConfigContext';\n\nexport const useConfig = <TConfig extends ConfigBase = ConfigBase>(): TConfig => {\n  return useCommonConfigContext<TConfig>().config;\n};\n"],"mappings":";;AAGA,IAAaA,UACJC,EAAgC,CAAC,CAAC"}
+{"version":3,"file":"index.js","names":["useConfig","DependencyContainerUtil"],"sources":["../../../src/hooks/useConfig/useConfig.ts"],"sourcesContent":["import type { ConfigBase } from '../../models/config.models';\nimport { DependencyContainerUtil } from '../../utils/DependencyContainerUtil';\n\n// eslint-disable-next-line @eslint-react/no-unnecessary-use-prefix\nexport const useConfig = <TConfig extends ConfigBase = ConfigBase>(): TConfig => {\n  return DependencyContainerUtil.resolveConfig<TConfig>();\n};\n"],"mappings":";;AAIA,IAAaA,UACJC,EAAwB,cAAuB"}

package/dist/hooks/useUpdateDocumentTitle/index.js

@@ -1,13 +1,12 @@
 import { useConfig as e } from "../useConfig/index.js";
 import { useEffect as t } from "react";
-//#region src/hooks/useUpdateDocumentTitle/useUpdateDocumentTitle.ts
+// src/hooks/useUpdateDocumentTitle/useUpdateDocumentTitle.ts
 var n = (n) => {
 	let r = e();
 	t(() => {
 		document.title = `${r.applicationName} - ${n}`;
 	}, [r.applicationName, n]);
 };
-//#endregion
 export { n as useUpdateDocumentTitle };
 
 //# sourceMappingURL=index.js.map

package/dist/models/config.models.d.ts

@@ -1,16 +1,13 @@
 import { ReactElement } from 'react';
 import { CircularProgressProps, Theme } from '@mui/material';
-export type ApplicationHeaderProps = {
-    readonly fullHeight?: boolean;
-    readonly fullWidth?: boolean;
-    readonly singleAction?: boolean;
-};
+import { PageCommonConfig } from '../context/pageCommonContext';
 export interface ConfigBase {
     applicationName: string;
     readonly drawerComponent?: () => ReactElement;
-    getTouchIconUrl: () => string | undefined;
+    getTouchIconUrl?: () => string | undefined;
     readonly headerComponent?: () => ReactElement;
     nonce?: string;
+    pageConfig?: PageCommonConfig;
     spinner: {
         DEFAULT_CIRCULAR_PROGRESS_SIZE: CircularProgressProps['size'];
         DEFAULT_TAKING_LONGER_TIMEOUT_MS: number;

package/dist/models/fasta.models.js

@@ -1,8 +1,7 @@
-//#region src/models/fasta.models.ts
+// src/models/fasta.models.ts
 var e = /* @__PURE__ */ function(e) {
 	return e.ERROR = "ERROR", e.IDLE = "IDLE", e.LOADING = "LOADING", e.SUCCESS = "SUCCESS", e;
 }({});
-//#endregion
 export { e as LOADING_STATUS };
 
 //# sourceMappingURL=fasta.models.js.map

package/dist/models/fasta.models.js.map

@@ -1 +1 @@
-{"version":3,"file":"fasta.models.js","names":["LOADING_STATUS","\"ERROR\"","\"IDLE\"","\"LOADING\"","\"SUCCESS\""],"sources":["../../src/models/fasta.models.ts"],"sourcesContent":["export enum LOADING_STATUS {\n  ERROR = 'ERROR',\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  SUCCESS = 'SUCCESS',\n}\n\nexport type FastaParseResult = {\n  error?: string;\n  expectedLength: number;\n  invalidSequences?: { id: string; length: number }[];\n  isAligned: boolean;\n  sequences: FastaSequence[];\n};\n\nexport type FastaSequence = {\n  accessionVersion: string;\n  header: string;\n  id: string;\n  length: number;\n  sequence: string;\n};\n"],"mappings":";AAAA,IAAYA,IAAL,yBAAA,GAAA;QACL,EAAAC,QAAA,SACA,EAAAC,OAAA,QACA,EAAAC,UAAA,WACA,EAAAC,UAAA;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"fasta.models.js","names":["LOADING_STATUS","\"ERROR\"","\"IDLE\"","\"LOADING\"","\"SUCCESS\""],"sources":["../../src/models/fasta.models.ts"],"sourcesContent":["export enum LOADING_STATUS {\n  ERROR = 'ERROR',\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  SUCCESS = 'SUCCESS',\n}\n\nexport type FastaParseResult = {\n  error?: string;\n  expectedLength: number;\n  invalidSequences?: { id: string; length: number }[];\n  isAligned: boolean;\n  sequences: FastaSequence[];\n};\n\nexport type FastaSequence = {\n  accessionVersion: string;\n  header: string;\n  id: string;\n  length: number;\n  sequence: string;\n};\n"],"mappings":";AAAA,IAAYA,IAAL,yBAAA,GAAA;C,OACL,EAAAC,QAAA,SACA,EAAAC,OAAA,QACA,EAAAC,UAAA,WACA,EAAAC,UAAA,W;AACF,EAAA,CAAA,CAAA"}

package/dist/pages/ErrorPage/index.js

@@ -2,7 +2,7 @@ import { GenericErrorMessage as e } from "../../components/ui/GenericErrorMessag
 import { PageCommon as t } from "../../components/ui/PageCommon/index.js";
 import { useTranslation as n } from "react-i18next";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/pages/ErrorPage/ErrorPage.tsx
+// src/pages/ErrorPage/ErrorPage.tsx
 var i = ({ error: i }) => {
 	let { t: a } = n();
 	return /* @__PURE__ */ r(t, {
@@ -11,7 +11,6 @@ var i = ({ error: i }) => {
 		children: /* @__PURE__ */ r(e, { error: i })
 	});
 };
-//#endregion
 export { i as ErrorPage };
 
 //# sourceMappingURL=index.js.map

package/dist/stores/fastaDataStore/index.js

@@ -1,7 +1,7 @@
 import { MetaDataUtil as e } from "../../utils/MetaDataUtil/index.js";
 import { FastaUtil as t } from "../../utils/FastaUtil/index.js";
 import { LOADING_STATUS as n } from "../../models/fasta.models.js";
-//#region src/stores/fastaDataStore/fastaDataStore.ts
+// src/stores/fastaDataStore/fastaDataStore.ts
 var r = () => ({
 	columnMatchCounts: {},
 	loadingError: null,
@@ -53,7 +53,6 @@ var r = () => ({
 		setMatchKeyField: (e) => s({ matchKeyField: e })
 	};
 };
-//#endregion
 export { i as createFastaDataStoreActions, r as createFastaDataStoreInitialState };
 
 //# sourceMappingURL=index.js.map