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

package/dist/_chunks/Upload.js

@@ -21,40 +21,40 @@ import { useSequencingProtocolOptionsQuery as w } from "../dataHooks/useSequenci
 import { useAssemblyProtocolOptionsQuery as T } from "../dataHooks/useAssemblyProtocolsQuery/index.js";
 import { mixed as E, object as D, string as O } from "yup";
 import { CaseDbCaseApi as k, CaseDbDataIssueType as A, CaseDbEtlStatus as j, CaseDbUploadAction as M } from "@gen-epix/api-casedb";
-import { QueryClientService as ee } from "@gen-epix/ui/classes/services/QueryClientService";
+import { QueryClientService as ee } from "@gen-epix/ui-client-common/classes/services/QueryClientService";
 import { ObjectUtil as N } from "@gen-epix/ui-core/utils/ObjectUtil";
-import { FORM_FIELD_DEFINITION_TYPE as P } from "@gen-epix/ui-form/models/form";
-import { ConfigService as te } from "@gen-epix/ui/classes/services/ConfigService";
+import { FORM_FIELD_DEFINITION_TYPE as P } from "@gen-epix/ui-core-form/models/form";
+import { ConfigService as te } from "@gen-epix/ui-client-common/classes/services/ConfigService";
 import { Alert as F, AlertTitle as I, Autocomplete as ne, Box as L, Button as R, Container as re, ListItemIcon as z, ListItemText as B, MenuItem as ie, Table as V, TableBody as H, TableCell as U, TableHead as ae, TableRow as oe, TextField as se, Tooltip as ce, Typography as le, useTheme as ue } from "@mui/material";
 import { use as W, useCallback as G, useEffect as K, useId as de, useMemo as q, useRef as J, useState as Y } from "react";
 import { useTranslation as X } from "react-i18next";
-import { TableStoreContextProvider as fe, createTableStore as pe, useTableStoreContext as me } from "@gen-epix/ui/stores/tableStore";
+import { TableStoreContextProvider as fe, createTableStore as pe, useTableStoreContext as me } from "@gen-epix/ui-client-common/stores/tableStore";
 import { Fragment as Z, jsx as Q, jsxs as $ } from "react/jsx-runtime";
-import { ResponseHandler as he } from "@gen-epix/ui/components/ui/ResponseHandler";
-import { useItemQuery as ge } from "@gen-epix/ui/hooks/useItemQuery";
+import { ResponseHandler as he } from "@gen-epix/ui-client-common/components/ui/ResponseHandler";
+import { useItemQuery as ge } from "@gen-epix/ui-client-common/hooks/useItemQuery";
 import { useArray as _e } from "@gen-epix/ui-core/hooks/useArray";
 import ve from "@mui/material/Box";
-import { Stepper as ye } from "@gen-epix/ui/components/ui/Stepper";
-import { GenericForm as be } from "@gen-epix/ui-form/components/helpers/GenericForm";
-import { useQueryMemo as xe } from "@gen-epix/ui/hooks/useQueryMemo";
-import { useIdentifierIssuerOwnOrganizationOptionsQuery as Se } from "@gen-epix/ui/dataHooks/useIdentifierIssuerOwnOrganizationQuery";
-import { Select as Ce } from "@gen-epix/ui-form/components/fields/Select";
-import { BackdropSpinner as we } from "@gen-epix/ui/components/ui/BackdropSpinner";
-import { Confirmation as Te } from "@gen-epix/ui/components/ui/Confirmation";
+import { Stepper as ye } from "@gen-epix/ui-core-components/components/Stepper";
+import { GenericForm as be } from "@gen-epix/ui-core-form/components/helpers/GenericForm";
+import { useQueryMemo as xe } from "@gen-epix/ui-client-common/hooks/useQueryMemo";
+import { useIdentifierIssuerOwnOrganizationOptionsQuery as Se } from "@gen-epix/ui-client-common/dataHooks/useIdentifierIssuerOwnOrganizationQuery";
+import { Select as Ce } from "@gen-epix/ui-core-form/components/fields/Select";
+import { BackdropSpinner as we } from "@gen-epix/ui-core-components/components/BackdropSpinner";
+import { Confirmation as Te } from "@gen-epix/ui-core-components/components/Confirmation";
 import Ee from "@mui/icons-material/Edit";
 import De from "@mui/icons-material/ErrorOutlined";
 import Oe from "@mui/icons-material/Add";
