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

package/dist/_chunks/FindSimilarCasesDialog.js

@@ -7,21 +7,21 @@ import { DASHBOARD_COMPONENT_NAME as a } from "../constants/dashboard.js";
 import { a as o, c as s, d as c, f as l, h as u, l as d, m as f, n as p, o as m, p as h, s as g, t as _ } from "./esm.js";
 import { t as v } from "./react.js";
 import { r as y, t as b } from "./dashboardStore.js";
-import { c as ee, o as te, t as x } from "./index.esm.js";
-import { t as ne } from "./yup.js";
-import { mixed as re, object as ie, string as S } from "yup";
-import { CaseDbCaseApi as C } from "@gen-epix/api-casedb";
-import { QueryClientService as w } from "@gen-epix/ui-client-common/classes/services/QueryClientService";
-import { FORM_FIELD_DEFINITION_TYPE as T } from "@gen-epix/ui-core-form/models/form";
-import { DATE_FORMAT as E } from "@gen-epix/ui-core/constants/date";
-import { ConfigService as D } from "@gen-epix/ui-client-common/classes/services/ConfigService";
-import { Alert as O, AlertTitle as k, Box as A, Button as ae, Divider as oe, Typography as se, useTheme as j } from "@mui/material";
-import { use as M, useCallback as N, useEffect as P, useId as F, useMemo as I, useRef as L, useState as R } from "react";
-import { useTranslation as z } from "react-i18next";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { t as ee } from "./yup.js";
+import { mixed as te, object as ne, string as x } from "yup";
+import { CaseDbCaseApi as S } from "@gen-epix/api-casedb";
+import { QueryClientService as re } from "@gen-epix/ui-client-common/classes/services/QueryClientService";
+import { FORM_FIELD_DEFINITION_TYPE as C } from "@gen-epix/ui-core-form/models/form";
+import { DATE_FORMAT as ie } from "@gen-epix/ui-core/constants/date";
+import { ConfigService as w } from "@gen-epix/ui-client-common/classes/services/ConfigService";
+import { Alert as T, AlertTitle as E, Box as D, Button as O, Divider as ae, Typography as oe, useTheme as k } from "@mui/material";
+import { use as A, useCallback as j, useEffect as M, useId as se, useMemo as N, useRef as P, useState as F } from "react";
+import { useTranslation as I } from "react-i18next";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
 import { ResponseHandler as ce } from "@gen-epix/ui-client-common/components/ui/ResponseHandler";
-import { GenericForm as le } from "@gen-epix/ui-core-form/components/helpers/GenericForm";
-import { useQueryMemo as ue } from "@gen-epix/ui-client-common/hooks/useQueryMemo";
+import { Controller as B, useForm as le, useWatch as ue } from "react-hook-form";
+import { GenericForm as V } from "@gen-epix/ui-core-form/components/helpers/GenericForm";
+import { useQueryMemo as H } from "@gen-epix/ui-client-common/hooks/useQueryMemo";
 import { withDialog as U } from "@gen-epix/ui-core-components/hoc/withDialog";
 import { TestIdUtil as W } from "@gen-epix/ui-core/utils/TestIdUtil";
 import { SchemaUtil as de } from "@gen-epix/ui-core-form/utils/SchemaUtil";
