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

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

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

package/dist/pages/ErrorPage/index.js

@@ -0,0 +1,17 @@
+import { GenericErrorMessage as e } from "../../components/ui/GenericErrorMessage/index.js";
+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
+var i = ({ error: i }) => {
+	let { t: a } = n();
+	return /* @__PURE__ */ r(t, {
+		isNoInteraction: !0,
+		title: a`Error`,
+		children: /* @__PURE__ */ r(e, { error: i })
+	});
+};
+//#endregion
+export { i as ErrorPage };
+
+//# sourceMappingURL=index.js.map

package/dist/pages/ErrorPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ErrorPage","useTranslation","PageCommon","GenericErrorMessage"],"sources":["../../../src/pages/ErrorPage/ErrorPage.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nimport { GenericErrorMessage } from '../../components/ui/GenericErrorMessage';\nimport { PageCommon } from '../../components/ui/PageCommon';\n\nexport type ErrorPageProps = {\n  readonly error?: unknown;\n};\n\nexport const ErrorPage = ({ error }: ErrorPageProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <PageCommon\n      isNoInteraction\n      title={t`Error`}\n    >\n      <GenericErrorMessage\n        error={error}\n      />\n    </PageCommon>\n  );\n};\n"],"mappings":";;;;;AASA,IAAaA,KAAa,EAAE,eAA4B;CACtD,IAAM,EAAE,SAAMC,EAAe;CAE7B,OACE,kBAACC,GAAD;EACE,iBAAA;EACA,OAAO,CAAC;EAER,UAAA,kBAACC,GAAD,EACS,SACR,CAAA;CACS,CAAA;AAEhB"}

package/dist/stores/fastaDataStore/fastaDataStore.d.ts

@@ -1,6 +1,6 @@
 import { StoreApi } from 'zustand';