-import { Table as ke, TableMenu as Ae } from "@gen-epix/ui/components/ui/Table";
-import { TABLE_COLUMN_FROZEN as je } from "@gen-epix/ui/models/table";
-import { TableUtil as Me } from "@gen-epix/ui/utils/TableUtil";
-import { useInitializeTableStore as Ne } from "@gen-epix/ui/hooks/useInitializeTableStore";
-import { withDialog as Pe } from "@gen-epix/ui/hoc/withDialog";
+import { Table as ke, TableMenu as Ae } from "@gen-epix/ui-client-common/components/ui/Table";
+import { TABLE_COLUMN_FROZEN as je } from "@gen-epix/ui-client-common/models/table";
+import { TableUtil as Me } from "@gen-epix/ui-client-common/utils/TableUtil";
+import { useInitializeTableStore as Ne } from "@gen-epix/ui-client-common/hooks/useInitializeTableStore";
+import { withDialog as Pe } from "@gen-epix/ui-core-components/hoc/withDialog";
 import { TestIdUtil as Fe } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { FormUtil as Ie } from "@gen-epix/ui-form/utils/FormUtil";
-import { GenericErrorMessage as Le } from "@gen-epix/ui/components/ui/GenericErrorMessage";
-import { InactivityService as Re } from "@gen-epix/ui/classes/services/InactivityService";
-import { LinearProgressWithLabel as ze } from "@gen-epix/ui/components/ui/LinearProgressWithLabel";
-import { RouterService as Be } from "@gen-epix/ui/classes/services/RouterService";
+import { FormUtil as Ie } from "@gen-epix/ui-core-form/utils/FormUtil";
+import { GenericErrorMessage as Le } from "@gen-epix/ui-client-common/components/ui/GenericErrorMessage";
+import { InactivityService as Re } from "@gen-epix/ui-client-common/classes/services/InactivityService";
+import { LinearProgressWithLabel as ze } from "@gen-epix/ui-core-components/components/LinearProgressWithLabel";
+import { RouterService as Be } from "@gen-epix/ui-client-common/classes/services/RouterService";
 //#region src/components/ui/Upload/UploadNavigation.tsx
 var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proceedDisabled: r, proceedLabel: i }) => {
 	let { t: a } = X(), o = W(p), s = l(o, (e) => e.stepOrder), c = l(o, (e) => e.activeStep), u = l(o, (e) => e.goBackFromFirstStepCallback), d = l(o, (e) => e.goBackFromFirstStepLabel), f = c === s[0], m = f ? u ?? t : t;
@@ -259,10 +259,13 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 		n.map,
 		a
 	]);
-	let D = q(() => (0, We.default)(o[0].map((e, t) => t), t.getMappedColumnsFromFormData(T, o, n.map, a).map((e) => e.originalIndex)).map((e) => ({
-		originalIndex: e,
-		originalLabel: o[0][e]
-	})), [
+	let D = q(() => {
+		let e = o[0].map((e, t) => t), r = t.getMappedColumnsFromFormData(T, o, n.map, a).map((e) => e.originalIndex);
+		return (0, We.default)(e, r).map((e) => ({
+			originalIndex: e,
+			originalLabel: o[0][e]
+		}));
+	}, [
 		n.map,
 		o,
 		T,
@@ -488,10 +491,13 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 				message: r
 			});
 		}), t;
