@gen-epix/ui-client-casedb 4.0.2 → 4.1.0

package/dist/locale/en.json

@@ -1,7 +1,5 @@
 {
   "translation": {
-    "(last modified: {{lastModified}})": "(last modified: {{lastModified}})",
-    "(size: {{size}})": "(size: {{size}})",
     "{{caseTypeName}} cases": "{{caseTypeName}} cases",
     "{{columnLabel}}: Identifier issuer": "{{columnLabel}}: Identifier issuer",
     "{{count}} similar cases can be added to the line list.": "{{count}} similar cases can be added to the line list.",
@@ -103,11 +101,7 @@
     "Centroid longitude": "Centroid longitude",
     "Change dashboard layout": "Change dashboard layout",
     "Change tree filter to nearest ancestor": "Change tree filter to nearest ancestor",
-    "Clear {{fileName}}": "Clear {{fileName}}",
     "Clear all {{dimension}} fields": "Clear all {{dimension}} fields",
-    "Clear all selected files": "Clear all selected files",
-    "Click or drag to upload file ({{accept}})": "Click or drag to upload file ({{accept}})",
-    "Click or drag to upload files  ({{accept}})": "Click or drag to upload files  ({{accept}})",
     "Close": "Close",
     "Close download": "Close download",
     "Close search": "Close search",
@@ -208,8 +202,6 @@
     "Download Excel template": "Download Excel template",
     "Download FASTA": "Download FASTA",
     "Download sequences": "Download sequences",
-    "Drop file here": "Drop file here",
-    "Drop files here": "Drop files here",
     "Dutch": "Dutch",
     "Edit": "Edit",
     "Edit case": "Edit case",
@@ -304,7 +296,6 @@
     "Indicates if the case is owned by the current user (the case is in a private data collection that is owned by the user's organization).": "Indicates if the case is owned by the current user (the case is in a private data collection that is owned by the user's organization).",
     "Indicates if there are any issues with the case": "Indicates if there are any issues with the case",
     "Information for the press": "Information for the press",
-    "Invalid file type. Accepted types: {{accept}}": "Invalid file type. Accepted types: {{accept}}",
     "Invalid value for pattern \"{{pattern}}\"": "Invalid value for pattern \"{{pattern}}\"",
     "Is active": "Is active",
     "Is created in": "Is created in",
@@ -518,7 +509,6 @@
     "Select rows": "Select rows",
     "Select sequence files": "Select sequence files",
     "Selected": "Selected",
-    "Selected files: {{numFiles}}": "Selected files: {{numFiles}}",
     "selected rows": "selected rows",
     "Selected rows": "Selected rows",
     "Selected tree node ({{nodeName}})": "Selected tree node ({{nodeName}})",
@@ -589,7 +579,6 @@
     "This will navigate to the \"{{caseSetName}}\"-event. You will loose your current selection of cases and all applied filters. Do you want to continue?": "This will navigate to the \"{{caseSetName}}\"-event. You will loose your current selection of cases and all applied filters. Do you want to continue?",
     "To Concept": "To Concept",
     "To Region": "To Region",
-    "Too many files selected. Maximum allowed: {{numFilesAllowed}}": "Too many files selected. Maximum allowed: {{numFilesAllowed}}",
     "Tree": "Tree",
     "Tree algorithm": "Tree algorithm",
     "Tree algorithm codes": "Tree algorithm codes",

package/dist/locale/nl.json

@@ -1,7 +1,5 @@
 {
   "translation": {
-    "(last modified: {{lastModified}})": "(laatst gewijzigd: {{lastModified}})",
-    "(size: {{size}})": "(grootte: {{size}})",
     "{{caseTypeName}} cases": "{{caseTypeName}} casussen",
     "{{columnLabel}}: Identifier issuer": "{{columnLabel}}: Identificatie uitgever",
     "{{count}} similar cases can be added to the line list.": "{{count}} vergelijkbare casussen kunnen worden toegevoegd aan de lijnlijst.",
@@ -103,11 +101,7 @@
     "Centroid longitude": "Centroid lengtegraad",
     "Change dashboard layout": "Dashboard-indeling wijzigen",
     "Change tree filter to nearest ancestor": "Wijzig boom filter naar dichtstbijzijnde voorouder",
-    "Clear {{fileName}}": "Wis {{fileName}}",
     "Clear all {{dimension}} fields": "Wis alle {{dimension}} velden",
-    "Clear all selected files": "Wis alle geselecteerde bestanden",
-    "Click or drag to upload file ({{accept}})": "Klik of sleep om bestand te uploaden ({{accept}})",
-    "Click or drag to upload files  ({{accept}})": "Klik of sleep om bestanden te uploaden ({{accept}})",
     "Close": "Sluiten",
     "Close download": "Download sluiten",
     "Close search": "Zoeken sluiten",
@@ -208,8 +202,6 @@
     "Download Excel template": "Download Excel sjabloon",
     "Download FASTA": "Download FASTA",
     "Download sequences": "Download sequenties",
-    "Drop file here": "Sleep bestand hierheen",
-    "Drop files here": "Sleep bestanden hierheen",
     "Dutch": "Nederlands",
     "Edit": "Bewerken",
     "Edit case": "Casus bewerken",
@@ -304,7 +296,6 @@
     "Indicates if the case is owned by the current user (the case is in a private data collection that is owned by the user's organization).": "Geeft aan of de casus eigendom is van de huidige gebruiker (de casus zit in een privégegevensverzameling waarvan de organisatie van de gebruiker eigenaar is).",
     "Indicates if there are any issues with the case": "Geeft aan of er problemen zijn met de casus",
     "Information for the press": "Informatie voor de pers",
-    "Invalid file type. Accepted types: {{accept}}": "Ongeldig bestandstype. Geaccepteerde typen: {{accept}}",
     "Invalid value for pattern \"{{pattern}}\"": "Ongeldige waarde voor patroon \"{{pattern}}\"",
     "Is active": "Is actief",
     "Is created in": "Is aangemaakt in",
@@ -518,7 +509,6 @@
     "Select rows": "Selecteer rijen",
     "Select sequence files": "Sequentiebestanden selecteren",
     "Selected": "Geselecteerd",
-    "Selected files: {{numFiles}}": "Geselecteerde bestanden: {{numFiles}}",
     "selected rows": "geselecteerde rijen",
     "Selected rows": "Geselecteerde rijen",
     "Selected tree node ({{nodeName}})": "Geselecteerd boom knooppunt ({{nodeName}})",
@@ -589,7 +579,6 @@
     "This will navigate to the \"{{caseSetName}}\"-event. You will loose your current selection of cases and all applied filters. Do you want to continue?": "Dit navigeert naar de \"{{caseSetName}}\"-event. U verliest uw huidige selectie van casussen en alle toegepaste filters. Wilt u doorgaan?",
     "To Concept": "Naar Concept",
     "To Region": "Naar Regio",
-    "Too many files selected. Maximum allowed: {{numFilesAllowed}}": "Te veel bestanden geselecteerd. Maximum toegestaan: {{numFilesAllowed}}",
     "Tree": "Boom",
     "Tree algorithm": "Boom algoritme",
     "Tree algorithm codes": "Boom algoritme codes",

package/dist/models/config.d.ts

@@ -3,12 +3,14 @@ import { CaseDbColType } from '@gen-epix/api-casedb';
 import { ConfigBase } from '@gen-epix/ui-client-common/models/config';
 import { Range } from 'colorjs.io';
 import { FieldValues } from 'react-hook-form';
+import { ReactElement } from 'react';
 import { DashboardArrangement, DashboardArrangementWidgetAssignments, WidgetDataBase, WidgetsConfig } from './dashboard';
 export interface CaseDbConfig extends ConfigBase {
     dashboard: {
         ARRANGEMENT_OPTIONS: {
             [key: string]: DashboardArrangement;
         };
+        DASHBOARD_INJECTED_COMPONENT?: () => ReactElement;
         DEFAULT_ARRANGEMENT_KEY: string;
         DEFAULT_WIDGET_ASSIGNMENTS: {
             [key: string]: DashboardArrangementWidgetAssignments;

package/dist/utils/UploadUtil/UploadUtil.d.ts

@@ -100,6 +100,7 @@ export declare class UploadUtil {
         signal: AbortSignal;
         startPercentage: number;
     }): Promise<void>;
+    private static getFileCompressionFromFileName;
     private static idToRegex;
     private static mapExcelCellToString;
     private static mapExcelSheetData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gen-epix/ui-client-casedb",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "license": "EUPL-1.2",
   "repository": {
     "type": "git",
@@ -120,10 +120,6 @@
       "types": "./dist/components/ui/EpiCurveWidget/index.d.ts",
       "import": "./dist/components/ui/EpiCurveWidget/index.js"
     },
-    "./components/ui/FileSelector": {
-      "types": "./dist/components/ui/FileSelector/index.d.ts",
-      "import": "./dist/components/ui/FileSelector/index.js"
-    },
     "./components/ui/FindSimilarCasesDialog": {
       "types": "./dist/components/ui/FindSimilarCasesDialog/index.d.ts",
       "import": "./dist/components/ui/FindSimilarCasesDialog/index.js"
@@ -648,10 +644,6 @@
       "types": "./dist/utils/EpiCurveUtil/index.d.ts",
       "import": "./dist/utils/EpiCurveUtil/index.js"
     },
-    "./utils/FileUtil": {
-      "types": "./dist/utils/FileUtil/index.d.ts",
-      "import": "./dist/utils/FileUtil/index.js"
-    },
     "./utils/FilterUtil": {
       "types": "./dist/utils/FilterUtil/index.d.ts",
       "import": "./dist/utils/FilterUtil/index.js"
@@ -685,13 +677,13 @@
     "@emotion/cache": "*",
     "@emotion/react": "*",
     "@emotion/styled": "*",
-    "@gen-epix/api-casedb": "^4.0.0",
-    "@gen-epix/api-commondb": "^4.0.0",
-    "@gen-epix/ui-core": "^3.0.2",
-    "@gen-epix/ui-core-components": "^4.0.2",
-    "@gen-epix/ui-client-common": "^4.0.2",
-    "@gen-epix/ui-phylogenetic-tree": "^3.0.2",
-    "@gen-epix/ui-core-form": "^4.0.2",
+    "@gen-epix/api-casedb": "^4.1.0",
+    "@gen-epix/api-commondb": "^4.1.0",
+    "@gen-epix/ui-core": "^3.1.0",
+    "@gen-epix/ui-core-components": "^4.1.0",
+    "@gen-epix/ui-client-common": "^4.1.0",
+    "@gen-epix/ui-phylogenetic-tree": "^3.1.0",
+    "@gen-epix/ui-core-form": "^4.1.0",
     "@mui/icons-material": "*",
     "@mui/material": "*",
     "@mui/styled-engine": "*",
@@ -732,15 +724,15 @@
     "@emotion/cache": "11.14.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
-    "@gen-epix/api-casedb": "^4.0.0",
-    "@gen-epix/api-commondb": "^4.0.0",
-    "@gen-epix/ui-core": "^3.0.2",
-    "@gen-epix/ui-core-components": "^4.0.2",
-    "@gen-epix/ui-phylogenetic-tree": "^3.0.2",
-    "@gen-epix/ui-core-form": "^4.0.2",
+    "@gen-epix/api-casedb": "^4.1.0",
+    "@gen-epix/api-commondb": "^4.1.0",
+    "@gen-epix/ui-core": "^3.1.0",
+    "@gen-epix/ui-core-components": "^4.1.0",
+    "@gen-epix/ui-phylogenetic-tree": "^3.1.0",
+    "@gen-epix/ui-core-form": "^4.1.0",
     "@gen-epix/eslint-config": "0.5.0",
     "@gen-epix/translation-util": "0.2.0",
-    "@gen-epix/ui-client-common": "^4.0.2",
+    "@gen-epix/ui-client-common": "^4.1.0",
     "@hookform/resolvers": "5.9.1",
     "@mui/icons-material": "9.4.0",
     "@mui/material": "9.4.0",

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

@@ -1,7 +0,0 @@
-export type FileSelectorProps = {
-    readonly accept: string;
-    readonly initialDataTransfer?: DataTransfer;
-    readonly numFilesAllowed?: number;
-    readonly onDataTransferChange: (dataTransfer: DataTransfer) => void;
-};
-export declare const FileSelector: ({ accept, initialDataTransfer: initialDataTransferProp, numFilesAllowed, onDataTransferChange, }: FileSelectorProps) => import("react").JSX.Element;

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

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

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

@@ -1,206 +0,0 @@
-import { t as e } from "../../../_chunks/format.js";
-import { FileUtil as t } from "../../../utils/FileUtil/index.js";
-import { DATE_FORMAT as n } from "@gen-epix/ui-core/constants/date";
-import { Box as r, Chip as i, IconButton as a, Stack as o, Typography as s } from "@mui/material";
-import { useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
-import { useTranslation as m } from "react-i18next";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import v from "@mui/icons-material/Delete";
-import y from "@mui/icons-material/InsertDriveFile";
-import b from "@mui/icons-material/CloudUpload";
-//#region src/components/ui/FileSelector/FileSelector.tsx
-var x = ({ accept: x, initialDataTransfer: S, numFilesAllowed: C = 1, onDataTransferChange: w }) => {
-	let { t: T } = m(), E = T(C === 1 ? "Click or drag to upload file ({{accept}})" : "Click or drag to upload files  ({{accept}})", { accept: x.split(",").join(", ") }), D = C === 1 ? T`Drop file here` : T`Drop files here`, O = u(), k = f(null), A = d(() => S ?? new DataTransfer(), [S]), [j, M] = p(A), [N, P] = p(E), [F, I] = p(null), [L, R] = p(!1), z = f(!0);
-	l(() => {
-		if (z.current) {
-			z.current = !1;
-			return;
-		}
-		w(j);
-	}, [j, w]);
-	let B = c((e) => {
-		e.stopPropagation(), e.preventDefault();
-	}, []), V = c((e) => {
-		I(null), B(e), R(!0), P(D);
-	}, [B, D]), H = c((e) => {
-		B(e), R(!1), P(E);
-	}, [B, E]), U = c((e) => {
-		B(e);
-	}, [B]), W = c((e) => {
-		for (let t of e) if (!x.split(",").some((e) => {
-			let n = e.trim();
-			return n === t.type || n.startsWith(".") && t.name.endsWith(n);
-		})) return !1;
-		return !0;
-	}, [x]), G = c((e) => {
-		I(null), M((t) => {
-			let n = new DataTransfer();
-			return Array.from(t.files).filter((t) => t.name !== e).forEach((e) => n.items.add(e)), n;
-		});
-	}, []), K = c((e) => {
-		I(null), M((t) => {
-			if (!e || e.length === 0) return t;
-			if (!W(e)) return I(T("Invalid file type. Accepted types: {{accept}}", { accept: x })), t;
-			let n = Array.from(e).map((e) => e.name), r = new Set(Array.from(t.files).map((e) => e.name)), i = n.filter((e) => r.has(e)).length;
-			if (r.size + (n.length - i) > C) return I(T("Too many files selected. Maximum allowed: {{numFilesAllowed}}", { numFilesAllowed: C })), t;
-			let a = new DataTransfer();
-			return Array.from(t.files).forEach((e) => {
-				n.includes(e.name) || a.items.add(e);
-			}), Array.from(e).forEach((e) => {
-				a.items.add(e);
-			}), a;
-		});
-	}, [
-		x,
-		W,
-		C,
-		T
-	]), q = c((e) => {
-		B(e), P(E), R(!1);
-		let t = e.dataTransfer.files;
-		K(t);
-	}, [
-		B,
-		E,
-		K
-	]), J = c((e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), k.current?.click());
-	}, []), Y = c((e) => {
-		K(e.target.files);
-	}, [K]), X = c(() => {
-		I(null), M(new DataTransfer());
-	}, []);
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
-		accept: x,
-		component: "input",
-		id: O,
-		multiple: C > 1,
-		onChange: Y,
-		ref: k,
-		sx: { display: "none" },
-		type: "file"
-	}), /* @__PURE__ */ _(r, {
-		sx: {
-			display: "grid",
-			gridTemplateRows: "auto fit-content(50%)",
-			height: "100%"
-		},
-		children: [/* @__PURE__ */ g(r, {
-			component: "label",
-			htmlFor: O,
-			onDragEnter: V,
-			onDragLeave: H,
-			onDragOver: U,
-			onDrop: q,
-			onKeyDown: J,
-			sx: {
-				"&:hover *": { opacity: 1 },
-				"& p, & svg": { opacity: L ? 1 : .4 },
-				cursor: "pointer",
-				display: "flex",
-				height: "100%",
-				position: "relative",
-				textAlign: "center",
-				width: "100%"
-			},
-			tabIndex: 0,
-			children: /* @__PURE__ */ g(r, {
-				sx: {
-					height: "100%",
-					pointerEvents: "none",
-					position: "relative",
-					width: "100%"
-				},
-				children: /* @__PURE__ */ _(r, {
-					sx: {
-						alignItems: "center",
-						display: "flex",
-						flexDirection: "column",
-						height: "100%",
-						justifyContent: "center",
-						position: "absolute",
-						width: "100%"
-					},
-					children: [
-						/* @__PURE__ */ g(b, {
-							color: "primary",
-							fontSize: "large"
-						}),
-						F && /* @__PURE__ */ g(s, {
-							sx: {
-								color: "error.main",
-								fontWeight: "bold"
-							},
-							children: F
-						}),
-						/* @__PURE__ */ g(s, { children: N })
-					]
-				})
-			})
-		}), /* @__PURE__ */ g(r, {
-			sx: {
-				overflow: "auto",
-				position: "relative"
-			},
-			children: /* @__PURE__ */ g(r, { children: j.files.length > 0 && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(r, {
-				sx: {
-					alignItems: "center",
-					backgroundColor: (e) => e.palette.background.paper,
-					display: "flex",
-					gap: 1,
-					paddingY: 1,
-					position: "sticky",
-					top: 0,
-					zIndex: (e) => e.zIndex.tooltip - 1
-				},
-				children: [/* @__PURE__ */ g(s, {
-					variant: "h5",
-					children: T("Selected files: {{numFiles}}", { numFiles: j.files.length })
-				}), /* @__PURE__ */ g(a, {
-					"aria-label": T("Clear all selected files"),
-					onClick: X,
-					size: "small",
-					children: /* @__PURE__ */ g(v, { fontSize: "small" })
-				})]
-			}), /* @__PURE__ */ g(o, {
-				direction: "row",
-				sx: { flexWrap: "wrap" },
-				children: Array.from(j.files).map((a) => /* @__PURE__ */ g(i, {
-					deleteIcon: /* @__PURE__ */ g(v, {
-						"aria-hidden": !1,
-						"aria-label": T("Clear {{fileName}}", { fileName: a.name }),
-						focusable: !0,
-						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G(a.name));
-						},
-						tabIndex: 0
-					}),
-					icon: /* @__PURE__ */ g(y, {}),
-					label: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
-						component: "span",
-						sx: { fontWeight: "bold" },
-						children: a.name
-					}), /* @__PURE__ */ _(r, {
-						component: "span",
-						children: [
-							" ",
-							T("(size: {{size}})", { size: t.getReadableFileSize(a.size) }),
-							" ",
-							T("(last modified: {{lastModified}})", { lastModified: e(new Date(a.lastModified), n.DATE_TIME) })
-						]
-					})] }),
-					onDelete: () => {
-						G(a.name);
-					},
-					sx: { margin: .25 },
-					tabIndex: -1,
-					variant: "outlined"
-				}, `${a.name}-${a.size}-${a.lastModified}`))
-			})] }) })
-		})]
-	})] });
-};
-//#endregion
-export { x as FileSelector };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/FileSelector/FileSelector.tsx"],"sourcesContent":["import {\n  Box,\n  Chip,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\nimport type {\n  ChangeEvent,\n  DragEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport CloudUploadIcon from '@mui/icons-material/CloudUpload';\nimport { useTranslation } from 'react-i18next';\nimport { format } from 'date-fns';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\n\nimport { FileUtil } from '../../../utils/FileUtil';\n\n\nexport type FileSelectorProps = {\n  readonly accept: string;\n  readonly initialDataTransfer?: DataTransfer;\n  readonly numFilesAllowed?: number;\n  readonly onDataTransferChange: (dataTransfer: DataTransfer) => void;\n};\n\nexport const FileSelector = ({\n  accept,\n  initialDataTransfer: initialDataTransferProp,\n  numFilesAllowed = 1,\n  onDataTransferChange,\n}: FileSelectorProps) => {\n  const { t } = useTranslation();\n  const hoverLabel = numFilesAllowed === 1\n    ? t('Click or drag to upload file ({{accept}})', { accept: accept.split(',').join(', ') })\n    : t('Click or drag to upload files  ({{accept}})', { accept: accept.split(',').join(', ') });\n  const dropLabel = numFilesAllowed === 1\n    ? t`Drop file here`\n    : t`Drop files here`;\n\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const initialDataTransfer = useMemo(() => {\n    return initialDataTransferProp ?? new DataTransfer();\n  }, [initialDataTransferProp]);\n\n  const [dataTransfer, setDataTransfer] = useState<DataTransfer>(initialDataTransfer);\n  const [labelText, setLabelText] = useState<string>(hoverLabel);\n  const [errorText, setErrorText] = useState<string>(null);\n  const [isDragOver, setIsDragOver] = useState<boolean>(false);\n  const initialDataTransferEffectRef = useRef(true);\n\n  useEffect(() => {\n    if (initialDataTransferEffectRef.current) {\n      initialDataTransferEffectRef.current = false;\n      return;\n    }\n    onDataTransferChange(dataTransfer);\n  }, [dataTransfer, onDataTransferChange]);\n\n  const stopDefaults = useCallback((e: DragEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const onLabelDragEnter = useCallback((event: DragEvent) => {\n    setErrorText(null);\n    stopDefaults(event);\n    setIsDragOver(true);\n    setLabelText(dropLabel);\n  }, [stopDefaults, dropLabel]);\n\n  const onLabelDragLeave = useCallback((event: DragEvent) => {\n    stopDefaults(event);\n    setIsDragOver(false);\n    setLabelText(hoverLabel);\n  }, [stopDefaults, hoverLabel]);\n\n  const onLabelDragOver = useCallback((event: DragEvent) => {\n    stopDefaults(event);\n  }, [stopDefaults]);\n\n  const areFileTypesValid = useCallback((fileList: FileList) => {\n    for (const file of fileList) {\n      const isValid = accept.split(',').some(type => {\n        const trimmedType = type.trim();\n        return (\n          trimmedType === file.type ||\n          (trimmedType.startsWith('.') && file.name.endsWith(trimmedType))\n        );\n      });\n      if (!isValid) {\n        return false;\n      }\n    }\n    return true;\n  }, [accept]);\n\n  const removeFile = useCallback((fileName: string) => {\n    setErrorText(null);\n    setDataTransfer((oldDataTransfer) => {\n      const newDataTransfer = new DataTransfer();\n      Array.from(oldDataTransfer.files)\n        .filter(f => f.name !== fileName)\n        .forEach(f => newDataTransfer.items.add(f));\n      return newDataTransfer;\n    });\n  }, []);\n\n  const addFileList = useCallback((fileList: FileList) => {\n    setErrorText(null);\n    setDataTransfer((oldDataTransfer) => {\n      if (!fileList || fileList.length === 0) {\n        return oldDataTransfer;\n      }\n      if (!areFileTypesValid(fileList)) {\n        setErrorText(t('Invalid file type. Accepted types: {{accept}}', { accept }));\n        return oldDataTransfer;\n      }\n\n      const fileNamesToAppend = Array.from(fileList).map(f => f.name);\n      const uniqueOldFileNames = new Set(Array.from(oldDataTransfer.files).map(f => f.name));\n      const numDuplicates = fileNamesToAppend.filter(name => uniqueOldFileNames.has(name)).length;\n      const numNewFileNames = uniqueOldFileNames.size + (fileNamesToAppend.length - numDuplicates);\n\n      if (numNewFileNames > numFilesAllowed) {\n        setErrorText(t('Too many files selected. Maximum allowed: {{numFilesAllowed}}', { numFilesAllowed }));\n        return oldDataTransfer;\n      }\n\n      const newDataTransfer = new DataTransfer();\n      Array.from(oldDataTransfer.files).forEach(file => {\n        if (!fileNamesToAppend.includes(file.name)) {\n          newDataTransfer.items.add(file);\n        }\n      });\n      Array.from(fileList).forEach(file => {\n        newDataTransfer.items.add(file);\n      });\n\n      return newDataTransfer;\n\n    });\n  }, [accept, areFileTypesValid, numFilesAllowed, t]);\n\n  const onDrop = useCallback((event: DragEvent<HTMLElement>) => {\n    stopDefaults(event);\n    setLabelText(hoverLabel);\n    setIsDragOver(false);\n\n    const fileList = event.dataTransfer.files;\n    addFileList(fileList);\n\n  }, [stopDefaults, hoverLabel, addFileList]);\n\n  const onLabelKeyDown = useCallback((event: ReactKeyboardEvent<HTMLElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      inputRef.current?.click();\n    }\n  }, []);\n\n  const onFileInputChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    addFileList(event.target.files);\n  }, [addFileList]);\n\n  const onClearAllButtonClick = useCallback(() => {\n    setErrorText(null);\n    setDataTransfer(new DataTransfer());\n  }, []);\n\n  return (\n    <>\n      <Box\n        accept={accept}\n        component={'input'}\n        id={inputId}\n        multiple={numFilesAllowed > 1}\n        onChange={onFileInputChange}\n        ref={inputRef}\n        sx={{\n          display: 'none',\n        }}\n        type={'file'}\n      />\n      <Box\n        sx={{\n          display: 'grid',\n          gridTemplateRows: 'auto fit-content(50%)',\n          height: '100%',\n        }}\n      >\n        <Box\n          component={'label'}\n          htmlFor={inputId}\n          onDragEnter={onLabelDragEnter}\n          onDragLeave={onLabelDragLeave}\n          onDragOver={onLabelDragOver}\n          onDrop={onDrop}\n          onKeyDown={onLabelKeyDown}\n          sx={{\n            '&:hover *': {\n              opacity: 1,\n            },\n            '& p, & svg': {\n              opacity: isDragOver ? 1 : 0.4,\n            },\n            cursor: 'pointer',\n            display: 'flex',\n            height: '100%',\n            position: 'relative',\n            textAlign: 'center',\n            width: '100%',\n          }}\n          tabIndex={0}\n        >\n          <Box\n            sx={{\n              height: '100%',\n              pointerEvents: 'none',\n              position: 'relative',\n              width: '100%',\n            }}\n          >\n            <Box\n              sx={{\n                alignItems: 'center',\n                display: 'flex',\n                flexDirection: 'column',\n                height: '100%',\n                justifyContent: 'center',\n                position: 'absolute',\n                width: '100%',\n              }}\n            >\n              <CloudUploadIcon\n                color={'primary'}\n                fontSize={'large'}\n              />\n              {errorText && (\n                <Typography\n                  sx={{\n                    color: 'error.main',\n                    fontWeight: 'bold',\n                  }}\n                >\n                  {errorText}\n                </Typography>\n              )}\n              <Typography>\n                {labelText}\n              </Typography>\n\n            </Box>\n          </Box>\n        </Box>\n        <Box\n          sx={{\n            overflow: 'auto',\n            position: 'relative',\n          }}\n        >\n          <Box>\n            {dataTransfer.files.length > 0 && (\n              <>\n                <Box\n                  sx={{\n                    alignItems: 'center',\n                    backgroundColor: (theme) => theme.palette.background.paper,\n                    display: 'flex',\n                    gap: 1,\n                    paddingY: 1,\n                    position: 'sticky',\n                    top: 0,\n                    zIndex: (theme) => theme.zIndex.tooltip - 1,\n                  }}\n                >\n                  <Typography\n                    variant={'h5'}\n                  >\n                    {t('Selected files: {{numFiles}}', { numFiles: dataTransfer.files.length })}\n                  </Typography>\n                  <IconButton\n                    aria-label={t('Clear all selected files')}\n                    onClick={onClearAllButtonClick}\n                    size={'small'}\n                  >\n                    <DeleteIcon fontSize={'small'} />\n                  </IconButton>\n                </Box>\n                <Stack\n                  direction={'row'}\n                  sx={{\n                    flexWrap: 'wrap',\n                  }}\n                >\n                  {Array.from(dataTransfer.files).map(file => (\n                    <Chip\n                      deleteIcon={(\n                        <DeleteIcon\n                          aria-hidden={false}\n                          aria-label={t('Clear {{fileName}}', { fileName: file.name })}\n                          focusable\n                          // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                          onKeyDown={(event) => {\n                            if (event.key === 'Enter' || event.key === ' ') {\n                              event.preventDefault();\n                              removeFile(file.name);\n                            }\n                          }}\n                          tabIndex={0}\n                        />\n                      )}\n                      icon={<InsertDriveFileIcon />}\n                      key={`${file.name}-${file.size}-${file.lastModified}`}\n                      label={\n                        (\n                          <>\n                            <Box\n                              component={'span'}\n                              sx={{ fontWeight: 'bold' }}\n                            >\n                              {file.name}\n                            </Box>\n                            <Box component={'span'}>\n                              {' '}\n                              {t('(size: {{size}})', { size: FileUtil.getReadableFileSize(file.size) })}\n                              {' '}\n                              {t('(last modified: {{lastModified}})', { lastModified: format(new Date(file.lastModified), DATE_FORMAT.DATE_TIME) })}\n                            </Box>\n                          </>\n                        )\n                      }\n                      // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                      onDelete={() => {\n                        removeFile(file.name);\n                      }}\n                      sx={{\n                        margin: 0.25,\n                      }}\n                      tabIndex={-1}\n                      variant={'outlined'}\n                    />\n                  ))}\n                </Stack>\n              </>\n            )}\n          </Box>\n        </Box>\n      </Box>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/utils/FileUtil/FileUtil.d.ts

@@ -1,5 +0,0 @@
-import { CaseDbFileCompression } from '@gen-epix/api-casedb';
-export declare class FileUtil {
-    static getFileCompressionFromFileName(fileName: string): CaseDbFileCompression;
-    static getReadableFileSize(sizeInBytes: number): string;
-}

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

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

package/dist/utils/FileUtil/index.js

@@ -1,15 +0,0 @@
-import { CaseDbFileCompression as e } from "@gen-epix/api-casedb";
-//#region src/utils/FileUtil/FileUtil.ts
-var t = class {
-	static getFileCompressionFromFileName(t) {
-		let n = t.toLowerCase();
-		return n.endsWith(".gz") || n.endsWith(".gzip") ? e.GZIP : e.NONE;
-	}
-	static getReadableFileSize(e) {
-		return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(2)} KB` : e < 1073741824 ? `${(e / 1048576).toFixed(2)} MB` : `${(e / 1073741824).toFixed(2)} GB`;
-	}
-};
-//#endregion
-export { t as FileUtil };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/utils/FileUtil/FileUtil.ts"],"sourcesContent":["import { CaseDbFileCompression } from '@gen-epix/api-casedb';\n\nexport class FileUtil {\n  public static getFileCompressionFromFileName(fileName: string): CaseDbFileCompression {\n    const lowerFileName = fileName.toLowerCase();\n    if (lowerFileName.endsWith('.gz') || lowerFileName.endsWith('.gzip')) {\n      return CaseDbFileCompression.GZIP;\n    }\n    return CaseDbFileCompression.NONE;\n  }\n\n  public static getReadableFileSize(sizeInBytes: number): string {\n    if (sizeInBytes < 1024) {\n      return `${sizeInBytes} B`;\n    } else if (sizeInBytes < 1024 * 1024) {\n      return `${(sizeInBytes / 1024).toFixed(2)} KB`;\n    } else if (sizeInBytes < 1024 * 1024 * 1024) {\n      return `${(sizeInBytes / (1024 * 1024)).toFixed(2)} MB`;\n    }\n    return `${(sizeInBytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n  }\n}\n"],"mappings":";;AAEA,IAAa,IAAb,MAAsB;CACpB,OAAc,+BAA+B,GAAyC;EACpF,IAAM,IAAgB,EAAS,YAAY;EAI3C,OAHI,EAAc,SAAS,KAAK,KAAK,EAAc,SAAS,OAAO,IAC1D,EAAsB,OAExB,EAAsB;CAC/B;CAEA,OAAc,oBAAoB,GAA6B;EAQ7D,OAPI,IAAc,OACT,GAAG,EAAY,MACb,IAAc,UAChB,IAAI,IAAc,KAAA,CAAM,QAAQ,CAAC,EAAE,OACjC,IAAc,aAChB,IAAI,IAAe,QAAA,CAAc,QAAQ,CAAC,EAAE,OAE9C,IAAI,IAAe,WAAA,CAAqB,QAAQ,CAAC,EAAE;CAC5D;AACF"}