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

package/dist/_chunks/EpiCurveWidget.js

@@ -6,7 +6,7 @@ import { t as o } from "./toDate.js";
 import { i as s } from "./FilterUtil.js";
 import { r as c } from "./eachYearOfInterval.js";
 import { t as l } from "./EpiCurveUtil.js";
-import { f as u, l as d } from "./protectedTokens.js";
+import { d as u, p as d } from "./protectedTokens.js";
 import { n as f } from "./format.js";
 import { i as p, n as m, r as h } from "./FindSimilarCasesUtil.js";
 import { CaseTypeUtil as g } from "../utils/CaseTypeUtil/index.js";
@@ -20,55 +20,55 @@ import { t as te } from "./dashboardStore.js";
 import { ContextMenu as ne } from "../components/ui/ContextMenu/index.js";
 import { WidgetUnavailable as re } from "../components/ui/WidgetUnavailable/index.js";
 import { EventBusService as ie } from "../classes/services/EventBusService/index.js";
-import { t as M } from "./CaseDbDownloadUtil.js";
-import { n as N } from "./LegendaItem.js";
-import { t as ae } from "./Dashboard.js";
-import { t as oe } from "./userProfileStoreContext.js";
-import { CaseDbDimType as P } from "@gen-epix/api-casedb";
-import { DATE_FORMAT as F } from "@gen-epix/ui-core/constants/date";
-import { Box as se, ListItemIcon as ce, ListItemText as le, MenuItem as ue, useTheme as I } from "@mui/material";
-import de from "@mui/icons-material/Leaderboard";
-import fe from "@mui/icons-material/AreaChart";
-import { use as L, useCallback as R, useEffect as z, useMemo as B, useRef as V, useState as H } from "react";
-import { useTranslation as pe } from "react-i18next";
-import me from "@mui/icons-material/FilterAlt";
-import { jsx as U, jsxs as W } from "react/jsx-runtime";
+import { t as ae } from "./CaseDbDownloadUtil.js";
+import { n as M } from "./LegendaItem.js";
+import { t as oe } from "./Dashboard.js";
+import { t as se } from "./userProfileStoreContext.js";
+import { CaseDbDimType as N } from "@gen-epix/api-casedb";
+import { DATE_FORMAT as P } from "@gen-epix/ui-core/constants/date";
+import { Box as ce, ListItemIcon as le, ListItemText as ue, MenuItem as de, useTheme as F } from "@mui/material";
+import fe from "@mui/icons-material/Leaderboard";
+import pe from "@mui/icons-material/AreaChart";
+import { use as I, useCallback as L, useEffect as R, useMemo as z, useRef as B, useState as V } from "react";
+import { useTranslation as me } from "react-i18next";
+import he from "@mui/icons-material/FilterAlt";
+import { jsx as H, jsxs as U } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/endOfWeek.js
-function G(e, t) {
-	let n = u(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = o(e, t?.in), a = i.getDay(), s = (a < r ? -7 : 0) + 6 - (a - r);
+function W(e, t) {
+	let n = d(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = o(e, t?.in), a = i.getDay(), s = (a < r ? -7 : 0) + 6 - (a - r);
 	return i.setDate(i.getDate() + s), i.setHours(23, 59, 59, 999), i;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/endOfISOWeek.js
-function he(e, t) {
-	return G(e, {
+function ge(e, t) {
+	return W(e, {
 		...t,
 		weekStartsOn: 1
 	});
 }
 //#endregion
 //#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/lastDayOfMonth.js
-function ge(e, t) {
+function _e(e, t) {
 	let n = o(e, t?.in), r = n.getMonth();
 	return n.setFullYear(n.getFullYear(), r + 1, 0), n.setHours(0, 0, 0, 0), o(n, t?.in);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/lodash@4.18.1/node_modules/lodash/isString.js
-var K = /* @__PURE__ */ n(((e, n) => {
+var G = /* @__PURE__ */ n(((e, n) => {
 	var a = t(), o = i(), s = r(), c = "[object String]";
 	function l(e) {
 		return typeof e == "string" || !o(e) && s(e) && a(e) == c;
 	}
 	n.exports = l;
-})), _e = /* @__PURE__ */ e(v(), 1), q = /* @__PURE__ */ e(K(), 1), J = /* @__PURE__ */ e(a(), 1), ve = ({ chartRef: e, echarts: t, getXAxisLabel: n, items: r, onCaseIdsChange: i, onChartReady: a, onPointMouseUp: o, stratification: s, xAxisIntervals: c }) => {
-	let u = I(), d = V(null), f = L(N), p = B(() => l.getBarChartSeriesData(r, c, n, s, u), [
+})), ve = /* @__PURE__ */ e(v(), 1), K = /* @__PURE__ */ e(G(), 1), q = /* @__PURE__ */ e(a(), 1), ye = ({ chartRef: e, echarts: t, getXAxisLabel: n, items: r, onCaseIdsChange: i, onChartReady: a, onPointMouseUp: o, stratification: s, xAxisIntervals: c }) => {
+	let u = F(), d = B(null), f = I(M), p = z(() => l.getBarChartSeriesData(r, c, n, s, u), [
 		r,
 		c,
 		n,
 		s,
 		u
 	]);
-	z(() => {
+	R(() => {
 		let e = f.highlightSubject.subscribe((e) => {
 			if (e.origin === b.EPI_CURVE) return;
 			let t = d.current;
@@ -80,7 +80,8 @@ var K = /* @__PURE__ */ n(((e, n) => {
 			let n = [];
 			p.series?.forEach((t, r) => {
 				t.data?.forEach((t, i) => {
-					(0, J.default)(JSON.parse(t[2]), e.caseIds).length && n.push({
+					let a = JSON.parse(t[2]);
+					(0, q.default)(a, e.caseIds).length && n.push({
 						dataIndex: i,
 						seriesIndex: r
 					});
@@ -97,9 +98,9 @@ var K = /* @__PURE__ */ n(((e, n) => {
 			e();
 		};
 	}, [f, p]);
-	let m = R((e) => {
+	let m = L((e) => {
 		d.current = e, a?.(e);
-	}, [a]), h = R(() => ({
+	}, [a]), h = L(() => ({
 		grid: {
 			bottom: 64,
 			left: 48,
@@ -140,33 +141,33 @@ var K = /* @__PURE__ */ n(((e, n) => {
 		p.max,
 		c,
 		n
-	]);
-	return /* @__PURE__ */ U(A, {
+	]), g = z(() => {
+		let e = (e) => {
+			let t = e?.data?.[2];
+			return (0, K.default)(t) ? JSON.parse(t) : [];
+		};
+		return {
+			mouseout: () => {
+				i?.([]);
+			},
+			mouseover: (t) => {
+				i?.(e(t));
+			},
+			mouseup: (t) => {
+				let n = t?.event?.event;
+				o?.({
+					caseIds: e(t),
+					focussedDate: t?.name,
+					mouseEvent: n
+				});
+			}
+		};
+	}, [i, o]);
+	return /* @__PURE__ */ H(A, {
 		echarts: t,
 		notMerge: !0,
 		onChartReady: m,
-		onEvents: B(() => {
-			let e = (e) => {
-				let t = e?.data?.[2];
-				return (0, q.default)(t) ? JSON.parse(t) : [];
-			};
-			return {
-				mouseout: () => {
-					i?.([]);
-				},
-				mouseover: (t) => {
-					i?.(e(t));
-				},
-				mouseup: (t) => {
-					let n = t?.event?.event;
-					o?.({
-						caseIds: e(t),
-						focussedDate: t?.name,
-						mouseEvent: n
-					});
-				}
-			};
-		}, [i, o]),
+		onEvents: g,
 		option: h(),
 		ref: e,
 		style: {
@@ -175,32 +176,34 @@ var K = /* @__PURE__ */ n(((e, n) => {
 			width: "100%"
 		}
 	});
-}, ye = ({ chartRef: e, echarts: t, getXAxisLabel: n, includeMissingValues: r, items: i, onCaseIdsChange: a, onChartReady: o, onPointMouseUp: s, stratification: c, xAxisIntervals: u }) => {
-	let d = I(), f = V(null), p = V(null), m = L(N), h = B(() => l.getAreaChartSeriesData(i, u, n, r, c), [
+}, be = ({ chartRef: e, echarts: t, getXAxisLabel: n, includeMissingValues: r, items: i, onCaseIdsChange: a, onChartReady: o, onPointMouseUp: s, stratification: c, xAxisIntervals: u }) => {
+	let d = F(), f = B(null), p = B(null), m = I(M), h = z(() => l.getAreaChartSeriesData(i, u, n, r, c), [
 		i,
 		u,
 		n,
 		r,
 		c
-	]), g = B(() => {
+	]), g = z(() => {
 		let e = {}, t = c?.caseIdColors ?? {};
 		return Object.entries(t).forEach(([t, n]) => {
 			e[n] || (e[n] = []), e[n].push(t);
 		}), e;
-	}, [c]), v = B(() => h.series?.length ? h.series.map((e) => {
+	}, [c]), v = z(() => h.series?.length ? h.series.map((e) => {
 		let t = e.color;
 		return typeof t == "string" ? g[t] ?? [] : [];
-	}) : [], [g, h]), y = R((e, t) => {
+	}) : [], [g, h]), y = L((e, t) => {
 		if (!h.series || e < 0 || t < 0) return [];
 		let n = h.series?.[e]?.data?.[t];
-		return n?.[2] && (0, q.default)(n[2]) ? JSON.parse(n[2]) : [];
-	}, [h]), x = R((e) => {
+		return n?.[2] && (0, K.default)(n[2]) ? JSON.parse(n[2]) : [];
+	}, [h]), x = L((e) => {
 		if (!e.length) return [];
 		let t = c?.caseIdColors;
 		if (!t) return e;
 		let n = e.find((e) => !!t[e]);
-		return n ? g[t[n]] ?? e : e;
-	}, [g, c]), S = R(() => ({
+		if (!n) return e;
+		let r = t[n];
+		return g[r] ?? e;
+	}, [g, c]), S = L(() => ({
 		color: _.getEchartsColors(c, d),
 		grid: {
 			bottom: 64,
@@ -248,14 +251,14 @@ var K = /* @__PURE__ */ n(((e, n) => {
 		h.max,
 		u,
 		n
-	]), C = R((e) => {
+	]), C = L((e) => {
 		let t = p.current;
 		t && (t.dispatchAction({ type: "downplay" }), typeof e == "number" && e >= 0 && t.dispatchAction({
 			seriesIndex: e,
 			type: "highlight"
 		}));
 	}, []);
-	return z(() => {
+	R(() => {
 		let e = m.highlightSubject.subscribe((e) => {
 			if (e.origin === b.EPI_CURVE) return;
 			let t = p.current;
@@ -267,7 +270,8 @@ var K = /* @__PURE__ */ n(((e, n) => {
 			let n = [];
 			h.series?.forEach((t, r) => {
 				t.data?.forEach((t, i) => {
-					(0, J.default)(JSON.parse(t[2]), e.caseIds).length && n.push({
+					let a = JSON.parse(t[2]);
+					(0, q.default)(a, e.caseIds).length && n.push({
 						dataIndex: i,
 						seriesIndex: r
 					});
@@ -283,53 +287,55 @@ var K = /* @__PURE__ */ n(((e, n) => {
 		return () => {
 			e();
 		};
-	}, [m, h]), /* @__PURE__ */ U(A, {
+	}, [m, h]);
+	let w = L((e) => {
+		p.current = e, o?.(e);
+	}, [o]), T = z(() => {
+		let e = (e) => {
+			let t = e;
+			if (typeof t.seriesIndex == "number" && t.seriesIndex >= 0) return v[t.seriesIndex] ?? [];
+			let n = t?.data?.[2];
+			return (0, K.default)(n) ? x(JSON.parse(n)) : typeof t.seriesIndex == "number" && typeof t.dataIndex == "number" && t.seriesIndex >= 0 && t.dataIndex >= 0 ? x(y(t.seriesIndex, t.dataIndex)) : [];
+		};
+		return {
+			globalout: () => {
+				f.current = null, C(null), a?.([]);
+			},
+			mouseout: () => {
+				f.current = null, C(null), a?.([]);
+			},
+			mouseover: (t) => {
+				let n = t;
+				f.current = typeof n.seriesIndex == "number" ? n.seriesIndex : null, C(f.current);
+				let r = e(t);
+				r.length && a?.(r);
+			},
+			mouseup: (t) => {
+				let n = t?.event?.event;
+				s?.({
+					caseIds: e(t),
+					focussedDate: t?.name,
+					mouseEvent: n
+				});
+			},
+			updateAxisPointer: (e) => {
+				let t = e.seriesDataIndices?.[0]?.seriesIndex;
+				typeof t == "number" && (f.current = t), C(f.current);
+			}
+		};
+	}, [
+		v,
+		x,
+		y,
+		a,
+		s,
+		C
+	]);
+	return /* @__PURE__ */ H(A, {
 		echarts: t,
 		notMerge: !0,
-		onChartReady: R((e) => {
-			p.current = e, o?.(e);
-		}, [o]),
-		onEvents: B(() => {
-			let e = (e) => {
-				let t = e;
-				if (typeof t.seriesIndex == "number" && t.seriesIndex >= 0) return v[t.seriesIndex] ?? [];
-				let n = t?.data?.[2];
-				return (0, q.default)(n) ? x(JSON.parse(n)) : typeof t.seriesIndex == "number" && typeof t.dataIndex == "number" && t.seriesIndex >= 0 && t.dataIndex >= 0 ? x(y(t.seriesIndex, t.dataIndex)) : [];
-			};
-			return {
-				globalout: () => {
-					f.current = null, C(null), a?.([]);
-				},
-				mouseout: () => {
-					f.current = null, C(null), a?.([]);
-				},
-				mouseover: (t) => {
-					let n = t;
-					f.current = typeof n.seriesIndex == "number" ? n.seriesIndex : null, C(f.current);
-					let r = e(t);
-					r.length && a?.(r);
-				},
-				mouseup: (t) => {
-					let n = t?.event?.event;
-					s?.({
-						caseIds: e(t),
-						focussedDate: t?.name,
-						mouseEvent: n
-					});
-				},
-				updateAxisPointer: (e) => {
-					let t = e.seriesDataIndices?.[0]?.seriesIndex;
-					typeof t == "number" && (f.current = t), C(f.current);
-				}
-			};
-		}, [
-			v,
-			x,
-			y,
-			a,
-			s,
-			C
-		]),
+		onChartReady: w,
+		onEvents: T,
 		option: S(),
 		ref: e,
 		style: {
@@ -338,7 +344,7 @@ var K = /* @__PURE__ */ n(((e, n) => {
 			width: "100%"
 		}
 	});
-}, be = {
+}, xe = {
 	dispose: ee,
 	getInstanceByDom: E,
 	init: w
@@ -351,20 +357,20 @@ C([
 	O,
 	D
 ]);
-var Y = () => {
-	let { t: e } = pe(), [t, n] = H(null), [r, i] = H("bar"), a = V(null), o = L(N), u = L(oe), _ = L(te), v = j(_, (e) => e.stratification), x = j(_, (e) => e.isDataLoading), S = j(_, (e) => e.sortedData), C = j(_, (e) => e.completeCaseType), w = j(_, (e) => e.updateWidgetData), T = j(_, (e) => e.getWidgetData(b.EPI_CURVE)), E = j(_, (e) => e.setFilterValue), D = j(_, (e) => e.filterDimensions), O = B(() => g.getDims(C, [P.TIME]), [C]), ee = j(u, (e) => e.dashboardWidgetSettings[b.EPI_CURVE].isIncludeMissingValuesInAreaChartEnabled), [k, A] = H(null), [I, G] = H(null), K = I?.label ?? "", J = R(() => {
+var J = () => {
+	let { t: e } = me(), [t, n] = V(null), [r, i] = V("bar"), a = B(null), o = I(M), d = I(se), _ = I(te), v = j(_, (e) => e.stratification), x = j(_, (e) => e.isDataLoading), S = j(_, (e) => e.sortedData), C = j(_, (e) => e.completeCaseType), w = j(_, (e) => e.updateWidgetData), T = j(_, (e) => e.getWidgetData(b.EPI_CURVE)), E = j(_, (e) => e.setFilterValue), D = j(_, (e) => e.filterDimensions), O = z(() => g.getDims(C, [N.TIME]), [C]), ee = j(d, (e) => e.dashboardWidgetSettings[b.EPI_CURVE].isIncludeMissingValuesInAreaChartEnabled), [k, A] = V(null), [F, W] = V(null), G = F?.label ?? "", q = L(() => {
 		n(null), A(null);
-	}, []), Y = B(() => y.getCaseCount(S), [S]);
-	z(() => {
+	}, []), J = z(() => y.getCaseCount(S), [S]);
+	R(() => {
 		!v && r === "area" && i("bar");
 	}, [v, r]);
-	let xe = B(() => [{
+	let Se = z(() => [{
 		active: r === "bar",
 		callback: () => {
 			i("bar");
 		},
 		label: e`Bar chart`,
-		leftIcon: /* @__PURE__ */ U(de, {})
+		leftIcon: /* @__PURE__ */ H(fe, {})
 	}, {
 		active: r === "area",
 		callback: () => {
@@ -372,26 +378,26 @@ var Y = () => {
 		},
 		disabled: !v,
 		label: e`Normalized stacked area chart`,
-		leftIcon: /* @__PURE__ */ U(fe, {})
+		leftIcon: /* @__PURE__ */ H(pe, {})
 	}], [
 		e,
 		r,
 		v
-	]), Se = B(() => {
+	]), Ce = z(() => {
 		let t;
-		t = I ? e("Epi curve: {{label}}", { label: I.label }) : e`Epi curve`;
+		t = F ? e("Epi curve: {{label}}", { label: F.label }) : e`Epi curve`;
 		let n = {
 			disabled: !O.length,
 			items: [],
 			label: t,
-			tooltip: I ? C.ref_cols[I.ref_col_id].description : void 0
+			tooltip: F ? C.ref_cols[F.ref_col_id].description : void 0
 		};
-		return C.ordered_dim_ids.map((e) => C.dims[e]).filter((e) => C.ref_dims[e.ref_dim_id].dim_type === P.TIME).forEach((e) => {
+		return C.ordered_dim_ids.map((e) => C.dims[e]).filter((e) => C.ref_dims[e.ref_dim_id].dim_type === N.TIME).forEach((e) => {
 			n.items.length && (n.items.at(-1).divider = !0), C.ordered_col_ids_by_dim[e.id].map((e) => C.cols[e]).forEach((e) => {
 				n.items.push({
-					active: e.id === I?.id,
+					active: e.id === F?.id,
 					callback: () => {
-						w(b.EPI_CURVE, { columnId: e.id }), G(e);
+						w(b.EPI_CURVE, { columnId: e.id }), W(e);
 					},
 					label: e.label,
 					tooltip: e.description
@@ -399,35 +405,35 @@ var Y = () => {
 			});
 		}), n;
 	}, [
-		I,
+		F,
 		C,
 		e,
 		O.length,
 		w
 	]);
-	z(() => {
-		I || O.length && (T.columnId ? G(g.getCols(C).find((e) => e.id === T.columnId)) : S.length && G(l.getPreferredTimeColumn(C, S, g.getCols(C, C.case_date_dim_id))));
+	R(() => {
+		F || O.length && (T.columnId ? W(g.getCols(C).find((e) => e.id === T.columnId)) : S.length && W(l.getPreferredTimeColumn(C, S, g.getCols(C, C.case_date_dim_id))));
 	}, [
-		I,
+		F,
 		C,
 		T.columnId,
 		O,
 		S
 	]);
-	let X = B(() => I ? l.getSortedItems(C, S, [I]) : [], [
-		I,
+	let Y = z(() => F ? l.getSortedItems(C, S, [F]) : [], [
+		F,
 		S,
 		C
-	]), Z = B(() => X.reduce((e, t) => e + t.value, 0) ?? 0, [X]), Ce = R((e) => I ? l.getXAxisLabel(C.ref_cols[I.ref_col_id].col_type, e) : null, [I, C.ref_cols]), we = B(() => I ? l.getXAxisIntervals(C.ref_cols[I.ref_col_id].col_type, X) : [], [
-		I,
+	]), X = z(() => Y.reduce((e, t) => e + t.value, 0) ?? 0, [Y]), we = L((e) => F ? l.getXAxisLabel(C.ref_cols[F.ref_col_id].col_type, e) : null, [F, C.ref_cols]), Te = z(() => F ? l.getXAxisIntervals(C.ref_cols[F.ref_col_id].col_type, Y) : [], [
+		F,
 		C.ref_cols,
-		X
-	]), Te = R((e) => {
+		Y
+	]), Ee = L((e) => {
 		o.highlight({
 			caseIds: e,
 			origin: b.EPI_CURVE
 		});
-	}, [o]), Ee = R((e) => {
+	}, [o]), De = L((e) => {
 		A(e.focussedDate), n({
 			caseIds: e.caseIds,
 			mouseEvent: e.mouseEvent,
@@ -436,64 +442,64 @@ var Y = () => {
 				top: e.mouseEvent?.clientY
 			}
 		});
-	}, []), De = R((t) => {
+	}, []), Oe = L((t) => {
 		let n = t.getDom();
-		n?.setAttribute("aria-label", e("Epidemiological curve showing the number of cases over time ({{label}})", { label: K })), n?.setAttribute("role", "img");
-	}, [K, e]), Oe = R(async (e) => {
-		if (!(0, q.default)(k) || !I?.id) {
+		n?.setAttribute("aria-label", e("Epidemiological curve showing the number of cases over time ({{label}})", { label: G })), n?.setAttribute("role", "img");
+	}, [G, e]), Z = L(async (e) => {
+		if (!(0, K.default)(k) || !F?.id) {
 			e();
 			return;
 		}
-		let t = D.find((e) => e.filterIds.includes(I.id)).preferredFilterId, n, r;
+		let t = D.find((e) => e.filterIds.includes(F.id)).preferredFilterId, n, r;
 		if (k.match(/^\d{4}$/)) {
-			let e = s(k, F.YEAR, /* @__PURE__ */ new Date());
+			let e = s(k, P.YEAR, /* @__PURE__ */ new Date());
 			n = f(e), r = h(e);
 		} else if (k.match(/^\d{4}-\d{2}$/)) {
-			let e = s(k, F.YEAR_MONTH, /* @__PURE__ */ new Date());
-			n = m(e), r = ge(e);
+			let e = s(k, P.YEAR_MONTH, /* @__PURE__ */ new Date());
+			n = p(e), r = _e(e);
 		} else if (k.match(/^\d{4}-\d{2}-\d{2}$/)) {
-			let e = s(k, F.DATE, /* @__PURE__ */ new Date());
+			let e = s(k, P.DATE, /* @__PURE__ */ new Date());
 			n = e, r = e;
 		} else if (k.match(/^\d{4}-W\d{2}$/)) {
-			let e = s(k, F.YEAR_WEEK, /* @__PURE__ */ new Date(), { useAdditionalWeekYearTokens: !0 });
-			n = d(e), r = he(e);
+			let e = s(k, P.YEAR_WEEK, /* @__PURE__ */ new Date(), { useAdditionalWeekYearTokens: !0 });
+			n = u(e), r = ge(e);
 		} else if (k.match(/^\d{4}-Q\d$/)) {
-			let e = s(k, F.YEAR_QUARTER, /* @__PURE__ */ new Date());
-			n = c(e), r = p(e);
+			let e = s(k, P.YEAR_QUARTER, /* @__PURE__ */ new Date());
+			n = c(e), r = m(e);
 		}
 		n && r && await E(t, [n, r]), e();
 	}, [
 		k,
-		I,
+		F,
 		D,
 		E
-	]), ke = R((t) => k ? /* @__PURE__ */ W(ue, {
+	]), ke = L((t) => k ? /* @__PURE__ */ U(de, {
 		divider: !0,
-		onClick: async () => await Oe(t),
-		children: [/* @__PURE__ */ U(ce, { children: /* @__PURE__ */ U(me, { fontSize: "small" }) }), /* @__PURE__ */ U(le, { children: e("Filter (show only {{date}})", { date: k }) })]
+		onClick: async () => await Z(t),
+		children: [/* @__PURE__ */ H(le, { children: /* @__PURE__ */ H(he, { fontSize: "small" }) }), /* @__PURE__ */ H(ue, { children: e("Filter (show only {{date}})", { date: k }) })]
 	}) : null, [
 		k,
-		Oe,
+		Z,
 		e
-	]), Q = Y - Z, Ae = Q > 0 ? (0, _e.default)(Q / Y * 100, 1) : 0, $ = Z > 0 && O.length > 0, je = B(() => {
-		if (!$) return O.length ? Y ? I ? Z ? null : e`No cases with valid date- / time information found for the selected column.` : e`No time column selected.` : e`No cases found.` : e`No time column found.`;
+	]), Q = J - X, Ae = Q > 0 ? (0, ve.default)(Q / J * 100, 1) : 0, $ = X > 0 && O.length > 0, je = z(() => {
+		if (!$) return O.length ? J ? F ? X ? null : e`No cases with valid date- / time information found for the selected column.` : e`No time column selected.` : e`No cases found.` : e`No time column found.`;
 	}, [
 		$,
-		I,
-		Z,
-		Y,
+		F,
+		X,
+		J,
 		e,
 		O.length
 	]);
-	return z(() => {
+	return R(() => {
 		let t = () => {
 			ie.getInstance().emit("onDownloadOptionsChanged", {
 				disabled: !$,
 				items: [{
-					callback: () => M.downloadEchartsImage(e`Epi curve`, a.current.getEchartsInstance(), "png", C, e),
+					callback: () => ae.downloadEchartsImage(e`Epi curve`, a.current.getEchartsInstance(), "png", C, e),
 					label: e`Save as PNG`
 				}, {
-					callback: () => M.downloadEchartsImage(e`Epi curve`, a.current.getEchartsInstance(), "jpeg", C, e),
+					callback: () => ae.downloadEchartsImage(e`Epi curve`, a.current.getEchartsInstance(), "jpeg", C, e),
 					label: e`Save as JPEG`
 				}],
 				zone: b.EPI_CURVE,
@@ -513,58 +519,58 @@ var Y = () => {
 		C,
 		$,
 		e
-	]), /* @__PURE__ */ W(ae, {
+	]), /* @__PURE__ */ U(oe, {
 		expandDisabled: !$,
 		isLoading: x,
-		primaryMenu: xe,
-		title: Se,
-		warningMessage: $ && Z > 0 && Q > 0 ? e("Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)", {
+		primaryMenu: Se,
+		title: Ce,
+		warningMessage: $ && X > 0 && Q > 0 ? e("Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)", {
 			missingCasesCount: Q,
 			missingCasesPercentage: Ae
 		}) : void 0,
 		widgetName: b.EPI_CURVE,
-		children: [!$ && /* @__PURE__ */ U(re, {
+		children: [!$ && /* @__PURE__ */ H(re, {
 			reason: je,
 			widgetLabel: e`epi curve`
-		}), $ && /* @__PURE__ */ W(se, {
+		}), $ && /* @__PURE__ */ U(ce, {
 			sx: {
 				height: "100%",
 				position: "relative"
 			},
 			children: [
-				X?.length > 0 && r === "bar" && /* @__PURE__ */ U(ve, {
+				Y?.length > 0 && r === "bar" && /* @__PURE__ */ H(ye, {
 					chartRef: a,
-					echarts: be,
-					getXAxisLabel: Ce,
-					items: X,
-					onCaseIdsChange: Te,
-					onChartReady: De,
-					onPointMouseUp: Ee,
+					echarts: xe,
+					getXAxisLabel: we,
+					items: Y,
+					onCaseIdsChange: Ee,
+					onChartReady: Oe,
+					onPointMouseUp: De,
 					stratification: v,
-					xAxisIntervals: we
+					xAxisIntervals: Te
 				}),
-				X?.length > 0 && r === "area" && /* @__PURE__ */ U(ye, {
+				Y?.length > 0 && r === "area" && /* @__PURE__ */ H(be, {
 					chartRef: a,
-					echarts: be,
-					getXAxisLabel: Ce,
+					echarts: xe,
+					getXAxisLabel: we,
 					includeMissingValues: ee,
-					items: X,
-					onCaseIdsChange: Te,
-					onChartReady: De,
-					onPointMouseUp: Ee,
+					items: Y,
+					onCaseIdsChange: Ee,
+					onChartReady: Oe,
+					onPointMouseUp: De,
 					stratification: v,
-					xAxisIntervals: we
+					xAxisIntervals: Te
 				}),
-				/* @__PURE__ */ U(ne, {
+				/* @__PURE__ */ H(ne, {
 					config: t,
 					getExtraItems: ke,
-					onMenuClose: J
+					onMenuClose: q
 				})
 			]
 		})]
 	});
 };
 //#endregion
-export { Y as t };
+export { J as t };
 
 //# sourceMappingURL=EpiCurveWidget.js.map