@gen-epix/ui-client-casedb 4.0.0

package/dist/_chunks/LineListWidget.js

@@ -0,0 +1,702 @@
+import { h as e } from "./_MapCache.js";
+import { r as t } from "./FilterUtil.js";
+import { CaseTypeUtil as n } from "../utils/CaseTypeUtil/index.js";
+import { CaseUtil as r } from "../utils/CaseUtil/index.js";
+import { STRATIFICATION_MODE as i } from "../models/stratification.js";
+import { StratificationUtil as a } from "../utils/StratificationUtil/index.js";
+import { DashboardUtil as o } from "../utils/DashboardUtil/index.js";
+import { CaseDbTableUtil as s } from "../utils/CaseDbTableUtil/index.js";
+import { DASHBOARD_COMPONENT_NAME as c } from "../constants/dashboard.js";
+import { t as l } from "./react.js";
+import { t as u } from "./dashboardStore.js";
+import { t as d } from "./last.js";
+import { EventBusService as f } from "../classes/services/EventBusService/index.js";
+import { t as p } from "./CaseDbDownloadUtil.js";
+import { t as m } from "./shallow.js";
+import { t as h } from "./CollectionIcon.js";
+import { t as g } from "./CaseInfoDialog.js";
+import { n as _, t as v } from "./LegendaItem.js";
+import { t as y } from "./Dashboard.js";
+import { WidgetMenu as b } from "../components/ui/WidgetMenu/index.js";
+import { t as x } from "./index.module.js";
+import { LineListCaseSetMembersService as S } from "../classes/services/LineListService/LineListCaseSetMembersService/index.js";
+import { LineListIsOwnCaseService as C } from "../classes/services/LineListService/LineListIsOwnCaseService/index.js";
+import { CaseDbColType as w, CaseDbCommandName as T, CaseDbPermissionType as E } from "@gen-epix/api-casedb";
+import { StringUtil as ee } from "@gen-epix/ui-core/utils/StringUtil";
+import { ConfigService as D } from "@gen-epix/ui/classes/services/ConfigService";
+import { Box as O, CircularProgress as k, Link as te, ListItemIcon as A, ListItemText as j, MenuItem as M, Tooltip as N, Typography as P, useTheme as F } from "@mui/material";
+import { memo as I, use as L, useCallback as R, useEffect as z, useMemo as B, useRef as ne, useState as V } from "react";
+import { useTranslation as H } from "react-i18next";
+import { Fragment as re, jsx as U, jsxs as W } from "react/jsx-runtime";
+import ie from "@mui/icons-material/Edit";
+import { Table as ae } from "@gen-epix/ui/components/ui/Table";
+import { TABLE_COLUMN_FROZEN as G } from "@gen-epix/ui/models/table";
+import { TableUtil as K } from "@gen-epix/ui/utils/TableUtil";
+import oe from "@mui/icons-material/Share";
+import { Subject as se } from "@gen-epix/ui-core/classes/Subject";
+import q from "@mui/icons-material/Troubleshoot";
+import ce from "@mui/icons-material/CorporateFare";
+import le from "@mui/icons-material/ArrowCircleRight";
+import { AuthorizationService as J } from "@gen-epix/ui/classes/services/AuthorizationService";
+import { useColumnsMenu as Y } from "@gen-epix/ui/hooks/useColumnsMenu";
+import ue from "@mui/icons-material/Link";
+//#region src/components/ui/LineListWidget/LineListWidgetIsInEventCell.tsx
+var de = I(({ row: e }) => {
+	let [t, n] = V(!0), [r, i] = V(!1), [a, o] = V(!1), s = F();
+	return z(() => {
+		(async () => {
+			try {
+				o(await S.getInstance().query(e.id));
+			} catch {
+				i(!0);
+			} finally {
+				n(!1);
+			}
+		})();
+	}, [e.id]), /* @__PURE__ */ W(O, { children: [
+		t && /* @__PURE__ */ U(k, {
+			size: 16,
+			sx: {
+				marginTop: "4px",
+				position: "absolute"
+			}
+		}),
+		!t && r && /* @__PURE__ */ U(O, {
+			sx: { color: `${s.palette.error.main}` },
+			children: "?"
+		}),
+		!t && !r && a && /* @__PURE__ */ U(h, {
+			fontSize: "small",
+			style: {
+				color: s.palette.primary.main,
+				height: 20,
+				marginLeft: s.spacing(-.5),
+				position: "absolute",
+				width: 20
+			}
+		})
+	] });
+}), fe = I(({ row: e }) => {
+	let [t, n] = V(!0), [r, i] = V(!1), [a, o] = V(!1), s = F();
+	return z(() => {
+		(async () => {
+			try {
+				o(await C.getInstance().query(e.id));
+			} catch {
+				i(!0);
+			} finally {
+				n(!1);
+			}
+		})();
+	}, [e.id]), /* @__PURE__ */ W(O, { children: [
+		t && /* @__PURE__ */ U(k, {
+			size: 16,
+			sx: {
+				marginTop: "4px",
+				position: "absolute"
+			}
+		}),
+		!t && r && /* @__PURE__ */ U(O, {
+			sx: { color: `${s.palette.error.main}` },
+			children: "?"
+		}),
+		!t && !r && a && /* @__PURE__ */ U(ce, {
+			fontSize: "small",
+			style: {
+				color: s.palette.primary.main,
+				height: 20,
+				marginLeft: s.spacing(-.5),
+				position: "absolute",
+				width: 20
+			}
+		})
+	] });
+}), pe = () => {
+	let e = L(u), { t } = H(), n = l(e, m((e) => e.sortedData));
+	return /* @__PURE__ */ U(P, {
+		"aria-live": "polite",
+		component: "div",
+		role: "status",
+		sx: {
+			fontWeight: 600,
+			lineHeight: (e) => e.spacing(3)
+		},
+		children: t("Line list: {{shownCount}} cases, {{selectedCount}} selected", {
+			selectedCount: l(e, m((e) => e.selectedIds)).length ?? 0,
+			shownCount: n.length ?? 0
+		})
+	});
+}, X = /* @__PURE__ */ e(d(), 1), me = ({ caseSet: e }) => {
+	let n = L(u), { t: i } = H(), a = l(n, m((e) => e.selectedIds)), o = l(n, m((e) => e.sortedData)), s = l(n, m((e) => e.completeCaseType)), c = l(n, m((e) => e.setFilterValue)), d = l(n, m((e) => e.filters)), p = l(n, m((e) => e.setSelectedIds)), h = l(n, m((e) => e.findSimilarCasesResults)), g = R((e, t, n) => t.valueGetter ? !!t.valueGetter({
+		column: t,
+		dataContext: s,
+		id: t.id,
+		row: e,
+		rowIndex: n
+	}) : !r.getRowValue(e.content, s.cols[t.id], s).isMissing, [s]), _ = R(async () => {
+		await c("selected", a), p([]);
+	}, [
+		c,
+		a,
+		p
+	]), v = d.some((e) => e instanceof t && e.filterValue.length > 0), y = Y({ hasCellData: g }), x = B(() => h?.flatMap((e) => e.similarCaseIds) || [], [h]), S = B(() => h?.length ? o.filter((e) => !x.includes(e.id)) : o, [
+		h,
+		o,
+		x
+	]), C = B(() => S.filter((e) => a?.includes(e.id)), [S, a]), w = B(() => o.filter((e) => a?.includes(e.id)), [o, a]);
+	return /* @__PURE__ */ U(b, { menu: B(() => {
+		let t = J.getInstance().doesUserHavePermission([{
+			command_name: T.CreateCaseSetCommand,
+			permission_type: E.EXECUTE
+		}]), n = J.getInstance().doesUserHavePermission([{
+			command_name: T.CaseSetMemberCrudCommand,
+			permission_type: E.CREATE
+		}]), r = !!e && J.getInstance().doesUserHavePermission([{
+			command_name: T.CaseSetMemberCrudCommand,
+			permission_type: E.DELETE
+		}]), c = {
+			items: [
+				{
+					callback: _,
+					disabled: !a?.length || x.length > 0,
+					divider: !0,
+					label: i`Create filter from selected cases`
+				},
+				{
+					callback: () => f.getInstance().emit("openFindSimilarCasesDialog", {
+						allRows: o,
+						completeCaseType: s,
+						selectedRows: o
+					}),
+					disabled: v,
+					label: i`Find similar cases`
+				},
+				{
+					callback: () => f.getInstance().emit("openFindSimilarCasesDialog", {
+						allRows: o,
+						completeCaseType: s,
+						selectedRows: w
+					}),
+					disabled: !a?.length || v,
+					label: i`Find similar cases (based on selected cases)`
+				},
+				{
+					callback: () => f.getInstance().emit("openRemoveFindSimilarCasesResultDialog", { completeCaseType: s }),
+					disabled: !h?.length,
+					label: i`Remove similar cases from results`
+				}
+			],
+			label: i`Actions`
+		};
+		return t && c.items.push({
+			callback: () => f.getInstance().emit("openCreateEventDialog", {
+				completeCaseType: s,
+				rows: w
+			}),
+			disabled: !a?.length,
+			label: i`Create new event with selected cases`
+		}), n && c.items.push({
+			callback: () => f.getInstance().emit("openAddCasesToEventDialog", {
+				currentCaseSet: e,
+				rows: w
+			}),
+			disabled: !a?.length,
+			label: i`Add selected cases to an existing event`
+		}), r && c.items.push({
+			callback: () => f.getInstance().emit("openRemoveCasesFromEventDialog", {
+				caseSet: e,
+				rows: C
+			}),
+			disabled: !C.length,
+			label: i`Remove selected cases from this event`
+		}), c.items.length > 3 && (c.items[3].divider = !0), (0, X.default)(c.items).divider = !0, c.items.push({
+			callback: () => f.getInstance().emit("openEditCases", w),
+			disabled: !a?.length,
+			label: i`Edit selected cases`
+		}), [y, c];
+	}, [
+		e,
+		i,
+		a?.length,
+		v,
+		x.length,
+		_,
+		h?.length,
+		y,
+		o,
+		s,
+		w,
+		C
+	]) });
+}, he = () => {
+	let e = F(), t = L(u), { t: n } = H(), r = l(t, m((e) => e.getWidgetData(c.TREE).zoomLevel === 1)), i = l(t, m((e) => e.setSorting)), a = R(() => {
+		(async () => {
+			await i(null, null), f.getInstance().emit("onLinkLineListAndTree");
+		})();
+	}, [i]);
+	return /* @__PURE__ */ U(b, { menu: B(() => [{
+		callback: a,
+		disabled: r,
+		label: n`Link and snap the Tree to the Line list (resets tree zoom level and Line List sorting)`,
+		leftIcon: /* @__PURE__ */ U(ue, { sx: { color: r ? void 0 : e.palette.error.main } })
+	}], [
+		r,
+		a,
+		n,
+		e.palette.error.main
+	]) });
+}, ge = () => {
+	let { t: e } = H(), t = L(u), n = l(t, m((e) => e.sortedData)), r = l(t, m((e) => e.completeCaseType)), i = R(() => t.getState().getCurrentColumnVisualSettings().filter((e) => e.isVisible).map((e) => e.id), [t]);
+	z(() => {
+		let a = (t) => {
+			f.getInstance().emit("onDownloadOptionsChanged", {
+				items: [{
+					disabled: !n?.length,
+					items: [
+						{
+							callback: async () => p.downloadAsExcel(n, i(), r, e),
+							label: e`Download as Excel`
+						},
+						{
+							callback: () => p.downloadAsCsv(n, i(), r, e),
+							label: e`Download as CSV`
+						},
+						{
+							callback: () => f.getInstance().emit("openSequenceDownloadDialog", { cases: n }),
+							label: e`Download sequences`
+						},
+						{
+							callback: () => null,
+							disabled: !0,
+							label: e`Download allele profiles`
+						}
+					],
+					label: e`All rows`
+				}, {
+					disabled: t.length === 0,
+					items: [
+						{
+							callback: async () => p.downloadAsExcel(o.getSelectedRows(n, t), i(), r, e),
+							label: e`Download as Excel`
+						},
+						{
+							callback: () => p.downloadAsCsv(o.getSelectedRows(n, t), i(), r, e),
+							label: e`Download as CSV`
+						},
+						{
+							callback: () => f.getInstance().emit("openSequenceDownloadDialog", { cases: n.filter((e) => t.includes(e.id)) }),
+							label: e`Download sequences`
+						},
+						{
+							callback: () => null,
+							disabled: !0,
+							label: e`Download allele profiles`
+						}
+					],
+					label: e`Selected rows`
+				}],
+				zone: c.LINE_LIST,
+				zoneLabel: e`Line list`
+			});
+		};
+		a(t.getState().selectedIds);
+		let s = t.subscribe((e, t) => {
+			JSON.stringify(e.selectedIds) !== JSON.stringify(t.selectedIds) && a(e.selectedIds);
+		}), l = () => {
+			a(t.getState().selectedIds);
+		}, u = f.getInstance();
+		return u.addEventListener("onDownloadOptionsRequested", l), () => {
+			u.emit("onDownloadOptionsChanged", {
+				items: null,
+				zone: c.LINE_LIST,
+				zoneLabel: e`Line list`
+			}), u.removeEventListener("onDownloadOptionsRequested", l), s();
+		};
+	}, [
+		r,
+		t,
+		i,
+		n,
+		e
+	]);
+}, Z = () => {
+	let { caseSet: e } = L(_), t = L(_), o = ne(null), { t: d } = H(), p = F(), m = B(() => new se([]), []), b = ne(null), T = L(u), E = l(T, (e) => e.completeCaseType), k = l(T, (e) => e.sortedData), P = l(T, (e) => e.isCondensed), I = l(T, (e) => e.stratification?.mode === i.FIELD ? e.stratification : null), V = l(T, (e) => e.updateWidgetData), J = l(T, (e) => e.treeAddresses), Y = l(T, (e) => e.setColumns), ue = l(T, (e) => e.isDataLoading);
+	z(() => () => {
+		t.lineListRangeSubject.next(void 0);
+	}, [t]);
+	let X = R((e, t) => {
+		f.getInstance().emit("openCaseInfoDialog", {
+			caseId: e,
+			caseTypeId: E.id,
+			initialTab: t
+		});
+	}, [E.id]), Z = R((t) => {
+		f.getInstance().emit("openAddCasesToEventDialog", {
+			currentCaseSet: e,
+			rows: [t]
+		});
+	}, [e]), _e = R((e) => {
+		X(e.id, g.INFO);
+	}, [X]), ve = R((e, t) => {
+		let n = t?.length * .8;
+		k.forEach((t) => {
+			let i = r.getRowValue(t.content, e, E).short;
+			i?.length > n && (n = i.length);
+		});
+		let i = +p.spacing(5).replace("px", "") + n * 7;
+		I?.col?.id === e.id && (i += +p.spacing(3).replace("px", ""));
+		let { MAX_COLUMN_WIDTH: a, REQUIRED_EXTRA_CELL_PADDING_TO_FIT_CONTENT: o } = D.getInstance().config.lineList;
+		return Math.min(a, i) + o;
+	}, [
+		E,
+		k,
+		I?.col?.id,
+		p
+	]), ye = R((e, t) => {
+		f.getInstance().emit("openContactDetailsDialog", {
+			organizationId: e,
+			organizationName: t
+		});
+	}, []), be = R(({ id: e, row: t }) => {
+		let n = r.getRowValue(t.content, E.cols[e], E);
+		if (n.isMissing) return n.short;
+		let i = {
+			caseIds: [t.id],
+			color: I?.caseIdColors[t.id],
+			columnType: E.ref_cols[E.cols[e].ref_col_id].col_type,
+			rowValue: n
+		}, a = /* @__PURE__ */ U(te, {
+			color: "primary",
+			component: "button",
+			onClick: () => {
+				ye(t.content[e], n.long);
+			},
+			sx: { cursor: "pointer" },
+			children: n.short
+		});
+		return e === I?.col?.id ? /* @__PURE__ */ U(v, {
+			item: i,
+			children: a
+		}) : a;
+	}, [
+		E,
+		ye,
+		I?.caseIdColors,
+		I?.col?.id
+	]), xe = R((e, t) => {
+		f.getInstance().emit("openSequenceDownloadDialog", {
+			cases: [t],
+			geneticSequenceColId: e
+		});
+	}, []), Se = R(({ id: e, row: t }) => /* @__PURE__ */ U(te, {
+		color: "primary",
+		component: "button",
+		onClick: () => {
+			xe(e, t);
+		},
+		sx: { cursor: "pointer" },
+		children: t.content[e]
+	}), [xe]), Ce = R(() => /* @__PURE__ */ U(N, {
+		"aria-hidden": !1,
+		arrow: !0,
+		title: d`Indicates if the case is in an event.`,
+		children: /* @__PURE__ */ U(h, {
+			fontSize: "small",
+			style: {
+				color: p.palette.primary.main,
+				height: 20,
+				marginLeft: p.spacing(-.5),
+				position: "absolute",
+				width: 20
+			}
+		})
+	}), [d, p]), we = R(({ row: e }) => /* @__PURE__ */ U(de, { row: e }), []), Te = R(() => /* @__PURE__ */ U(N, {
+		"aria-hidden": !1,
+		arrow: !0,
+		title: d`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).`,
+		children: /* @__PURE__ */ U(ce, {
+			fontSize: "small",
+			style: {
+				color: p.palette.primary.main,
+				height: 20,
+				marginLeft: p.spacing(-.5),
+				position: "absolute",
+				width: 20
+			}
+		})
+	}), [d, p]), Ee = R(({ row: e }) => /* @__PURE__ */ U(fe, { row: e }), []), De = R(({ row: e }) => T.getState().findSimilarCasesResults.reduce((e, t) => [...e, ...t.similarCaseIds], []).includes(e.id) ? /* @__PURE__ */ U(q, {
+		fontSize: "small",
+		style: {
+			color: p.palette.primary.main,
+			height: 20,
+			marginLeft: p.spacing(-.5),
+			position: "absolute",
+			width: 20
+		}
+	}) : null, [T, p]), Oe = R(() => /* @__PURE__ */ U(N, {
+		"aria-hidden": !1,
+		arrow: !0,
+		title: d`Indicates if the case has been identified as a similar case, based on the find similar cases result.`,
+		children: /* @__PURE__ */ U(q, {
+			fontSize: "small",
+			style: {
+				color: p.palette.primary.main,
+				height: 20,
+				marginLeft: p.spacing(-.5),
+				position: "absolute",
+				width: 20
+			}
+		})
+	}), [d, p]), ke = R(({ id: e, row: t }) => {
+		let n = r.getRowValue(t.content, E.cols[e], E), i = {
+			caseIds: [t.id],
+			color: I?.caseIdColors[t.id],
+			columnType: E.ref_cols[E.cols[e].ref_col_id].col_type,
+			rowValue: n
+		};
+		return e === I?.col?.id ? /* @__PURE__ */ U(v, { item: i }) : /* @__PURE__ */ U(re, { children: n.short });
+	}, [
+		E,
+		I?.caseIdColors,
+		I?.col?.id
+	]), Ae = B(() => [
+		K.createReadableIndexColumn({ getAriaLabel: (e) => d("Show case information for {{index}}", { index: e.rowIndex + 1 }) }),
+		K.createSelectableColumn(),
+		{
+			frozen: G.LEFT,
+			id: "isInEvent",
+			isInitiallyVisible: !0,
+			renderCell: we,
+			renderHeader: Ce,
+			resizable: !1,
+			type: "text",
+			widthPx: 24
+		},
+		{
+			frozen: G.LEFT,
+			id: "isOwnCase",
+			isInitiallyVisible: !0,
+			renderCell: Ee,
+			renderHeader: Te,
+			resizable: !1,
+			type: "text",
+			widthPx: 24
+		},
+		{
+			frozen: G.LEFT,
+			headerTooltipContent: d`Is similar case?`,
+			id: "similar",
+			isInitiallyVisible: !0,
+			renderCell: De,
+			renderHeader: Oe,
+			resizable: !1,
+			type: "text",
+			widthPx: 24
+		}
+	], [
+		we,
+		Ce,
+		Ee,
+		Te,
+		d,
+		De,
+		Oe
+	]), je = B(() => [K.createActionsColumn({
+		columnContext: null,
+		getActions: (e) => [
+			/* @__PURE__ */ W(M, {
+				onClick: () => X(e.row.id, g.INFO),
+				children: [/* @__PURE__ */ U(A, { children: /* @__PURE__ */ U(le, {}) }), /* @__PURE__ */ U(j, { children: d`Show information` })]
+			}, "showInformation"),
+			/* @__PURE__ */ W(M, {
+				onClick: () => X(e.row.id, g.EDIT),
+				children: [/* @__PURE__ */ U(A, { children: /* @__PURE__ */ U(ie, {}) }), /* @__PURE__ */ U(j, { children: d`Edit information` })]
+			}, "editInformation"),
+			/* @__PURE__ */ W(M, {
+				onClick: () => X(e.row.id, g.SHARING),
+				children: [/* @__PURE__ */ U(A, { children: /* @__PURE__ */ U(oe, {}) }), /* @__PURE__ */ U(j, { children: d`Share` })]
+			}, "share"),
+			/* @__PURE__ */ W(M, {
+				onClick: () => Z(e.row),
+				children: [/* @__PURE__ */ U(A, { children: /* @__PURE__ */ U(h, {}) }), /* @__PURE__ */ U(j, { children: d`Add to event` })]
+			}, "addToEvent")
+		],
+		t: d
+	})], [
+		Z,
+		X,
+		d
+	]), Me = B(() => {
+		let e = {};
+		return P && E.ordered_col_ids.forEach((t) => {
+			let n = E.cols[t];
+			e[t] = a.getStratification({
+				col: n,
+				completeCaseType: E,
+				mode: i.FIELD,
+				sortedData: k,
+				useExtraGradients: !0
+			});
+		}), e;
+	}, [
+		E,
+		P,
+		k
+	]), Ne = R((e) => Me[e.column.id]?.caseIdColors[e.row.id], [Me]), Q = R((e) => {
+		let t = r.getRowValue(e.row.content, E.cols[e.column.id], E);
+		return t.isMissing ? void 0 : t.long;
+	}, [E]), Pe = B(() => {
+		let { DATA_MISSING_CHARACTER: e } = D.getInstance().config.epi, t = n.getInitialVisibleColIds(E), r = [];
+		return E.ordered_dim_ids.map((e) => E.dims[e]).forEach((n) => {
+			E.ordered_col_ids_by_dim[n.id].map((e) => E.cols[e]).forEach((n) => {
+				let i = E.ref_cols[n.ref_col_id], a = {
+					cellColorGetter: Ne,
+					cellTitleGetter: Q,
+					columnContext: n,
+					headerName: n.label,
+					headerTooltipContent: i.description,
+					id: n.id,
+					isInitiallyVisible: t.includes(n.id)
+				};
+				if (i.col_type === w.GENETIC_DISTANCE) r.push({
+					...a,
+					cellTitleGetter: (e) => (J[n.id]?.addresses[e.row.id] ? `${J[n.id].algorithmCode} ${J[n.id].addresses[e.row.id]}` : void 0) ?? void 0,
+					comparatorFactory: ({ direction: e }) => (t, r) => {
+						let i = ee.advancedSortComperator(J[n.id]?.addresses?.[t.id], J[n.id]?.addresses?.[r.id]);
+						return e === "asc" ? i : -i;
+					},
+					type: "text",
+					valueGetter: (t) => (J[n.id]?.addresses[t.row.id] ? `${J[n.id].algorithmCode} ${J[n.id].addresses[t.row.id]}` : void 0) ?? e,
+					widthPx: 200
+				});
+				else {
+					let e;
+					e = i.col_type === w.ORGANIZATION ? be : i.col_type === w.GENETIC_SEQUENCE ? Se : ke, r.push({
+						...a,
+						comparatorFactory: s.createCaseTypeCellRowComperator,
+						renderCell: e,
+						textAlign: [
+							w.DECIMAL_0,
+							w.DECIMAL_1,
+							w.DECIMAL_2,
+							w.DECIMAL_3,
+							w.DECIMAL_4,
+							w.DECIMAL_4,
+							w.DECIMAL_5,
+							w.DECIMAL_6
+						].includes(i.col_type) ? "right" : "left",
+						type: "text",
+						widthPx: ve(n, n.label)
+					});
+				}
+			});
+		}), [
+			...Ae,
+			...r,
+			...je
+		];
+	}, [
+		E,
+		Ae,
+		je,
+		Ne,
+		Q,
+		J,
+		ve,
+		be,
+		Se,
+		ke
+	]), Fe = R((e) => {
+		t.highlight({
+			caseIds: [e.id],
+			origin: c.LINE_LIST
+		});
+	}, [t]), Ie = R(() => {
+		t.highlight({
+			caseIds: [],
+			origin: c.LINE_LIST
+		});
+	}, [t]);
+	z(() => {
+		Y(Pe);
+	}, [Y, Pe]), z(() => {
+		let e = t.highlightSubject.subscribe((e) => {
+			if (e?.origin !== c.LINE_LIST) if (e.scrollIntoView) {
+				let t = e.caseIds[0], n = k.findIndex((e) => e.id === t);
+				n !== -1 && b.current?.scrollToIndex(n, () => {
+					m.next(e.caseIds);
+				});
+			} else m.next(e.caseIds);
+		});
+		return () => {
+			e();
+		};
+	}, [
+		t,
+		m,
+		k
+	]), ge();
+	let Le = x((e) => {
+		V(c.LINE_LIST, { visibleItemItemIndex: e });
+	}, 500), Re = R((e) => {
+		Le(e);
+	}, [Le]), $ = x(async (e) => {
+		await S.getInstance().loadRange(k.slice(e.startIndex, Math.min(e.endIndex + 1, k.length)).map((e) => e.id)), await C.getInstance().loadRange(k.slice(e.startIndex, Math.min(e.endIndex + 1, k.length)).map((e) => e.id), E.id);
+	}, D.getInstance().config.lineList.CASE_SET_MEMBERS_FETCH_DEBOUNCE_DELAY_MS, {
+		leading: !1,
+		trailing: !0
+	}), ze = R((e) => {
+		t.lineListRangeSubject.next(e), $(e);
+	}, [t, $]);
+	z(() => () => {
+		S.getInstance().cleanStaleQueue(), C.getInstance().cleanStaleQueue();
+	}, []);
+	let Be = R((e) => {
+		isNaN(e) || t.linkedScrollSubject.next({
+			origin: o.current,
+			position: e
+		});
+	}, [t]);
+	z(() => {
+		let e = t.linkedScrollSubject.subscribe((e) => {
+			e.origin !== o.current && b.current.setVerticalScrollPosition(e.position);
+		});
+		return () => {
+			e();
+		};
+	}, [t]);
+	let Ve = R((e) => e.id, []);
+	return /* @__PURE__ */ U(y, {
+		isLoading: ue,
+		primaryMenu: /* @__PURE__ */ U(me, { caseSet: e }),
+		secondaryMenu: /* @__PURE__ */ U(he, {}),
+		title: /* @__PURE__ */ U(pe, {}),
+		widgetName: c.LINE_LIST,
+		children: /* @__PURE__ */ U(O, {
+			ref: o,
+			sx: {
+				height: "100%",
+				width: "100%"
+			},
+			children: /* @__PURE__ */ U(ae, {
+				font: p["gen-epix-ui-casedb"].lineList.font,
+				forceHorizontalOverflow: !0,
+				getRowName: Ve,
+				initialVisibleItemIndex: T.getState().getWidgetData(c.LINE_LIST)?.visibleItemItemIndex,
+				onRangeChanged: ze,
+				onReadableIndexClick: _e,
+				onRowMouseEnter: Fe,
+				onRowMouseLeave: Ie,
+				onVerticalScrollPositionChange: Be,
+				onVisibleItemIndexChange: Re,
+				ref: b,
+				rowHeight: 3,
+				rowHighlightingSubject: m
+			})
+		})
+	});
+};
+//#endregion
+export { Z as t };
+
+//# sourceMappingURL=LineListWidget.js.map