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

package/dist/utils/DependencyContainerUtil/DependencyContainerUtil.d.ts

@@ -1,6 +1,6 @@
 import { DependencyContainer } from 'tsyringe';
 import { ConfigBase } from '../../models/config.models';
 export declare class DependencyContainerUtil {
-    static createContainer<TConfig extends ConfigBase>(config: TConfig): DependencyContainer;
+    static createContainer(): DependencyContainer;
     static resolveConfig<TConfig extends ConfigBase = ConfigBase>(dependencyContainer?: DependencyContainer): TConfig;
 }

package/dist/utils/DependencyContainerUtil/index.js

@@ -3,16 +3,15 @@ import { container as i } from "tsyringe";
 import { WindowService as a } from "@gen-epix/ui-core/classes/services/WindowService";
 import { DevicePixelRatioService as o } from "@gen-epix/ui-core/classes/services/DevicePixelRatioService";
 import { KeyboardShortcutService as s } from "@gen-epix/ui-core/classes/services/KeyboardShortcutService";
-//#region src/utils/DependencyContainerUtil/DependencyContainerUtil.ts
+// src/utils/DependencyContainerUtil/DependencyContainerUtil.ts
 var c = class {
-	static createContainer(c) {
-		return i.register(e, { useValue: c }), i.registerInstance(r, a.getInstance()), i.registerInstance(t, o.getInstance()), i.registerInstance(n, s.getInstance()), i;
+	static createContainer() {
+		return i.registerInstance(r, a.getInstance()), i.registerInstance(t, o.getInstance()), i.registerInstance(n, s.getInstance()), i;
 	}
 	static resolveConfig(t = i) {
 		return t.resolve(e);
 	}
 };
-//#endregion
 export { c as DependencyContainerUtil };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/DependencyContainerUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DependencyContainerUtil","container","CONFIG_TOKEN","config","WINDOW_SERVICE_TOKEN","WindowService","DEVICE_PIXEL_RATIO_SERVICE_TOKEN","DevicePixelRatioService","KEYBOARD_SHORTCUT_SERVICE_TOKEN","KeyboardShortcutService","dependencyContainer"],"sources":["../../../src/utils/DependencyContainerUtil/DependencyContainerUtil.ts"],"sourcesContent":["import { container } from 'tsyringe';\nimport type { DependencyContainer } from 'tsyringe';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\nimport { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';\nimport { KeyboardShortcutService } from '@gen-epix/ui-core/classes/services/KeyboardShortcutService';\n\nimport {\n  CONFIG_TOKEN,\n  DEVICE_PIXEL_RATIO_SERVICE_TOKEN,\n  KEYBOARD_SHORTCUT_SERVICE_TOKEN,\n  WINDOW_SERVICE_TOKEN,\n} from '../../constants/config.constants';\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class DependencyContainerUtil {\n  public static createContainer<TConfig extends ConfigBase>(config: TConfig): DependencyContainer {\n    container.register(CONFIG_TOKEN, { useValue: config });\n    container.registerInstance(WINDOW_SERVICE_TOKEN, WindowService.getInstance());\n    container.registerInstance(DEVICE_PIXEL_RATIO_SERVICE_TOKEN, DevicePixelRatioService.getInstance());\n    container.registerInstance(KEYBOARD_SHORTCUT_SERVICE_TOKEN, KeyboardShortcutService.getInstance());\n\n    return container;\n  }\n\n  public static resolveConfig<TConfig extends ConfigBase = ConfigBase>(dependencyContainer: DependencyContainer = container): TConfig {\n    return dependencyContainer.resolve(CONFIG_TOKEN) as TConfig;\n  }\n}\n"],"mappings":";;;;;;AAcA,IAAaA,IAAb,MAAqC;CACnC,OAAc,gBAA4C,GAAsC;EAM9F,OALAC,EAAU,SAASC,GAAc,EAAE,UAAUC,EAAO,CAAC,GACrDF,EAAU,iBAAiBG,GAAsBC,EAAc,YAAY,CAAC,GAC5EJ,EAAU,iBAAiBK,GAAkCC,EAAwB,YAAY,CAAC,GAClGN,EAAU,iBAAiBO,GAAiCC,EAAwB,YAAY,CAAC,GAE1FR;CACT;CAEA,OAAc,cAAuD,IAA2CA,GAAoB;EAClI,OAAOS,EAAoB,QAAQR,CAAY;CACjD;AACF"}
+{"version":3,"file":"index.js","names":["DependencyContainerUtil","container","WINDOW_SERVICE_TOKEN","WindowService","DEVICE_PIXEL_RATIO_SERVICE_TOKEN","DevicePixelRatioService","KEYBOARD_SHORTCUT_SERVICE_TOKEN","KeyboardShortcutService","dependencyContainer","CONFIG_TOKEN"],"sources":["../../../src/utils/DependencyContainerUtil/DependencyContainerUtil.ts"],"sourcesContent":["import { container } from 'tsyringe';\nimport type { DependencyContainer } from 'tsyringe';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\nimport { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';\nimport { KeyboardShortcutService } from '@gen-epix/ui-core/classes/services/KeyboardShortcutService';\n\nimport {\n  CONFIG_TOKEN,\n  DEVICE_PIXEL_RATIO_SERVICE_TOKEN,\n  KEYBOARD_SHORTCUT_SERVICE_TOKEN,\n  WINDOW_SERVICE_TOKEN,\n} from '../../constants/config.constants';\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class DependencyContainerUtil {\n  public static createContainer(): DependencyContainer {\n    container.registerInstance(WINDOW_SERVICE_TOKEN, WindowService.getInstance());\n    container.registerInstance(DEVICE_PIXEL_RATIO_SERVICE_TOKEN, DevicePixelRatioService.getInstance());\n    container.registerInstance(KEYBOARD_SHORTCUT_SERVICE_TOKEN, KeyboardShortcutService.getInstance());\n\n    return container;\n  }\n\n  public static resolveConfig<TConfig extends ConfigBase = ConfigBase>(dependencyContainer: DependencyContainer = container): TConfig {\n    return dependencyContainer.resolve(CONFIG_TOKEN) as TConfig;\n  }\n}\n"],"mappings":";;;;;;AAcA,IAAaA,IAAb,MAAqC;CACnC,OAAc,kBAAuC;EAKnD,OAJAC,EAAU,iBAAiBC,GAAsBC,EAAc,YAAY,CAAC,GAC5EF,EAAU,iBAAiBG,GAAkCC,EAAwB,YAAY,CAAC,GAClGJ,EAAU,iBAAiBK,GAAiCC,EAAwB,YAAY,CAAC,GAE1FN;CACT;CAEA,OAAc,cAAuD,IAA2CA,GAAoB;EAClI,OAAOO,EAAoB,QAAQC,CAAY;CACjD;AACF"}

package/dist/utils/DownloadUtil/index.js

@@ -1,10 +1,9 @@
-//#region src/utils/DownloadUtil/DownloadUtil.ts
+// src/utils/DownloadUtil/DownloadUtil.ts
 var e = class {
 	static datasetFilename(e) {
 		return `${e.trim().replace(/\.[^.]+$/, "").replace(/[^a-zA-Z0-9._-]+/g, "_").replace(/^\.+|\.+$/g, "").slice(0, 80) || "alignment"}.fasta`;
 	}
 };
-//#endregion
 export { e as DownloadUtil };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/ErrorUtil/index.js

@@ -1,10 +1,9 @@
-//#region src/utils/ErrorUtil/ErrorUtil.ts
+// src/utils/ErrorUtil/ErrorUtil.ts
 var e = class {
 	static getErrorMessage(e, t) {
 		return e instanceof Error ? e.message : t;
 	}
 };
-//#endregion
 export { e as ErrorUtil };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/ExportUtil/ExportUtil.d.ts

@@ -0,0 +1,6 @@
+export declare class ExportUtil {
+    static downloadCanvasAsImage(canvas: HTMLCanvasElement | null, format: 'jpeg' | 'png', filename?: string): void;
+    static downloadCanvasAsSvg(canvas: HTMLCanvasElement | null, filename?: string): void;
+    static downloadFastaFile(fasta: string, filename?: string): void;
+    static downloadNewickFile(newick: string, filename?: string): void;
+}

package/dist/utils/ExportUtil/index.d.ts

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

package/dist/utils/ExportUtil/index.js

@@ -0,0 +1,41 @@
+import { DownloadUtil as e } from "@gen-epix/ui-core/utils/DownloadUtil";
+// src/utils/ExportUtil/ExportUtil.ts
+var t = class {
+	static downloadCanvasAsImage(t, n, r = "phylogenetic_tree") {
+		if (!t) {
+			console.error("No canvas available for export.");
+			return;
+		}
+		let i = n === "jpeg" ? "image/jpeg" : "image/png", a = n === "jpeg" ? "jpg" : "png", o = t;
+		if (n === "jpeg") {
+			o = document.createElement("canvas"), o.width = t.width, o.height = t.height;
+			let e = o.getContext("2d");
+			e && (e.fillStyle = "#FFFFFF", e.fillRect(0, 0, o.width, o.height), e.drawImage(t, 0, 0));
+		}
+		let s = o.toDataURL(i, .95);
+		e.createDownloadUrl(s, `${r}.${a}`);
+	}
+	static downloadCanvasAsSvg(t, n = "phylogenetic_tree.svg") {
+		if (!t) {
+			console.error("No canvas available for export.");
+			return;
+		}
+		let r = t.toDataURL("image/png"), i = t.width, a = t.height, o = `<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="${i}" height="${a}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="${r}" x="0" y="0" height="${a}" width="${i}" />
+</svg>`, s = new Blob([o], { type: "image/svg+xml;charset=utf-8" }), c = URL.createObjectURL(s);
+		e.createDownloadUrl(c, n), URL.revokeObjectURL(c);
+	}
+	static downloadFastaFile(t, n = "sequence.fasta") {
+		let r = new Blob([t], { type: "text/plain;charset=utf-8" }), i = URL.createObjectURL(r);
+		e.createDownloadUrl(i, n), URL.revokeObjectURL(i);
+	}
+	static downloadNewickFile(t, n = "phylogenetic_tree.nwk") {
+		let r = new Blob([t], { type: "text/plain;charset=utf-8" }), i = URL.createObjectURL(r);
+		e.createDownloadUrl(i, n), URL.revokeObjectURL(i);
+	}
+};
+export { t as ExportUtil };
+
+//# sourceMappingURL=index.js.map

package/dist/utils/ExportUtil/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ExportUtil","canvas","mimeType","format","extension","exportCanvas","ctx","dataUrl","filename","imgData","width","height","svgContent","blob","url","DownloadUtil","fasta","newick"],"sources":["../../../src/utils/ExportUtil/ExportUtil.ts"],"sourcesContent":["import { DownloadUtil } from '@gen-epix/ui-core/utils/DownloadUtil';\n\nexport class ExportUtil {\n  public static downloadCanvasAsImage(\n    canvas: HTMLCanvasElement | null,\n    format: 'jpeg' | 'png',\n    filename = 'phylogenetic_tree',\n  ): void {\n    if (!canvas) {\n      console.error('No canvas available for export.');\n      return;\n    }\n\n    const mimeType = format === 'jpeg' ? 'image/jpeg' : 'image/png';\n    const extension = format === 'jpeg' ? 'jpg' : 'png';\n\n    let exportCanvas = canvas;\n    if (format === 'jpeg') {\n      exportCanvas = document.createElement('canvas');\n      exportCanvas.width = canvas.width;\n      exportCanvas.height = canvas.height;\n      const ctx = exportCanvas.getContext('2d');\n      if (ctx) {\n        ctx.fillStyle = '#FFFFFF';\n        ctx.fillRect(0, 0, exportCanvas.width, exportCanvas.height);\n        ctx.drawImage(canvas, 0, 0);\n      }\n    }\n\n    const dataUrl = exportCanvas.toDataURL(mimeType, 0.95);\n    DownloadUtil.createDownloadUrl(dataUrl, `${filename}.${extension}`);\n  }\n\n  public static downloadCanvasAsSvg(\n    canvas: HTMLCanvasElement | null,\n    filename = 'phylogenetic_tree.svg',\n  ): void {\n    if (!canvas) {\n      console.error('No canvas available for export.');\n      return;\n    }\n\n    const imgData = canvas.toDataURL('image/png');\n    const width = canvas.width;\n    const height = canvas.height;\n\n    const svgContent = `<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n<svg width=\"${width}\" height=\"${height}\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n  <image xlink:href=\"${imgData}\" x=\"0\" y=\"0\" height=\"${height}\" width=\"${width}\" />\n</svg>`;\n\n    const blob = new Blob([svgContent], { type: 'image/svg+xml;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    DownloadUtil.createDownloadUrl(url, filename);\n    URL.revokeObjectURL(url);\n  }\n\n  public static downloadFastaFile(fasta: string, filename = 'sequence.fasta'): void {\n    const blob = new Blob([fasta], { type: 'text/plain;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    DownloadUtil.createDownloadUrl(url, filename);\n    URL.revokeObjectURL(url);\n  }\n\n  public static downloadNewickFile(newick: string, filename = 'phylogenetic_tree.nwk'): void {\n    const blob = new Blob([newick], { type: 'text/plain;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    DownloadUtil.createDownloadUrl(url, filename);\n    URL.revokeObjectURL(url);\n  }\n}\n"],"mappings":";;AAEA,IAAaA,IAAb,MAAwB;CACtB,OAAc,sBACZ,GACA,GACA,IAAW,qBACL;EACN,IAAI,CAACC,GAAQ;GACX,QAAQ,MAAM,iCAAiC;GAC/C;EACF;EAEA,IAAMC,IAAWC,MAAW,SAAS,eAAe,aAC9CC,IAAYD,MAAW,SAAS,QAAQ,OAE1CE,IAAeJ;EACnB,IAAIE,MAAW,QAAQ;GAGrB,AAFA,IAAe,SAAS,cAAc,QAAQ,GAC9C,EAAa,QAAQF,EAAO,OAC5B,EAAa,SAASA,EAAO;GAC7B,IAAMK,IAAMD,EAAa,WAAW,IAAI;GACxC,AAAIC,MACF,EAAI,YAAY,WAChBA,EAAI,SAAS,GAAG,GAAGD,EAAa,OAAOA,EAAa,MAAM,GAC1DC,EAAI,UAAUL,GAAQ,GAAG,CAAC;EAE9B;EAEA,IAAMM,IAAUF,EAAa,UAAUH,GAAU,GAAI;EACrD,EAAa,kBAAkBK,GAAS,GAAGC,EAAS,GAAGJ,GAAW;CACpE;CAEA,OAAc,oBACZ,GACA,IAAW,yBACL;EACN,IAAI,CAACH,GAAQ;GACX,QAAQ,MAAM,iCAAiC;GAC/C;EACF;EAEA,IAAMQ,IAAUR,EAAO,UAAU,WAAW,GACtCS,IAAQT,EAAO,OACfU,IAASV,EAAO,QAEhBW,IAAa;;cAETF,EAAM,YAAYC,EAAO;uBAChBF,EAAQ,wBAAwBE,EAAO,WAAWD,EAAM;SAGrEG,IAAO,IAAI,KAAK,CAACD,CAAU,GAAG,EAAE,MAAM,8BAA8B,CAAC,GACrEE,IAAM,IAAI,gBAAgBD,CAAI;EAEpC,AADAE,EAAa,kBAAkBD,GAAKN,CAAQ,GAC5C,IAAI,gBAAgBM,CAAG;CACzB;CAEA,OAAc,kBAAkB,GAAe,IAAW,kBAAwB;EAChF,IAAMD,IAAO,IAAI,KAAK,CAACG,CAAK,GAAG,EAAE,MAAM,2BAA2B,CAAC,GAC7DF,IAAM,IAAI,gBAAgBD,CAAI;EAEpC,AADAE,EAAa,kBAAkBD,GAAKN,CAAQ,GAC5C,IAAI,gBAAgBM,CAAG;CACzB;CAEA,OAAc,mBAAmB,GAAgB,IAAW,yBAA+B;EACzF,IAAMD,IAAO,IAAI,KAAK,CAACI,CAAM,GAAG,EAAE,MAAM,2BAA2B,CAAC,GAC9DH,IAAM,IAAI,gBAAgBD,CAAI;EAEpC,AADAE,EAAa,kBAAkBD,GAAKN,CAAQ,GAC5C,IAAI,gBAAgBM,CAAG;CACzB;AACF"}

package/dist/utils/FastaUtil/index.js

@@ -1,4 +1,4 @@
-//#region src/utils/FastaUtil/FastaUtil.ts
+// src/utils/FastaUtil/FastaUtil.ts
 var e = class e {
 	static parseFasta(t) {
 		if (!t?.trim()) return e.createErrorResult("The FASTA input is empty.");
@@ -50,7 +50,6 @@ var e = class e {
 		};
 	}
 };
-//#endregion
 export { e as FastaUtil };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/MetaDataUtil/index.js

@@ -1,4 +1,4 @@
-//#region src/utils/MetaDataUtil/MetaDataUtil.ts
+// src/utils/MetaDataUtil/MetaDataUtil.ts
 var e = class e {
 	static findBestMatchingColumn = (t, n, r) => {
 		let i = e.getMatchCounts(t, n, r), a = null, o = -1;
@@ -127,7 +127,6 @@ var e = class e {
 		};
 	};
 };
-//#endregion
 export { e as MetaDataUtil };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/StandardConfigUtil/StandardConfigUtil.d.ts

@@ -1,4 +1,4 @@
 import { ConfigBase } from '../../models/config.models';
 export declare class StandardConfigUtil {
-    static createConfig(): Pick<ConfigBase, 'nonce' | 'spinner'>;
+    static createConfig(): Pick<ConfigBase, 'nonce' | 'pageConfig' | 'spinner'>;
 }

package/dist/utils/StandardConfigUtil/index.js

@@ -1,9 +1,10 @@
 import { WindowService as e } from "@gen-epix/ui-core/classes/services/WindowService";
-//#region src/utils/StandardConfigUtil/StandardConfigUtil.ts
+// src/utils/StandardConfigUtil/StandardConfigUtil.ts
 var t = class {
 	static createConfig() {
 		return {
 			nonce: e.getInstance().document.querySelector("meta[name=\"csp-nonce\"]")?.getAttribute("content") ?? void 0,
+			pageConfig: { appBarHeight: 48 },
 			spinner: {
 				DEFAULT_CIRCULAR_PROGRESS_SIZE: 40,
 				DEFAULT_TAKING_LONGER_TIMEOUT_MS: 5e3
@@ -11,7 +12,6 @@ var t = class {
 		};
 	}
 };
-//#endregion
 export { t as StandardConfigUtil };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/StandardConfigUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StandardConfigUtil","WindowService"],"sources":["../../../src/utils/StandardConfigUtil/StandardConfigUtil.ts"],"sourcesContent":["import { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class StandardConfigUtil {\n  public static createConfig(): Pick<ConfigBase, 'nonce' | 'spinner'> {\n    return {\n      nonce: WindowService.getInstance().document.querySelector('meta[name=\"csp-nonce\"]')?.getAttribute('content') ?? undefined,\n      spinner: {\n        DEFAULT_CIRCULAR_PROGRESS_SIZE: 40,\n        DEFAULT_TAKING_LONGER_TIMEOUT_MS: 5000,\n      },\n    };\n  }\n}\n"],"mappings":";;AAIA,IAAaA,IAAb,MAAgC;CAC9B,OAAc,eAAsD;EAClE,OAAO;GACL,OAAOC,EAAc,YAAY,CAAC,CAAC,SAAS,cAAc,0BAAwB,CAAC,EAAE,aAAa,SAAS,KAAK,KAAA;GAChH,SAAS;IACP,gCAAgC;IAChC,kCAAkC;GACpC;EACF;CACF;AACF"}
+{"version":3,"file":"index.js","names":["StandardConfigUtil","WindowService"],"sources":["../../../src/utils/StandardConfigUtil/StandardConfigUtil.ts"],"sourcesContent":["import { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class StandardConfigUtil {\n  public static createConfig(): Pick<ConfigBase, 'nonce' | 'pageConfig' | 'spinner'> {\n    return {\n      nonce: WindowService.getInstance().document.querySelector('meta[name=\"csp-nonce\"]')?.getAttribute('content') ?? undefined,\n      pageConfig: {\n        appBarHeight: 48,\n      },\n      spinner: {\n        DEFAULT_CIRCULAR_PROGRESS_SIZE: 40,\n        DEFAULT_TAKING_LONGER_TIMEOUT_MS: 5000,\n      },\n    };\n  }\n}\n"],"mappings":";;AAIA,IAAaA,IAAb,MAAgC;CAC9B,OAAc,eAAqE;EACjF,OAAO;GACL,OAAOC,EAAc,YAAY,CAAC,CAAC,SAAS,cAAc,0BAAwB,CAAC,EAAE,aAAa,SAAS,KAAK,KAAA;GAChH,YAAY,EACV,cAAc,GAChB;GACA,SAAS;IACP,gCAAgC;IAChC,kCAAkC;GACpC;EACF;CACF;AACF"}

package/dist/utils/UrlUtil/index.js

@@ -1,6 +1,6 @@
 import { WINDOW_SERVICE_TOKEN as e } from "../../constants/config.constants.js";
 import { container as t } from "tsyringe";
-//#region src/utils/UrlUtil/UrlUtil.ts
+// src/utils/UrlUtil/UrlUtil.ts
 var n = class {
 	static clearSearchParams() {
 		let n = new URL(t.resolve(e).window.location.href);
@@ -25,7 +25,6 @@ var n = class {
 		return t.href;
 	}
 };
-//#endregion
 export { n as UrlUtil };
 
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rivm-loculus-tools/common-frontend",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "license": "EUPL-1.2",
   "repository": {
     "type": "git",
@@ -11,9 +11,9 @@
     "@emotion/cache": "*",
     "@emotion/react": "*",
     "@emotion/styled": "*",
-    "@gen-epix/ui-core-components": "^4.5.0",
-    "@gen-epix/ui-core-form": "^4.4.1",
-    "@gen-epix/ui-core": "^3.9.1",
+    "@gen-epix/ui-core-components": "^4.6.0",
+    "@gen-epix/ui-core-form": "^4.5.0",
+    "@gen-epix/ui-core": "^3.10.0",
     "@mui/icons-material": "*",
     "@mui/material": "*",
     "@mui/styled-engine": "*",
@@ -29,39 +29,39 @@
   },
   "dependencies": {
     "lodash": "4.18.1",
-    "zustand": "5.0.15"
+    "zustand": "5.0.16"
   },
   "devDependencies": {
     "@emotion/cache": "11.14.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
     "@gen-epix/eslint-config": "0.8.0",
-    "@gen-epix/ui-core-components": "4.5.0",
-    "@gen-epix/ui-core-form": "4.4.1",
-    "@gen-epix/ui-core": "3.9.1",
+    "@gen-epix/ui-core-components": "4.6.0",
+    "@gen-epix/ui-core-form": "4.5.0",
+    "@gen-epix/ui-core": "3.10.0",
     "@mui/icons-material": "9.5.0",
     "@mui/material": "9.5.0",
     "@mui/styled-engine": "9.5.0",
     "@mui/system": "9.5.0",
     "@mui/utils": "9.5.0",
-    "@types/lodash": "4.17.26",
+    "@types/lodash": "4.17.27",
     "@types/node": "26.6.5",
     "@types/react-dom": "19.3.0",
     "@types/react": "19.3.0",
     "@vitejs/plugin-react": "6.1.2",
-    "eslint": "10.12.0",
-    "i18next": "26.4.4",
-    "react-dom": "19.3.0",
+    "eslint": "10.13.0",
+    "i18next": "26.5.11",
+    "react-dom": "19.3.1",
     "react-error-boundary": "6.1.6",
-    "react-hook-form": "7.90.0",
-    "react-i18next": "17.0.16",
-    "react": "19.3.0",
+    "react-hook-form": "7.91.0",
+    "react-i18next": "17.1.9",
+    "react": "19.3.1",
     "reflect-metadata": "0.2.2",
     "tsyringe": "4.10.0",
     "typescript": "6.0.3",
     "vite-plugin-dts": "5.1.2",
     "vite-plugin-static-copy": "4.1.1",
-    "vite": "8.3.4"
+    "vite": "8.3.5"
   },
   "files": [
     "dist"
@@ -107,6 +107,10 @@
       "types": "./dist/components/fasta/FastaPageHeaderResetButton/index.d.ts",
       "import": "./dist/components/fasta/FastaPageHeaderResetButton/index.js"
     },
+    "./components/ui/ButtonWithMenu": {
+      "types": "./dist/components/ui/ButtonWithMenu/index.d.ts",
+      "import": "./dist/components/ui/ButtonWithMenu/index.js"
+    },
     "./components/ui/GenericErrorMessage": {
       "types": "./dist/components/ui/GenericErrorMessage/index.d.ts",
       "import": "./dist/components/ui/GenericErrorMessage/index.js"
@@ -127,10 +131,6 @@
       "types": "./dist/components/ui/PageCommonHeader/index.d.ts",
       "import": "./dist/components/ui/PageCommonHeader/index.js"
     },
-    "./components/ui/PageHeaderDocumentationButton": {
-      "types": "./dist/components/ui/PageHeaderDocumentationButton/index.d.ts",
-      "import": "./dist/components/ui/PageHeaderDocumentationButton/index.js"
-    },
     "./constants/config.constants": {
       "types": "./dist/constants/config.constants.d.ts",
       "import": "./dist/constants/config.constants.js"
@@ -139,10 +139,6 @@
       "types": "./dist/constants/page.constants.d.ts",
       "import": "./dist/constants/page.constants.js"
     },
-    "./context/commonConfigContext": {
-      "types": "./dist/context/commonConfigContext/index.d.ts",
-      "import": "./dist/context/commonConfigContext/index.js"
-    },
     "./context/pageCommonContext": {
       "types": "./dist/context/pageCommonContext/index.d.ts",
       "import": "./dist/context/pageCommonContext/index.js"
@@ -191,6 +187,10 @@
       "types": "./dist/utils/ErrorUtil/index.d.ts",
       "import": "./dist/utils/ErrorUtil/index.js"
     },
+    "./utils/ExportUtil": {
+      "types": "./dist/utils/ExportUtil/index.d.ts",
+      "import": "./dist/utils/ExportUtil/index.js"
+    },
     "./utils/FastaUtil": {
       "types": "./dist/utils/FastaUtil/index.d.ts",
       "import": "./dist/utils/FastaUtil/index.js"

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

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

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

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

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

@@ -1,24 +0,0 @@
-import { IconButton as e, Tooltip as t } from "@mui/material";
-import { jsx as n } from "react/jsx-runtime";
-import { useCallback as r } from "react";
-import i from "@mui/icons-material/HelpOutlineOutlined";
-//#region src/components/ui/PageHeaderDocumentationButton/PageHeaderDocumentationButton.tsx
-var a = () => {
-	let a = r(() => {
-		window.open("https://github.com/RIVM-bioinformatics/loculus-tools", "_blank");
-	}, []);
-	return /* @__PURE__ */ n(t, {
-		title: "Documentation & Specifications",
-		children: /* @__PURE__ */ n(e, {
-			color: "inherit",
-			onClick: a,
-			size: "small",
-			sx: { opacity: .85 },
-			children: /* @__PURE__ */ n(i, { fontSize: "small" })
-		})
-	});
-};
-//#endregion
-export { a as PageHeaderDocumentationButton };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["HelpOutlineIcon","PageHeaderDocumentationButton","onDocumentationButtonClick","useCallback","Tooltip","IconButton"],"sources":["../../../../src/components/ui/PageHeaderDocumentationButton/PageHeaderDocumentationButton.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  IconButton,\n  Tooltip,\n} from '@mui/material';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutlineOutlined';\n\nexport const PageHeaderDocumentationButton = () => {\n  const onDocumentationButtonClick = useCallback(() => {\n    window.open('https://github.com/RIVM-bioinformatics/loculus-tools', '_blank');\n  }, []);\n\n  return (\n    <Tooltip title={'Documentation & Specifications'}>\n      <IconButton\n        color={'inherit'}\n        onClick={onDocumentationButtonClick}\n        size={'small'}\n        sx={{ opacity: 0.85 }}\n      >\n        <HelpOutlineIcon fontSize={'small'} />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaC,UAAsC;CACjD,IAAMC,IAA6BC,QAAkB;EACnD,OAAO,KAAK,wDAAwD,QAAQ;CAC9E,GAAG,CAAC,CAAC;CAEL,OACE,kBAACC,GAAD;EAAS,OAAO;EACd,UAAA,kBAACC,GAAD;GACE,OAAO;GACP,SAASH;GACT,MAAM;GACN,IAAI,EAAE,SAAS,IAAK;GAEpB,UAAA,kBAACF,GAAD,EAAiB,UAAU,QAAU,CAAA;EAC3B,CAAA;CACL,CAAA;AAEb"}

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

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

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

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

package/dist/context/commonConfigContext/index.js

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

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

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