-	}, [n.cols]), y = G((e) => /* @__PURE__ */ Q(Z, { children: v(e).map(({ key: e, message: t }, n) => /* @__PURE__ */ Q(L, {
-		sx: { marginTop: +(n > 0) },
-		children: t
-	}, e)) }), [v]), b = G((e) => v(e).map((e) => e.message).join(", "), [v]), x = G((e, t, n) => t.filter((t) => !(t.col_id !== e || t.data_issue_type === A.TRANSFORMED && t.original_value === n)).sort((e, t) => f.indexOf(e.data_issue_type) - f.indexOf(t.data_issue_type)), [f]), C = G(() => /* @__PURE__ */ Q(ce, {
+	}, [n.cols]), y = G((e) => {
+		let t = v(e);
+		return /* @__PURE__ */ Q(Z, { children: t.map(({ key: e, message: t }, n) => /* @__PURE__ */ Q(L, {
+			sx: { marginTop: +(n > 0) },
+			children: t
+		}, e)) });
+	}, [v]), b = G((e) => v(e).map((e) => e.message).join(", "), [v]), x = G((e, t, n) => t.filter((t) => !(t.col_id !== e || t.data_issue_type === A.TRANSFORMED && t.original_value === n)).sort((e, t) => f.indexOf(e.data_issue_type) - f.indexOf(t.data_issue_type)), [f]), C = G(() => /* @__PURE__ */ Q(ce, {
 		"aria-hidden": !1,
 		arrow: !0,
 		title: l("Indicates if there are any issues with the case"),
@@ -576,105 +582,109 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 		y,
 		c,
 		m
-	]);
-	return Ne({
-		columns: q(() => {
-			let i = [];
-			if (!t?.length) return i;
-			i.push(Me.createReadableIndexColumn()), i.push(Me.createSelectableColumn()), i.push({
-				disableEllipsis: !0,
-				frozen: je.LEFT,
-				headerName: "",
-				hideInFilter: !0,
-				id: "gen-epix-ui-issue",
-				isInitiallyVisible: !0,
-				renderCell: w,
-				renderHeader: C,
-				resizable: !1,
-				type: "text",
-				valueGetter: () => "",
-				widthPx: 38
-			}), i.push({
-				disableEllipsis: !0,
-				frozen: je.LEFT,
-				headerName: "",
-				hideInFilter: !0,
-				id: "gen-epix-ui-id",
-				isInitiallyVisible: !0,
-				renderCell: E,
-				renderHeader: T,
-				resizable: !1,
-				type: "text",
-				valueGetter: () => "",
-				widthPx: 38
-			});
-			let o = /* @__PURE__ */ new Set();
-			return t.forEach((e) => {
-				Object.keys(e.validated_content || {}).forEach((e) => o.add(e)), e.data_issues.forEach((e) => o.add(e.col_id));
-			}), n.ordered_col_ids.forEach((s) => {
-				if (!o.has(s)) return;
-				let c = n.cols[s], u = t.flatMap((e) => e.data_issues.filter((e) => e.col_id === c.id)), d = u.length === 0 || u.some((e) => e.data_issue_type !== A.DERIVED), f = e[c.id]?.length;
-				c && i.push({
-					cellTitleGetter: (e) => {
-						let t = e.row.data_issues.find((e) => e.col_id === c.id);
-						return !t && r ? l("{{value}} (original value: \"{{originalValue}}\")", {
-							originalValue: r(c, e, t) ?? "",
+	]), O = q(() => {
+		let i = [];
+		if (!t?.length) return i;
+		i.push(Me.createReadableIndexColumn()), i.push(Me.createSelectableColumn()), i.push({
+			disableEllipsis: !0,
+			frozen: je.LEFT,
+			headerName: "",
+			hideInFilter: !0,
+			id: "gen-epix-ui-issue",
+			isInitiallyVisible: !0,
+			renderCell: w,
+			renderHeader: C,
+			resizable: !1,
+			type: "text",
+			valueGetter: () => "",
+			widthPx: 38
+		}), i.push({
+			disableEllipsis: !0,
+			frozen: je.LEFT,
+			headerName: "",
+			hideInFilter: !0,
+			id: "gen-epix-ui-id",
+			isInitiallyVisible: !0,
+			renderCell: E,
+			renderHeader: T,
+			resizable: !1,
+			type: "text",
+			valueGetter: () => "",
+			widthPx: 38
+		});
+		let o = /* @__PURE__ */ new Set();
+		return t.forEach((e) => {
+			Object.keys(e.validated_content || {}).forEach((e) => o.add(e)), e.data_issues.forEach((e) => o.add(e.col_id));
+		}), n.ordered_col_ids.forEach((s) => {
+			if (!o.has(s)) return;
+			let c = n.cols[s], u = t.flatMap((e) => e.data_issues.filter((e) => e.col_id === c.id)), d = u.length === 0 || u.some((e) => e.data_issue_type !== A.DERIVED), f = e[c.id]?.length;
+			c && i.push({
+				cellTitleGetter: (e) => {
+					let t = e.row.data_issues.find((e) => e.col_id === c.id);
+					if (!t && r) {
+						let i = r(c, e, t) ?? "";
+						return l("{{value}} (original value: \"{{originalValue}}\")", {
+							originalValue: i,
 							value: a.getRowValue(e.row.validated_content, c, n).short
-						}) : "";
-					},
-					customHeaderIcon: f ? {
-						iconElement: /* @__PURE__ */ Q(Ee, { fontSize: "inherit" }),
-						label: l("Edit values for {{colLabel}} (for selected rows)", { colLabel: c.label }),
-						onClick: h
-					} : void 0,
-					headerName: c.code,
-					hideInFilter: !0,
-					id: c.id,
-					isInitiallyVisible: d,
-					renderCell: D,
-					type: "text",
-					valueGetter: (e) => a.getRowValue(e.row.validated_content, c, n).short,
-					widthPx: 250
-				});
-			}), t.some((e) => e.id) && i.push({
-				headerName: l("case_id"),
+						});
+					}
+					return "";
+				},
+				customHeaderIcon: f ? {
+					iconElement: /* @__PURE__ */ Q(Ee, { fontSize: "inherit" }),
+					label: l("Edit values for {{colLabel}} (for selected rows)", { colLabel: c.label }),
+					onClick: h
+				} : void 0,
+				headerName: c.code,
 				hideInFilter: !0,
-				id: "case_id",
-				isInitiallyVisible: !0,
+				id: c.id,
+				isInitiallyVisible: d,
+				renderCell: D,
 				type: "text",
-				valueGetter: (e) => e.row.id || "",
+				valueGetter: (e) => a.getRowValue(e.row.validated_content, c, n).short,
 				widthPx: 250
-			}), i.push(Me.createActionsColumn({
-				getActions: (e) => {
-					let t = [];
-					return t.push(/* @__PURE__ */ $(ie, {
-						onClick: () => {
-							u.current?.open({
-								caseContent: e.row.validated_content,
-								caseId: e.row.id,
-								completeCaseType: n,
-								enabledColIds: n.ordered_col_ids,
-								formId: "edit-case-form"
-							});
-						},
-						children: [/* @__PURE__ */ Q(z, { children: /* @__PURE__ */ Q(Ee, {}) }), /* @__PURE__ */ Q(B, { children: l`Edit` })]
-					}, "editCase")), t;
-				},
-				t: l
-			})), i;
-		}, [
-			t,
-			w,
-			C,
-			E,
-			T,
-			n,
-			l,
-			e,
-			h,
-			D,
-			r
-		]),
+			});
+		}), t.some((e) => e.id) && i.push({
+			headerName: l("case_id"),
+			hideInFilter: !0,
+			id: "case_id",
+			isInitiallyVisible: !0,
+			type: "text",
+			valueGetter: (e) => e.row.id || "",
+			widthPx: 250
+		}), i.push(Me.createActionsColumn({
+			getActions: (e) => {
+				let t = [];
+				return t.push(/* @__PURE__ */ $(ie, {
+					onClick: () => {
+						u.current?.open({
+							caseContent: e.row.validated_content,
+							caseId: e.row.id,
+							completeCaseType: n,
+							enabledColIds: n.ordered_col_ids,
+							formId: "edit-case-form"
+						});
+					},
+					children: [/* @__PURE__ */ Q(z, { children: /* @__PURE__ */ Q(Ee, {}) }), /* @__PURE__ */ Q(B, { children: l`Edit` })]
+				}, "editCase")), t;
+			},
+			t: l
+		})), i;
+	}, [
+		t,
+		w,
+		C,
+		E,
+		T,
+		n,
+		l,
+		e,
+		h,
+		D,
+		r
+	]);
+	return Ne({
+		columns: O,
 		createFiltersFromColumns: !0,
 		rows: t,
 		store: s
@@ -683,7 +693,7 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 			display: "inline-block",
 			float: "right"
 		} } }) }),