@@ -40,11 +40,11 @@ var G = {
 	getInstanceByDom: f,
 	init: u
 }, fe = ({ control: e, data: n, name: r, onOrganizationFilterChange: i, organizationFilter: a }) => {
-	let { t: o } = z(), s = I(() => t.buildChartIntervals(n), [n]), c = j(), [l, u] = R(null), d = o`Own cases`, f = o`Cases from other organizations`, p = L(s);
-	P(() => {
+	let { t: o } = I(), s = N(() => t.buildChartIntervals(n), [n]), c = k(), [l, u] = F(null), d = o`Own cases`, f = o`Cases from other organizations`, p = P(s);
+	M(() => {
 		p.current = s;
 	}, [s]);
-	let m = L(null), h = N((e) => {
+	let m = P(null), h = j((e) => {
 		let t = e, n = t.batch?.[0] ?? t, r = p.current.length - 1, i, a;
 		if (n.startValue !== void 0 && n.endValue !== void 0) i = Math.round(n.startValue), a = Math.round(n.endValue);
 		else if (n.start !== void 0 && n.end !== void 0) i = Math.round(n.start / 100 * r), a = Math.round(n.end / 100 * r);
@@ -58,8 +58,8 @@ var G = {
 			return;
 		}
 		m.current?.(null);
-	}, []), g = I(() => {
-		let { BASE_COLORS: e } = D.getInstance().config.epi.STRATIFICATION;
+	}, []), g = N(() => {
+		let { BASE_COLORS: e } = w.getInstance().config.epi.STRATIFICATION;
 		return {
 			color: e,
 			dataZoom: [{
@@ -142,7 +142,7 @@ var G = {
 		f,
 		d,
 		c
-	]), v = N((e) => {
+	]), v = j((e) => {
 		let { selected: t } = e;
 		if (!t) return;
 		let n = t[d] ?? !0, r = t[f] ?? !0;
@@ -159,7 +159,7 @@ var G = {
 		i,
 		f,
 		d
-	]), y = I(() => ({
+	]), y = N(() => ({
 		datazoom: h,
 		legendselectchanged: v,
 		mouseout: () => {
@@ -173,18 +173,18 @@ var G = {
 				y: n.clientY + 12
 			});
 		}
-	}), [h, v]), b = N(({ field: { onChange: e } }) => (m.current = e, /* @__PURE__ */ V(_, {
+	}), [h, v]), b = j(({ field: { onChange: e } }) => (m.current = e, /* @__PURE__ */ R(_, {
 		echarts: G,
 		notMerge: !0,
 		onEvents: y,
 		option: g,
 		style: { height: 400 }
 	})), [y, g]);
-	return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(x, {
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
 		control: e,
 		name: r,
 		render: b
-	}), l && /* @__PURE__ */ V(A, {
+	}), l && /* @__PURE__ */ R(D, {
 		sx: {
 			bgcolor: "background.paper",
 			border: "1px solid",
@@ -202,19 +202,19 @@ var G = {
 		children: l.content
 	})] });
 }, K = U(({ onActionsChange: t, onClose: o, onTitleChange: s, openProps: c }) => {
-	let { t: l } = z(), u = F(), d = M(b), f = d.getState().getWidgetDataPersistable(a.TREE).treeConfiguration, p = v(d, (e) => e.setFindSimilarCasesResults), m = v(d, (e) => e.findSimilarCasesResults), h = I(() => i.getTreeConfigurations(c.completeCaseType), [c.completeCaseType]), [g, _] = R(null), x = I(() => ie().shape({
-		dateRange: re().nullable().default(null),
+	let { t: l } = I(), u = se(), d = A(b), f = d.getState().getWidgetDataPersistable(a.TREE).treeConfiguration, p = v(d, (e) => e.setFindSimilarCasesResults), m = v(d, (e) => e.findSimilarCasesResults), h = N(() => i.getTreeConfigurations(c.completeCaseType), [c.completeCaseType]), [g, _] = F(null), k = N(() => ne().shape({
+		dateRange: te().nullable().default(null),
 		maxDistance: de.number.required().positive().when("treeColId", ([e], t) => {
 			let n = h.find((t) => t.col.id === e);
-			return n ? t.integer(l`Max distance must be an integer`).max(n.geneticDistanceProtocol.seqdb_max_stored_distance || D.getInstance().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK) : t;
+			return n ? t.integer(l`Max distance must be an integer`).max(n.geneticDistanceProtocol.seqdb_max_stored_distance || w.getInstance().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK) : t;
 		}),
-		organizationFilter: S().required().oneOf([
+		organizationFilter: x().required().oneOf([
 			"all",
 			"own",
 			"otherOrganization"
 		]),
-		treeColId: S().required()
-	}), [l, h]), j = I(() => {
+		treeColId: x().required()
+	}), [l, h]), P = N(() => {
 		let e = /* @__PURE__ */ new Set();
 		return h.forEach((t) => {
 			e.add(t.col);
@@ -222,25 +222,25 @@ var G = {
 			label: e.label,
 			value: e.id
 		}));
-	}, [h]), L = te({
+	}, [h]), B = le({
 		defaultValues: {
 			dateRange: null,
 			maxDistance: 0,
 			organizationFilter: "all",
 			treeColId: f ? f.col.id : null
 		},
-		resolver: ne(x, void 0, { raw: !0 })
-	}), { control: U, handleSubmit: G } = L, K = ee({ control: U }), pe = I(() => {
+		resolver: ee(k, void 0, { raw: !0 })
+	}), { control: U, handleSubmit: G } = B, K = ue({ control: U }), pe = N(() => {
 		let e = h.find((e) => e.col.id === K.treeColId);
 		return [{
-			definition: T.SELECT,
+			definition: C.SELECT,
 			label: l`Tree`,
 			name: "treeColId",
-			options: j
+			options: P
 		}, {
-			definition: T.NUMBER,
+			definition: C.NUMBER,
 			label: l`Max distance`,
-			max: e?.geneticDistanceProtocol?.seqdb_max_stored_distance || D.getInstance().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK,
+			max: e?.geneticDistanceProtocol?.seqdb_max_stored_distance || w.getInstance().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK,
 			min: 0,
 			name: "maxDistance",
 			showSlider: !0,
@@ -250,27 +250,27 @@ var G = {
 		K.treeColId,
 		l,
 		h,
-		j
+		P
 	]);
-	P(() => {
+	M(() => {
 		s(l`Find similar cases`);
 	}, [l, s]);
-	let me = N((e) => {
-		L.setValue("dateRange", null), _({
+	let me = j((e) => {
+		B.setValue("dateRange", null), _({
 			...e,
 			dateRange: null
 		});
-	}, [L]), he = N((e) => {
-		L.setValue("organizationFilter", e);
-	}, [L]), q = ue({
+	}, [B]), he = j((e) => {
+		B.setValue("organizationFilter", e);
+	}, [B]), q = H({
 		enabled: !!g,
 		queryFn: async ({ signal: e }) => {
-			let t = await C.getInstance().retrieveSimilarCases({
+			let t = await S.getInstance().retrieveSimilarCases({
 				case_ids: c.selectedRows.map((e) => e.id),
 				case_type_id: c.completeCaseType.id,
 				genetic_distance_col_id: g?.treeColId,
 				max_distance: g?.maxDistance
-			}, { signal: e }), n = await C.getInstance().retrieveIsOwnCases({
+			}, { signal: e }), n = await S.getInstance().retrieveIsOwnCases({
 				case_ids: t.data.cases.map((e) => e.id),
 				case_type_id: c.completeCaseType.id
 			}, { signal: e });
@@ -279,18 +279,18 @@ var G = {
 				is_own_case: n.data[e.id] || !1
 			}));
 		},
-		queryKey: [w.getInstance().getGenericKey(r.SIMILAR_CASES), JSON.stringify({
+		queryKey: [re.getInstance().getGenericKey(r.SIMILAR_CASES), JSON.stringify({
 			formData: g,
 			rowIds: c.selectedRows.map((e) => e.id)
 		})]
-	}), J = I(() => q.data ? q.data.filter((e) => {
+	}), J = N(() => q.data ? q.data.filter((e) => {
 		switch (K.organizationFilter) {
 			case "all": return !0;
 			case "otherOrganization": return !e.is_own_case;
 			case "own": return e.is_own_case;
 			default: return !0;
 		}
-	}) : [], [q.data, K.organizationFilter]), Y = I(() => {
+	}) : [], [q.data, K.organizationFilter]), Y = N(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let { is_own_case: t, timed_at: n } of q.data ?? []) if (n) {
 			let r = e.get(n) ?? {
@@ -302,28 +302,28 @@ var G = {
 			r.count += 1, t ? r.ownCaseCount += 1 : r.otherOrganizationCaseCount += 1, e.set(n, r);
 		}
 		return Array.from(e.values()).sort((e, t) => e.date.localeCompare(t.date));
-	}, [q.data]), X = I(() => {
+	}, [q.data]), X = N(() => {
 		let t = K.dateRange;
 		if (!t) return J;
 		let [r, i] = t;
 		return J.filter((t) => {
 			if (!t.timed_at) return !1;
-			let a = e(n(t.timed_at), E.DATE);
+			let a = e(n(t.timed_at), ie.DATE);
 			return a >= r && a <= i;
 		});
-	}, [K.dateRange, J]), Z = I(() => {
+	}, [K.dateRange, J]), Z = N(() => {
 		let e = c.allRows.map((e) => e.id);
 		return X.reduce((t, n) => {
 			let r = n.id;
 			return e.includes(r) || t.push(r), t;
 		}, []);
-	}, [X, c.allRows]), Q = I(() => {
+	}, [X, c.allRows]), Q = N(() => {
 		let e = c.allRows.map((e) => e.id);
 		return X.reduce((t, n) => {
 			let r = n.id;
 			return e.includes(r) && t.push(r), t;
 		}, []);
-	}, [X, c.allRows]), $ = N(async () => {
+	}, [X, c.allRows]), $ = j(async () => {
 		await p(y(m, (e) => (e.push({
 			colId: g?.treeColId,
 			distance: g?.maxDistance,
@@ -340,7 +340,7 @@ var G = {
 		g?.treeColId,
 		c.allRows
 	]);
-	return P(() => {
+	return M(() => {
 		let e = [];
 		e.push({
 			...W.createAttributes("FindSimilarCasesDialog-closeButton"),
@@ -362,25 +362,25 @@ var G = {
 		o,
 		Z.length,
 		l
-	]), /* @__PURE__ */ H(A, { children: [
-		/* @__PURE__ */ V(A, {
+	]), /* @__PURE__ */ z(D, { children: [
+		/* @__PURE__ */ R(D, {
 			sx: { marginBottom: 2 },
-			children: /* @__PURE__ */ V(se, { children: l("Select a tree and maximum distance to find similar cases for the {{count}} selected cases.", { count: c.selectedRows.length }) })
+			children: /* @__PURE__ */ R(oe, { children: l("Select a tree and maximum distance to find similar cases for the {{count}} selected cases.", { count: c.selectedRows.length }) })
 		}),
-		/* @__PURE__ */ V(A, { children: /* @__PURE__ */ V(le, {
+		/* @__PURE__ */ R(D, { children: /* @__PURE__ */ R(V, {
 			formFieldDefinitions: pe,
 			formId: u,
-			formMethods: L,
+			formMethods: B,
 			onSubmit: G(me),
-			schema: x
+			schema: k
 		}) }),
-		/* @__PURE__ */ V(A, {
+		/* @__PURE__ */ R(D, {
 			sx: {
 				display: "flex",
 				justifyContent: "flex-end",
 				marginTop: 2
 			},
-			children: /* @__PURE__ */ V(ae, {
+			children: /* @__PURE__ */ R(O, {
 				color: "secondary",
 				form: u,
 				type: "submit",
@@ -388,24 +388,24 @@ var G = {
 				children: g ? l`Search again` : l`Search`
 			})
 		}),
-		/* @__PURE__ */ V(oe, { sx: { marginY: 2 } }),
-		/* @__PURE__ */ V(ce, {
+		/* @__PURE__ */ R(ae, { sx: { marginY: 2 } }),
+		/* @__PURE__ */ R(ce, {
 			inlineSpinner: !0,
 			loadables: q,
-			children: q.data && /* @__PURE__ */ H(B, { children: [
-				/* @__PURE__ */ V(A, {
+			children: q.data && /* @__PURE__ */ z(L, { children: [
+				/* @__PURE__ */ R(D, {
 					sx: { marginY: 2 },
-					children: /* @__PURE__ */ V(O, {
+					children: /* @__PURE__ */ R(T, {
 						severity: q.data.length > 0 ? "success" : "warning",
-						children: /* @__PURE__ */ V(k, { children: l("Found {{count}} similar cases with a distance of {{distance}}.", {
+						children: /* @__PURE__ */ R(E, { children: l("Found {{count}} similar cases with a distance of {{distance}}.", {
 							count: q.data.length,
 							distance: g?.maxDistance
 						}) })
 					})
 				}),
-				Y.length > 0 && /* @__PURE__ */ V(A, {
+				Y.length > 0 && /* @__PURE__ */ R(D, {
 					sx: { marginY: 2 },
-					children: /* @__PURE__ */ V(fe, {
+					children: /* @__PURE__ */ R(fe, {
 						control: U,
 						data: Y,
 						name: "dateRange",
@@ -413,16 +413,16 @@ var G = {
 						organizationFilter: K.organizationFilter
 					})
 				}),
-				/* @__PURE__ */ V(A, {
+				/* @__PURE__ */ R(D, {
 					sx: { marginY: 2 },
-					children: /* @__PURE__ */ V(O, {
+					children: /* @__PURE__ */ R(T, {
 						severity: "info",
-						children: /* @__PURE__ */ V(k, { children: l("{{count}} similar cases can be added to the line list.", { count: Z.length }) })
+						children: /* @__PURE__ */ R(E, { children: l("{{count}} similar cases can be added to the line list.", { count: Z.length }) })
 					})
 				}),
-				Q.length > 0 && /* @__PURE__ */ V(O, {
+				Q.length > 0 && /* @__PURE__ */ R(T, {
 					severity: "warning",
-					children: /* @__PURE__ */ V(k, { children: l("{{count}} similar cases found that are already in the line list.", { count: Q.length }) })
+					children: /* @__PURE__ */ R(E, { children: l("{{count}} similar cases found that are already in the line list.", { count: Q.length }) })
 				})
 			] })
 		})

package/dist/_chunks/FindSimilarCasesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FindSimilarCasesDialog.js","names":[],"sources":["../../src/components/ui/FindSimilarCasesDialog/FindSimilarCasesDialogDateRangeChart.tsx","../../src/components/ui/FindSimilarCasesDialog/FindSimilarCasesDialog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n} from 'echarts/core';\nimport {\n  DataZoomComponent,\n  GridComponent,\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport {\n  BarChart,\n  LineChart,\n} from 'echarts/charts';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport EChartsReact from 'echarts-for-react';\nimport type {\n  Control,\n  FieldValues,\n  Path,\n} from 'react-hook-form';\nimport { Controller } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  useTheme,\n} from '@mui/material';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\n\nimport { FindSimilarCasesUtil } from '../../../utils/FindSimilarCasesUtil';\nimport type {\n  FindSimilarCasesChartDataPoint,\n  FindSimilarCasesOrganizationFilter,\n} from '../../../models/caseDb';\nimport type { CaseDbConfig } from '../../../models/config';\n\nregisterECharts([BarChart, LineChart, GridComponent, LegendComponent, TooltipComponent, DataZoomComponent, CanvasRenderer]);\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nexport interface FindSimilarCasesDialogDateRangeChartProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>,\n> {\n  control: Control<TFieldValues>;\n  data: FindSimilarCasesChartDataPoint[];\n  name: TName;\n  onOrganizationFilterChange: (organizationFilter: FindSimilarCasesOrganizationFilter) => void;\n  organizationFilter: FindSimilarCasesOrganizationFilter;\n}\n\nexport const FindSimilarCasesDialogDateRangeChart = <\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>,\n>({\n  control,\n  data,\n  name,\n  onOrganizationFilterChange,\n  organizationFilter,\n}: FindSimilarCasesDialogDateRangeChartProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const intervals = useMemo(() => FindSimilarCasesUtil.buildChartIntervals(data), [data]);\n  const theme = useTheme();\n  const [tooltipState, setTooltipState] = useState<{ content: string; x: number; y: number } | null>(null);\n  const ownCasesLabel = t`Own cases`;\n  const otherOrganizationCasesLabel = t`Cases from other organizations`;\n\n  const intervalsRef = useRef(intervals);\n  useEffect(() => {\n    intervalsRef.current = intervals;\n  }, [intervals]);\n\n  // Keeps a stable reference to the latest onChange so onDataZoom never goes stale.\n  const onChangeRef = useRef<((value: [string, string] | null) => void) | null>(null);\n\n  const onDataZoom = useCallback((params: unknown) => {\n    type ZoomPayload = { end?: number; endValue?: number; start?: number; startValue?: number };\n    const event = params as { batch?: ZoomPayload[] } & ZoomPayload;\n    const base = event.batch?.[0] ?? event;\n\n    const n = intervalsRef.current.length - 1;\n    let startIndex: number;\n    let endIndex: number;\n\n    if (base.startValue !== undefined && base.endValue !== undefined) {\n      // index-based (e.g. inside/wheel zoom)\n      startIndex = Math.round(base.startValue);\n      endIndex = Math.round(base.endValue);\n    } else if (base.start !== undefined && base.end !== undefined) {\n      // percentage-based (slider drag)\n      startIndex = Math.round((base.start / 100) * n);\n      endIndex = Math.round((base.end / 100) * n);\n    } else {\n      onChangeRef.current?.(null);\n      return;\n    }\n\n    const startInterval = intervalsRef.current[startIndex];\n    const endInterval = intervalsRef.current[endIndex];\n    if (startInterval && endInterval) {\n      onChangeRef.current?.([startInterval.startDate, endInterval.endDate]);\n      return;\n    }\n    onChangeRef.current?.(null);\n  }, []);\n\n  const option = useMemo(() => {\n    const { BASE_COLORS } = ConfigService.getInstance<CaseDbConfig>().config.epi.STRATIFICATION;\n    return {\n      color: BASE_COLORS,\n      dataZoom: [{\n        borderColor: theme.palette.primary.light,\n        bottom: 0,\n        fillerColor: `${theme.palette.primary.main}33`,\n        handleStyle: { borderColor: theme.palette.primary.main, color: theme.palette.primary.main },\n        height: 50,\n        left: 80,\n        right: 80,\n        selectedDataBackground: { areaStyle: { color: theme.palette.primary.light }, lineStyle: { color: theme.palette.primary.main } },\n        type: 'slider',\n      }],\n      grid: { bottom: 110, left: 80, right: 80, top: 40 },\n      legend: {\n        data: [ownCasesLabel, otherOrganizationCasesLabel],\n        selected: {\n          [otherOrganizationCasesLabel]: organizationFilter !== 'own',\n          [ownCasesLabel]: organizationFilter !== 'otherOrganization',\n        },\n        top: 0,\n      },\n      series: [\n        {\n          data: intervals.map(i => i.count),\n          lineStyle: { opacity: 0 },\n          name: 'dataZoomShadow',\n          silent: true,\n          symbol: 'none',\n          type: 'line',\n        },\n        { data: intervals.map(i => i.ownCaseCount), itemStyle: { color: BASE_COLORS[0] }, name: ownCasesLabel, stack: 'similarCases', type: 'bar' },\n        { data: intervals.map(i => i.otherOrganizationCaseCount), itemStyle: { color: BASE_COLORS[1] }, name: otherOrganizationCasesLabel, stack: 'similarCases', type: 'bar' },\n      ],\n      tooltip: { show: false },\n      xAxis: { axisLabel: {\n        height: 100,\n        rotate: 45,\n      }, axisTick: {\n        alignWithLabel: true,\n        show: true,\n      }, data: intervals.map(i => i.label),\n      type: 'category' },\n      yAxis: { max: Math.max(...intervals.map(i => i.count), 1), minInterval: 1, type: 'value' },\n    };\n  }, [intervals, organizationFilter, otherOrganizationCasesLabel, ownCasesLabel, theme]);\n\n  const onLegendSelectChanged = useCallback((params: unknown) => {\n    const { selected } = params as { selected?: Record<string, boolean> };\n    if (!selected) {\n      return;\n    }\n    const ownCasesSelected = selected[ownCasesLabel] ?? true;\n    const otherOrganizationCasesSelected = selected[otherOrganizationCasesLabel] ?? true;\n    if (ownCasesSelected && !otherOrganizationCasesSelected) {\n      onOrganizationFilterChange('own');\n      return;\n    }\n    if (!ownCasesSelected && otherOrganizationCasesSelected) {\n      onOrganizationFilterChange('otherOrganization');\n      return;\n    }\n    onOrganizationFilterChange('all');\n  }, [onOrganizationFilterChange, otherOrganizationCasesLabel, ownCasesLabel]);\n\n  const onEvents = useMemo(() => ({\n    datazoom: onDataZoom,\n    legendselectchanged: onLegendSelectChanged,\n    mouseout: () => {\n      setTooltipState(null);\n    },\n    mouseover: (event: unknown) => {\n      const e = event as { event?: { event?: MouseEvent }; name?: string; value?: number };\n      const mouseEvent = e.event?.event;\n      if (mouseEvent && e.name !== null && e.name !== undefined) {\n        setTooltipState({ content: `${e.name} (n=${e.value ?? 0})`, x: mouseEvent.clientX + 12, y: mouseEvent.clientY + 12 });\n      }\n    },\n  }), [onDataZoom, onLegendSelectChanged]);\n\n  const renderChart = useCallback(({ field: { onChange } }: { field: { onChange: (value: [string, string] | null) => void } }) => {\n    onChangeRef.current = onChange;\n    return (\n      <EChartsReact\n        echarts={echartsCore}\n        notMerge\n        onEvents={onEvents}\n        option={option}\n        style={{ height: 400 }}\n      />\n    );\n  }, [onEvents, option]);\n\n  return (\n    <>\n      <Controller\n        control={control}\n        name={name}\n        render={renderChart}\n      />\n      {tooltipState && (\n        <Box\n          sx={{\n            bgcolor: 'background.paper',\n            border: '1px solid',\n            borderColor: 'divider',\n            borderRadius: 1,\n            fontSize: 12,\n            left: tooltipState.x,\n            pointerEvents: 'none',\n            position: 'fixed',\n            px: 1,\n            py: 0.5,\n            top: tooltipState.y,\n            zIndex: 'tooltip',\n          }}\n        >\n          {tooltipState.content}\n        </Box>\n      )}\n    </>\n  );\n};\n","import {\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport type { Resolver } from 'react-hook-form';\nimport {\n  useForm,\n  useWatch,\n} from 'react-hook-form';\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Divider,\n  Typography,\n} from '@mui/material';\nimport { useStore } from 'zustand';\nimport { produce } from 'immer';\nimport {\n  format,\n  parseISO,\n} from 'date-fns';\nimport type {\n  CaseDbCase,\n  CaseDbCol,\n  CaseDbCompleteCaseType,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport { QueryClientService } from '@gen-epix/ui-client-common/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui-client-common/components/ui/ResponseHandler';\nimport { useQueryMemo } from '@gen-epix/ui-client-common/hooks/useQueryMemo';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { GenericForm } from '@gen-epix/ui-core-form/components/helpers/GenericForm';\nimport type {\n  AutoCompleteOption,\n  FormFieldDefinition,\n} from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-core-form/utils/SchemaUtil';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\n\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\nimport type { CaseDbConfig } from '../../../models/config';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { TreeWidgetUtil } from '../../../utils/TreeWidgetUtil';\nimport type {\n  CaseDbSimilarCaseWithIsOwnCase,\n  FindSimilarCasesChartDataPoint,\n  FindSimilarCasesOrganizationFilter,\n} from '../../../models/caseDb';\nimport type { TreeWidgetDataPersistable } from '../../../models/dashboard';\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\n\nimport { FindSimilarCasesDialogDateRangeChart } from './FindSimilarCasesDialogDateRangeChart';\n\nexport interface FindSimilarCasesDialogOpenProps {\n  allRows: CaseDbCase[];\n  completeCaseType: CaseDbCompleteCaseType;\n  selectedRows: CaseDbCase[];\n}\n\nexport interface FindSimilarCasesDialogProps extends WithDialogRenderProps<FindSimilarCasesDialogOpenProps> {\n  //\n}\n\nexport type FindSimilarCasesDialogRefMethods = WithDialogRefMethods<FindSimilarCasesDialogProps, FindSimilarCasesDialogOpenProps>;\n\ntype FormFields = {\n  dateRange: [string, string] | null;\n  maxDistance: number;\n  organizationFilter: FindSimilarCasesOrganizationFilter;\n  treeColId: string;\n};\n\nexport const FindSimilarCasesDialog = withDialog<FindSimilarCasesDialogProps, FindSimilarCasesDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: FindSimilarCasesDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  const searchFormId = useId();\n  const dashboardStore = use(DashboardStoreContext);\n  const treeConfiguration = dashboardStore.getState().getWidgetDataPersistable<TreeWidgetDataPersistable>(DASHBOARD_COMPONENT_NAME.TREE).treeConfiguration;\n  const setFindSimilarCasesResults = useStore(dashboardStore, (state) => state.setFindSimilarCasesResults);\n  const findSimilarCasesResults = useStore(dashboardStore, (state) => state.findSimilarCasesResults);\n  const treeConfigurations = useMemo(() => TreeWidgetUtil.getTreeConfigurations(openProps.completeCaseType), [openProps.completeCaseType]);\n  const [formData, setFormData] = useState<FormFields>(null);\n\n  const schema = useMemo(() => object<FormFields>().shape({\n    dateRange: mixed<[string, string] | null>().nullable().default(null),\n    maxDistance: SchemaUtil.number.required().positive().when('treeColId', ([treeColId], s) => {\n      const currentTreeConfiguration = treeConfigurations.find(x => x.col.id === treeColId);\n      if (!currentTreeConfiguration) {\n        return s;\n      }\n      const sWithIntegerCheck = s.integer(t`Max distance must be an integer`);\n      return sWithIntegerCheck.max(currentTreeConfiguration.geneticDistanceProtocol.seqdb_max_stored_distance || ConfigService.getInstance<CaseDbConfig>().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK);\n    }),\n    organizationFilter: string<FindSimilarCasesOrganizationFilter>().required().oneOf(['all', 'own', 'otherOrganization']),\n    treeColId: string().required(),\n  }), [t, treeConfigurations]);\n\n  const treeOptions = useMemo<AutoCompleteOption<string>[]>(() => {\n    const cols = new Set<CaseDbCol>();\n    treeConfigurations.forEach(x => {\n      cols.add(x.col);\n    });\n    return Array.from(cols).map(x => {\n      return {\n        label: x.label,\n        value: x.id,\n      } satisfies AutoCompleteOption<string>;\n    });\n\n  }, [treeConfigurations]);\n\n  const formMethods = useForm<FormFields>({\n    defaultValues: {\n      dateRange: null,\n      maxDistance: 0,\n      organizationFilter: 'all',\n      treeColId: treeConfiguration ? treeConfiguration.col.id : null,\n    },\n    resolver: yupResolver(schema, undefined, { raw: true }) as Resolver<FormFields>,\n  });\n  const { control, handleSubmit } = formMethods;\n\n  const formValues = useWatch({ control });\n\n  const searchFormFieldDefinitions = useMemo(() => {\n    const currentTreeConfiguration = treeConfigurations.find(x => x.col.id === formValues.treeColId);\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.SELECT,\n        label: t`Tree`,\n        name: 'treeColId',\n        options: treeOptions,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.NUMBER,\n        label: t`Max distance`,\n        max: currentTreeConfiguration?.geneticDistanceProtocol?.seqdb_max_stored_distance || ConfigService.getInstance<CaseDbConfig>().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK,\n        min: 0,\n        name: 'maxDistance',\n        showSlider: true,\n        step: 1,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ];\n  }, [formValues.treeColId, t, treeConfigurations, treeOptions]);\n\n  useEffect(() => {\n    onTitleChange(t`Find similar cases`);\n  }, [t, onTitleChange]);\n\n  const onFormSubmit = useCallback((data: FormFields) => {\n    formMethods.setValue('dateRange', null);\n    setFormData({ ...data, dateRange: null });\n  }, [formMethods]);\n\n  const onOrganizationFilterChange = useCallback((organizationFilter: FindSimilarCasesOrganizationFilter) => {\n    formMethods.setValue('organizationFilter', organizationFilter);\n  }, [formMethods]);\n\n  const query = useQueryMemo({\n    enabled: !!formData,\n    queryFn: async ({ signal }) => {\n      const retrieveSimilarCasesResponse = await CaseDbCaseApi.getInstance().retrieveSimilarCases({\n        case_ids: openProps.selectedRows.map(x => x.id),\n        case_type_id: openProps.completeCaseType.id,\n        genetic_distance_col_id: formData?.treeColId,\n        max_distance: formData?.maxDistance,\n      }, { signal });\n      const retrieveIsOwnCasesResponse = await CaseDbCaseApi.getInstance().retrieveIsOwnCases({\n        case_ids: retrieveSimilarCasesResponse.data.cases.map(x => x.id),\n        case_type_id: openProps.completeCaseType.id,\n      }, { signal });\n\n      return retrieveSimilarCasesResponse.data.cases.map(caseDbCase => {\n        return {\n          ...caseDbCase,\n          is_own_case: retrieveIsOwnCasesResponse.data[caseDbCase.id] || false,\n        } satisfies CaseDbSimilarCaseWithIsOwnCase;\n      });\n    },\n    queryKey: [QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.SIMILAR_CASES), JSON.stringify({ formData, rowIds: openProps.selectedRows.map(row => row.id) })],\n  });\n\n  const organizationFilteredCases = useMemo<CaseDbSimilarCaseWithIsOwnCase[]>(() => {\n    if (!query.data) {\n      return [];\n    }\n    return query.data.filter(c => {\n      switch (formValues.organizationFilter) {\n        case 'all': return true;\n        case 'otherOrganization': return !c.is_own_case;\n        case 'own': return c.is_own_case;\n        default: return true;\n      }\n    });\n  }, [query.data, formValues.organizationFilter]);\n\n  const chartData = useMemo<FindSimilarCasesChartDataPoint[]>(() => {\n    const counts = new Map<string, FindSimilarCasesChartDataPoint>();\n    for (const { is_own_case, timed_at } of query.data ?? []) {\n      if (timed_at) {\n        const currentCount = counts.get(timed_at) ?? {\n          count: 0,\n          date: timed_at,\n          otherOrganizationCaseCount: 0,\n          ownCaseCount: 0,\n        };\n        currentCount.count += 1;\n        if (is_own_case) {\n          currentCount.ownCaseCount += 1;\n        } else {\n          currentCount.otherOrganizationCaseCount += 1;\n        }\n        counts.set(timed_at, currentCount);\n      }\n    }\n    return Array.from(counts.values())\n      .sort((a, b) => a.date.localeCompare(b.date));\n  }, [query.data]);\n\n  const filteredCases = useMemo<CaseDbSimilarCaseWithIsOwnCase[]>(() => {\n    const dateRange = formValues.dateRange;\n    if (!dateRange) {\n      return organizationFilteredCases;\n    }\n    const [startDate, endDate] = dateRange;\n    return organizationFilteredCases.filter(c => {\n      if (!c.timed_at) {\n        return false;\n      }\n      const caseDateOnly = format(parseISO(c.timed_at), DATE_FORMAT.DATE);\n      return caseDateOnly >= startDate && caseDateOnly <= endDate;\n    });\n  }, [formValues.dateRange, organizationFilteredCases]);\n\n  const similarCaseIdsNotInLineListWithDateFilter = useMemo<string[]>(() => {\n    const allRowIds = openProps.allRows.map(x => x.id);\n    return filteredCases.reduce<string[]>((acc, caseIdAndDate) => {\n      const caseId = caseIdAndDate.id;\n      if (!allRowIds.includes(caseId)) {\n        acc.push(caseId);\n      }\n      return acc;\n    }, []);\n  }, [filteredCases, openProps.allRows]);\n\n  const similarCaseIdsAlreadyInLineListWithDateFilter = useMemo<string[]>(() => {\n    const allRowIds = openProps.allRows.map(x => x.id);\n    return filteredCases.reduce<string[]>((acc, caseIdAndDate) => {\n      const caseId = caseIdAndDate.id;\n      if (allRowIds.includes(caseId)) {\n        acc.push(caseId);\n      }\n      return acc;\n    }, []);\n  }, [filteredCases, openProps.allRows]);\n\n  const onAddToLineListButtonClick = useCallback(async () => {\n\n    await setFindSimilarCasesResults(produce(findSimilarCasesResults, draft => {\n      draft.push({\n        colId: formData?.treeColId,\n        distance: formData?.maxDistance,\n        key: findSimilarCasesResults.length.toString(),\n        originalCaseIds: openProps.allRows.map(x => x.id),\n        similarCaseIds: similarCaseIdsNotInLineListWithDateFilter,\n      });\n      return draft;\n    }));\n\n    onClose();\n  }, [setFindSimilarCasesResults, findSimilarCasesResults, onClose, similarCaseIdsNotInLineListWithDateFilter, formData?.maxDistance, formData?.treeColId, openProps.allRows]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push({\n      ...TestIdUtil.createAttributes('FindSimilarCasesDialog-closeButton'),\n      color: 'primary',\n      label: t`Close`,\n      onClick: onClose,\n      variant: 'outlined',\n    });\n    actions.push({\n      ...TestIdUtil.createAttributes('FindSimilarCasesDialog-addSimilarCasesButton'),\n      color: 'secondary',\n      disabled: similarCaseIdsNotInLineListWithDateFilter.length === 0,\n      label: t('Add {{count}} similar cases to line list', { count: similarCaseIdsNotInLineListWithDateFilter.length }),\n      onClick: onAddToLineListButtonClick,\n      variant: 'contained',\n    });\n    onActionsChange(actions);\n  }, [onActionsChange, onAddToLineListButtonClick, onClose, similarCaseIdsNotInLineListWithDateFilter.length, t]);\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          marginBottom: 2,\n        }}\n      >\n        <Typography>\n          {t('Select a tree and maximum distance to find similar cases for the {{count}} selected cases.', { count: openProps.selectedRows.length })}\n        </Typography>\n      </Box>\n      <Box>\n        <GenericForm<FormFields>\n          formFieldDefinitions={searchFormFieldDefinitions}\n          formId={searchFormId}\n          formMethods={formMethods}\n          onSubmit={handleSubmit(onFormSubmit)}\n          schema={schema}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginTop: 2,\n        }}\n      >\n        <Button\n          color={'secondary'}\n          form={searchFormId}\n          type={'submit'}\n          variant={'contained'}\n        >\n          {formData ? t`Search again` : t`Search`}\n        </Button>\n      </Box>\n      <Divider sx={{ marginY: 2 }} />\n      <ResponseHandler\n        inlineSpinner\n        loadables={query}\n      >\n        {query.data && (\n          <>\n            <Box\n              sx={{\n                marginY: 2,\n              }}\n            >\n              <Alert\n                severity={query.data.length > 0 ? 'success' : 'warning'}\n              >\n                <AlertTitle>\n                  {t('Found {{count}} similar cases with a distance of {{distance}}.', { count: query.data.length, distance: formData?.maxDistance })}\n                </AlertTitle>\n              </Alert>\n            </Box>\n            {chartData.length > 0 && (\n              <Box\n                sx={{\n                  marginY: 2,\n                }}\n              >\n                <FindSimilarCasesDialogDateRangeChart<FormFields>\n                  control={control}\n                  data={chartData}\n                  name={'dateRange'}\n                  onOrganizationFilterChange={onOrganizationFilterChange}\n                  organizationFilter={formValues.organizationFilter}\n                />\n              </Box>\n            )}\n            <Box\n              sx={{\n                marginY: 2,\n              }}\n            >\n              <Alert\n                severity={'info'}\n              >\n                <AlertTitle>\n                  {t('{{count}} similar cases can be added to the line list.', { count: similarCaseIdsNotInLineListWithDateFilter.length })}\n                </AlertTitle>\n              </Alert>\n            </Box>\n            {similarCaseIdsAlreadyInLineListWithDateFilter.length > 0 && (\n              <Alert\n                severity={'warning'}\n              >\n                <AlertTitle>\n                  {t('{{count}} similar cases found that are already in the line list.', { count: similarCaseIdsAlreadyInLineListWithDateFilter.length })}\n                </AlertTitle>\n              </Alert>\n            )}\n          </>\n        )}\n      </ResponseHandler>\n    </Box>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'md',\n  testId: 'FindSimilarCasesDialog',\n});\n"],"mappings":"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"}
+{"version":3,"file":"FindSimilarCasesDialog.js","names":[],"sources":["../../src/components/ui/FindSimilarCasesDialog/FindSimilarCasesDialogDateRangeChart.tsx","../../src/components/ui/FindSimilarCasesDialog/FindSimilarCasesDialog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n} from 'echarts/core';\nimport {\n  DataZoomComponent,\n  GridComponent,\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport {\n  BarChart,\n  LineChart,\n} from 'echarts/charts';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport EChartsReact from 'echarts-for-react';\nimport type {\n  Control,\n  FieldValues,\n  Path,\n} from 'react-hook-form';\nimport { Controller } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  useTheme,\n} from '@mui/material';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\n\nimport { FindSimilarCasesUtil } from '../../../utils/FindSimilarCasesUtil';\nimport type {\n  FindSimilarCasesChartDataPoint,\n  FindSimilarCasesOrganizationFilter,\n} from '../../../models/caseDb';\nimport type { CaseDbConfig } from '../../../models/config';\n\nregisterECharts([BarChart, LineChart, GridComponent, LegendComponent, TooltipComponent, DataZoomComponent, CanvasRenderer]);\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nexport interface FindSimilarCasesDialogDateRangeChartProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>,\n> {\n  control: Control<TFieldValues>;\n  data: FindSimilarCasesChartDataPoint[];\n  name: TName;\n  onOrganizationFilterChange: (organizationFilter: FindSimilarCasesOrganizationFilter) => void;\n  organizationFilter: FindSimilarCasesOrganizationFilter;\n}\n\nexport const FindSimilarCasesDialogDateRangeChart = <\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>,\n>({\n  control,\n  data,\n  name,\n  onOrganizationFilterChange,\n  organizationFilter,\n}: FindSimilarCasesDialogDateRangeChartProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const intervals = useMemo(() => FindSimilarCasesUtil.buildChartIntervals(data), [data]);\n  const theme = useTheme();\n  const [tooltipState, setTooltipState] = useState<{ content: string; x: number; y: number } | null>(null);\n  const ownCasesLabel = t`Own cases`;\n  const otherOrganizationCasesLabel = t`Cases from other organizations`;\n\n  const intervalsRef = useRef(intervals);\n  useEffect(() => {\n    intervalsRef.current = intervals;\n  }, [intervals]);\n\n  // Keeps a stable reference to the latest onChange so onDataZoom never goes stale.\n  const onChangeRef = useRef<((value: [string, string] | null) => void) | null>(null);\n\n  const onDataZoom = useCallback((params: unknown) => {\n    type ZoomPayload = { end?: number; endValue?: number; start?: number; startValue?: number };\n    const event = params as { batch?: ZoomPayload[] } & ZoomPayload;\n    const base = event.batch?.[0] ?? event;\n\n    const n = intervalsRef.current.length - 1;\n    let startIndex: number;\n    let endIndex: number;\n\n    if (base.startValue !== undefined && base.endValue !== undefined) {\n      // index-based (e.g. inside/wheel zoom)\n      startIndex = Math.round(base.startValue);\n      endIndex = Math.round(base.endValue);\n    } else if (base.start !== undefined && base.end !== undefined) {\n      // percentage-based (slider drag)\n      startIndex = Math.round((base.start / 100) * n);\n      endIndex = Math.round((base.end / 100) * n);\n    } else {\n      onChangeRef.current?.(null);\n      return;\n    }\n\n    const startInterval = intervalsRef.current[startIndex];\n    const endInterval = intervalsRef.current[endIndex];\n    if (startInterval && endInterval) {\n      onChangeRef.current?.([startInterval.startDate, endInterval.endDate]);\n      return;\n    }\n    onChangeRef.current?.(null);\n  }, []);\n\n  const option = useMemo(() => {\n    const { BASE_COLORS } = ConfigService.getInstance<CaseDbConfig>().config.epi.STRATIFICATION;\n    return {\n      color: BASE_COLORS,\n      dataZoom: [{\n        borderColor: theme.palette.primary.light,\n        bottom: 0,\n        fillerColor: `${theme.palette.primary.main}33`,\n        handleStyle: { borderColor: theme.palette.primary.main, color: theme.palette.primary.main },\n        height: 50,\n        left: 80,\n        right: 80,\n        selectedDataBackground: { areaStyle: { color: theme.palette.primary.light }, lineStyle: { color: theme.palette.primary.main } },\n        type: 'slider',\n      }],\n      grid: { bottom: 110, left: 80, right: 80, top: 40 },\n      legend: {\n        data: [ownCasesLabel, otherOrganizationCasesLabel],\n        selected: {\n          [otherOrganizationCasesLabel]: organizationFilter !== 'own',\n          [ownCasesLabel]: organizationFilter !== 'otherOrganization',\n        },\n        top: 0,\n      },\n      series: [\n        {\n          data: intervals.map(i => i.count),\n          lineStyle: { opacity: 0 },\n          name: 'dataZoomShadow',\n          silent: true,\n          symbol: 'none',\n          type: 'line',\n        },\n        { data: intervals.map(i => i.ownCaseCount), itemStyle: { color: BASE_COLORS[0] }, name: ownCasesLabel, stack: 'similarCases', type: 'bar' },\n        { data: intervals.map(i => i.otherOrganizationCaseCount), itemStyle: { color: BASE_COLORS[1] }, name: otherOrganizationCasesLabel, stack: 'similarCases', type: 'bar' },\n      ],\n      tooltip: { show: false },\n      xAxis: { axisLabel: {\n        height: 100,\n        rotate: 45,\n      }, axisTick: {\n        alignWithLabel: true,\n        show: true,\n      }, data: intervals.map(i => i.label),\n      type: 'category' },\n      yAxis: { max: Math.max(...intervals.map(i => i.count), 1), minInterval: 1, type: 'value' },\n    };\n  }, [intervals, organizationFilter, otherOrganizationCasesLabel, ownCasesLabel, theme]);\n\n  const onLegendSelectChanged = useCallback((params: unknown) => {\n    const { selected } = params as { selected?: Record<string, boolean> };\n    if (!selected) {\n      return;\n    }\n    const ownCasesSelected = selected[ownCasesLabel] ?? true;\n    const otherOrganizationCasesSelected = selected[otherOrganizationCasesLabel] ?? true;\n    if (ownCasesSelected && !otherOrganizationCasesSelected) {\n      onOrganizationFilterChange('own');\n      return;\n    }\n    if (!ownCasesSelected && otherOrganizationCasesSelected) {\n      onOrganizationFilterChange('otherOrganization');\n      return;\n    }\n    onOrganizationFilterChange('all');\n  }, [onOrganizationFilterChange, otherOrganizationCasesLabel, ownCasesLabel]);\n\n  const onEvents = useMemo(() => ({\n    datazoom: onDataZoom,\n    legendselectchanged: onLegendSelectChanged,\n    mouseout: () => {\n      setTooltipState(null);\n    },\n    mouseover: (event: unknown) => {\n      const e = event as { event?: { event?: MouseEvent }; name?: string; value?: number };\n      const mouseEvent = e.event?.event;\n      if (mouseEvent && e.name !== null && e.name !== undefined) {\n        setTooltipState({ content: `${e.name} (n=${e.value ?? 0})`, x: mouseEvent.clientX + 12, y: mouseEvent.clientY + 12 });\n      }\n    },\n  }), [onDataZoom, onLegendSelectChanged]);\n\n  const renderChart = useCallback(({ field: { onChange } }: { field: { onChange: (value: [string, string] | null) => void } }) => {\n    onChangeRef.current = onChange;\n    return (\n      <EChartsReact\n        echarts={echartsCore}\n        notMerge\n        onEvents={onEvents}\n        option={option}\n        style={{ height: 400 }}\n      />\n    );\n  }, [onEvents, option]);\n\n  return (\n    <>\n      <Controller\n        control={control}\n        name={name}\n        render={renderChart}\n      />\n      {tooltipState && (\n        <Box\n          sx={{\n            bgcolor: 'background.paper',\n            border: '1px solid',\n            borderColor: 'divider',\n            borderRadius: 1,\n            fontSize: 12,\n            left: tooltipState.x,\n            pointerEvents: 'none',\n            position: 'fixed',\n            px: 1,\n            py: 0.5,\n            top: tooltipState.y,\n            zIndex: 'tooltip',\n          }}\n        >\n          {tooltipState.content}\n        </Box>\n      )}\n    </>\n  );\n};\n","import {\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  mixed,\n  object,\n  string,\n} from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport type { Resolver } from 'react-hook-form';\nimport {\n  useForm,\n  useWatch,\n} from 'react-hook-form';\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Divider,\n  Typography,\n} from '@mui/material';\nimport { useStore } from 'zustand';\nimport { produce } from 'immer';\nimport {\n  format,\n  parseISO,\n} from 'date-fns';\nimport type {\n  CaseDbCase,\n  CaseDbCol,\n  CaseDbCompleteCaseType,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport { QueryClientService } from '@gen-epix/ui-client-common/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui-client-common/components/ui/ResponseHandler';\nimport { useQueryMemo } from '@gen-epix/ui-client-common/hooks/useQueryMemo';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { GenericForm } from '@gen-epix/ui-core-form/components/helpers/GenericForm';\nimport type {\n  AutoCompleteOption,\n  FormFieldDefinition,\n} from '@gen-epix/ui-core-form/models/form';\nimport { FORM_FIELD_DEFINITION_TYPE } from '@gen-epix/ui-core-form/models/form';\nimport { SchemaUtil } from '@gen-epix/ui-core-form/utils/SchemaUtil';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\n\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\nimport type { CaseDbConfig } from '../../../models/config';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { TreeWidgetUtil } from '../../../utils/TreeWidgetUtil';\nimport type {\n  CaseDbSimilarCaseWithIsOwnCase,\n  FindSimilarCasesChartDataPoint,\n  FindSimilarCasesOrganizationFilter,\n} from '../../../models/caseDb';\nimport type { TreeWidgetDataPersistable } from '../../../models/dashboard';\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\n\nimport { FindSimilarCasesDialogDateRangeChart } from './FindSimilarCasesDialogDateRangeChart';\n\nexport interface FindSimilarCasesDialogOpenProps {\n  allRows: CaseDbCase[];\n  completeCaseType: CaseDbCompleteCaseType;\n  selectedRows: CaseDbCase[];\n}\n\nexport interface FindSimilarCasesDialogProps extends WithDialogRenderProps<FindSimilarCasesDialogOpenProps> {\n  //\n}\n\nexport type FindSimilarCasesDialogRefMethods = WithDialogRefMethods<FindSimilarCasesDialogProps, FindSimilarCasesDialogOpenProps>;\n\ntype FormFields = {\n  dateRange: [string, string] | null;\n  maxDistance: number;\n  organizationFilter: FindSimilarCasesOrganizationFilter;\n  treeColId: string;\n};\n\nexport const FindSimilarCasesDialog = withDialog<FindSimilarCasesDialogProps, FindSimilarCasesDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: FindSimilarCasesDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  const searchFormId = useId();\n  const dashboardStore = use(DashboardStoreContext);\n  const treeConfiguration = dashboardStore.getState().getWidgetDataPersistable<TreeWidgetDataPersistable>(DASHBOARD_COMPONENT_NAME.TREE).treeConfiguration;\n  const setFindSimilarCasesResults = useStore(dashboardStore, (state) => state.setFindSimilarCasesResults);\n  const findSimilarCasesResults = useStore(dashboardStore, (state) => state.findSimilarCasesResults);\n  const treeConfigurations = useMemo(() => TreeWidgetUtil.getTreeConfigurations(openProps.completeCaseType), [openProps.completeCaseType]);\n  const [formData, setFormData] = useState<FormFields>(null);\n\n  const schema = useMemo(() => object<FormFields>().shape({\n    dateRange: mixed<[string, string] | null>().nullable().default(null),\n    maxDistance: SchemaUtil.number.required().positive().when('treeColId', ([treeColId], s) => {\n      const currentTreeConfiguration = treeConfigurations.find(x => x.col.id === treeColId);\n      if (!currentTreeConfiguration) {\n        return s;\n      }\n      const sWithIntegerCheck = s.integer(t`Max distance must be an integer`);\n      return sWithIntegerCheck.max(currentTreeConfiguration.geneticDistanceProtocol.seqdb_max_stored_distance || ConfigService.getInstance<CaseDbConfig>().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK);\n    }),\n    organizationFilter: string<FindSimilarCasesOrganizationFilter>().required().oneOf(['all', 'own', 'otherOrganization']),\n    treeColId: string().required(),\n  }), [t, treeConfigurations]);\n\n  const treeOptions = useMemo<AutoCompleteOption<string>[]>(() => {\n    const cols = new Set<CaseDbCol>();\n    treeConfigurations.forEach(x => {\n      cols.add(x.col);\n    });\n    return Array.from(cols).map(x => {\n      return {\n        label: x.label,\n        value: x.id,\n      } satisfies AutoCompleteOption<string>;\n    });\n\n  }, [treeConfigurations]);\n\n  const formMethods = useForm<FormFields>({\n    defaultValues: {\n      dateRange: null,\n      maxDistance: 0,\n      organizationFilter: 'all',\n      treeColId: treeConfiguration ? treeConfiguration.col.id : null,\n    },\n    resolver: yupResolver(schema, undefined, { raw: true }) as Resolver<FormFields>,\n  });\n  const { control, handleSubmit } = formMethods;\n\n  const formValues = useWatch({ control });\n\n  const searchFormFieldDefinitions = useMemo(() => {\n    const currentTreeConfiguration = treeConfigurations.find(x => x.col.id === formValues.treeColId);\n    return [\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.SELECT,\n        label: t`Tree`,\n        name: 'treeColId',\n        options: treeOptions,\n      } as const satisfies FormFieldDefinition<FormFields>,\n      {\n        definition: FORM_FIELD_DEFINITION_TYPE.NUMBER,\n        label: t`Max distance`,\n        max: currentTreeConfiguration?.geneticDistanceProtocol?.seqdb_max_stored_distance || ConfigService.getInstance<CaseDbConfig>().config.epi.SEQDB_MAX_STORED_DISTANCE_FALLBACK,\n        min: 0,\n        name: 'maxDistance',\n        showSlider: true,\n        step: 1,\n      } as const satisfies FormFieldDefinition<FormFields>,\n    ];\n  }, [formValues.treeColId, t, treeConfigurations, treeOptions]);\n\n  useEffect(() => {\n    onTitleChange(t`Find similar cases`);\n  }, [t, onTitleChange]);\n\n  const onFormSubmit = useCallback((data: FormFields) => {\n    formMethods.setValue('dateRange', null);\n    setFormData({ ...data, dateRange: null });\n  }, [formMethods]);\n\n  const onOrganizationFilterChange = useCallback((organizationFilter: FindSimilarCasesOrganizationFilter) => {\n    formMethods.setValue('organizationFilter', organizationFilter);\n  }, [formMethods]);\n\n  const query = useQueryMemo({\n    enabled: !!formData,\n    queryFn: async ({ signal }) => {\n      const retrieveSimilarCasesResponse = await CaseDbCaseApi.getInstance().retrieveSimilarCases({\n        case_ids: openProps.selectedRows.map(x => x.id),\n        case_type_id: openProps.completeCaseType.id,\n        genetic_distance_col_id: formData?.treeColId,\n        max_distance: formData?.maxDistance,\n      }, { signal });\n      const retrieveIsOwnCasesResponse = await CaseDbCaseApi.getInstance().retrieveIsOwnCases({\n        case_ids: retrieveSimilarCasesResponse.data.cases.map(x => x.id),\n        case_type_id: openProps.completeCaseType.id,\n      }, { signal });\n\n      return retrieveSimilarCasesResponse.data.cases.map(caseDbCase => {\n        return {\n          ...caseDbCase,\n          is_own_case: retrieveIsOwnCasesResponse.data[caseDbCase.id] || false,\n        } satisfies CaseDbSimilarCaseWithIsOwnCase;\n      });\n    },\n    queryKey: [QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.SIMILAR_CASES), JSON.stringify({ formData, rowIds: openProps.selectedRows.map(row => row.id) })],\n  });\n\n  const organizationFilteredCases = useMemo<CaseDbSimilarCaseWithIsOwnCase[]>(() => {\n    if (!query.data) {\n      return [];\n    }\n    return query.data.filter(c => {\n      switch (formValues.organizationFilter) {\n        case 'all': return true;\n        case 'otherOrganization': return !c.is_own_case;\n        case 'own': return c.is_own_case;\n        default: return true;\n      }\n    });\n  }, [query.data, formValues.organizationFilter]);\n\n  const chartData = useMemo<FindSimilarCasesChartDataPoint[]>(() => {\n    const counts = new Map<string, FindSimilarCasesChartDataPoint>();\n    for (const { is_own_case, timed_at } of query.data ?? []) {\n      if (timed_at) {\n        const currentCount = counts.get(timed_at) ?? {\n          count: 0,\n          date: timed_at,\n          otherOrganizationCaseCount: 0,\n          ownCaseCount: 0,\n        };\n        currentCount.count += 1;\n        if (is_own_case) {\n          currentCount.ownCaseCount += 1;\n        } else {\n          currentCount.otherOrganizationCaseCount += 1;\n        }\n        counts.set(timed_at, currentCount);\n      }\n    }\n    return Array.from(counts.values())\n      .sort((a, b) => a.date.localeCompare(b.date));\n  }, [query.data]);\n\n  const filteredCases = useMemo<CaseDbSimilarCaseWithIsOwnCase[]>(() => {\n    const dateRange = formValues.dateRange;\n    if (!dateRange) {\n      return organizationFilteredCases;\n    }\n    const [startDate, endDate] = dateRange;\n    return organizationFilteredCases.filter(c => {\n      if (!c.timed_at) {\n        return false;\n      }\n      const caseDateOnly = format(parseISO(c.timed_at), DATE_FORMAT.DATE);\n      return caseDateOnly >= startDate && caseDateOnly <= endDate;\n    });\n  }, [formValues.dateRange, organizationFilteredCases]);\n\n  const similarCaseIdsNotInLineListWithDateFilter = useMemo<string[]>(() => {\n    const allRowIds = openProps.allRows.map(x => x.id);\n    return filteredCases.reduce<string[]>((acc, caseIdAndDate) => {\n      const caseId = caseIdAndDate.id;\n      if (!allRowIds.includes(caseId)) {\n        acc.push(caseId);\n      }\n      return acc;\n    }, []);\n  }, [filteredCases, openProps.allRows]);\n\n  const similarCaseIdsAlreadyInLineListWithDateFilter = useMemo<string[]>(() => {\n    const allRowIds = openProps.allRows.map(x => x.id);\n    return filteredCases.reduce<string[]>((acc, caseIdAndDate) => {\n      const caseId = caseIdAndDate.id;\n      if (allRowIds.includes(caseId)) {\n        acc.push(caseId);\n      }\n      return acc;\n    }, []);\n  }, [filteredCases, openProps.allRows]);\n\n  const onAddToLineListButtonClick = useCallback(async () => {\n\n    await setFindSimilarCasesResults(produce(findSimilarCasesResults, draft => {\n      draft.push({\n        colId: formData?.treeColId,\n        distance: formData?.maxDistance,\n        key: findSimilarCasesResults.length.toString(),\n        originalCaseIds: openProps.allRows.map(x => x.id),\n        similarCaseIds: similarCaseIdsNotInLineListWithDateFilter,\n      });\n      return draft;\n    }));\n\n    onClose();\n  }, [setFindSimilarCasesResults, findSimilarCasesResults, onClose, similarCaseIdsNotInLineListWithDateFilter, formData?.maxDistance, formData?.treeColId, openProps.allRows]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push({\n      ...TestIdUtil.createAttributes('FindSimilarCasesDialog-closeButton'),\n      color: 'primary',\n      label: t`Close`,\n      onClick: onClose,\n      variant: 'outlined',\n    });\n    actions.push({\n      ...TestIdUtil.createAttributes('FindSimilarCasesDialog-addSimilarCasesButton'),\n      color: 'secondary',\n      disabled: similarCaseIdsNotInLineListWithDateFilter.length === 0,\n      label: t('Add {{count}} similar cases to line list', { count: similarCaseIdsNotInLineListWithDateFilter.length }),\n      onClick: onAddToLineListButtonClick,\n      variant: 'contained',\n    });\n    onActionsChange(actions);\n  }, [onActionsChange, onAddToLineListButtonClick, onClose, similarCaseIdsNotInLineListWithDateFilter.length, t]);\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          marginBottom: 2,\n        }}\n      >\n        <Typography>\n          {t('Select a tree and maximum distance to find similar cases for the {{count}} selected cases.', { count: openProps.selectedRows.length })}\n        </Typography>\n      </Box>\n      <Box>\n        <GenericForm<FormFields>\n          formFieldDefinitions={searchFormFieldDefinitions}\n          formId={searchFormId}\n          formMethods={formMethods}\n          onSubmit={handleSubmit(onFormSubmit)}\n          schema={schema}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'flex-end',\n          marginTop: 2,\n        }}\n      >\n        <Button\n          color={'secondary'}\n          form={searchFormId}\n          type={'submit'}\n          variant={'contained'}\n        >\n          {formData ? t`Search again` : t`Search`}\n        </Button>\n      </Box>\n      <Divider sx={{ marginY: 2 }} />\n      <ResponseHandler\n        inlineSpinner\n        loadables={query}\n      >\n        {query.data && (\n          <>\n            <Box\n              sx={{\n                marginY: 2,\n              }}\n            >\n              <Alert\n                severity={query.data.length > 0 ? 'success' : 'warning'}\n              >\n                <AlertTitle>\n                  {t('Found {{count}} similar cases with a distance of {{distance}}.', { count: query.data.length, distance: formData?.maxDistance })}\n                </AlertTitle>\n              </Alert>\n            </Box>\n            {chartData.length > 0 && (\n              <Box\n                sx={{\n                  marginY: 2,\n                }}\n              >\n                <FindSimilarCasesDialogDateRangeChart<FormFields>\n                  control={control}\n                  data={chartData}\n                  name={'dateRange'}\n                  onOrganizationFilterChange={onOrganizationFilterChange}\n                  organizationFilter={formValues.organizationFilter}\n                />\n              </Box>\n            )}\n            <Box\n              sx={{\n                marginY: 2,\n              }}\n            >\n              <Alert\n                severity={'info'}\n              >\n                <AlertTitle>\n                  {t('{{count}} similar cases can be added to the line list.', { count: similarCaseIdsNotInLineListWithDateFilter.length })}\n                </AlertTitle>\n              </Alert>\n            </Box>\n            {similarCaseIdsAlreadyInLineListWithDateFilter.length > 0 && (\n              <Alert\n                severity={'warning'}\n              >\n                <AlertTitle>\n                  {t('{{count}} similar cases found that are already in the line list.', { count: similarCaseIdsAlreadyInLineListWithDateFilter.length })}\n                </AlertTitle>\n              </Alert>\n            )}\n          </>\n        )}\n      </ResponseHandler>\n    </Box>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'md',\n  testId: 'FindSimilarCasesDialog',\n});\n"],"mappings":"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"}