-import { FastaParseResult, LOADING_STATUS } from '../../models/fasta';
-import { MetadataParseResult } from '../../models/metadata';
+import { FastaParseResult, LOADING_STATUS } from '../../models/fasta.models';
+import { MetadataParseResult } from '../../models/metadata.models';
 export type FastaDataStore = FastaDataStoreActions & FastaDataStoreState;
 export interface FastaDataStoreActions {
     resetDataset: () => void;

package/dist/stores/fastaDataStore/index.js

@@ -1,6 +1,6 @@
 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.js";
+import { LOADING_STATUS as n } from "../../models/fasta.models.js";
 //#region src/stores/fastaDataStore/fastaDataStore.ts
 var r = () => ({
 	columnMatchCounts: {},
@@ -17,34 +17,36 @@ var r = () => ({
 		resetDataset: () => s(r()),
 		setColumnMatchCounts: (e) => s({ columnMatchCounts: e }),
 		setData: async (r, i) => {
-			let o = t.parseFasta(r);
-			if (o.error) throw s({
-				loadingError: o.error,
+			let { resetDataset: o } = a();
+			o();
+			let c = t.parseFasta(r);
+			if (c.error) throw s({
+				loadingError: c.error,
 				loadingStatus: n.ERROR
-			}), Error(o.error);
+			}), Error(c.error);
 			s({
-				parsedFasta: o,
+				parsedFasta: c,
 				rawFasta: r
 			});
-			let c;
+			let l;
 			if (i) {
-				if (c = e.parseTsv(i), c.error) throw s({
-					loadingError: c.error,
+				if (l = e.parseTsv(i), l.error) throw s({
+					loadingError: l.error,
 					loadingStatus: n.ERROR
-				}), Error(c.error);
+				}), Error(l.error);
 				s({
-					parsedMetadata: c,
+					parsedMetadata: l,
 					rawMetadata: i
 				});
-				let t = o.sequences.map((e) => e.id), { bestColumn: r, matchCounts: l } = e.findBestMatchingColumn(c.columns, c.recordsByColumn, t);
-				a().setColumnMatchCounts(l), a().setMatchKeyField(r);
+				let t = c.sequences.map((e) => e.id), { bestColumn: r, matchCounts: o } = e.findBestMatchingColumn(l.columns, l.recordsByColumn, t);
+				a().setColumnMatchCounts(o), a().setMatchKeyField(r);
 			}
 			return s({
 				loadingError: null,
 				loadingStatus: n.SUCCESS
 			}), Promise.resolve({
-				fastaResult: o,
-				metadataResult: c
+				fastaResult: c,
+				metadataResult: l
 			});
 		},
 		setLoadingStatus: (e) => s({ loadingStatus: e }),

package/dist/stores/fastaDataStore/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createFastaDataStoreInitialState","LOADING_STATUS","createFastaDataStoreActions","kwArgs","setBaseState","set","partial","counts","parsedFasta","FastaUtil","fasta","parsedMetadata","tsv","MetaDataUtil","fastaIds","s","get","matchCounts","bestColumn","status","field"],"sources":["../../../src/stores/fastaDataStore/fastaDataStore.ts"],"sourcesContent":["import type { StoreApi } from 'zustand';\n\nimport type { FastaParseResult } from '../../models/fasta';\nimport { LOADING_STATUS } from '../../models/fasta';\nimport type { MetadataParseResult } from '../../models/metadata';\nimport { FastaUtil } from '../../utils/FastaUtil';\nimport { MetaDataUtil } from '../../utils/MetaDataUtil';\n\nexport type FastaDataStore = FastaDataStoreActions & FastaDataStoreState;\n\nexport interface FastaDataStoreActions {\n  resetDataset: () => void;\n  setColumnMatchCounts: (counts: Record<string, number>) => void;\n  setData: (fasta: string, tsv?: string) => Promise<{ fastaResult: FastaParseResult; metadataResult?: MetadataParseResult }>;\n  setLoadingStatus: (status: LOADING_STATUS) => void;\n  setMatchKeyField: (field: null | string) => void;\n}\n\nexport interface FastaDataStoreState {\n  columnMatchCounts: Record<string, number>;\n  loadingError: null | string;\n  loadingStatus: LOADING_STATUS;\n  matchKeyField: null | string;\n  parsedFasta: FastaParseResult | null;\n  parsedMetadata: MetadataParseResult | null;\n  rawFasta: string;\n  rawMetadata: string;\n}\n\nexport const createFastaDataStoreInitialState = (): FastaDataStoreState => ({\n  columnMatchCounts: {},\n  loadingError: null,\n  loadingStatus: LOADING_STATUS.IDLE,\n  matchKeyField: null,\n  parsedFasta: null,\n  parsedMetadata: null,\n  rawFasta: '',\n  rawMetadata: '',\n});\n\n\ntype Get<T extends FastaDataStore> = StoreApi<T>['getState'];\ntype Set<T extends FastaDataStore> = StoreApi<T>['setState'];\n\nexport const createFastaDataStoreActions = <T extends FastaDataStore>(kwArgs: { get: Get<T>; set: Set<T> }): FastaDataStoreActions => {\n  const { get, set } = kwArgs;\n  const setBaseState = (partial: Partial<FastaDataStoreState>) => set(partial as Partial<T>);\n\n  return {\n    resetDataset: () => setBaseState(createFastaDataStoreInitialState()),\n    setColumnMatchCounts: (counts: Record<string, number>) => setBaseState({ columnMatchCounts: counts }),\n    setData: async (fasta: string, tsv?: string) => {\n      const parsedFasta = FastaUtil.parseFasta(fasta);\n\n      if (parsedFasta.error) {\n        setBaseState({\n          loadingError: parsedFasta.error,\n          loadingStatus: LOADING_STATUS.ERROR,\n        });\n        throw new Error(parsedFasta.error);\n      }\n\n      setBaseState({\n        parsedFasta,\n        rawFasta: fasta,\n      });\n\n      let parsedMetadata: MetadataParseResult | undefined;\n      if (tsv) {\n        parsedMetadata = MetaDataUtil.parseTsv(tsv);\n        if (parsedMetadata.error) {\n          setBaseState({\n            loadingError: parsedMetadata.error,\n            loadingStatus: LOADING_STATUS.ERROR,\n          });\n          throw new Error(parsedMetadata.error);\n        }\n\n        setBaseState({\n          parsedMetadata,\n          rawMetadata: tsv,\n        });\n\n        const fastaIds = parsedFasta.sequences.map((s) => s.id);\n        const { bestColumn, matchCounts } = MetaDataUtil.findBestMatchingColumn(\n          parsedMetadata.columns,\n          parsedMetadata.recordsByColumn,\n          fastaIds,\n        );\n        get().setColumnMatchCounts(matchCounts);\n        get().setMatchKeyField(bestColumn);\n      }\n\n      setBaseState({\n        loadingError: null,\n        loadingStatus: LOADING_STATUS.SUCCESS,\n      });\n      return Promise.resolve({ fastaResult: parsedFasta, metadataResult: parsedMetadata });\n    },\n    setLoadingStatus: (status: LOADING_STATUS) => setBaseState({ loadingStatus: status }),\n    setMatchKeyField: (field: null | string) => setBaseState({ matchKeyField: field }),\n  };\n};\n"],"mappings":";;;;AA6BA,IAAaA,WAA+D;CAC1E,mBAAmB,CAAC;CACpB,cAAc;CACd,eAAeC,EAAe;CAC9B,eAAe;CACf,aAAa;CACb,gBAAgB;CAChB,UAAU;CACV,aAAa;AACf,IAMaC,KAAyD,MAAgE;CACpI,IAAM,EAAE,QAAK,WAAQC,GACfC,KAAgB,MAA0CC,EAAIC,CAAqB;CAEzF,OAAO;EACL,oBAAoBF,EAAaJ,EAAiC,CAAC;EACnE,uBAAuB,MAAmCI,EAAa,EAAE,mBAAmBG,EAAO,CAAC;EACpG,SAAS,OAAO,GAAe,MAAiB;GAC9C,IAAMC,IAAcC,EAAU,WAAWC,CAAK;GAE9C,IAAIF,EAAY,OAKd,MAJAJ,EAAa;IACX,cAAcI,EAAY;IAC1B,eAAeP,EAAe;GAChC,CAAC,GACS,MAAMO,EAAY,KAAK;GAGnC,EAAa;IACX;IACA,UAAUE;GACZ,CAAC;GAED,IAAIC;GACJ,IAAIC,GAAK;IAEP,IADA,IAAiBC,EAAa,SAASD,CAAG,GACtCD,EAAe,OAKjB,MAJAP,EAAa;KACX,cAAcO,EAAe;KAC7B,eAAeV,EAAe;IAChC,CAAC,GACS,MAAMU,EAAe,KAAK;IAGtC,EAAa;KACX;KACA,aAAaC;IACf,CAAC;IAED,IAAME,IAAWN,EAAY,UAAU,KAAK,MAAMO,EAAE,EAAE,GAChD,EAAE,eAAY,mBAAgBF,EAAa,uBAC/CF,EAAe,SACfA,EAAe,iBACfG,CACF;IAEA,AADAE,EAAI,CAAC,CAAC,qBAAqBC,CAAW,GACtCD,EAAI,CAAC,CAAC,iBAAiBE,CAAU;GACnC;GAMA,OAJAd,EAAa;IACX,cAAc;IACd,eAAeH,EAAe;GAChC,CAAC,GACM,QAAQ,QAAQ;IAAE,aAAaO;IAAa,gBAAgBG;GAAe,CAAC;EACrF;EACA,mBAAmB,MAA2BP,EAAa,EAAE,eAAee,EAAO,CAAC;EACpF,mBAAmB,MAAyBf,EAAa,EAAE,eAAegB,EAAM,CAAC;CACnF;AACF"}
+{"version":3,"file":"index.js","names":["createFastaDataStoreInitialState","LOADING_STATUS","createFastaDataStoreActions","kwArgs","setBaseState","set","partial","counts","get","parsedFasta","FastaUtil","fasta","parsedMetadata","tsv","MetaDataUtil","fastaIds","s","matchCounts","bestColumn","status","field"],"sources":["../../../src/stores/fastaDataStore/fastaDataStore.ts"],"sourcesContent":["import type { StoreApi } from 'zustand';\n\nimport type { FastaParseResult } from '../../models/fasta.models';\nimport { LOADING_STATUS } from '../../models/fasta.models';\nimport type { MetadataParseResult } from '../../models/metadata.models';\nimport { FastaUtil } from '../../utils/FastaUtil';\nimport { MetaDataUtil } from '../../utils/MetaDataUtil';\n\nexport type FastaDataStore = FastaDataStoreActions & FastaDataStoreState;\n\nexport interface FastaDataStoreActions {\n  resetDataset: () => void;\n  setColumnMatchCounts: (counts: Record<string, number>) => void;\n  setData: (fasta: string, tsv?: string) => Promise<{ fastaResult: FastaParseResult; metadataResult?: MetadataParseResult }>;\n  setLoadingStatus: (status: LOADING_STATUS) => void;\n  setMatchKeyField: (field: null | string) => void;\n}\n\nexport interface FastaDataStoreState {\n  columnMatchCounts: Record<string, number>;\n  loadingError: null | string;\n  loadingStatus: LOADING_STATUS;\n  matchKeyField: null | string;\n  parsedFasta: FastaParseResult | null;\n  parsedMetadata: MetadataParseResult | null;\n  rawFasta: string;\n  rawMetadata: string;\n}\n\nexport const createFastaDataStoreInitialState = (): FastaDataStoreState => ({\n  columnMatchCounts: {},\n  loadingError: null,\n  loadingStatus: LOADING_STATUS.IDLE,\n  matchKeyField: null,\n  parsedFasta: null,\n  parsedMetadata: null,\n  rawFasta: '',\n  rawMetadata: '',\n});\n\n\ntype Get<T extends FastaDataStore> = StoreApi<T>['getState'];\ntype Set<T extends FastaDataStore> = StoreApi<T>['setState'];\n\nexport const createFastaDataStoreActions = <T extends FastaDataStore>(kwArgs: { get: Get<T>; set: Set<T> }): FastaDataStoreActions => {\n  const { get, set } = kwArgs;\n  const setBaseState = (partial: Partial<FastaDataStoreState>) => set(partial as Partial<T>);\n\n  return {\n    resetDataset: () => setBaseState(createFastaDataStoreInitialState()),\n    setColumnMatchCounts: (counts: Record<string, number>) => setBaseState({ columnMatchCounts: counts }),\n    setData: async (fasta: string, tsv?: string) => {\n      const { resetDataset } = get();\n      resetDataset();\n      const parsedFasta = FastaUtil.parseFasta(fasta);\n\n      if (parsedFasta.error) {\n        setBaseState({\n          loadingError: parsedFasta.error,\n          loadingStatus: LOADING_STATUS.ERROR,\n        });\n        throw new Error(parsedFasta.error);\n      }\n\n      setBaseState({\n        parsedFasta,\n        rawFasta: fasta,\n      });\n\n      let parsedMetadata: MetadataParseResult | undefined;\n      if (tsv) {\n        parsedMetadata = MetaDataUtil.parseTsv(tsv);\n        if (parsedMetadata.error) {\n          setBaseState({\n            loadingError: parsedMetadata.error,\n            loadingStatus: LOADING_STATUS.ERROR,\n          });\n          throw new Error(parsedMetadata.error);\n        }\n\n        setBaseState({\n          parsedMetadata,\n          rawMetadata: tsv,\n        });\n\n        const fastaIds = parsedFasta.sequences.map((s) => s.id);\n        const { bestColumn, matchCounts } = MetaDataUtil.findBestMatchingColumn(\n          parsedMetadata.columns,\n          parsedMetadata.recordsByColumn,\n          fastaIds,\n        );\n        get().setColumnMatchCounts(matchCounts);\n        get().setMatchKeyField(bestColumn);\n      }\n\n      setBaseState({\n        loadingError: null,\n        loadingStatus: LOADING_STATUS.SUCCESS,\n      });\n      return Promise.resolve({ fastaResult: parsedFasta, metadataResult: parsedMetadata });\n    },\n    setLoadingStatus: (status: LOADING_STATUS) => setBaseState({ loadingStatus: status }),\n    setMatchKeyField: (field: null | string) => setBaseState({ matchKeyField: field }),\n  };\n};\n"],"mappings":";;;;AA6BA,IAAaA,WAA+D;CAC1E,mBAAmB,CAAC;CACpB,cAAc;CACd,eAAeC,EAAe;CAC9B,eAAe;CACf,aAAa;CACb,gBAAgB;CAChB,UAAU;CACV,aAAa;AACf,IAMaC,KAAyD,MAAgE;CACpI,IAAM,EAAE,QAAK,WAAQC,GACfC,KAAgB,MAA0CC,EAAIC,CAAqB;CAEzF,OAAO;EACL,oBAAoBF,EAAaJ,EAAiC,CAAC;EACnE,uBAAuB,MAAmCI,EAAa,EAAE,mBAAmBG,EAAO,CAAC;EACpG,SAAS,OAAO,GAAe,MAAiB;GAC9C,IAAM,EAAE,oBAAiBC,EAAI;GAC7B,EAAa;GACb,IAAMC,IAAcC,EAAU,WAAWC,CAAK;GAE9C,IAAIF,EAAY,OAKd,MAJAL,EAAa;IACX,cAAcK,EAAY;IAC1B,eAAeR,EAAe;GAChC,CAAC,GACS,MAAMQ,EAAY,KAAK;GAGnC,EAAa;IACX;IACA,UAAUE;GACZ,CAAC;GAED,IAAIC;GACJ,IAAIC,GAAK;IAEP,IADA,IAAiBC,EAAa,SAASD,CAAG,GACtCD,EAAe,OAKjB,MAJAR,EAAa;KACX,cAAcQ,EAAe;KAC7B,eAAeX,EAAe;IAChC,CAAC,GACS,MAAMW,EAAe,KAAK;IAGtC,EAAa;KACX;KACA,aAAaC;IACf,CAAC;IAED,IAAME,IAAWN,EAAY,UAAU,KAAK,MAAMO,EAAE,EAAE,GAChD,EAAE,eAAY,mBAAgBF,EAAa,uBAC/CF,EAAe,SACfA,EAAe,iBACfG,CACF;IAEA,AADAP,EAAI,CAAC,CAAC,qBAAqBS,CAAW,GACtCT,EAAI,CAAC,CAAC,iBAAiBU,CAAU;GACnC;GAMA,OAJAd,EAAa;IACX,cAAc;IACd,eAAeH,EAAe;GAChC,CAAC,GACM,QAAQ,QAAQ;IAAE,aAAaQ;IAAa,gBAAgBG;GAAe,CAAC;EACrF;EACA,mBAAmB,MAA2BR,EAAa,EAAE,eAAee,EAAO,CAAC;EACpF,mBAAmB,MAAyBf,EAAa,EAAE,eAAegB,EAAM,CAAC;CACnF;AACF"}

package/dist/theme/index.js

@@ -100,10 +100,10 @@ var t = "data:font/woff2;base64,d09GMgABAAAAC2dAABUAAAAZt9gAC2a/AAEAAAAAAAAAAAAA
 			styleOverrides: { root: { fontWeight: "bold" } }
 		},
 		MuiCssBaseline: { styleOverrides: r },
-		MuiDivider: { styleOverrides: { root: { backgroundColor: "#c9defc" } } },
+		MuiDivider: { styleOverrides: { root: { backgroundColor: "#323946" } } },
 		MuiFab: { styleOverrides: { root: { fontWeight: "bold" } } },
 		MuiFilledInput: { styleOverrides: {
-			input: { color: "#282245" },
+			input: { color: "#323946" },
 			root: {
 				"&:hover": { backgroundColor: "rgba(186,214,237,0.6)" },
 				"&.Mui-disabled": { backgroundColor: "rgba(186,214,237,0.1)" },
@@ -131,24 +131,24 @@ var t = "data:font/woff2;base64,d09GMgABAAAAC2dAABUAAAAZt9gAC2a/AAEAAAAAAAAAAAAA
 				backgroundColor: "rgba(186,214,237,0.2)"
 			}
 		} },
-		MuiFormControlLabel: { styleOverrides: { label: { color: "#282245" } } },
+		MuiFormControlLabel: { styleOverrides: { label: { color: "#323946" } } },
 		MuiFormHelperText: { styleOverrides: { root: {
 			"&.Mui-error": { color: "#ba2818" },
 			"&.Mui-warning": { color: "rgb(119,80,21)" },
-			color: "#453e6d"
+			color: "#323946"
 		} } },
 		MuiFormLabel: { styleOverrides: {
 			asterisk: { color: "#D90000" },
 			root: {
 				"&.Mui-error": { color: "#ba2818" },
 				"&.Mui-warning": { color: "rgb(119,80,21)" },
-				color: "#453e6d"
+				color: "#323946"
 			}
 		} },
 		MuiInputLabel: { styleOverrides: { root: {
 			"&.Mui-error": { color: "#a45c4f" },
 			"&.Mui-warning": { color: "rgb(119,80,21)" },
-			color: "#453e6d"
+			color: "#323946"
 		} } },
 		MuiLink: { styleOverrides: { root: {
 			"&:hover": { textDecoration: "underline" },
@@ -159,7 +159,7 @@ var t = "data:font/woff2;base64,d09GMgABAAAAC2dAABUAAAAZt9gAC2a/AAEAAAAAAAAAAAAA
 			padding: "9px"
 		} } },
 		MuiSelect: { styleOverrides: { select: { padding: "7.5px 32px 7.5px 5px" } } },
-		MuiTableCell: { styleOverrides: { root: { borderColor: "#c9defc" } } },
+		MuiTableCell: { styleOverrides: { root: { borderColor: "#323946" } } },
 		MuiTooltip: { defaultProps: {
 			enterDelay: 500,
 			enterNextDelay: 500
@@ -175,32 +175,32 @@ var t = "data:font/woff2;base64,d09GMgABAAAAC2dAABUAAAAZt9gAC2a/AAEAAAAAAAAAAAAA
 			},
 			caption: { fontStyle: "italic" },
 			h1: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "2.143rem",
 				fontWeight: 700
 			},
 			h2: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "1.857rem",
 				fontWeight: 400
 			},
 			h3: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "1.714rem",
 				fontWeight: 700
 			},
 			h4: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "1.429rem",
 				fontWeight: 700
 			},
 			h5: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "1.286rem",
 				fontWeight: 700
 			},
 			h6: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "1.143rem",
 				fontWeight: 400
 			},
@@ -210,7 +210,7 @@ var t = "data:font/woff2;base64,d09GMgABAAAAC2dAABUAAAAZt9gAC2a/AAEAAAAAAAAAAAAA
 				fontWeight: 400
 			},
 			subtitle2: {
-				color: "#171c42",
+				color: "#323946",
 				fontSize: "1.143rem",
 				fontWeight: 700
 			}
@@ -229,11 +229,11 @@ var t = "data:font/woff2;base64,d09GMgABAAAAC2dAABUAAAAZt9gAC2a/AAEAAAAAAAAAAAAA
 		mode: "light",
 		primary: {
 			contrastText: "#fff",
-			main: "#154273"
+			main: "#5160ab"
 		},
 		secondary: {
-			contrastText: "#fff",
-			main: "#2a2b33"
+			contrastText: "#323946",
+			main: "#f8f9fa"
 		},
 		success: {
 			contrastText: "#fff",