-		/* @__PURE__ */ Q(ke, { font: c["gen-epix-ui-casedb"].lineList.font }),
+		/* @__PURE__ */ Q(ke, { font: c["gen-epix-ui-client-casedb"].lineList.font }),
 		/* @__PURE__ */ Q(S, {
 			onSubmit: g,
 			ref: u
@@ -694,12 +704,12 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 		})
 	] });
 }, Ye = ({ onGoBackButtonClick: e, onProceedButtonClick: t }) => {
-	let { t: n } = X(), r = me(), i = l(W(p), (e) => e.completeCaseType), a = l(r, (e) => e.selectedIds);
+	let { t: n } = X(), r = me(), i = W(p), a = l(i, (e) => e.completeCaseType), o = l(r, (e) => e.selectedIds), s = !o.length || o.length > a.props.create_max_n_cases;
 	return /* @__PURE__ */ Q(Ve, {
 		onGoBackButtonClick: e,
 		onProceedButtonClick: t,
-		proceedDisabled: !a.length || a.length > i.props.create_max_n_cases,
-		proceedLabel: a.length ? n("Proceed with {{count}} selected cases", { count: a.length }) : n("Proceed")
+		proceedDisabled: s,
+		proceedLabel: o.length ? n("Proceed with {{count}} selected cases", { count: o.length }) : n("Proceed")
 	});
 }, Xe = Ke(({ caseTypeId: e }) => {
 	let { t } = X(), n = W(p), r = l(n, (e) => e.goToNextStep), i = l(n, (e) => e.goToPreviousStep), o = l(n, (e) => e.completeCaseType), s = l(n, (e) => e.casesForVerificationFromSourceData), c = l(n, (e) => e.createdInDataCollectionId), u = l(n, (e) => e.validateCasesQueryKey), f = l(n, (e) => e.caseRightsColMap), [m, h] = Y(!1), [g, _] = Y(!1), [v, y] = Y(null), b = J([]), x = J(null), S = J(null), C = G((e, t, n) => s[t.rowIndex]?.case?.content[e.id] ?? "", [s]), w = xe({
@@ -784,20 +794,25 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 		O,
 		E
 	]), te = G(async (e, t) => {
+		let n = w.data.find((t) => t.id === e);
 		await O([{
 			content: t,
-			row: w.data.find((t) => t.id === e)
+			row: n
 		}]);
 	}, [w.data, O]);
 	K(() => {
 		let e = E.subscribe((e, t) => {
-			e.selectedIds !== t.selectedIds && (b.current = e.selectedIds, h(e.selectedIds.length > o.props.create_max_n_cases));
+			if (e.selectedIds === t.selectedIds) return;
+			b.current = e.selectedIds;
+			let n = e.selectedIds.length > o.props.create_max_n_cases;
+			h(n);
 		});
 		return () => {
 			e();
 		};
 	}, [o.props.create_max_n_cases, E]), K(() => {
-		D((w.data ?? []).filter((e) => !e.data_issues.some((e) => e.data_issue_type === A.INVALID || e.data_issue_type === A.UNAUTHORIZED)).map((e) => e.id));
+		let e = (w.data ?? []).filter((e) => !e.data_issues.some((e) => e.data_issue_type === A.INVALID || e.data_issue_type === A.UNAUTHORIZED)).map((e) => e.id);
+		D(e);
 	}, [w.data, D]);
 	let ne = G(async () => {
 		let e = E.getState().selectedIds, t = w.data.filter((t) => e.includes(t.id) && !t.data_issues.some((e) => e.data_issue_type === A.INVALID));
@@ -1296,7 +1311,7 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 			value: n
 		});
 	}, [m, x]), D = G((e) => {
-		let t = s.cols[e.id], n = e.row.id;
+		let t = s.cols[e.id], n = e.row.id, r = v.current?.[e.row.id]?.sequenceFileNames[t.id] || "";
 		return /* @__PURE__ */ Q(L, {
 			sx: {
 				alignItems: "center",
@@ -1307,7 +1322,7 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 			},
 			children: E({
 				dropDownOptions: w,
-				dropDownValue: v.current?.[e.row.id]?.sequenceFileNames[t.id] || "",
+				dropDownValue: r,
 				label: t.label,
 				onChange: (e) => {
 					e ? v.current[n].sequenceFileNames[t.id] = e : delete v.current?.[n]?.sequenceFileNames[t.id];
@@ -1351,82 +1366,82 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 		E,
 		w,
 		T
-	]);
-	return Ne({
-		columns: q(() => {
-			let e = [];
-			e.push(Me.createReadableIndexColumn());
-			let t = [
-				...h.sampleIdColumns,
-				...h.sequenceColumns,
-				...h.readsColumns
-			], n = h.sampleIdColumns.find((e) => e.id === c);
-			n && C(f, n) && e.push({
-				headerName: n.label,
+	]), k = q(() => {
+		let e = [];
+		e.push(Me.createReadableIndexColumn());
+		let t = [
+			...h.sampleIdColumns,
+			...h.sequenceColumns,
+			...h.readsColumns
+		], n = h.sampleIdColumns.find((e) => e.id === c);
+		n && C(f, n) && e.push({
+			headerName: n.label,
+			hideInFilter: !0,
+			id: n.id,
+			isInitiallyVisible: !0,
+			type: "text",
+			valueGetter: (e) => a.getRowValue(e.row.validated_content, n, s).short,
+			widthPx: 300
+		}), h.sequenceColumns.forEach((t) => {
+			e.push({
+				cellTitleGetter: () => null,
+				headerName: t.label,
 				hideInFilter: !0,
-				id: n.id,
+				id: t.id,
 				isInitiallyVisible: !0,
+				renderCell: D,
 				type: "text",
-				valueGetter: (e) => a.getRowValue(e.row.validated_content, n, s).short,
-				widthPx: 300
-			}), h.sequenceColumns.forEach((t) => {
-				e.push({
-					cellTitleGetter: () => null,
-					headerName: t.label,
-					hideInFilter: !0,
-					id: t.id,
-					isInitiallyVisible: !0,
-					renderCell: D,
-					type: "text",
-					valueGetter: (e) => a.getRowValue(e.row.validated_content, t, s).short,
-					widthPx: 400
-				});
-			}), h.readsColumns.forEach((t) => {
-				e.push({
-					cellTitleGetter: () => null,
-					headerName: t.label,
-					hideInFilter: !0,
-					id: t.id,
-					isInitiallyVisible: !0,
-					renderCell: O,
-					type: "text",
-					valueGetter: (e) => a.getRowValue(e.row.validated_content, t, s).short,
-					widthPx: 800
-				});
+				valueGetter: (e) => a.getRowValue(e.row.validated_content, t, s).short,
+				widthPx: 400
 			});
-			let r = /* @__PURE__ */ new Set();
-			f.forEach((e) => {
-				Object.keys(e.validated_content || {}).forEach((e) => r.add(e));
+		}), h.readsColumns.forEach((t) => {
+			e.push({
+				cellTitleGetter: () => null,
+				headerName: t.label,
+				hideInFilter: !0,
+				id: t.id,
+				isInitiallyVisible: !0,
+				renderCell: O,
+				type: "text",
+				valueGetter: (e) => a.getRowValue(e.row.validated_content, t, s).short,
+				widthPx: 800
 			});
-			let i = [
-				...h.sequenceColumns.map((e) => e.id),
-				...h.readsColumns.map((e) => e.id),
-				n?.id
-			];
-			return s.ordered_col_ids.forEach((n) => {
-				if (i.includes(n) || !r.has(n) || t.find((e) => e.id === n)) return;
-				let o = s.cols[n];
-				o && e.push({
-					headerName: o.code,
-					hideInFilter: !0,
-					id: o.id,
-					isInitiallyVisible: !0,
-					type: "text",
-					valueGetter: (e) => a.getRowValue(e.row.validated_content, o, s).short,
-					widthPx: 250
-				});
-			}), e;
-		}, [
-			C,
-			s,
-			h.readsColumns,
-			h.sampleIdColumns,
-			h.sequenceColumns,
-			O,
-			D,
-			c,
-			f
-		]),
+		});
+		let r = /* @__PURE__ */ new Set();
+		f.forEach((e) => {
+			Object.keys(e.validated_content || {}).forEach((e) => r.add(e));
+		});
+		let i = [
+			...h.sequenceColumns.map((e) => e.id),
+			...h.readsColumns.map((e) => e.id),
+			n?.id
+		];
+		return s.ordered_col_ids.forEach((n) => {
+			if (i.includes(n) || !r.has(n) || t.find((e) => e.id === n)) return;
+			let o = s.cols[n];
+			o && e.push({
+				headerName: o.code,
+				hideInFilter: !0,
+				id: o.id,
+				isInitiallyVisible: !0,
+				type: "text",
+				valueGetter: (e) => a.getRowValue(e.row.validated_content, o, s).short,
+				widthPx: 250
+			});
+		}), e;
+	}, [
+		C,
+		s,
+		h.readsColumns,
+		h.sampleIdColumns,
+		h.sequenceColumns,
+		O,
+		D,
+		c,
+		f
+	]);
+	return Ne({
+		columns: k,
 		createFiltersFromColumns: !0,
 		rows: f,
 		store: S
@@ -1445,7 +1460,7 @@ var Ve = ({ backLabel: e, onGoBackButtonClick: t, onProceedButtonClick: n, proce
 		}), /* @__PURE__ */ $(fe, {
 			store: S,
 			children: [/* @__PURE__ */ Q(ke, {
-				font: n["gen-epix-ui-casedb"].lineList.font,
+				font: n["gen-epix-ui-client-casedb"].lineList.font,
 				rowHeight: 7
 			}), /* @__PURE__ */ Q(Ve, {
 				onGoBackButtonClick: b,