@rivm-loculus-tools/common-frontend 0.2.0 → 0.4.0

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+export type GenericErrorMessageProps = {
+    error: unknown;
+};
+export declare const GenericErrorMessage: ({ error }: GenericErrorMessageProps) => import('react').JSX.Element;

package/dist/components/ui/GenericErrorMessage/index.d.ts

@@ -0,0 +1 @@
+export * from './GenericErrorMessage';

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

@@ -0,0 +1,44 @@
+import { Box as e, Typography as t } from "@mui/material";
+import { t as n } from "i18next";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ui/GenericErrorMessage/GenericErrorMessage.tsx
+var a = ({ error: a }) => /* @__PURE__ */ i(e, {
+	sx: {
+		alignItems: "center",
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		width: "100%"
+	},
+	children: [
+		/* @__PURE__ */ r(e, {
+			sx: { padding: 1 },
+			children: /* @__PURE__ */ r(t, {
+				variant: "h1",
+				children: n`Something went wrong`
+			})
+		}),
+		/* @__PURE__ */ r(e, {
+			sx: { padding: 1 },
+			children: /* @__PURE__ */ r(t, {
+				variant: "body2",
+				children: a instanceof Error ? a.message : n`An unexpected error occurred.`
+			})
+		}),
+		/* @__PURE__ */ i(e, {
+			sx: { padding: 1 },
+			children: [/* @__PURE__ */ r(t, {
+				variant: "h6",
+				children: n`Details for our technicians`
+			}), /* @__PURE__ */ r(e, {
+				component: "pre",
+				sx: { fontSize: "0.8rem" },
+				children: a?.stack
+			})]
+		})
+	]
+});
+//#endregion
+export { a as GenericErrorMessage };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GenericErrorMessage","Box","Typography","error"],"sources":["../../../../src/components/ui/GenericErrorMessage/GenericErrorMessage.tsx"],"sourcesContent":["import {\n  Box,\n  Typography,\n} from '@mui/material';\nimport { t } from 'i18next';\n\nexport type GenericErrorMessageProps = {\n  error: unknown;\n};\n\nexport const GenericErrorMessage = ({ error }: GenericErrorMessageProps) => {\n  return (\n    <Box\n      sx={{\n        alignItems: 'center',\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        width: '100%',\n      }}\n    >\n      <Box sx={{ padding: 1 }}>\n        <Typography\n          variant={'h1'}\n        >\n          {t`Something went wrong`}\n        </Typography>\n      </Box>\n      <Box sx={{ padding: 1 }}>\n        <Typography\n          variant={'body2'}\n        >\n          {error instanceof Error ? error.message : t`An unexpected error occurred.`}\n        </Typography>\n      </Box>\n      <Box sx={{ padding: 1 }}>\n        <Typography variant={'h6'}>\n          {t`Details for our technicians`}\n        </Typography>\n        <Box\n          component={'pre'}\n          sx={{\n            fontSize: '0.8rem',\n          }}\n        >\n          {(error as Error)?.stack}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;AAUA,IAAaA,KAAuB,EAAE,eAElC,kBAACC,GAAD;CACE,IAAI;EACF,YAAY;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,OAAO;CACT;CAPF,UAAA;EASE,kBAACA,GAAD;GAAK,IAAI,EAAE,SAAS,EAAE;GACpB,UAAA,kBAACC,GAAD;IACE,SAAS;IAER,UAAA,CAAC;GACQ,CAAA;EACT,CAAA;EACL,kBAACD,GAAD;GAAK,IAAI,EAAE,SAAS,EAAE;GACpB,UAAA,kBAACC,GAAD;IACE,SAAS;IAER,UAAAC,aAAiB,QAAQA,EAAM,UAAU,CAAC;GACjC,CAAA;EACT,CAAA;EACL,kBAACF,GAAD;GAAK,IAAI,EAAE,SAAS,EAAE;GAAtB,UAAA,CACE,kBAACC,GAAD;IAAY,SAAS;IAClB,UAAA,CAAC;GACQ,CAAA,GACZ,kBAACD,GAAD;IACE,WAAW;IACX,IAAI,EACF,UAAU,SACZ;IAEE,UAAAE,GAAiB;GAChB,CAAA,CACF;;CACF"}

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

@@ -0,0 +1,21 @@
+import { initReactI18next as e } from "react-i18next";
+import t from "i18next";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { useEffect as i, useState as a } from "react";
+//#region src/components/ui/I18nWrapper/I18nWrapper.tsx
+var o = ({ children: o }) => {
+	let [s, c] = a(!1);
+	return i(() => {
+		(async () => {
+			await t.use(e).init({
+				interpolation: { escapeValue: !1 },
+				lng: "en",
+				resources: { en: { translation: {} } }
+			}), c(!0);
+		})();
+	}, []), /* @__PURE__ */ r(n, { children: s ? o : null });
+};
+//#endregion
+export { o as I18nWrapper };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Fragment","i18n","I18nWrapper","isInitialized","setIsInitialized","useState","useEffect","initReactI18next","Fragment","children"],"sources":["../../../../src/components/ui/I18nWrapper/I18nWrapper.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n} from 'react';\nimport type { ReactNode } from 'react';\nimport i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nexport const I18nWrapper = ({ children }: { children: ReactNode }) => {\n  const [isInitialized, setIsInitialized] = useState(false);\n\n  useEffect(() => {\n    const performInitialization = async () => {\n      await i18n\n        .use(initReactI18next) // passes i18n down to react-i18next\n        .init({\n          interpolation: {\n            escapeValue: false, // react already safes from xss\n          },\n          lng: 'en',\n          resources: {\n            en: {\n              translation: {\n              },\n            },\n          },\n        });\n      setIsInitialized(true);\n    };\n    void performInitialization();\n  }, []);\n\n\n  return (\n    <>\n      {isInitialized ? children : null}\n    </>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAaE,KAAe,EAAE,kBAAwC;CACpE,IAAM,CAACC,GAAeC,KAAoBC,EAAS,EAAK;CAwBxD,OAtBAC,QAAgB;EAkBd,aAjB0C;GAexC,AAdA,MAAML,EACH,IAAIM,CAAgB,CAAC,CACrB,KAAK;IACJ,eAAe,EACb,aAAa,GACf;IACA,KAAK;IACL,WAAW,EACT,IAAI,EACF,aAAa,CACb,EACF,EACF;GACF,CAAC,GACHH,EAAiB,EAAI;EACvB,EACK,CAAsB;CAC7B,GAAG,CAAC,CAAC,GAIH,kBAAAJ,GAAA,EAAA,UACGG,IAAgBM,IAAW,KAC5B,CAAA;AAEN"}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type PageCommonProps = {
+    readonly children: ReactNode;
+    readonly isNoInteraction?: boolean;
+    readonly title: string;
+};
+export declare const PageCommon: ({ children, isNoInteraction, title }: PageCommonProps) => import('react').JSX.Element;

package/dist/components/ui/PageCommon/index.d.ts

@@ -0,0 +1 @@
+export * from './PageCommon';

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

@@ -0,0 +1,55 @@
+import "../../../constants/page.constants.js";
+import { PageCommonContext as e } from "../../../context/pageCommonContext/index.js";
+import { useConfig as t } from "../../../hooks/useConfig/index.js";
+import { useUpdateDocumentTitle as n } from "../../../hooks/useUpdateDocumentTitle/index.js";
+import { Box as r, useTheme as i } from "@mui/material";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { use as s, useEffect as c } from "react";
+//#region src/components/ui/PageCommon/PageCommon.tsx
+var l = ({ children: l, isNoInteraction: u, title: d }) => {
+	let { drawerComponent: f, headerComponent: p } = t();
+	n(d);
+	let m = i(), { drawerContainerId: h, isDrawerOpen: g, setIsNoInteraction: _ } = s(e);
+	return c(() => {
+		_(!!u);
+	}, [u, _]), /* @__PURE__ */ o(r, {
+		sx: {
+			display: "grid",
+			gridTemplateRows: "max-content auto",
+			height: "100vh",
+			overflow: "hidden",
+			position: "relative",
+			width: "100vw"
+		},
+		children: [p && /* @__PURE__ */ a(p, {}), /* @__PURE__ */ o(r, {
+			id: h,
+			sx: {
+				display: "flex",
+				flex: 1,
+				height: "100%",
+				overflow: "hidden",
+				position: "relative",
+				width: "100%"
+			},
+			children: [f && /* @__PURE__ */ a(f, {}), /* @__PURE__ */ a(r, {
+				component: "main",
+				sx: {
+					flexGrow: 1,
+					height: "100%",
+					overflow: "hidden",
+					position: "relative",
+					transition: () => m.transitions.create(["margin", "width"], {
+						duration: m.transitions.duration.leavingScreen,
+						easing: m.transitions.easing.sharp
+					}),
+					width: g ? "calc(100% - 340px)" : "100%"
+				},
+				children: l
+			})]
+		})]
+	});
+};
+//#endregion
+export { l as PageCommon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export * from './PageCommonDrawer';

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

@@ -0,0 +1,30 @@
+import "../../../constants/page.constants.js";
+import { PageCommonContext as e } from "../../../context/pageCommonContext/index.js";
+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
+var i = ({ children: i }) => {
+	let { drawerContainerId: a, isDrawerOpen: o } = r(e);
+	return /* @__PURE__ */ n(t, {
+		anchor: "left",
+		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

@@ -0,0 +1 @@
+{"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/{page → 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.d.ts

@@ -0,0 +1 @@
+export * from './PageCommonHeader';

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

@@ -0,0 +1,107 @@
+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";
+//#region 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: {
+				backgroundColor: "primary.main",
+				color: "#FFFFFF",
+				height: y,
+				justifyContent: "center",
+				zIndex: g.zIndex.drawer + 1
+			},
+			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: [
+						!w && /* @__PURE__ */ c(r, {
+							"aria-label": "open drawer",
+							color: "inherit",
+							edge: "start",
+							onClick: E,
+							size: "small",
+							children: /* @__PURE__ */ c(f, {})
+						}),
+						b && /* @__PURE__ */ c(s, { children: b }),
+						/* @__PURE__ */ c(a, {
+							component: "div",
+							noWrap: !0,
+							sx: {
+								color: "inherit",
+								fontSize: "1.05rem",
+								fontWeight: 700,
+								letterSpacing: "-0.01em"
+							},
+							variant: "h6",
+							children: h
+						})
+					]
+				}), !w && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
+					sx: {
+						alignItems: "center",
+						display: "flex",
+						gap: 1
+					},
+					children: p
+				}), /* @__PURE__ */ l(n, {
+					sx: {
+						alignItems: "center",
+						display: "flex",
+						gap: 1
+					},
+					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 { p as PageCommonHeader };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken } from 'tsyringe';
+import { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';
+import { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';
+import { KeyboardShortcutService } from '@gen-epix/ui-core/classes/services/KeyboardShortcutService';
+import { ConfigBase } from '../models/config.models';
+export declare const CONFIG_TOKEN: InjectionToken<ConfigBase>;
+export declare const WINDOW_SERVICE_TOKEN: InjectionToken<WindowService>;
+export declare const DEVICE_PIXEL_RATIO_SERVICE_TOKEN: InjectionToken<DevicePixelRatioService>;
+export declare const KEYBOARD_SHORTCUT_SERVICE_TOKEN: InjectionToken<KeyboardShortcutService>;

package/dist/constants/config.constants.js

@@ -0,0 +1,6 @@
+//#region 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/config.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.constants.js","names":["CONFIG_TOKEN","WINDOW_SERVICE_TOKEN","DEVICE_PIXEL_RATIO_SERVICE_TOKEN","KEYBOARD_SHORTCUT_SERVICE_TOKEN"],"sources":["../../src/constants/config.constants.ts"],"sourcesContent":["import type { InjectionToken } from 'tsyringe';\nimport type { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\nimport type { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';\nimport type { KeyboardShortcutService } from '@gen-epix/ui-core/classes/services/KeyboardShortcutService';\n\nimport type { ConfigBase } from '../models/config.models';\n\nexport const CONFIG_TOKEN: InjectionToken<ConfigBase> = Symbol('CONFIG_TOKEN');\nexport const WINDOW_SERVICE_TOKEN: InjectionToken<WindowService> = Symbol('WINDOW_SERVICE_TOKEN');\nexport const DEVICE_PIXEL_RATIO_SERVICE_TOKEN: InjectionToken<DevicePixelRatioService> = Symbol('DEVICE_PIXEL_RATIO_SERVICE_TOKEN');\nexport const KEYBOARD_SHORTCUT_SERVICE_TOKEN: InjectionToken<KeyboardShortcutService> = Symbol('KEYBOARD_SHORTCUT_SERVICE_TOKEN');\n"],"mappings":";AAOA,IAAaA,IAA2C,OAAO,cAAc,GAChEC,IAAsD,OAAO,sBAAsB,GACnFC,IAA4E,OAAO,kCAAkC,GACrHC,IAA2E,OAAO,iCAAiC"}

package/dist/constants/page.constants.js

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

package/dist/constants/page.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.constants.js","names":["DRAWER_WIDTH"],"sources":["../../src/constants/page.constants.ts"],"sourcesContent":["export const DRAWER_WIDTH = 340;\n"],"mappings":";AAAA,IAAaA,IAAe"}

package/dist/context/commonConfigContext/CommonConfigContext.d.ts

@@ -0,0 +1,9 @@
+import { CoreComponentsConfig } from '@gen-epix/ui-core-components/context/CoreComponentsConfigContext';
+import { DependencyContainer } from 'tsyringe';
+import { ConfigBase } from '../../models/config.models';
+export type CommonConfig<TConfig extends ConfigBase = ConfigBase> = {
+    config: TConfig;
+    container: DependencyContainer;
+    genEpixCoreComponentsConfig: CoreComponentsConfig;
+};
+export declare const CommonConfigContext: import('react').Context<CommonConfig<ConfigBase> | null>;

package/dist/context/commonConfigContext/CommonConfigContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { DependencyContainer } from 'tsyringe';
+export type CommonConfigContextProviderProps = PropsWithChildren<{
+    readonly container: DependencyContainer;
+}>;
+export declare const CommonConfigContextProvider: (props: CommonConfigContextProviderProps) => import('react').JSX.Element;

package/dist/context/commonConfigContext/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CommonConfigContext';
+export * from './CommonConfigContextProvider';
+export * from './useCommonConfigContext';

package/dist/context/commonConfigContext/index.js

@@ -0,0 +1,34 @@
+import { DependencyContainerUtil as e } from "../../utils/DependencyContainerUtil/index.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as n, use as r, useMemo as i } from "react";
+import { CoreComponentsConfigContext as a } from "@gen-epix/ui-core-components/context/CoreComponentsConfigContext";
+//#region src/context/commonConfigContext/CommonConfigContext.tsx
+var o = n(null), s = (n) => {
+	let { children: r, container: s } = n, c = e.resolveConfig(s), l = i(() => ({ spinner: {
+		defaultCircularProgressSize: c.spinner.DEFAULT_CIRCULAR_PROGRESS_SIZE,
+		defaultTakingLongerTimeoutMs: c.spinner.DEFAULT_TAKING_LONGER_TIMEOUT_MS
+	} }), [c.spinner]), u = i(() => ({
+		config: c,
+		container: s,
+		genEpixCoreComponentsConfig: l
+	}), [
+		c,
+		s,
+		l
+	]);
+	return /* @__PURE__ */ t(a, {
+		value: l,
+		children: /* @__PURE__ */ t(o, {
+			value: u,
+			children: r
+		})
+	});
+}, c = () => {
+	let e = r(o);
+	if (!e) throw Error("CommonConfigContext is not available");
+	return e;
+};
+//#endregion
+export { o as CommonConfigContext, s as CommonConfigContextProvider, c as useCommonConfigContext };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CommonConfigContext","createContext","CommonConfigContextProvider","props","config","DependencyContainerUtil","container","genEpixCoreComponentsConfig","useMemo","CommonConfig","CoreComponentsConfigContext","useCommonConfigContext","use"],"sources":["../../../src/context/commonConfigContext/CommonConfigContext.tsx","../../../src/context/commonConfigContext/CommonConfigContextProvider.tsx","../../../src/context/commonConfigContext/useCommonConfigContext.tsx"],"sourcesContent":["import type { CoreComponentsConfig } from '@gen-epix/ui-core-components/context/CoreComponentsConfigContext';\nimport { createContext } from 'react';\nimport type { DependencyContainer } from 'tsyringe';\n\nimport type { ConfigBase } from '../../models/config.models';\n\nexport type CommonConfig<TConfig extends ConfigBase = ConfigBase> = {\n  config: TConfig;\n  container: DependencyContainer;\n  genEpixCoreComponentsConfig: CoreComponentsConfig;\n};\n\nexport const CommonConfigContext = createContext<CommonConfig | null>(null);\n","import { useMemo } from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { CoreComponentsConfigContext } from '@gen-epix/ui-core-components/context/CoreComponentsConfigContext';\nimport type { DependencyContainer } from 'tsyringe';\n\nimport { DependencyContainerUtil } from '../../utils/DependencyContainerUtil';\nimport type { ConfigBase } from '../../models/config.models';\n\nimport type { CommonConfig } from './CommonConfigContext';\nimport { CommonConfigContext } from './CommonConfigContext';\n\n\nexport type CommonConfigContextProviderProps = PropsWithChildren<{\n  readonly container: DependencyContainer;\n}>;\n\nexport const CommonConfigContextProvider = (\n  props: CommonConfigContextProviderProps,\n) => {\n  const { children, container } = props;\n  const config = DependencyContainerUtil.resolveConfig<ConfigBase>(container);\n  const genEpixCoreComponentsConfig = useMemo<CommonConfig['genEpixCoreComponentsConfig']>(() => ({\n    spinner: {\n      defaultCircularProgressSize: config.spinner.DEFAULT_CIRCULAR_PROGRESS_SIZE!,\n      defaultTakingLongerTimeoutMs: config.spinner.DEFAULT_TAKING_LONGER_TIMEOUT_MS,\n    },\n  }), [config.spinner]);\n  const CommonConfig = useMemo(() => ({ config, container, genEpixCoreComponentsConfig }), [config, container, genEpixCoreComponentsConfig]);\n\n  return (\n    <CoreComponentsConfigContext value={genEpixCoreComponentsConfig}>\n      <CommonConfigContext value={CommonConfig}>\n        {children}\n      </CommonConfigContext>\n    </CoreComponentsConfigContext>\n  );\n};\n","import { use } from 'react';\n\nimport type { ConfigBase } from '../../models/config.models';\n\nimport type { CommonConfig } from './CommonConfigContext';\nimport { CommonConfigContext } from './CommonConfigContext';\n\nexport const useCommonConfigContext = <TConfig extends ConfigBase = ConfigBase>(): CommonConfig<TConfig> => {\n  const config = use(CommonConfigContext);\n  if (!config) {\n    throw new Error('CommonConfigContext is not available');\n  }\n  return config as CommonConfig<TConfig>;\n};\n"],"mappings":";;;;;AAYA,IAAaA,IAAsBC,EAAmC,IAAI,GCI7DC,KACX,MACG;CACH,IAAM,EAAE,aAAU,iBAAcC,GAC1BC,IAASC,EAAwB,cAA0BC,CAAS,GACpEC,IAA8BC,SAA4D,EAC9F,SAAS;EACP,6BAA6BJ,EAAO,QAAQ;EAC5C,8BAA8BA,EAAO,QAAQ;CAC/C,EACF,IAAI,CAACA,EAAO,OAAO,CAAC,GACdK,IAAeD,SAAe;EAAE;EAAQ;EAAW;CAA4B,IAAI;EAACJ;EAAQE;EAAWC;CAA2B,CAAC;CAEzI,OACE,kBAACG,GAAD;EAA6B,OAAOH;EAClC,UAAA,kBAACP,GAAD;GAAqB,OAAOS;GACzB;EACkB,CAAA;CACM,CAAA;AAEjC,GC7BaE,UAA+F;CAC1G,IAAMP,IAASQ,EAAIZ,CAAmB;CACtC,IAAI,CAACI,GACH,MAAU,MAAM,sCAAsC;CAExD,OAAOA;AACT"}

package/dist/context/commonConfigContext/useCommonConfigContext.d.ts

@@ -0,0 +1,3 @@
+import { ConfigBase } from '../../models/config.models';
+import { CommonConfig } from './CommonConfigContext';
+export declare const useCommonConfigContext: <TConfig extends ConfigBase = ConfigBase>() => CommonConfig<TConfig>;

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

@@ -0,0 +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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+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.d.ts

@@ -0,0 +1,2 @@
+export * from './PageCommonContext';
+export * from './PageCommonContextProvider';

package/dist/context/pageCommonContext/index.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as t, useId as n, useMemo as r, useState as i } from "react";
+//#region 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 { a as PageCommonContext, o as PageCommonContextProvider };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1 @@
+export * from './useConfig';

package/dist/hooks/useConfig/index.js

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

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

@@ -0,0 +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"}

package/dist/hooks/useConfig/useConfig.d.ts

@@ -0,0 +1,2 @@
+import { ConfigBase } from '../../models/config.models';
+export declare const useConfig: <TConfig extends ConfigBase = ConfigBase>() => TConfig;

package/dist/hooks/useUpdateDocumentTitle/index.d.ts

@@ -0,0 +1 @@
+export * from './useUpdateDocumentTitle';

package/dist/hooks/useUpdateDocumentTitle/index.js

@@ -0,0 +1,13 @@
+import { useConfig as e } from "../useConfig/index.js";
+import { useEffect as t } from "react";
+//#region 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/hooks/useUpdateDocumentTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useUpdateDocumentTitle","config","useConfig","title"],"sources":["../../../src/hooks/useUpdateDocumentTitle/useUpdateDocumentTitle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useConfig } from '../useConfig';\n\n\nexport const useUpdateDocumentTitle = (title: string) => {\n  const config = useConfig();\n\n  useEffect(() => {\n    document.title = `${config.applicationName} - ${title}`;\n  }, [config.applicationName, title]);\n};\n"],"mappings":";;;AAKA,IAAaA,KAA0B,MAAkB;CACvD,IAAMC,IAASC,EAAU;CAEzB,QAAgB;EACd,SAAS,QAAQ,GAAGD,EAAO,gBAAgB,KAAKE;CAClD,GAAG,CAACF,EAAO,iBAAiBE,CAAK,CAAC;AACpC"}

package/dist/hooks/useUpdateDocumentTitle/useUpdateDocumentTitle.d.ts

@@ -0,0 +1 @@
+export declare const useUpdateDocumentTitle: (title: string) => void;

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

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

package/dist/models/{fasta.js → fasta.models.js}

@@ -1,8 +1,8 @@
-//#region src/models/fasta.ts
+//#region 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.js.map
+//# sourceMappingURL=fasta.models.js.map

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

@@ -0,0 +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"}

package/dist/pages/ErrorPage/ErrorPage.d.ts

@@ -0,0 +1,4 @@
+export type ErrorPageProps = {
+    readonly error?: unknown;
+};
+export declare const ErrorPage: ({ error }: ErrorPageProps) => import('react').JSX.Element;