@gen-epix/ui-client-casedb 4.0.0

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

@@ -0,0 +1,302 @@
+import { h as e } from "../../../_chunks/_MapCache.js";
+import { t } from "../../../_chunks/intersection.js";
+import { CaseTypeUtil as n } from "../../../utils/CaseTypeUtil/index.js";
+import { CASEDB_QUERY_KEY as r } from "../../../constants/query.js";
+import { DataService as i } from "../../../classes/services/DataService/index.js";
+import { StratificationUtil as a } from "../../../utils/StratificationUtil/index.js";
+import { t as o } from "../../../_chunks/round.js";
+import { DashboardUtil as ee } from "../../../utils/DashboardUtil/index.js";
+import { MapUtil as s } from "../../../utils/MapUtil/index.js";
+import { DASHBOARD_COMPONENT_NAME as c } from "../../../constants/dashboard.js";
+import { c as l, f as u, g as te, h as d, i as f, l as p, m, n as h, p as g, t as ne, u as _ } from "../../../_chunks/esm.js";
+import { t as v } from "../../../_chunks/react.js";
+import { t as re } from "../../../_chunks/dashboardStore.js";
+import { ContextMenu as ie } from "../ContextMenu/index.js";
+import { WidgetUnavailable as ae } from "../WidgetUnavailable/index.js";
+import { EventBusService as y } from "../../../classes/services/EventBusService/index.js";
+import { t as b } from "../../../_chunks/CaseDbDownloadUtil.js";
+import { n as oe } from "../../../_chunks/LegendaItem.js";
+import { t as se } from "../../../_chunks/Dashboard.js";
+import { CaseDbDimType as x, CaseDbGeoApi as ce } from "@gen-epix/api-casedb";
+import { QueryClientService as le } from "@gen-epix/ui/classes/services/QueryClientService";
+import { Box as ue, ListItemIcon as de, ListItemText as fe, MenuItem as pe, useTheme as me } from "@mui/material";
+import { use as S, useCallback as C, useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
+import { useTranslation as he } from "react-i18next";
+import ge from "@mui/icons-material/FilterAlt";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useQueryMemo as _e } from "@gen-epix/ui/hooks/useQueryMemo";
+import { useDimensions as ve } from "@gen-epix/ui-core/hooks/useDimensions";
+//#region src/components/ui/MapWidget/MapWidget.tsx
+var ye = /* @__PURE__ */ e(t(), 1), be = /* @__PURE__ */ e(o(), 1), xe = {
+	dispose: g,
+	getInstanceByDom: m,
+	init: d
+};
+u([
+	_,
+	p,
+	l,
+	h,
+	f
+]);
+var A = () => {
+	let { t: e } = he(), t = me(), [o, l] = D(null), u = o?.label ?? "", [d, f] = D(null), p = E(null), m = E(null), { dimensions: { height: h, width: g } } = ve(p), _ = S(oe), A = S(re), j = v(A, (e) => e.stratification), Se = v(A, (e) => e.isDataLoading), M = v(A, (e) => e.sortedData), N = v(A, (e) => e.updateWidgetData), P = v(A, (e) => e.getWidgetData(c.MAP)), F = v(A, (e) => e.setFilterValue), I = v(A, (e) => e.completeCaseType), [L, R] = D(), z = T(() => n.getDims(I, [x.GEO]), [I]), B = T(() => ({
+		invert: !1,
+		key: "region_set_id",
+		members: n.getRegionSetIds(I),
+		type: "UUID_SET"
+	}), [I]), { data: V, error: Ce, isLoading: we } = _e({
+		queryFn: async ({ signal: e }) => (await ce.getInstance().regionSetShapesPostQuery(B, null, null, { signal: e })).data,
+		queryKey: le.getInstance().getGenericKey(r.REGION_SET_SHAPES, B),
+		retry: !1,
+		select: (e) => Object.fromEntries(e.map((e) => [e.region_set_id, e]))
+	});
+	w(() => {
+		if (o) return;
+		if (!z.length) throw Error("Epi map can not be shown");
+		let e;
+		e = P.columnId ? n.getCols(I).find((e) => e.id === P.columnId) : n.getPreferredGEOCol(n.getCols(I, z[0].id)), l(e);
+	}, [
+		o,
+		I,
+		P.columnId,
+		z
+	]);
+	let H = T(() => {
+		if (!o) return [];
+		let e = I.ref_cols[o.ref_col_id].region_set_id;
+		return i.getInstance().data.regionsByRegionSetId[e];
+	}, [o, I.ref_cols]), U = T(() => ee.getCaseCount(M), [M]), Te = C(() => {
+		f(null), R(null);
+	}, []), Ee = we || Se, De = Ce, W = T(() => !o || !V ? null : V[I.ref_cols[o.ref_col_id].region_set_id], [
+		o,
+		I.ref_cols,
+		V
+	]), G = T(() => {
+		if (!W) return 0;
+		try {
+			return JSON.parse(W.geo_json).features.length;
+		} catch {
+			return 0;
+		}
+	}, [W]), K = T(() => s.getMaxPieChartArea(g, h, G), [
+		h,
+		G,
+		g
+	]), q = T(() => s.getRegionStatistics(M, o?.id, H), [
+		o,
+		M,
+		H
+	]), J = C((e) => s.getPieChartRadius(e, K, q), [q, K]), { mapCaseCount: Y, series: X } = T(() => s.getMapSeries(o, H, M, j, J), [
+		o,
+		J,
+		M,
+		H,
+		j
+	]), Oe = C(() => {
+		if (!W) return;
+		te(W.id, W.geo_json);
+		let e = s.getGeoJsonAspectScale(W.geo_json);
+		return {
+			color: a.getEchartsColors(j, t),
+			geo: {
+				aspectScale: e,
+				emphasis: { disabled: !0 },
+				itemStyle: { areaColor: "#e7e8ea" },
+				label: {
+					show: !1,
+					silent: !0
+				},
+				map: W.id,
+				roam: !0,
+				scaleLimit: {
+					max: 5,
+					min: 1
+				},
+				silent: !0,
+				zoom: 1
+			},
+			legend: { show: !1 },
+			series: X,
+			tooltip: {}
+		};
+	}, [
+		W,
+		X,
+		j,
+		t
+	]), ke = C((t) => {
+		let n = t.getDom();
+		n?.setAttribute("aria-label", e("Figure of a map showing the geographical distribution of cases per region ({{label}})", { label: u })), n?.setAttribute("role", "img");
+	}, [u, e]), Ae = T(() => ({
+		mouseout: () => {
+			_.highlight({
+				caseIds: [],
+				origin: c.MAP
+			});
+		},
+		mouseover: (e) => {
+			try {
+				_.highlight({
+					caseIds: e.data.genEpixData.caseIds,
+					origin: c.MAP
+				});
+			} catch {}
+		},
+		mouseup: (e) => {
+			let t = e?.event?.event, n = e.data.genEpixData.caseIds, r = H.find((t) => t.id === e.data.genEpixData.regionId);
+			f({
+				caseIds: n,
+				mouseEvent: t,
+				position: {
+					left: e.event.event.clientX,
+					top: e.event.event.clientY
+				}
+			}), R(r);
+		}
+	}), [_, H]);
+	w(() => {
+		let e = _.highlightSubject.subscribe((e) => {
+			let t = [], n = [];
+			X.forEach((r, i) => {
+				r.data.forEach((r, a) => {
+					let o = r.genEpixData.caseIds;
+					(0, ye.default)(o, e.caseIds).length && (t.includes(i) || t.push(i), n.push(a));
+				});
+			}), m?.current && (e.caseIds.length ? m.current.getEchartsInstance()?.dispatchAction({
+				dataIndex: n,
+				seriesIndex: t,
+				type: "highlight"
+			}) : m.current.getEchartsInstance()?.dispatchAction({ type: "downplay" }));
+		});
+		return () => {
+			e();
+		};
+	}, [
+		m,
+		_.highlightSubject,
+		X
+	]);
+	let je = T(() => {
+		let t = {
+			disabled: !z?.length,
+			items: [],
+			label: o?.label ? e("Map: {{label}}", { label: o.label }) : e`Map`,
+			tooltip: o ? I.ref_cols[o.ref_col_id].description : void 0
+		};
+		return I.ordered_dim_ids.map((e) => I.dims[e]).filter((e) => I.ref_dims[e.ref_dim_id].dim_type === x.GEO).forEach((e) => {
+			t.items.length && (t.items.at(-1).divider = !0), I.ordered_col_ids_by_dim[e.id].map((e) => I.cols[e]).forEach((e) => {
+				t.items.push({
+					active: e.id === o?.id,
+					callback: () => {
+						N(c.MAP, { columnId: e.id }), l(e);
+					},
+					label: e.label,
+					tooltip: e.description
+				});
+			});
+		}), t;
+	}, [
+		o,
+		I,
+		z.length,
+		e,
+		N
+	]), Z = Y === void 0 ? 0 : U - Y, Me = Z > 0 ? (0, be.default)(Z / U * 100, 1) : 0, Q = Ee && !De, $ = !!o && W?.geo_json && W?.geo_json !== "null" && X.length > 0, Ne = T(() => {
+		if (!$) return o ? !W?.geo_json || W?.geo_json === "null" ? e`No geographical shape found for the selected column.` : X.length ? null : e`No cases with valid geographical information found for the selected column.` : e`No geographical column found.`;
+	}, [
+		$,
+		o,
+		W?.geo_json,
+		X.length,
+		e
+	]), Pe = C(async (e) => {
+		await F(o.id, [L.id]), e();
+	}, [
+		o,
+		L,
+		F
+	]), Fe = C((t) => !o || !L?.name ? null : /* @__PURE__ */ k(pe, {
+		divider: !0,
+		onClick: async () => await Pe(t),
+		children: [/* @__PURE__ */ O(de, { children: /* @__PURE__ */ O(ge, { fontSize: "small" }) }), /* @__PURE__ */ O(fe, { children: e("Filter (show only {{regionName}})", { regionName: L?.name ?? "-" }) })]
+	}), [
+		o,
+		L,
+		Pe,
+		e
+	]);
+	return w(() => {
+		let t = () => {
+			y.getInstance().emit("onDownloadOptionsChanged", {
+				disabled: !$,
+				items: [{
+					callback: () => b.downloadEchartsImage(e`Incidence map`, m.current.getEchartsInstance(), "png", I, e),
+					label: e`Save as PNG`
+				}, {
+					callback: () => b.downloadEchartsImage(e`Incidence map`, m.current.getEchartsInstance(), "jpeg", I, e),
+					label: e`Save as JPEG`
+				}],
+				zone: c.MAP,
+				zoneLabel: e`Map`
+			});
+		};
+		t();
+		let n = y.getInstance();
+		return n.addEventListener("onDownloadOptionsRequested", t), () => {
+			y.getInstance().emit("onDownloadOptionsChanged", {
+				items: null,
+				zone: c.MAP,
+				zoneLabel: e`Map`
+			}), n.removeEventListener("onDownloadOptionsRequested", t);
+		};
+	}, [
+		I,
+		$,
+		e
+	]), /* @__PURE__ */ O(se, {
+		expandDisabled: !$,
+		isLoading: Q,
+		title: je,
+		warningMessage: $ && Y > 0 && Z > 0 ? e("Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)", {
+			missingCasesCount: Z,
+			missingCasesPercentage: Me
+		}) : void 0,
+		widgetName: c.MAP,
+		children: /* @__PURE__ */ k(ue, {
+			ref: p,
+			sx: {
+				height: "100%",
+				position: "relative"
+			},
+			children: [
+				!Q && !$ && /* @__PURE__ */ O(ae, {
+					reason: Ne,
+					widgetLabel: e`map`
+				}),
+				$ && /* @__PURE__ */ O(ne, {
+					echarts: xe,
+					notMerge: !0,
+					onChartReady: ke,
+					onEvents: Ae,
+					option: Oe(),
+					ref: m,
+					style: {
+						height: "100%",
+						position: "absolute",
+						width: "100%"
+					}
+				}),
+				/* @__PURE__ */ O(ie, {
+					config: d,
+					getExtraItems: Fe,
+					onMenuClose: Te
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { A as MapWidget };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/MapWidget/MapWidget.tsx"],"sourcesContent":["import {\n  Box,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  useTheme,\n} from '@mui/material';\nimport FilterAltIcon from '@mui/icons-material/FilterAlt';\nimport type { EChartsReactProps } from 'echarts-for-react';\nimport EChartsReact from 'echarts-for-react';\nimport {\n  GeoComponent,\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport { PieChart } from 'echarts/charts';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n  registerMap,\n} from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  EChartsOption,\n  EChartsType,\n} from 'echarts';\nimport { useTranslation } from 'react-i18next';\nimport intersection from 'lodash/intersection';\nimport round from 'lodash/round';\nimport { useStore } from 'zustand';\nimport type {\n  CaseDbCol,\n  CaseDbRegion,\n  CaseDbRegionSetShape,\n  CaseDbTypedUuidSetFilter,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbDimType,\n  CaseDbGeoApi,\n} from '@gen-epix/api-casedb';\nimport type { MenuItemData } from '@gen-epix/ui/models/nestedMenu';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { useDimensions } from '@gen-epix/ui-core/hooks/useDimensions';\n\nimport { DataService } from '../../../classes/services/DataService';\nimport { EventBusService } from '../../../classes/services/EventBusService';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseTypeUtil } from '../../../utils/CaseTypeUtil';\nimport { DashboardUtil } from '../../../utils/DashboardUtil';\nimport { MapUtil } from '../../../utils/MapUtil';\nimport type { GenEpixPieSeriesOptionEventData } from '../../../utils/MapUtil';\nimport type { ContextMenuConfigWithPosition } from '../ContextMenu';\nimport { ContextMenu } from '../ContextMenu';\nimport { WidgetUnavailable } from '../WidgetUnavailable';\nimport { CaseDbDownloadUtil } from '../../../utils/CaseDbDownloadUtil';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\nimport { StratificationUtil } from '../../../utils/StratificationUtil';\nimport { DashboardWidget } from '../Dashboard';\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\nimport { DashboardContext } from '../Dashboard/context/DashboardContext';\nimport type { MapWidgetData } from '../../../models/dashboard';\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nregisterECharts([GeoComponent, TooltipComponent, LegendComponent, CanvasRenderer, PieChart]);\n\ntype GenEpixEchartsEvent = {\n  data: GenEpixPieSeriesOptionEventData;\n  event: {\n    event: MouseEvent;\n  };\n};\n\ntype GeoJSON = { features: unknown[] };\n\nexport const MapWidget = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const [col, setCol] = useState<CaseDbCol>(null);\n  const colLabel = col?.label ?? '';\n  const [contextMenuConfig, setContextMenuConfig] = useState<ContextMenuConfigWithPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartRef = useRef<EChartsReact>(null);\n  const { dimensions: { height, width } } = useDimensions(containerRef);\n\n  const dashboardContext = use(DashboardContext);\n  const dashboardStore = use(DashboardStoreContext);\n  const stratification = useStore(dashboardStore, (state) => state.stratification);\n  const isDataLoading = useStore(dashboardStore, (state) => state.isDataLoading);\n  const sortedData = useStore(dashboardStore, (state) => state.sortedData);\n  const updateWidgetData = useStore(dashboardStore, (state) => state.updateWidgetData);\n  const mapWidgetData = useStore(dashboardStore, (state) => state.getWidgetData<MapWidgetData>(DASHBOARD_COMPONENT_NAME.MAP));\n  const setFilterValue = useStore(dashboardStore, (state) => state.setFilterValue);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n\n  const [focussedRegion, setFocussedRegion] = useState<CaseDbRegion>();\n  const geoDims = useMemo(() => CaseTypeUtil.getDims(completeCaseType, [CaseDbDimType.GEO]), [completeCaseType]);\n  const regionSetShapesFilter = useMemo<CaseDbTypedUuidSetFilter>(() => {\n    return {\n      invert: false,\n      key: 'region_set_id',\n      members: CaseTypeUtil.getRegionSetIds(completeCaseType),\n      type: 'UUID_SET',\n    };\n  }, [completeCaseType]);\n\n  const { data: regionSetShapes, error: regionSetShapesError, isLoading: isRegionSetShapesLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      return (await CaseDbGeoApi.getInstance().regionSetShapesPostQuery(regionSetShapesFilter, null, null, { signal })).data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.REGION_SET_SHAPES, regionSetShapesFilter),\n    retry: false,\n    select: (shapes) => Object.fromEntries(shapes.map(regionSetShape => [regionSetShape.region_set_id, regionSetShape])),\n  });\n\n  useEffect(() => {\n    if (col) {\n      return;\n    }\n    if (!geoDims.length) {\n      throw Error('Epi map can not be shown');\n    }\n    let preferredCol: CaseDbCol;\n    if (mapWidgetData.columnId) {\n      preferredCol = CaseTypeUtil.getCols(completeCaseType).find(c => c.id === mapWidgetData.columnId);\n    } else {\n      preferredCol = CaseTypeUtil.getPreferredGEOCol(CaseTypeUtil.getCols(completeCaseType, geoDims[0].id));\n    }\n    setCol(preferredCol);\n  }, [col, completeCaseType, mapWidgetData.columnId, geoDims]);\n\n  const regions = useMemo(() => {\n    if (!col) {\n      return [];\n    }\n    const regionSetId = completeCaseType.ref_cols[col.ref_col_id].region_set_id;\n    return DataService.getInstance().data.regionsByRegionSetId[regionSetId];\n  }, [col, completeCaseType.ref_cols]);\n\n  const lineListCaseCount = useMemo(() => {\n    return DashboardUtil.getCaseCount(sortedData);\n  }, [sortedData]);\n\n  const onEpiContextMenuClose = useCallback(() => {\n    setContextMenuConfig(null);\n    setFocussedRegion(null);\n  }, []);\n\n  const isLoading = isRegionSetShapesLoading || isDataLoading;\n  const error = regionSetShapesError;\n\n  const regionSetShape = useMemo<CaseDbRegionSetShape>(() => {\n    if (!col || !regionSetShapes) {\n      return null;\n    }\n    const regionSetId = completeCaseType.ref_cols[col.ref_col_id].region_set_id;\n    return regionSetShapes[regionSetId];\n  }, [col, completeCaseType.ref_cols, regionSetShapes]);\n\n  const numZones = useMemo(() => {\n    if (!regionSetShape) {\n      return 0;\n    }\n    try {\n      return (JSON.parse(regionSetShape.geo_json) as GeoJSON).features.length;\n    } catch {\n      return 0;\n    }\n  }, [regionSetShape]);\n\n  const maxPieChartArea = useMemo(() => MapUtil.getMaxPieChartArea(width, height, numZones), [height, numZones, width]);\n\n  const lineListRegionStatistics = useMemo(() => MapUtil.getRegionStatistics(sortedData, col?.id, regions), [col, sortedData, regions]);\n  const getPieChartRadius = useCallback((numCases: number): number => {\n    return MapUtil.getPieChartRadius(numCases, maxPieChartArea, lineListRegionStatistics);\n  }, [lineListRegionStatistics, maxPieChartArea]);\n\n  const { mapCaseCount, series } = useMemo(\n    () => MapUtil.getMapSeries(col, regions, sortedData, stratification, getPieChartRadius),\n    [col, getPieChartRadius, sortedData, regions, stratification],\n  );\n\n  const getOptions = useCallback(() => {\n    if (!regionSetShape) {\n      return;\n    }\n\n    registerMap(regionSetShape.id, regionSetShape.geo_json);\n    const aspectScale = MapUtil.getGeoJsonAspectScale(regionSetShape.geo_json);\n\n    return {\n      color: StratificationUtil.getEchartsColors(stratification, theme),\n      geo: {\n        aspectScale,\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          areaColor: '#e7e8ea',\n        },\n        label: {\n          show: false,\n          silent: true,\n        },\n        map: regionSetShape.id,\n        roam: true,\n        scaleLimit: {\n          max: 5,\n          min: 1,\n        },\n        silent: true,\n        zoom: 1,\n      },\n      legend: {\n        show: false,\n      },\n      series: series as unknown,\n      tooltip: {},\n    } satisfies EChartsOption;\n  }, [regionSetShape, series, stratification, theme]);\n\n  const onChartReady = useCallback((chart: EChartsType) => {\n    const dom = chart.getDom();\n    dom?.setAttribute('aria-label', t('Figure of a map showing the geographical distribution of cases per region ({{label}})', { label: colLabel }));\n    dom?.setAttribute('role', 'img');\n  }, [colLabel, t]);\n\n  const onEvents = useMemo<EChartsReactProps['onEvents']>(() => {\n    return {\n      mouseout: () => {\n        dashboardContext.highlight({\n          caseIds: [],\n          origin: DASHBOARD_COMPONENT_NAME.MAP,\n        });\n      },\n      mouseover: (event: unknown) => {\n        try {\n          dashboardContext.highlight({\n            caseIds: (event as GenEpixEchartsEvent).data.genEpixData.caseIds,\n            origin: DASHBOARD_COMPONENT_NAME.MAP,\n          });\n        } catch (_error) {\n          // ignore\n        }\n      },\n      mouseup: (event: unknown) => {\n        const mouseEvent = (event as GenEpixEchartsEvent)?.event?.event;\n        const eventCaseIds = (event as GenEpixEchartsEvent).data.genEpixData.caseIds;\n        const region = regions.find(r => r.id === (event as GenEpixEchartsEvent).data.genEpixData.regionId);\n        setContextMenuConfig({\n          caseIds: eventCaseIds,\n          mouseEvent,\n          position: {\n            left: (event as { event: { event: MouseEvent } }).event.event.clientX,\n            top: (event as { event: { event: MouseEvent } }).event.event.clientY,\n          },\n        });\n        setFocussedRegion(region);\n      },\n    };\n  }, [dashboardContext, regions]);\n\n  useEffect(() => {\n    const unsubscribe = dashboardContext.highlightSubject.subscribe((highlighting) => {\n      const foundSerieIndexes: number[] = [];\n      const foundDataIndexes: number[] = [];\n      series.forEach((serie, serieIndex) => {\n        serie.data.forEach((dataArray, dataIndex) => {\n          const caseIds = (dataArray as GenEpixPieSeriesOptionEventData).genEpixData.caseIds;\n          if (intersection(caseIds, highlighting.caseIds).length) {\n            if (!foundSerieIndexes.includes(serieIndex)) {\n              foundSerieIndexes.push(serieIndex);\n            }\n            foundDataIndexes.push(dataIndex);\n          }\n        });\n      });\n      if (!chartRef?.current) {\n        return;\n      }\n\n      if (highlighting.caseIds.length) {\n        chartRef.current.getEchartsInstance()?.dispatchAction({\n          dataIndex: foundDataIndexes,\n          seriesIndex: foundSerieIndexes,\n          type: 'highlight',\n        });\n      } else {\n        chartRef.current.getEchartsInstance()?.dispatchAction({\n          type: 'downplay',\n        });\n      }\n    });\n\n    // use highlighting imperatively\n    return () => {\n      unsubscribe();\n    };\n  }, [chartRef, dashboardContext.highlightSubject, series]);\n\n  const titleMenu = useMemo<MenuItemData>(() => {\n    const menu: MenuItemData = {\n      disabled: !geoDims?.length,\n      items: [],\n      label: col?.label ? t('Map: {{label}}', { label: col.label }) : t`Map`,\n      tooltip: col ? completeCaseType.ref_cols[col.ref_col_id].description : undefined,\n    };\n\n    completeCaseType.ordered_dim_ids.map(x => completeCaseType.dims[x]).filter(dim => {\n      const refDim = completeCaseType.ref_dims[dim.ref_dim_id];\n      return refDim.dim_type === CaseDbDimType.GEO;\n    }).forEach((dim) => {\n      if (menu.items.length) {\n        menu.items.at(-1).divider = true;\n      }\n      completeCaseType.ordered_col_ids_by_dim[dim.id].map(id => completeCaseType.cols[id]).forEach((c) => {\n        menu.items.push({\n          active: !!(c.id === col?.id),\n          callback: () => {\n            updateWidgetData<MapWidgetData>(DASHBOARD_COMPONENT_NAME.MAP, { columnId: c.id });\n            setCol(c);\n          },\n          label: c.label,\n          tooltip: c.description,\n        });\n      });\n    });\n\n    return menu;\n  }, [col, completeCaseType, geoDims.length, t, updateWidgetData]);\n\n  const missingCasesCount = mapCaseCount !== undefined ? lineListCaseCount - mapCaseCount : 0;\n  const missingCasesPercentage = missingCasesCount > 0 ? round(missingCasesCount / lineListCaseCount * 100, 1) : 0;\n  const shouldShowLoading = isLoading && !error;\n  const canShowWidget = !!col && (regionSetShape?.geo_json && regionSetShape?.geo_json !== 'null') && series.length > 0;\n\n  const widgetUnavailableReason = useMemo<ReactElement | string>(() => {\n    if (canShowWidget) {\n      return;\n    }\n    if (!col) {\n      return t`No geographical column found.`;\n    }\n    if (!regionSetShape?.geo_json || regionSetShape?.geo_json === 'null') {\n      return t`No geographical shape found for the selected column.`;\n    }\n    if (!series.length) {\n      return t`No cases with valid geographical information found for the selected column.`;\n    }\n    return null;\n  }, [canShowWidget, col, regionSetShape?.geo_json, series.length, t]);\n\n  const onShowOnlySelectedRegionMenuItemClick = useCallback(async (onMenuClose: () => void) => {\n    await setFilterValue(col.id, [focussedRegion.id]);\n    onMenuClose();\n  }, [col, focussedRegion, setFilterValue]);\n\n  const getEpiContextMenuExtraItems = useCallback((onMenuClose: () => void): ReactElement => {\n    if (!col || !focussedRegion?.name) {\n      return null;\n    }\n    return (\n      <MenuItem\n        divider\n        // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n        onClick={async () => await onShowOnlySelectedRegionMenuItemClick(onMenuClose)}\n      >\n        <ListItemIcon>\n          <FilterAltIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t('Filter (show only {{regionName}})', { regionName: focussedRegion?.name ?? '-' })}\n        </ListItemText>\n      </MenuItem>\n    );\n  }, [col, focussedRegion, onShowOnlySelectedRegionMenuItemClick, t]);\n\n  useEffect(() => {\n    const emitDownloadOptions = () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        disabled: !canShowWidget,\n        items: [\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Incidence map`, chartRef.current.getEchartsInstance(), 'png', completeCaseType, t),\n            label: t`Save as PNG`,\n          },\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Incidence map`, chartRef.current.getEchartsInstance(), 'jpeg', completeCaseType, t),\n            label: t`Save as JPEG`,\n          },\n        ],\n        zone: DASHBOARD_COMPONENT_NAME.MAP,\n        zoneLabel: t`Map`,\n      });\n    };\n\n\n    emitDownloadOptions();\n    const eventBusService = EventBusService.getInstance();\n    eventBusService.addEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    return () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        items: null,\n        zone: DASHBOARD_COMPONENT_NAME.MAP,\n        zoneLabel: t`Map`,\n      });\n      eventBusService.removeEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    };\n  }, [completeCaseType, canShowWidget, t]);\n\n  return (\n    <DashboardWidget\n      expandDisabled={!canShowWidget}\n      isLoading={shouldShowLoading}\n      title={titleMenu}\n      warningMessage={canShowWidget && mapCaseCount > 0 && missingCasesCount > 0 ? t('Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)', { missingCasesCount, missingCasesPercentage }) : undefined}\n      widgetName={DASHBOARD_COMPONENT_NAME.MAP}\n    >\n      <Box\n        ref={containerRef}\n        sx={{\n          height: '100%',\n          position: 'relative',\n        }}\n      >\n        {!shouldShowLoading && !canShowWidget && (\n          <WidgetUnavailable\n            reason={widgetUnavailableReason}\n            widgetLabel={t`map`}\n          />\n        )}\n        {canShowWidget && (\n          <EChartsReact\n            echarts={echartsCore}\n            notMerge\n            onChartReady={onChartReady}\n            onEvents={onEvents}\n            option={getOptions()}\n            ref={chartRef}\n            style={{\n              height: '100%',\n              position: 'absolute',\n              width: '100%',\n            }}\n          />\n        )}\n        <ContextMenu\n          config={contextMenuConfig}\n          getExtraItems={getEpiContextMenuExtraItems}\n          onMenuClose={onEpiContextMenuClose}\n        />\n      </Box>\n    </DashboardWidget>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;oEA0EM,KAAc;CAClB;CACA;CACA;AACF;AAEA,EAAgB;CAAC;CAAc;CAAkB;CAAiB;CAAgB;AAAQ,CAAC;AAW3F,IAAa,UAAkB;CAC7B,IAAM,EAAE,SAAM,GAAe,GACvB,IAAQ,GAAS,GACjB,CAAC,GAAK,KAAU,EAAoB,IAAI,GACxC,IAAW,GAAK,SAAS,IACzB,CAAC,GAAmB,KAAwB,EAA+C,IAAI,GAC/F,IAAe,EAAuB,IAAI,GAC1C,IAAW,EAAqB,IAAI,GACpC,EAAE,YAAY,EAAE,WAAQ,eAAY,GAAc,CAAY,GAE9D,IAAmB,EAAI,EAAgB,GACvC,IAAiB,EAAI,EAAqB,GAC1C,IAAiB,EAAS,IAAiB,MAAU,EAAM,cAAc,GACzE,KAAgB,EAAS,IAAiB,MAAU,EAAM,aAAa,GACvE,IAAa,EAAS,IAAiB,MAAU,EAAM,UAAU,GACjE,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAgB,EAAS,IAAiB,MAAU,EAAM,cAA6B,EAAyB,GAAG,CAAC,GACpH,IAAiB,EAAS,IAAiB,MAAU,EAAM,cAAc,GACzE,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAE7E,CAAC,GAAgB,KAAqB,EAAuB,GAC7D,IAAU,QAAc,EAAa,QAAQ,GAAkB,CAAC,EAAc,GAAG,CAAC,GAAG,CAAC,CAAgB,CAAC,GACvG,IAAwB,SACrB;EACL,QAAQ;EACR,KAAK;EACL,SAAS,EAAa,gBAAgB,CAAgB;EACtD,MAAM;CACR,IACC,CAAC,CAAgB,CAAC,GAEf,EAAE,MAAM,GAAiB,OAAO,IAAsB,WAAW,OAA6B,GAAa;EAC/G,SAAS,OAAO,EAAE,iBACR,MAAM,GAAa,YAAY,CAAC,CAAC,yBAAyB,GAAuB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,CAAG;EAEpH,UAAU,GAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,mBAAmB,CAAqB;EAClH,OAAO;EACP,SAAS,MAAW,OAAO,YAAY,EAAO,KAAI,MAAkB,CAAC,EAAe,eAAe,CAAc,CAAC,CAAC;CACrH,CAAC;CAED,QAAgB;EACd,IAAI,GACF;EAEF,IAAI,CAAC,EAAQ,QACX,MAAM,MAAM,0BAA0B;EAExC,IAAI;EAMJ,AALA,AAGE,IAHE,EAAc,WACD,EAAa,QAAQ,CAAgB,CAAC,CAAC,MAAK,MAAK,EAAE,OAAO,EAAc,QAAQ,IAEhF,EAAa,mBAAmB,EAAa,QAAQ,GAAkB,EAAQ,EAAE,CAAC,EAAE,CAAC,GAEtG,EAAO,CAAY;CACrB,GAAG;EAAC;EAAK;EAAkB,EAAc;EAAU;CAAO,CAAC;CAE3D,IAAM,IAAU,QAAc;EAC5B,IAAI,CAAC,GACH,OAAO,CAAC;EAEV,IAAM,IAAc,EAAiB,SAAS,EAAI,WAAW,CAAC;EAC9D,OAAO,EAAY,YAAY,CAAC,CAAC,KAAK,qBAAqB;CAC7D,GAAG,CAAC,GAAK,EAAiB,QAAQ,CAAC,GAE7B,IAAoB,QACjB,GAAc,aAAa,CAAU,GAC3C,CAAC,CAAU,CAAC,GAET,KAAwB,QAAkB;EAE9C,AADA,EAAqB,IAAI,GACzB,EAAkB,IAAI;CACxB,GAAG,CAAC,CAAC,GAEC,KAAY,MAA4B,IACxC,KAAQ,IAER,IAAiB,QACjB,CAAC,KAAO,CAAC,IACJ,OAGF,EADa,EAAiB,SAAS,EAAI,WAAW,CAAC,gBAE7D;EAAC;EAAK,EAAiB;EAAU;CAAe,CAAC,GAE9C,IAAW,QAAc;EAC7B,IAAI,CAAC,GACH,OAAO;EAET,IAAI;GACF,OAAQ,KAAK,MAAM,EAAe,QAAQ,CAAC,CAAa,SAAS;EACnE,QAAQ;GACN,OAAO;EACT;CACF,GAAG,CAAC,CAAc,CAAC,GAEb,IAAkB,QAAc,EAAQ,mBAAmB,GAAO,GAAQ,CAAQ,GAAG;EAAC;EAAQ;EAAU;CAAK,CAAC,GAE9G,IAA2B,QAAc,EAAQ,oBAAoB,GAAY,GAAK,IAAI,CAAO,GAAG;EAAC;EAAK;EAAY;CAAO,CAAC,GAC9H,IAAoB,GAAa,MAC9B,EAAQ,kBAAkB,GAAU,GAAiB,CAAwB,GACnF,CAAC,GAA0B,CAAe,CAAC,GAExC,EAAE,iBAAc,cAAW,QACzB,EAAQ,aAAa,GAAK,GAAS,GAAY,GAAgB,CAAiB,GACtF;EAAC;EAAK;EAAmB;EAAY;EAAS;CAAc,CAC9D,GAEM,KAAa,QAAkB;EACnC,IAAI,CAAC,GACH;EAGF,GAAY,EAAe,IAAI,EAAe,QAAQ;EACtD,IAAM,IAAc,EAAQ,sBAAsB,EAAe,QAAQ;EAEzE,OAAO;GACL,OAAO,EAAmB,iBAAiB,GAAgB,CAAK;GAChE,KAAK;IACH;IACA,UAAU,EACR,UAAU,GACZ;IACA,WAAW,EACT,WAAW,UACb;IACA,OAAO;KACL,MAAM;KACN,QAAQ;IACV;IACA,KAAK,EAAe;IACpB,MAAM;IACN,YAAY;KACV,KAAK;KACL,KAAK;IACP;IACA,QAAQ;IACR,MAAM;GACR;GACA,QAAQ,EACN,MAAM,GACR;GACQ;GACR,SAAS,CAAC;EACZ;CACF,GAAG;EAAC;EAAgB;EAAQ;EAAgB;CAAK,CAAC,GAE5C,KAAe,GAAa,MAAuB;EACvD,IAAM,IAAM,EAAM,OAAO;EAEzB,AADA,GAAK,aAAa,cAAc,EAAE,yFAAyF,EAAE,OAAO,EAAS,CAAC,CAAC,GAC/I,GAAK,aAAa,QAAQ,KAAK;CACjC,GAAG,CAAC,GAAU,CAAC,CAAC,GAEV,KAAW,SACR;EACL,gBAAgB;GACd,EAAiB,UAAU;IACzB,SAAS,CAAC;IACV,QAAQ,EAAyB;GACnC,CAAC;EACH;EACA,YAAY,MAAmB;GAC7B,IAAI;IACF,EAAiB,UAAU;KACzB,SAAU,EAA8B,KAAK,YAAY;KACzD,QAAQ,EAAyB;IACnC,CAAC;GACH,QAAiB,CAEjB;EACF;EACA,UAAU,MAAmB;GAC3B,IAAM,IAAc,GAA+B,OAAO,OACpD,IAAgB,EAA8B,KAAK,YAAY,SAC/D,IAAS,EAAQ,MAAK,MAAK,EAAE,OAAQ,EAA8B,KAAK,YAAY,QAAQ;GASlG,AARA,EAAqB;IACnB,SAAS;IACT;IACA,UAAU;KACR,MAAO,EAA2C,MAAM,MAAM;KAC9D,KAAM,EAA2C,MAAM,MAAM;IAC/D;GACF,CAAC,GACD,EAAkB,CAAM;EAC1B;CACF,IACC,CAAC,GAAkB,CAAO,CAAC;CAE9B,QAAgB;EACd,IAAM,IAAc,EAAiB,iBAAiB,WAAW,MAAiB;GAChF,IAAM,IAA8B,CAAC,GAC/B,IAA6B,CAAC;GACpC,EAAO,SAAS,GAAO,MAAe;IACpC,EAAM,KAAK,SAAS,GAAW,MAAc;KAC3C,IAAM,IAAW,EAA8C,YAAY;KAC3E,CAAA,GAAA,GAAA,QAAA,CAAiB,GAAS,EAAa,OAAO,CAAC,CAAC,WACzC,EAAkB,SAAS,CAAU,KACxC,EAAkB,KAAK,CAAU,GAEnC,EAAiB,KAAK,CAAS;IAEnC,CAAC;GACH,CAAC,GACI,GAAU,YAIX,EAAa,QAAQ,SACvB,EAAS,QAAQ,mBAAmB,CAAC,EAAE,eAAe;IACpD,WAAW;IACX,aAAa;IACb,MAAM;GACR,CAAC,IAED,EAAS,QAAQ,mBAAmB,CAAC,EAAE,eAAe,EACpD,MAAM,WACR,CAAC;EAEL,CAAC;EAGD,aAAa;GACX,EAAY;EACd;CACF,GAAG;EAAC;EAAU,EAAiB;EAAkB;CAAM,CAAC;CAExD,IAAM,KAAY,QAA4B;EAC5C,IAAM,IAAqB;GACzB,UAAU,CAAC,GAAS;GACpB,OAAO,CAAC;GACR,OAAO,GAAK,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAI,MAAM,CAAC,IAAI,CAAC;GACjE,SAAS,IAAM,EAAiB,SAAS,EAAI,WAAW,CAAC,cAAc,KAAA;EACzE;EAsBA,OApBA,EAAiB,gBAAgB,KAAI,MAAK,EAAiB,KAAK,EAAE,CAAC,CAAC,QAAO,MAC1D,EAAiB,SAAS,EAAI,WACtC,CAAO,aAAa,EAAc,GAC1C,CAAC,CAAC,SAAS,MAAQ;GAIlB,AAHI,EAAK,MAAM,WACb,EAAK,MAAM,GAAG,EAAE,CAAC,CAAC,UAAU,KAE9B,EAAiB,uBAAuB,EAAI,GAAG,CAAC,KAAI,MAAM,EAAiB,KAAK,EAAG,CAAC,CAAC,SAAS,MAAM;IAClG,EAAK,MAAM,KAAK;KACd,QAAW,EAAE,OAAO,GAAK;KACzB,gBAAgB;MAEd,AADA,EAAgC,EAAyB,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,GAChF,EAAO,CAAC;KACV;KACA,OAAO,EAAE;KACT,SAAS,EAAE;IACb,CAAC;GACH,CAAC;EACH,CAAC,GAEM;CACT,GAAG;EAAC;EAAK;EAAkB,EAAQ;EAAQ;EAAG;CAAgB,CAAC,GAEzD,IAAoB,MAAiB,KAAA,IAA+C,IAAnC,IAAoB,GACrE,KAAyB,IAAoB,KAAA,GAAA,GAAA,QAAA,CAAU,IAAoB,IAAoB,KAAK,CAAC,IAAI,GACzG,IAAoB,MAAa,CAAC,IAClC,IAAgB,CAAC,CAAC,KAAQ,GAAgB,YAAY,GAAgB,aAAa,UAAW,EAAO,SAAS,GAE9G,KAA0B,QAAqC;EAC/D,QAYJ,OATK,IAGD,CAAC,GAAgB,YAAY,GAAgB,aAAa,SACrD,CAAC,yDAEL,EAAO,SAGL,OAFE,CAAC,gFAND,CAAC;CASZ,GAAG;EAAC;EAAe;EAAK,GAAgB;EAAU,EAAO;EAAQ;CAAC,CAAC,GAE7D,KAAwC,EAAY,OAAO,MAA4B;EAE3F,AADA,MAAM,EAAe,EAAI,IAAI,CAAC,EAAe,EAAE,CAAC,GAChD,EAAY;CACd,GAAG;EAAC;EAAK;EAAgB;CAAc,CAAC,GAElC,KAA8B,GAAa,MAC3C,CAAC,KAAO,CAAC,GAAgB,OACpB,OAGP,kBAAC,IAAD;EACE,SAAA;EAEA,SAAS,YAAY,MAAM,GAAsC,CAAW;YAH9E,CAKE,kBAAC,IAAD,EAAA,UACE,kBAAC,IAAD,EAAe,UAAU,QAAU,CAAA,EACvB,CAAA,GACd,kBAAC,IAAD,EAAA,UACG,EAAE,qCAAqC,EAAE,YAAY,GAAgB,QAAQ,IAAI,CAAC,EACvE,CAAA,CACN;KAEX;EAAC;EAAK;EAAgB;EAAuC;CAAC,CAAC;CAmClE,OAjCA,QAAgB;EACd,IAAM,UAA4B;GAChC,EAAgB,YAAY,CAAC,CAAC,KAAK,4BAA4B;IAC7D,UAAU,CAAC;IACX,OAAO,CACL;KACE,gBAAgB,EAAmB,qBAAqB,CAAC,iBAAiB,EAAS,QAAQ,mBAAmB,GAAG,OAAO,GAAkB,CAAC;KAC3I,OAAO,CAAC;IACV,GACA;KACE,gBAAgB,EAAmB,qBAAqB,CAAC,iBAAiB,EAAS,QAAQ,mBAAmB,GAAG,QAAQ,GAAkB,CAAC;KAC5I,OAAO,CAAC;IACV,CACF;IACA,MAAM,EAAyB;IAC/B,WAAW,CAAC;GACd,CAAC;EACH;EAGA,EAAoB;EACpB,IAAM,IAAkB,EAAgB,YAAY;EAEpD,OADA,EAAgB,iBAAiB,8BAA8B,CAAmB,SACrE;GAMX,AALA,EAAgB,YAAY,CAAC,CAAC,KAAK,4BAA4B;IAC7D,OAAO;IACP,MAAM,EAAyB;IAC/B,WAAW,CAAC;GACd,CAAC,GACD,EAAgB,oBAAoB,8BAA8B,CAAmB;EACvF;CACF,GAAG;EAAC;EAAkB;EAAe;CAAC,CAAC,GAGrC,kBAAC,IAAD;EACE,gBAAgB,CAAC;EACjB,WAAW;EACX,OAAO;EACP,gBAAgB,KAAiB,IAAe,KAAK,IAAoB,IAAI,EAAE,sEAAsE;GAAE;GAAmB;EAAuB,CAAC,IAAI,KAAA;EACtM,YAAY,EAAyB;YAErC,kBAAC,IAAD;GACE,KAAK;GACL,IAAI;IACF,QAAQ;IACR,UAAU;GACZ;aALF;IAOG,CAAC,KAAqB,CAAC,KACtB,kBAAC,IAAD;KACE,QAAQ;KACR,aAAa,CAAC;IACf,CAAA;IAEF,KACC,kBAAC,IAAD;KACE,SAAS;KACT,UAAA;KACc;KACJ;KACV,QAAQ,GAAW;KACnB,KAAK;KACL,OAAO;MACL,QAAQ;MACR,UAAU;MACV,OAAO;KACT;IACD,CAAA;IAEH,kBAAC,IAAD;KACE,QAAQ;KACR,eAAe;KACf,aAAa;IACd,CAAA;GACE;;CACU,CAAA;AAErB"}

package/dist/components/ui/PanelSeparator/PanelSeparatorHorizontal.d.ts

@@ -0,0 +1,2 @@
+import { SeparatorProps } from 'react-resizable-panels';
+export declare const PanelSeparatorHorizontal: (props: SeparatorProps) => import("react").JSX.Element;

package/dist/components/ui/PanelSeparator/PanelSeparatorVertical.d.ts

@@ -0,0 +1,2 @@
+import { SeparatorProps } from 'react-resizable-panels';
+export declare const PanelSeparatorVertical: (props: SeparatorProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './PanelSeparatorHorizontal';
+export * from './PanelSeparatorVertical';

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

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../../_chunks/PanelSeparator.js";
+export { e as PanelSeparatorHorizontal, t as PanelSeparatorVertical };

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

@@ -0,0 +1,10 @@
+import { CaseDbCase, CaseDbCaseSet } from '@gen-epix/api-casedb';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+export interface RemoveCasesFromEventDialogOpenProps {
+    caseSet: CaseDbCaseSet;
+    rows: CaseDbCase[];
+}
+export interface RemoveCasesFromEventDialogProps extends WithDialogRenderProps<RemoveCasesFromEventDialogOpenProps> {
+}
+export type RemoveCasesFromEventDialogRefMethods = WithDialogRefMethods<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>;
+export declare const RemoveCasesFromEventDialog: import('react').ComponentClass<RemoveCasesFromEventDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<RemoveCasesFromEventDialogOpenProps>>;

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

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

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

@@ -0,0 +1,111 @@
+import { CASEDB_QUERY_KEY as e } from "../../../constants/query.js";
+import { t } from "../../../_chunks/react.js";
+import { t as n } from "../../../_chunks/dashboardStore.js";
+import { t as r } from "../../../_chunks/shallow.js";
+import { CaseDbCaseApi as i } from "@gen-epix/api-casedb";
+import { QueryClientService as a } from "@gen-epix/ui/classes/services/QueryClientService";
+import { Box as o } from "@mui/material";
+import { use as s, useCallback as c, useEffect as l, useMemo as u } from "react";
+import { useTranslation as d } from "react-i18next";
+import { jsx as f } from "react/jsx-runtime";
+import { ResponseHandler as p } from "@gen-epix/ui/components/ui/ResponseHandler";
+import { useQueryMemo as m } from "@gen-epix/ui/hooks/useQueryMemo";
+import { withDialog as h } from "@gen-epix/ui/hoc/withDialog";
+import { TestIdUtil as g } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { Spinner as _ } from "@gen-epix/ui/components/ui/Spinner";
+import { useDeleteMutation as v } from "@gen-epix/ui/hooks/useDeleteMutation";
+//#region src/components/ui/RemoveCasesFromEventDialog/RemoveCasesFromEventDialog.tsx
+var y = h(({ onActionsChange: h, onClose: y, onTitleChange: b, openProps: x }) => {
+	let { t: S } = d(), C = s(n), w = t(C, r((e) => e.completeCaseType)), T = t(C, r((e) => e.fetchData)), E = t(C, r((e) => e.setSelectedIds)), D = x.rows.length > w.props.delete_max_n_cases, O = u(() => ({
+		filters: [{
+			invert: !1,
+			key: "case_id",
+			members: x.rows.map((e) => e.id),
+			type: "UUID_SET"
+		}, {
+			invert: !1,
+			key: "case_set_id",
+			members: [x.caseSet.id],
+			type: "UUID_SET"
+		}],
+		operator: "AND",
+		type: "COMPOSITE"
+	}), [x.caseSet.id, x.rows]), { data: k, error: A, isLoading: j } = m({
+		queryFn: async ({ signal: e }) => (await i.getInstance().caseSetMembersPostQuery(O, null, null, { signal: e })).data,
+		queryKey: a.getInstance().getGenericKey(e.CASE_SET_MEMBERS, O)
+	}), M = c(async () => {
+		E([]), await T(), y();
+	}, [
+		T,
+		y,
+		E
+	]), N = c(async () => {
+		await T(), y();
+	}, [T, y]), { isMutating: P, mutate: F } = v({
+		associationQueryKeys: a.getInstance().getQueryKeyDependencies([e.CASE_SET_MEMBERS], !0),
+		getErrorNotificationMessage: () => S("Could not remove all cases from {{eventName}}.", { eventName: x.caseSet.name }),
+		getProgressNotificationMessage: (e) => S("Removing {{numCases}} case(s) from {{eventName}}...", {
+			eventName: x.caseSet.name,
+			numCases: e.length
+		}),
+		getSuccessNotificationMessage: (e) => S("Successfully removed {{numCases}} case(s) from {{eventName}}.", {
+			eventName: x.caseSet.name,
+			numCases: e.length
+		}),
+		onError: N,
+		onSuccess: M,
+		queryFn: async (e) => {
+			await i.getInstance().caseSetMembersDeleteSome(e.map((e) => e.id).join(","));
+		}
+	}), I = c((() => {
+		F(k);
+	}), [F, k]), L = c((() => {
+		y();
+	}), [y]);
+	return l(() => {
+		b(S`Remove selected cases from event`);
+	}, [b, S]), l(() => {
+		let e = [];
+		e.push({
+			...g.createAttributes("RemoveCasesFromEventDialog-closeButton"),
+			autoFocus: !0,
+			color: "primary",
+			disabled: P,
+			label: S`Close`,
+			onClick: L,
+			variant: "outlined"
+		}), D || e.push({
+			...g.createAttributes("RemoveCasesFromEventDialog-confirmButton"),
+			autoFocus: !0,
+			color: "secondary",
+			disabled: P,
+			label: S`Confirm`,
+			onClick: I,
+			variant: "contained"
+		}), h(e);
+	}, [
+		D,
+		P,
+		h,
+		L,
+		I,
+		S
+	]), P ? /* @__PURE__ */ f(_, {}) : /* @__PURE__ */ f(p, {
+		error: A,
+		isLoading: j,
+		shouldHideActionButtons: !0,
+		children: D ? /* @__PURE__ */ f(o, { children: S("You can only remove up to {{maxCases}} cases at a time. Please refine your selection and try again.", { maxCases: w.props.delete_max_n_cases }) }) : /* @__PURE__ */ f(o, { children: S("Are you sure you want to remove {{numCases}} selected cases from {{eventName}}?", {
+			eventName: x.caseSet.name,
+			numCases: x.rows.length
+		}) })
+	});
+}, {
+	defaultTitle: "",
+	fullWidth: !0,
+	maxWidth: "md",
+	testId: "RemoveCasesFromEventDialog"
+});
+//#endregion
+export { y as RemoveCasesFromEventDialog };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/RemoveCasesFromEventDialog/RemoveCasesFromEventDialog.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport type {\n  CaseDbCase,\n  CaseDbCaseSet,\n  CaseDbCaseSetMember,\n  CaseDbTypedCompositeFilter,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui/components/ui/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui/hoc/withDialog';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { Spinner } from '@gen-epix/ui/components/ui/Spinner';\nimport { useDeleteMutation } from '@gen-epix/ui/hooks/useDeleteMutation';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\n\nexport interface RemoveCasesFromEventDialogOpenProps {\n  caseSet: CaseDbCaseSet;\n  rows: CaseDbCase[];\n}\n\nexport interface RemoveCasesFromEventDialogProps extends WithDialogRenderProps<RemoveCasesFromEventDialogOpenProps> {\n  //\n}\n\nexport type RemoveCasesFromEventDialogRefMethods = WithDialogRefMethods<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>;\n\nexport const RemoveCasesFromEventDialog = withDialog<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: RemoveCasesFromEventDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, useShallow((state) => state.completeCaseType));\n  const fetchData = useStore(dashboardStore, useShallow((state) => state.fetchData));\n  const setSelectedIds = useStore(dashboardStore, useShallow((state) => state.setSelectedIds));\n\n  const isMaxExceeded = openProps.rows.length > completeCaseType.props.delete_max_n_cases;\n\n  const caseSetMembersFilter = useMemo<CaseDbTypedCompositeFilter>(() => ({\n    filters: [\n      {\n        invert: false,\n        key: 'case_id',\n        members: openProps.rows.map(row => row.id),\n        type: 'UUID_SET',\n      },\n      {\n        invert: false,\n        key: 'case_set_id',\n        members: [openProps.caseSet.id],\n        type: 'UUID_SET',\n      },\n    ],\n    operator: 'AND',\n    type: 'COMPOSITE',\n  }), [openProps.caseSet.id, openProps.rows]);\n\n  const { data: caseSetMembers, error: caseSetMembersError, isLoading: isCaseSetMembersLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseSetMembersPostQuery(caseSetMembersFilter, null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SET_MEMBERS, caseSetMembersFilter),\n  });\n\n  const onSuccess = useCallback(async () => {\n    setSelectedIds([]);\n    await fetchData();\n    onClose();\n  }, [fetchData, onClose, setSelectedIds]);\n\n  const onError = useCallback(async () => {\n    await fetchData();\n    onClose();\n  }, [fetchData, onClose]);\n\n  const { isMutating, mutate } = useDeleteMutation<CaseDbCaseSetMember[]>({\n    associationQueryKeys: QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SET_MEMBERS], true),\n    getErrorNotificationMessage: () => t('Could not remove all cases from {{eventName}}.', { eventName: openProps.caseSet.name }),\n    getProgressNotificationMessage: (items) => t('Removing {{numCases}} case(s) from {{eventName}}...', { eventName: openProps.caseSet.name, numCases: items.length }),\n    getSuccessNotificationMessage: (items) => t('Successfully removed {{numCases}} case(s) from {{eventName}}.', { eventName: openProps.caseSet.name, numCases: items.length }),\n    onError,\n    onSuccess,\n    queryFn: async (items: CaseDbCaseSetMember[]) => {\n      await CaseDbCaseApi.getInstance().caseSetMembersDeleteSome(items.map(item => item.id).join(','));\n    },\n  });\n\n  const onConfirmButtonClick = useCallback((() => {\n    mutate(caseSetMembers);\n  }), [mutate, caseSetMembers]);\n\n  const onCancelButtonClick = useCallback((() => {\n    onClose();\n  }), [onClose]);\n\n  useEffect(() => {\n    onTitleChange(t`Remove selected cases from event`);\n  }, [onTitleChange, t]);\n\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push(\n      {\n        ...TestIdUtil.createAttributes('RemoveCasesFromEventDialog-closeButton'),\n        autoFocus: true,\n        color: 'primary',\n        disabled: isMutating,\n        label: t`Close`,\n        onClick: onCancelButtonClick,\n        variant: 'outlined',\n      },\n    );\n    if (!isMaxExceeded) {\n      actions.push(\n        {\n          ...TestIdUtil.createAttributes('RemoveCasesFromEventDialog-confirmButton'),\n          autoFocus: true,\n          color: 'secondary',\n          disabled: isMutating,\n          label: t`Confirm`,\n          onClick: onConfirmButtonClick,\n          variant: 'contained',\n        },\n      );\n    }\n    onActionsChange(actions);\n  }, [isMaxExceeded, isMutating, onActionsChange, onCancelButtonClick, onConfirmButtonClick, t]);\n\n  if (isMutating) {\n    return <Spinner />;\n  }\n\n  return (\n    <ResponseHandler\n      error={caseSetMembersError}\n      isLoading={isCaseSetMembersLoading}\n      shouldHideActionButtons\n    >\n      {isMaxExceeded ? (\n        <Box>\n          {t('You can only remove up to {{maxCases}} cases at a time. Please refine your selection and try again.', { maxCases: completeCaseType.props.delete_max_n_cases })}\n        </Box>\n      ) : (\n        <Box>\n          {t('Are you sure you want to remove {{numCases}} selected cases from {{eventName}}?', { eventName: openProps.caseSet.name, numCases: openProps.rows.length })}\n        </Box>\n      )}\n    </ResponseHandler>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'md',\n  testId: 'RemoveCasesFromEventDialog',\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,IAAa,IAA6B,GACxC,EACE,oBACA,YACA,kBACA,mBAEe;CACjB,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAiB,EAAI,CAAqB,GAC1C,IAAmB,EAAS,GAAgB,GAAY,MAAU,EAAM,gBAAgB,CAAC,GACzF,IAAY,EAAS,GAAgB,GAAY,MAAU,EAAM,SAAS,CAAC,GAC3E,IAAiB,EAAS,GAAgB,GAAY,MAAU,EAAM,cAAc,CAAC,GAErF,IAAgB,EAAU,KAAK,SAAS,EAAiB,MAAM,oBAE/D,IAAuB,SAA2C;EACtE,SAAS,CACP;GACE,QAAQ;GACR,KAAK;GACL,SAAS,EAAU,KAAK,KAAI,MAAO,EAAI,EAAE;GACzC,MAAM;EACR,GACA;GACE,QAAQ;GACR,KAAK;GACL,SAAS,CAAC,EAAU,QAAQ,EAAE;GAC9B,MAAM;EACR,CACF;EACA,UAAU;EACV,MAAM;CACR,IAAI,CAAC,EAAU,QAAQ,IAAI,EAAU,IAAI,CAAC,GAEpC,EAAE,MAAM,GAAgB,OAAO,GAAqB,WAAW,MAA4B,EAAa;EAC5G,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,wBAAwB,GAAsB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,CACvG;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,kBAAkB,CAAoB;CAClH,CAAC,GAEK,IAAY,EAAY,YAAY;EAGxC,AAFA,EAAe,CAAC,CAAC,GACjB,MAAM,EAAU,GAChB,EAAQ;CACV,GAAG;EAAC;EAAW;EAAS;CAAc,CAAC,GAEjC,IAAU,EAAY,YAAY;EAEtC,AADA,MAAM,EAAU,GAChB,EAAQ;CACV,GAAG,CAAC,GAAW,CAAO,CAAC,GAEjB,EAAE,eAAY,cAAW,EAAyC;EACtE,sBAAsB,EAAmB,YAAY,CAAC,CAAC,wBAAwB,CAAC,EAAiB,gBAAgB,GAAG,EAAI;EACxH,mCAAmC,EAAE,kDAAkD,EAAE,WAAW,EAAU,QAAQ,KAAK,CAAC;EAC5H,iCAAiC,MAAU,EAAE,uDAAuD;GAAE,WAAW,EAAU,QAAQ;GAAM,UAAU,EAAM;EAAO,CAAC;EACjK,gCAAgC,MAAU,EAAE,iEAAiE;GAAE,WAAW,EAAU,QAAQ;GAAM,UAAU,EAAM;EAAO,CAAC;EAC1K;EACA;EACA,SAAS,OAAO,MAAiC;GAC/C,MAAM,EAAc,YAAY,CAAC,CAAC,yBAAyB,EAAM,KAAI,MAAQ,EAAK,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC;EACjG;CACF,CAAC,GAEK,IAAuB,SAAmB;EAC9C,EAAO,CAAc;CACvB,IAAI,CAAC,GAAQ,CAAc,CAAC,GAEtB,IAAsB,SAAmB;EAC7C,EAAQ;CACV,IAAI,CAAC,CAAO,CAAC;CAwCb,OAtCA,QAAgB;EACd,EAAc,CAAC,kCAAkC;CACnD,GAAG,CAAC,GAAe,CAAC,CAAC,GAGrB,QAAgB;EACd,IAAM,IAA0B,CAAC;EAyBjC,AAxBA,EAAQ,KACN;GACE,GAAG,EAAW,iBAAiB,wCAAwC;GACvE,WAAW;GACX,OAAO;GACP,UAAU;GACV,OAAO,CAAC;GACR,SAAS;GACT,SAAS;EACX,CACF,GACK,KACH,EAAQ,KACN;GACE,GAAG,EAAW,iBAAiB,0CAA0C;GACzE,WAAW;GACX,OAAO;GACP,UAAU;GACV,OAAO,CAAC;GACR,SAAS;GACT,SAAS;EACX,CACF,GAEF,EAAgB,CAAO;CACzB,GAAG;EAAC;EAAe;EAAY;EAAiB;EAAqB;EAAsB;CAAC,CAAC,GAEzF,IACK,kBAAC,GAAD,CAAU,CAAA,IAIjB,kBAAC,GAAD;EACE,OAAO;EACP,WAAW;EACX,yBAAA;YAEC,IACC,kBAAC,GAAD,EAAA,UACG,EAAE,uGAAuG,EAAE,UAAU,EAAiB,MAAM,mBAAmB,CAAC,EAC9J,CAAA,IAEL,kBAAC,GAAD,EAAA,UACG,EAAE,mFAAmF;GAAE,WAAW,EAAU,QAAQ;GAAM,UAAU,EAAU,KAAK;EAAO,CAAC,EACzJ,CAAA;CAEQ,CAAA;AAErB,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}

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

@@ -0,0 +1,9 @@
+import { CaseDbCompleteCaseType } from '@gen-epix/api-casedb';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+export interface RemoveFindSimilarCasesResultDialogOpenProps {
+    completeCaseType: CaseDbCompleteCaseType;
+}
+export interface RemoveFindSimilarCasesResultDialogProps extends WithDialogRenderProps<RemoveFindSimilarCasesResultDialogOpenProps> {
+}
+export type RemoveFindSimilarCasesResultDialogRefMethods = WithDialogRefMethods<RemoveFindSimilarCasesResultDialogProps, RemoveFindSimilarCasesResultDialogOpenProps>;
+export declare const RemoveFindSimilarCasesResultDialog: import('react').ComponentClass<RemoveFindSimilarCasesResultDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<RemoveFindSimilarCasesResultDialogOpenProps>>;

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

@@ -0,0 +1,10 @@
+import { CaseDbCase } from '@gen-epix/api-casedb';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+export interface SequenceDownloadDialogOpenProps {
+    cases: CaseDbCase[];
+    geneticSequenceColId?: string;
+}
+export interface SequenceDownloadDialogProps extends WithDialogRenderProps<SequenceDownloadDialogOpenProps> {
+}
+export type SequenceDownloadDialogRefMethods = WithDialogRefMethods<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>;
+export declare const SequenceDownloadDialog: import('react').ComponentClass<SequenceDownloadDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<SequenceDownloadDialogOpenProps>>;

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

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

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

@@ -0,0 +1,89 @@
+import { t as e } from "../../../_chunks/react.js";
+import { t } from "../../../_chunks/dashboardStore.js";
+import { t as n } from "../../../_chunks/shallow.js";
+import { n as r, o as i } from "../../../_chunks/index.esm.js";
+import { CaseDbColType as a } from "@gen-epix/api-casedb";
+import { StringUtil as o } from "@gen-epix/ui-core/utils/StringUtil";
+import { ConfigService as s } from "@gen-epix/ui/classes/services/ConfigService";
+import { Box as c, Button as l } from "@mui/material";
+import { use as u, useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { useTranslation as h } from "react-i18next";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { DownloadUtil as v } from "@gen-epix/ui-core/utils/DownloadUtil";
+import { withDialog as y } from "@gen-epix/ui/hoc/withDialog";
+import { Autocomplete as b } from "@gen-epix/ui-form/components/fields/Autocomplete";
+import x from "@mui/icons-material/Download";
+import { AuthenticationService as S } from "@gen-epix/ui/classes/services/AuthenticationService";
+//#region src/components/ui/SequenceDownloadDialog/SequenceDownloadDialog.tsx
+var C = y(({ onClose: y, onTitleChange: C, openProps: w }) => {
+	let { t: T } = h(), E = e(u(t), n((e) => e.completeCaseType)), D = p(() => {
+		let e = [];
+		return E.ordered_dim_ids.map((e) => E.dims[e]).forEach((t) => {
+			E.ordered_col_ids_by_dim[t.id].map((e) => E.cols[e]).forEach((t) => {
+				E.ref_cols[t.ref_col_id]?.col_type === a.GENETIC_SEQUENCE && e.push({
+					label: t.label,
+					value: t.id
+				});
+			});
+		}), e;
+	}, [E]), [O, k] = m(w?.geneticSequenceColId ?? D?.length === 1 ? D[0].value : ""), A = i({ values: { geneticSequenceColId: O } }), j = d(() => {}, []), M = d(() => {
+		v.downloadAsMultiPartForm({
+			accessToken: S.getInstance().authContextProps?.user?.access_token ?? "",
+			action: `${s.getInstance().config.getAPIBaseUrl()}/v1/retrieve/genetic_sequence/fasta`,
+			data: {
+				case_ids: w.cases.map((e) => e.id),
+				case_type_id: E.id,
+				file_name: `${o.createSlug(E.name)}-${o.createSlug(D.find((e) => e.value === O)?.label)}-sequences.fasta`,
+				genetic_sequence_col_id: O
+			}
+		}), y();
+	}, [
+		E.id,
+		E.name,
+		O,
+		D,
+		y,
+		w.cases
+	]);
+	return f(() => {
+		C(T`Download sequences`);
+	}, [C, T]), /* @__PURE__ */ _(c, { children: [/* @__PURE__ */ g(c, {
+		sx: { marginBottom: 3 },
+		children: /* @__PURE__ */ g(r, {
+			...A,
+			children: /* @__PURE__ */ g("form", {
+				autoComplete: "off",
+				onSubmit: j,
+				children: /* @__PURE__ */ g(b, {
+					disabled: D.length < 2,
+					label: T`Genetic sequence column`,
+					name: "geneticSequenceColId",
+					onChange: (e) => k(e),
+					options: D
+				})
+			})
+		})
+	}), O && /* @__PURE__ */ g(c, {
+		sx: {
+			display: "flex",
+			gap: 1,
+			justifyContent: "flex-end",
+			marginBottom: 1
+		},
+		children: /* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, {
+			color: "primary",
+			onClick: M,
+			startIcon: /* @__PURE__ */ g(x, {}),
+			children: T`Download FASTA`
+		}) })
+	})] });
+}, {
+	defaultTitle: "",
+	fullWidth: !0,
+	maxWidth: "lg",
+	testId: "SequenceDownloadDialog"
+});
+//#endregion
+export { C as SequenceDownloadDialog };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/SequenceDownloadDialog/SequenceDownloadDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  Button,\n} from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  FormProvider,\n  useForm,\n} from 'react-hook-form';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\nimport { CaseDbColType } from '@gen-epix/api-casedb';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui/hoc/withDialog';\nimport { AuthenticationService } from '@gen-epix/ui/classes/services/AuthenticationService';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { StringUtil } from '@gen-epix/ui-core/utils/StringUtil';\nimport { DownloadUtil } from '@gen-epix/ui-core/utils/DownloadUtil';\nimport { Autocomplete } from '@gen-epix/ui-form/components/fields/Autocomplete';\nimport type { AutoCompleteOption } from '@gen-epix/ui-form/models/form';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\n\n\nexport interface SequenceDownloadDialogOpenProps {\n  cases: CaseDbCase[];\n  geneticSequenceColId?: string;\n}\n\nexport interface SequenceDownloadDialogProps extends WithDialogRenderProps<SequenceDownloadDialogOpenProps> {\n  //\n}\n\nexport type SequenceDownloadDialogRefMethods = WithDialogRefMethods<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>;\n\ntype FormFields = {\n  geneticSequenceColId: string;\n};\n\nexport const SequenceDownloadDialog = withDialog<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>((\n  {\n    onClose,\n    onTitleChange,\n    openProps,\n  }: SequenceDownloadDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, useShallow((state) => state.completeCaseType));\n\n  const geneticSequenceColOptions = useMemo<AutoCompleteOption<string>[]>(() => {\n    const options: AutoCompleteOption<string>[] = [];\n\n    completeCaseType.ordered_dim_ids.map(x => completeCaseType.dims[x]).forEach((dim) => {\n      completeCaseType.ordered_col_ids_by_dim[dim.id].map(id => completeCaseType.cols[id]).forEach(col => {\n        const refCol = completeCaseType.ref_cols[col.ref_col_id];\n        if (refCol?.col_type === CaseDbColType.GENETIC_SEQUENCE) {\n          options.push({\n            label: col.label,\n            value: col.id,\n          });\n        }\n      });\n    });\n    return options;\n  }, [completeCaseType]);\n\n  const [geneticSequenceColId, setGeneticSequenceColId] = useState(openProps?.geneticSequenceColId ?? geneticSequenceColOptions?.length === 1 ? geneticSequenceColOptions[0].value : '');\n\n  const formMethods = useForm<FormFields>({\n    values: {\n      geneticSequenceColId,\n    },\n  });\n\n  const onSubmit = useCallback(() => {\n    // noop, as the download is triggered by a button outside of the form\n  }, []);\n\n  const onDownloadFastaButtonClick = useCallback(() => {\n    DownloadUtil.downloadAsMultiPartForm({\n      accessToken: AuthenticationService.getInstance().authContextProps?.user?.access_token ?? '',\n      action: `${ConfigService.getInstance().config.getAPIBaseUrl()}/v1/retrieve/genetic_sequence/fasta`,\n      data: {\n        case_ids: openProps.cases.map(c => c.id),\n        case_type_id: completeCaseType.id,\n        file_name: `${StringUtil.createSlug(completeCaseType.name)}-${StringUtil.createSlug(geneticSequenceColOptions.find(x => x.value === geneticSequenceColId)?.label)}-sequences.fasta`,\n        genetic_sequence_col_id: geneticSequenceColId,\n      },\n    });\n    onClose();\n  }, [completeCaseType.id, completeCaseType.name, geneticSequenceColId, geneticSequenceColOptions, onClose, openProps.cases]);\n\n  useEffect(() => {\n    onTitleChange(t`Download sequences`);\n  }, [onTitleChange, t]);\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          marginBottom: 3,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <form\n            autoComplete={'off'}\n            onSubmit={onSubmit}\n          >\n            <Autocomplete\n              disabled={geneticSequenceColOptions.length < 2}\n              label={t`Genetic sequence column`}\n              name={'geneticSequenceColId'}\n              // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n              onChange={(value: string) => setGeneticSequenceColId(value)}\n              options={geneticSequenceColOptions}\n            />\n          </form>\n        </FormProvider>\n      </Box>\n      {geneticSequenceColId && (\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1,\n            justifyContent: 'flex-end',\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Button\n              color={'primary'}\n              onClick={onDownloadFastaButtonClick}\n              startIcon={<DownloadIcon />}\n            >\n              {t`Download FASTA`}\n            </Button>\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'SequenceDownloadDialog',\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,IAAa,IAAyB,GACpC,EACE,YACA,kBACA,mBAEe;CACjB,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAmB,EADF,EAAI,CACO,GAAgB,GAAY,MAAU,EAAM,gBAAgB,CAAC,GAEzF,IAA4B,QAA4C;EAC5E,IAAM,IAAwC,CAAC;EAa/C,OAXA,EAAiB,gBAAgB,KAAI,MAAK,EAAiB,KAAK,EAAE,CAAC,CAAC,SAAS,MAAQ;GACnF,EAAiB,uBAAuB,EAAI,GAAG,CAAC,KAAI,MAAM,EAAiB,KAAK,EAAG,CAAC,CAAC,SAAQ,MAAO;IAElG,AADe,EAAiB,SAAS,EAAI,WACzC,EAAQ,aAAa,EAAc,oBACrC,EAAQ,KAAK;KACX,OAAO,EAAI;KACX,OAAO,EAAI;IACb,CAAC;GAEL,CAAC;EACH,CAAC,GACM;CACT,GAAG,CAAC,CAAgB,CAAC,GAEf,CAAC,GAAsB,KAA2B,EAAS,GAAW,wBAAwB,GAA2B,WAAW,IAAI,EAA0B,EAAE,CAAC,QAAQ,EAAE,GAE/K,IAAc,EAAoB,EACtC,QAAQ,EACN,wBACF,EACF,CAAC,GAEK,IAAW,QAAkB,CAEnC,GAAG,CAAC,CAAC,GAEC,IAA6B,QAAkB;EAWnD,AAVA,EAAa,wBAAwB;GACnC,aAAa,EAAsB,YAAY,CAAC,CAAC,kBAAkB,MAAM,gBAAgB;GACzF,QAAQ,GAAG,EAAc,YAAY,CAAC,CAAC,OAAO,cAAc,EAAE;GAC9D,MAAM;IACJ,UAAU,EAAU,MAAM,KAAI,MAAK,EAAE,EAAE;IACvC,cAAc,EAAiB;IAC/B,WAAW,GAAG,EAAW,WAAW,EAAiB,IAAI,EAAE,GAAG,EAAW,WAAW,EAA0B,MAAK,MAAK,EAAE,UAAU,CAAoB,CAAC,EAAE,KAAK,EAAE;IAClK,yBAAyB;GAC3B;EACF,CAAC,GACD,EAAQ;CACV,GAAG;EAAC,EAAiB;EAAI,EAAiB;EAAM;EAAsB;EAA2B;EAAS,EAAU;CAAK,CAAC;CAM1H,OAJA,QAAgB;EACd,EAAc,CAAC,oBAAoB;CACrC,GAAG,CAAC,GAAe,CAAC,CAAC,GAGnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI,EACF,cAAc,EAChB;YAEA,kBAAC,GAAD;GAAc,GAAI;aAChB,kBAAC,QAAD;IACE,cAAc;IACJ;cAEV,kBAAC,GAAD;KACE,UAAU,EAA0B,SAAS;KAC7C,OAAO,CAAC;KACR,MAAM;KAEN,WAAW,MAAkB,EAAwB,CAAK;KAC1D,SAAS;IACV,CAAA;GACG,CAAA;EACM,CAAA;CACX,CAAA,GACJ,KACC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,cAAc;EAChB;YAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAO;GACP,SAAS;GACT,WAAW,kBAAC,GAAD,CAAe,CAAA;aAEzB,CAAC;EACI,CAAA,EACL,CAAA;CACF,CAAA,CAEJ,EAAA,CAAA;AAET,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}