@gen-epix/ui-client-casedb 4.0.0

package/dist/_chunks/HomePageTrends.js

@@ -0,0 +1,276 @@
+import { h as e } from "./_MapCache.js";
+import { CaseTypeUtil as t } from "../utils/CaseTypeUtil/index.js";
+import { CASEDB_QUERY_KEY as n } from "../constants/query.js";
+import { t as r } from "./round.js";
+import { useCaseTypeMapQuery as i } from "../dataHooks/useCaseTypesQuery/index.js";
+import { useCaseSetsQuery as a } from "../dataHooks/useCaseSetsQuery/index.js";
+import { t as o } from "i18next";
+import { CaseDbCaseApi as s, CaseDbCommandName as c, CaseDbPermissionType as l } from "@gen-epix/api-casedb";
+import { QueryClientService as u } from "@gen-epix/ui/classes/services/QueryClientService";
+import { ConfigService as d } from "@gen-epix/ui/classes/services/ConfigService";
+import { Box as f, Button as p, Card as m, CardActions as h, CardContent as g, Skeleton as _, Typography as v, darken as y, useTheme as b } from "@mui/material";
+import { useCallback as x, useMemo as S } from "react";
+import { useTranslation as C } from "react-i18next";
+import { AxiosUtil as w } from "@gen-epix/ui/utils/AxiosUtil";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { ResponseHandler as D } from "@gen-epix/ui/components/ui/ResponseHandler";
+import { useArray as O } from "@gen-epix/ui-core/hooks/useArray";
+import { useQueryMemo as k } from "@gen-epix/ui/hooks/useQueryMemo";
+import { TestIdUtil as A } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { RouterService as j } from "@gen-epix/ui/classes/services/RouterService";
+import { LoadableUtil as M } from "@gen-epix/ui/utils/LoadableUtil";
+import { withPermissions as N } from "@gen-epix/ui/hoc/withPermissions";
+//#region src/components/ui/HomePageTrends/HomePageTrendCard.tsx
+var P = /* @__PURE__ */ e(r(), 1), F = ({ callback: e, callbackLabel: t, diffPercentage: n, header: r, sinceLabel: i, value: a }) => {
+	let s = b(), c = x(() => {
+		e();
+	}, [e]);
+	return /* @__PURE__ */ E(m, {
+		...A.createAttributes("HomePageTrendCard", { header: r }),
+		elevation: 1,
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "space-between"
+		},
+		children: [
+			/* @__PURE__ */ E(g, {
+				sx: { paddingBottom: 0 },
+				children: [/* @__PURE__ */ T(v, {
+					component: "h3",
+					sx: {
+						display: "block",
+						fontSize: "1rem",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: r
+				}), /* @__PURE__ */ T(v, {
+					...A.createAttributes("HomePageTrendCard-value"),
+					sx: { fontSize: "1.8rem" },
+					children: a.toLocaleString()
+				})]
+			}),
+			e && t && /* @__PURE__ */ T(h, {
+				sx: { justifyContent: "flex-end" },
+				children: /* @__PURE__ */ T(p, {
+					...A.createAttributes("HomePageTrendCard-button"),
+					onClick: c,
+					size: "small",
+					variant: "outlined",
+					children: t
+				})
+			}),
+			/* @__PURE__ */ T(f, {
+				sx: {
+					background: s.palette.grey[100],
+					justifyContent: "flex-end",
+					padding: 1
+				},
+				children: /* @__PURE__ */ E(f, {
+					sx: { marginX: 1 },
+					children: [n === 0 && /* @__PURE__ */ T(v, { children: /* @__PURE__ */ T(f, {
+						...A.createAttributes("HomePageTrendCard-diffPercentage-label"),
+						component: "span",
+						sx: {
+							color: s.palette.text.secondary,
+							fontWeight: "bold"
+						},
+						children: o("No change")
+					}) }), n !== 0 && /* @__PURE__ */ E(v, { children: [/* @__PURE__ */ E(f, {
+						...A.createAttributes("HomePageTrendCard-diffPercentage"),
+						component: "span",
+						sx: {
+							color: n > 0 ? y(s.palette.success.main, .4) : s.palette.error.main,
+							fontWeight: "bold"
+						},
+						children: [
+							n > 0 ? "+" : "",
+							n.toLocaleString(),
+							"%"
+						]
+					}), /* @__PURE__ */ E(f, {
+						...A.createAttributes("HomePageTrendCard-diffPercentage-label"),
+						component: "span",
+						children: [" ", i]
+					})] })]
+				})
+			})
+		]
+	});
+}, I = N(() => {
+	let e = b(), { t: r } = C(), o = S(() => ({
+		type: "DATETIME_RANGE",
+		upper_bound: d.getInstance().config.trends.homePage.getSinceDate(),
+		upper_bound_censor: "<="
+	}), []), c = S(() => ({
+		key: "case_set_date",
+		type: "DATETIME_RANGE",
+		upper_bound: d.getInstance().config.trends.homePage.getSinceDate(),
+		upper_bound_censor: "<="
+	}), []), l = k({
+		queryFn: async ({ signal: e }) => (await s.getInstance().retrieveCaseTypeStats({}, { signal: e })).data,
+		queryKey: u.getInstance().getGenericKey(n.CASE_TYPE_STATS)
+	}), m = S(() => {
+		if (l.data) return {
+			case_type_ids: l.data?.filter((e) => e.n_cases > 0).map((e) => e.case_type_id),
+			datetime_range_filter: o
+		};
+	}, [o, l.data]), h = k({
+		enabled: !!m,
+		queryFn: async ({ signal: e }) => (await s.getInstance().retrieveCaseTypeStats(m ?? {}, { signal: e })).data,
+		queryKey: u.getInstance().getGenericKey(n.CASE_TYPE_STATS, m ?? {})
+	}), g = a(), y = i(), { data: A, ...N } = k({
+		queryFn: async ({ signal: e }) => (await s.getInstance().caseSetsPostQuery(c, null, null, { signal: e })).data,
+		queryKey: u.getInstance().getGenericKey(n.CASE_SETS, c)
+	}), I = O([
+		l,
+		h,
+		y,
+		g,
+		N
+	]), L = S(() => {
+		let e = [];
+		if (M.isSomeLoading(I) || M.hasSomeError(I) || !l.data?.length || !h.data?.length) return e;
+		let n = l.data?.reduce((e, t) => e + t.n_cases, 0) ?? 0, i = h.data?.reduce((e, t) => e + t.n_cases, 0) ?? 0;
+		e.push({
+			callback: async () => {
+				await j.getInstance().router.navigate("/cases");
+			},
+			callbackLabel: r`View all cases`,
+			diffPercentage: (0, P.default)((n - i) / (i || 1) * 100, 2),
+			header: "Cases",
+			value: n
+		});
+		let a = g.data.length, o = A.length;
+		e.push({
+			callback: async () => {
+				await j.getInstance().router.navigate("/events");
+			},
+			callbackLabel: r`View all events`,
+			diffPercentage: (0, P.default)((a - o) / (o || 1) * 100, 2),
+			header: "Events",
+			value: a
+		});
+		let s = new Map(h.data?.map((e) => [e.case_type_id, e])), c = l?.data?.map((e) => {
+			let t = e.n_cases, n = s.get(e.case_type_id)?.n_cases ?? 0, r = t - n, i;
+			return i = n > 0 ? (0, P.default)(r / n * 100, 2) : 0, {
+				...e,
+				diffPercentage: i
+			};
+		}).sort((e, t) => t.diffPercentage - e.diffPercentage);
+		for (let n = 0; n < 6; n += 1) if (c?.[n]) {
+			let i = y.map?.get(c?.[n].case_type_id ?? ""), a = i?.name;
+			a && e.push({
+				callback: async () => {
+					await j.getInstance().router.navigate(t.createCaseTypeLink(i));
+				},
+				callbackLabel: r`View cases`,
+				diffPercentage: c[n].diffPercentage,
+				header: r("{{caseTypeName}} cases", {
+					caseTypeName: a,
+					number: n + 1
+				}),
+				value: c[n].n_cases
+			});
+		}
+		return e;
+	}, [
+		g.data?.length,
+		A?.length,
+		y.map,
+		l.data,
+		h.data,
+		I,
+		r
+	]), R = x(async () => {
+		await j.getInstance().router.navigate("/trends");
+	}, []);
+	return w.isAxiosForbiddenError(M.findFirstError(I)) ? null : /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T(f, {
+		sx: { marginBottom: 1 },
+		children: /* @__PURE__ */ E(f, {
+			sx: {
+				alignItems: "center",
+				display: "flex",
+				justifyContent: "space-between"
+			},
+			children: [/* @__PURE__ */ T(f, { children: /* @__PURE__ */ T(v, {
+				variant: "h2",
+				children: r`Trends summary`
+			}) }), /* @__PURE__ */ T(f, { children: /* @__PURE__ */ T(p, {
+				color: "primary",
+				disabled: !0,
+				onClick: R,
+				variant: "outlined",
+				children: r`View more trends`
+			}) })]
+		})
+	}), /* @__PURE__ */ E(D, {
+		inlineSpinner: !0,
+		loadables: I,
+		loadingContent: /* @__PURE__ */ T(f, {
+			sx: {
+				display: "grid",
+				gap: 2,
+				gridTemplateColumns: "repeat(1, 1fr)",
+				marginBottom: 2,
+				[e.breakpoints.up("md")]: { gridTemplateColumns: "repeat(4, 1fr)" },
+				[e.breakpoints.up("sm")]: { gridTemplateColumns: "repeat(2, 1fr)" }
+			},
+			children: [...Array(8)].map((e, t) => /* @__PURE__ */ T(f, {
+				sx: {
+					alignItems: "center",
+					display: "flex",
+					height: 165.75,
+					justifyContent: "center"
+				},
+				children: /* @__PURE__ */ T(_, {
+					animation: "pulse",
+					height: "100%",
+					variant: "rounded",
+					width: "100%"
+				})
+			}, t))
+		}),
+		shouldHideActionButtons: !0,
+		children: [L.length === 0 && /* @__PURE__ */ T(f, {
+			sx: { marginY: 2 },
+			children: /* @__PURE__ */ T(v, { children: r`No trends available.` })
+		}), L.length > 0 && /* @__PURE__ */ T(f, {
+			sx: {
+				display: "grid",
+				gap: 2,
+				gridTemplateColumns: "repeat(1, 1fr)",
+				marginBottom: 2,
+				[e.breakpoints.up("md")]: { gridTemplateColumns: "repeat(4, 1fr)" },
+				[e.breakpoints.up("sm")]: { gridTemplateColumns: "repeat(2, 1fr)" }
+			},
+			children: L.map((e) => /* @__PURE__ */ T(F, {
+				callback: e.callback,
+				callbackLabel: e.callbackLabel,
+				diffPercentage: e.diffPercentage,
+				header: e.header,
+				sinceLabel: d.getInstance().config.trends.homePage.getSinceLabel(r),
+				value: e.value
+			}, e.header))
+		})]
+	})] });
+}, { requiredPermissions: [
+	{
+		command_name: c.RetrieveCaseTypeStatsCommand,
+		permission_type: l.EXECUTE
+	},
+	{
+		command_name: c.CaseSetCrudCommand,
+		permission_type: l.READ
+	},
+	{
+		command_name: c.CaseTypeCrudCommand,
+		permission_type: l.READ
+	}
+] });
+//#endregion
+export { I as t };
+
+//# sourceMappingURL=HomePageTrends.js.map

package/dist/_chunks/HomePageTrends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePageTrends.js","names":[],"sources":["../../src/components/ui/HomePageTrends/HomePageTrendCard.tsx","../../src/components/ui/HomePageTrends/HomePageTrends.tsx"],"sourcesContent":["import { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport {\n  Box,\n  Button,\n  Card,\n  CardActions,\n  CardContent,\n  darken,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport { t } from 'i18next';\nimport { useCallback } from 'react';\n\n\nexport type HomagePageTrendCardProps = {\n  readonly callback?: () => void;\n  readonly callbackLabel?: string;\n  readonly diffPercentage: number;\n  readonly header: string;\n  readonly sinceLabel: string;\n  readonly value: number;\n};\n\nexport const HomePageTrendCard = ({ callback, callbackLabel, diffPercentage, header, sinceLabel, value }: HomagePageTrendCardProps) => {\n  const theme = useTheme();\n\n  const onCallbackButtonClick = useCallback(() => {\n    callback();\n  }, [callback]);\n\n  return (\n    <Card\n      {...TestIdUtil.createAttributes('HomePageTrendCard', { header })}\n      elevation={1}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n      }}\n    >\n      <CardContent\n        sx={{\n          paddingBottom: 0,\n        }}\n      >\n        <Typography\n          component={'h3'}\n          sx={{\n            display: 'block',\n            fontSize: '1rem',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {header}\n        </Typography>\n        <Typography\n          {...TestIdUtil.createAttributes('HomePageTrendCard-value')}\n          sx={{ fontSize: '1.8rem' }}\n        >\n          {value.toLocaleString()}\n        </Typography>\n      </CardContent>\n      {callback && callbackLabel && (\n        <CardActions\n          sx={{\n            justifyContent: 'flex-end',\n          }}\n        >\n          <Button\n            {...TestIdUtil.createAttributes('HomePageTrendCard-button')}\n            onClick={onCallbackButtonClick}\n            size={'small'}\n            variant={'outlined'}\n          >\n            {callbackLabel}\n          </Button>\n        </CardActions>\n      )}\n      <Box\n        sx={{\n          background: theme.palette.grey['100'],\n          justifyContent: 'flex-end',\n          padding: 1,\n        }}\n      >\n        <Box\n          sx={{\n            marginX: 1,\n          }}\n        >\n          {diffPercentage === 0 && (\n            <Typography>\n              <Box\n                {...TestIdUtil.createAttributes('HomePageTrendCard-diffPercentage-label')}\n                component={'span'}\n                sx={{\n                  color: theme.palette.text.secondary,\n                  fontWeight: 'bold',\n                }}\n              >\n                {t('No change')}\n              </Box>\n            </Typography>\n          )}\n          {diffPercentage !== 0 && (\n            <Typography>\n              <Box\n                {...TestIdUtil.createAttributes('HomePageTrendCard-diffPercentage')}\n                component={'span'}\n                sx={{\n                  color: diffPercentage > 0 ? darken(theme.palette.success.main, 0.4) : theme.palette.error.main,\n                  fontWeight: 'bold',\n                }}\n              >\n                {diffPercentage > 0 ? '+' : ''}\n                {diffPercentage.toLocaleString()}\n                {'%'}\n\n              </Box>\n              <Box\n                {...TestIdUtil.createAttributes('HomePageTrendCard-diffPercentage-label')}\n                component={'span'}\n              >\n                {' '}\n                {sinceLabel}\n              </Box>\n            </Typography>\n          )}\n        </Box>\n      </Box>\n    </Card>\n  );\n};\n","import {\n  Box,\n  Button,\n  Skeleton,\n  Typography,\n  useTheme,\n} from '@mui/material';\nimport {\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport round from 'lodash/round';\nimport type {\n  CaseDbApiPermission,\n  CaseDbCaseStats,\n  CaseDbEpiFilter,\n  CaseDbRetrieveCaseTypeStatsRequestBody,\n  CaseDbTypedDatetimeRangeFilter,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbCaseApi,\n  CaseDbCommandName,\n  CaseDbPermissionType,\n} from '@gen-epix/api-casedb';\nimport { AxiosUtil } from '@gen-epix/ui/utils/AxiosUtil';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport { LoadableUtil } from '@gen-epix/ui/utils/LoadableUtil';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { RouterService } from '@gen-epix/ui/classes/services/RouterService';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { withPermissions } from '@gen-epix/ui/hoc/withPermissions';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\n\nimport { useCaseSetsQuery } from '../../../dataHooks/useCaseSetsQuery';\nimport { useCaseTypeMapQuery } from '../../../dataHooks/useCaseTypesQuery';\nimport { CaseTypeUtil } from '../../../utils/CaseTypeUtil';\nimport type { CaseDbConfig } from '../../../models/config';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\n\nimport { HomePageTrendCard } from './HomePageTrendCard';\n\ntype CaseStatsWithDiff = {\n  diffPercentage: number;\n} & CaseDbCaseStats;\n\ntype Statistic = {\n  callback?: () => void;\n  callbackLabel?: string;\n  diffPercentage: number;\n  header: string;\n  value: number;\n};\n\nexport const HomePageTrends = withPermissions<CaseDbApiPermission>(() => {\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  const dateTimeRangeFilter = useMemo<CaseDbTypedDatetimeRangeFilter>(() => ({\n    type: 'DATETIME_RANGE',\n    upper_bound: ConfigService.getInstance<CaseDbConfig>().config.trends.homePage.getSinceDate(),\n    upper_bound_censor: '<=',\n  } satisfies CaseDbTypedDatetimeRangeFilter), []);\n\n  const caseSetQueryFilter = useMemo<CaseDbEpiFilter>(() => ({\n    key: 'case_set_date',\n    type: 'DATETIME_RANGE',\n    upper_bound: ConfigService.getInstance<CaseDbConfig>().config.trends.homePage.getSinceDate(),\n    upper_bound_censor: '<=',\n  } satisfies CaseDbEpiFilter), []);\n\n  const caseTypeStatsQueryNow = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().retrieveCaseTypeStats({}, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_TYPE_STATS),\n  });\n\n  const retrieveTypeCaseStatsRequestBody = useMemo<CaseDbRetrieveCaseTypeStatsRequestBody>(() => {\n    if (!caseTypeStatsQueryNow.data) {\n      return undefined;\n    }\n    return {\n      case_type_ids: caseTypeStatsQueryNow.data?.filter(stat => stat.n_cases > 0).map(stat => stat.case_type_id),\n      datetime_range_filter: dateTimeRangeFilter,\n    };\n  }, [dateTimeRangeFilter, caseTypeStatsQueryNow.data]);\n\n  const caseTypeStatsQueryPast = useQueryMemo({\n    enabled: !!retrieveTypeCaseStatsRequestBody,\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().retrieveCaseTypeStats(retrieveTypeCaseStatsRequestBody ?? {}, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_TYPE_STATS, retrieveTypeCaseStatsRequestBody ?? {}),\n  });\n  const caseSetsNowQuery = useCaseSetsQuery();\n  const caseTypeMapQuery = useCaseTypeMapQuery();\n\n  const { data: caseSetsThenData, ...caseSetsThenQuery } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseSetsPostQuery(caseSetQueryFilter, null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SETS, caseSetQueryFilter),\n  });\n\n  const loadables = useArray([\n    caseTypeStatsQueryNow,\n    caseTypeStatsQueryPast,\n    caseTypeMapQuery,\n    caseSetsNowQuery,\n    caseSetsThenQuery,\n  ]);\n\n  const statistics = useMemo<Statistic[]>(() => {\n    const s: Statistic[] = [];\n\n    if (LoadableUtil.isSomeLoading(loadables) || LoadableUtil.hasSomeError(loadables) || !caseTypeStatsQueryNow.data?.length || !caseTypeStatsQueryPast.data?.length) {\n      return s;\n    }\n\n    const nowTotalCases = caseTypeStatsQueryNow.data?.reduce((acc, stat) => acc + stat.n_cases, 0) ?? 0;\n    const thenTotalCases = caseTypeStatsQueryPast.data?.reduce((acc, stat) => acc + stat.n_cases, 0) ?? 0;\n\n    s.push(\n      {\n        callback: async () => {\n          await RouterService.getInstance().router.navigate('/cases');\n        },\n        callbackLabel: t`View all cases`,\n        diffPercentage: round((nowTotalCases - thenTotalCases) / (thenTotalCases || 1) * 100, 2),\n        header: 'Cases',\n        value: nowTotalCases,\n      },\n    );\n\n    const numberOfCaseSetsNow = caseSetsNowQuery.data.length;\n    const numberOfCaseSetsThen = caseSetsThenData.length;\n    s.push(\n      {\n        callback: async () => {\n          await RouterService.getInstance().router.navigate('/events');\n        },\n        callbackLabel: t`View all events`,\n        diffPercentage: round((numberOfCaseSetsNow - numberOfCaseSetsThen) / (numberOfCaseSetsThen || 1) * 100, 2),\n        header: 'Events',\n        value: numberOfCaseSetsNow,\n      },\n    );\n\n    const caseStatsThenByCaseTypeId = new Map<string, CaseDbCaseStats>(caseTypeStatsQueryPast.data?.map(stat => [stat.case_type_id, stat]));\n    const sortedStats = caseTypeStatsQueryNow?.data?.map<CaseStatsWithDiff>(stat => {\n      const nowNCases = stat.n_cases;\n      const thenNCases = caseStatsThenByCaseTypeId.get(stat.case_type_id)?.n_cases ?? 0;\n      const diff = nowNCases - thenNCases;\n      let diffPercentage: number;\n      if (thenNCases > 0) {\n        diffPercentage = round((diff / thenNCases) * 100, 2);\n      } else {\n        diffPercentage = 0;\n      }\n      return ({\n        ...stat,\n        diffPercentage,\n      });\n    }).sort((a, b) => b.diffPercentage - a.diffPercentage);\n\n    for (let i = 0; i < 6; i += 1) {\n      if (sortedStats?.[i]) {\n        const caseType = caseTypeMapQuery.map?.get(sortedStats?.[i].case_type_id ?? '');\n        const caseTypeName = caseType?.name;\n        if (caseTypeName) {\n          s.push(\n            {\n              callback: async () => {\n                await RouterService.getInstance().router.navigate(CaseTypeUtil.createCaseTypeLink(caseType));\n              },\n              callbackLabel: t`View cases`,\n              diffPercentage: sortedStats[i].diffPercentage,\n              header: t('{{caseTypeName}} cases', { caseTypeName, number: i + 1 }),\n              value: sortedStats[i].n_cases,\n            },\n          );\n        }\n      }\n    }\n\n    return s;\n  }, [caseSetsNowQuery.data?.length, caseSetsThenData?.length, caseTypeMapQuery.map, caseTypeStatsQueryNow.data, caseTypeStatsQueryPast.data, loadables, t]);\n\n  const onViewMoreTrendsButtonClick = useCallback(async () => {\n    await RouterService.getInstance().router.navigate('/trends');\n  }, []);\n\n  if (AxiosUtil.isAxiosForbiddenError(LoadableUtil.findFirstError(loadables))) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          marginBottom: 1,\n        }}\n      >\n        <Box\n          sx={{\n            alignItems: 'center',\n            display: 'flex',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Box>\n            <Typography\n              variant={'h2'}\n            >\n              {t`Trends summary`}\n            </Typography>\n          </Box>\n          <Box>\n            <Button\n              color={'primary'}\n              disabled\n              onClick={onViewMoreTrendsButtonClick}\n              variant={'outlined'}\n            >\n              {t`View more trends`}\n            </Button>\n          </Box>\n        </Box>\n      </Box>\n      <ResponseHandler\n        inlineSpinner\n        loadables={loadables}\n        loadingContent={(\n          <Box\n            sx={{\n              display: 'grid',\n              gap: 2,\n              gridTemplateColumns: 'repeat(1, 1fr)',\n              marginBottom: 2,\n              [theme.breakpoints.up('md')]: {\n                gridTemplateColumns: 'repeat(4, 1fr)',\n              },\n              [theme.breakpoints.up('sm')]: {\n                gridTemplateColumns: 'repeat(2, 1fr)',\n              },\n            }}\n          >\n            {[...Array<string>(8)].map((_, index) => (\n              <Box\n                // eslint-disable-next-line @eslint-react/no-array-index-key\n                key={index}\n                sx={{\n                  alignItems: 'center',\n                  display: 'flex',\n                  height: 165.75,\n                  justifyContent: 'center',\n                }}\n              >\n                <Skeleton\n                  animation={'pulse'}\n                  height={'100%'}\n                  variant={'rounded'}\n                  width={'100%'}\n                />\n              </Box>\n            ))}\n          </Box>\n        )}\n        shouldHideActionButtons\n      >\n        {statistics.length === 0 && (\n          <Box\n            sx={{\n              marginY: 2,\n            }}\n          >\n            <Typography>\n              {t`No trends available.`}\n            </Typography>\n          </Box>\n        )}\n        {statistics.length > 0 && (\n          <Box\n            sx={{\n              display: 'grid',\n              gap: 2,\n              gridTemplateColumns: 'repeat(1, 1fr)',\n              marginBottom: 2,\n              [theme.breakpoints.up('md')]: {\n                gridTemplateColumns: 'repeat(4, 1fr)',\n              },\n              [theme.breakpoints.up('sm')]: {\n                gridTemplateColumns: 'repeat(2, 1fr)',\n              },\n            }}\n          >\n            {statistics.map(statistic => (\n              <HomePageTrendCard\n                callback={statistic.callback}\n                callbackLabel={statistic.callbackLabel}\n                diffPercentage={statistic.diffPercentage}\n                header={statistic.header}\n                key={statistic.header}\n                sinceLabel={ConfigService.getInstance<CaseDbConfig>().config.trends.homePage.getSinceLabel(t)}\n                value={statistic.value}\n              />\n            ))}\n          </Box>\n        )}\n      </ResponseHandler>\n    </Box>\n  );\n}, {\n  requiredPermissions: [\n    { command_name: CaseDbCommandName.RetrieveCaseTypeStatsCommand, permission_type: CaseDbPermissionType.EXECUTE },\n    { command_name: CaseDbCommandName.CaseSetCrudCommand, permission_type: CaseDbPermissionType.READ },\n    { command_name: CaseDbCommandName.CaseTypeCrudCommand, permission_type: CaseDbPermissionType.READ },\n  ],\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;mCAwBA,KAAA,EAAA,aAAA,kBAAA,mBAAA,WAAA,eAAA,eAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,GChFa,IAAiB,QAA2C;CACvE,IAAM,IAAQ,EAAS,GACjB,EAAE,SAAM,EAAe,GAEvB,IAAsB,SAA+C;EACzE,MAAM;EACN,aAAa,EAAc,YAA0B,CAAC,CAAC,OAAO,OAAO,SAAS,aAAa;EAC3F,oBAAoB;CACtB,IAA6C,CAAC,CAAC,GAEzC,IAAqB,SAAgC;EACzD,KAAK;EACL,MAAM;EACN,aAAa,EAAc,YAA0B,CAAC,CAAC,OAAO,OAAO,SAAS,aAAa;EAC3F,oBAAoB;CACtB,IAA8B,CAAC,CAAC,GAE1B,IAAwB,EAAa;EACzC,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,sBAAsB,CAAC,GAAG,EAAE,UAAO,CAAC,EAAA,CACvE;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,eAAe;CAC3F,CAAC,GAEK,IAAmC,QAAsD;EACxF,MAAsB,MAG3B,OAAO;GACL,eAAe,EAAsB,MAAM,QAAO,MAAQ,EAAK,UAAU,CAAC,CAAC,CAAC,KAAI,MAAQ,EAAK,YAAY;GACzG,uBAAuB;EACzB;CACF,GAAG,CAAC,GAAqB,EAAsB,IAAI,CAAC,GAE9C,IAAyB,EAAa;EAC1C,SAAS,CAAC,CAAC;EACX,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,sBAAsB,KAAoC,CAAC,GAAG,EAAE,UAAO,CAAC,EAAA,CAC3G;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,iBAAiB,KAAoC,CAAC,CAAC;CACnI,CAAC,GACK,IAAmB,EAAiB,GACpC,IAAmB,EAAoB,GAEvC,EAAE,MAAM,GAAkB,GAAG,MAAsB,EAAa;EACpE,SAAS,OAAO,EAAE,iBAET,MADgB,EAAc,YAAY,CAAC,CAAC,kBAAkB,GAAoB,MAAM,MAAM,EAAE,UAAO,CAAC,EAAA,CAC/F;EAElB,UAAU,EAAmB,YAAY,CAAC,CAAC,cAAc,EAAiB,WAAW,CAAkB;CACzG,CAAC,GAEK,IAAY,EAAS;EACzB;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAa,QAA2B;EAC5C,IAAM,IAAiB,CAAC;EAExB,IAAI,EAAa,cAAc,CAAS,KAAK,EAAa,aAAa,CAAS,KAAK,CAAC,EAAsB,MAAM,UAAU,CAAC,EAAuB,MAAM,QACxJ,OAAO;EAGT,IAAM,IAAgB,EAAsB,MAAM,QAAQ,GAAK,MAAS,IAAM,EAAK,SAAS,CAAC,KAAK,GAC5F,IAAiB,EAAuB,MAAM,QAAQ,GAAK,MAAS,IAAM,EAAK,SAAS,CAAC,KAAK;EAEpG,EAAE,KACA;GACE,UAAU,YAAY;IACpB,MAAM,EAAc,YAAY,CAAC,CAAC,OAAO,SAAS,QAAQ;GAC5D;GACA,eAAe,CAAC;GAChB,iBAAA,GAAA,EAAA,QAAA,EAAuB,IAAgB,MAAmB,KAAkB,KAAK,KAAK,CAAC;GACvF,QAAQ;GACR,OAAO;EACT,CACF;EAEA,IAAM,IAAsB,EAAiB,KAAK,QAC5C,IAAuB,EAAiB;EAC9C,EAAE,KACA;GACE,UAAU,YAAY;IACpB,MAAM,EAAc,YAAY,CAAC,CAAC,OAAO,SAAS,SAAS;GAC7D;GACA,eAAe,CAAC;GAChB,iBAAA,GAAA,EAAA,QAAA,EAAuB,IAAsB,MAAyB,KAAwB,KAAK,KAAK,CAAC;GACzG,QAAQ;GACR,OAAO;EACT,CACF;EAEA,IAAM,IAA4B,IAAI,IAA6B,EAAuB,MAAM,KAAI,MAAQ,CAAC,EAAK,cAAc,CAAI,CAAC,CAAC,GAChI,IAAc,GAAuB,MAAM,KAAuB,MAAQ;GAC9E,IAAM,IAAY,EAAK,SACjB,IAAa,EAA0B,IAAI,EAAK,YAAY,CAAC,EAAE,WAAW,GAC1E,IAAO,IAAY,GACrB;GAMJ,OALA,AAGE,IAHE,IAAa,KACf,GAAA,EAAA,QAAA,CAAwB,IAAO,IAAc,KAAK,CAAC,IAElC,GAEX;IACN,GAAG;IACH;GACF;EACF,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,iBAAiB,EAAE,cAAc;EAErD,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAC1B,IAAI,IAAc,IAAI;GACpB,IAAM,IAAW,EAAiB,KAAK,IAAI,IAAc,EAAE,CAAC,gBAAgB,EAAE,GACxE,IAAe,GAAU;GAC/B,AAAI,KACF,EAAE,KACA;IACE,UAAU,YAAY;KACpB,MAAM,EAAc,YAAY,CAAC,CAAC,OAAO,SAAS,EAAa,mBAAmB,CAAQ,CAAC;IAC7F;IACA,eAAe,CAAC;IAChB,gBAAgB,EAAY,EAAE,CAAC;IAC/B,QAAQ,EAAE,0BAA0B;KAAE;KAAc,QAAQ,IAAI;IAAE,CAAC;IACnE,OAAO,EAAY,EAAE,CAAC;GACxB,CACF;EAEJ;EAGF,OAAO;CACT,GAAG;EAAC,EAAiB,MAAM;EAAQ,GAAkB;EAAQ,EAAiB;EAAK,EAAsB;EAAM,EAAuB;EAAM;EAAW;CAAC,CAAC,GAEnJ,IAA8B,EAAY,YAAY;EAC1D,MAAM,EAAc,YAAY,CAAC,CAAC,OAAO,SAAS,SAAS;CAC7D,GAAG,CAAC,CAAC;CAML,OAJI,EAAU,sBAAsB,EAAa,eAAe,CAAS,CAAC,IACjE,OAIP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI,EACF,cAAc,EAChB;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,YAAY;IACZ,SAAS;IACT,gBAAgB;GAClB;aALF,CAOE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,SAAS;cAER,CAAC;GACQ,CAAA,EACT,CAAA,GACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,OAAO;IACP,UAAA;IACA,SAAS;IACT,SAAS;cAER,CAAC;GACI,CAAA,EACL,CAAA,CACF;;CACF,CAAA,GACL,kBAAC,GAAD;EACE,eAAA;EACW;EACX,gBACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,qBAAqB;IACrB,cAAc;KACb,EAAM,YAAY,GAAG,IAAI,IAAI,EAC5B,qBAAqB,iBACvB;KACC,EAAM,YAAY,GAAG,IAAI,IAAI,EAC5B,qBAAqB,iBACvB;GACF;aAEC,CAAC,GAAG,MAAc,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAC7B,kBAAC,GAAD;IAGE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,QAAQ;KACR,gBAAgB;IAClB;cAEA,kBAAC,GAAD;KACE,WAAW;KACX,QAAQ;KACR,SAAS;KACT,OAAO;IACR,CAAA;GACE,GAdE,CAcF,CACN;EACE,CAAA;EAEP,yBAAA;YAvCF,CAyCG,EAAW,WAAW,KACrB,kBAAC,GAAD;GACE,IAAI,EACF,SAAS,EACX;aAEA,kBAAC,GAAD,EAAA,UACG,CAAC,uBACQ,CAAA;EACT,CAAA,GAEN,EAAW,SAAS,KACnB,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,qBAAqB;IACrB,cAAc;KACb,EAAM,YAAY,GAAG,IAAI,IAAI,EAC5B,qBAAqB,iBACvB;KACC,EAAM,YAAY,GAAG,IAAI,IAAI,EAC5B,qBAAqB,iBACvB;GACF;aAEC,EAAW,KAAI,MACd,kBAAC,GAAD;IACE,UAAU,EAAU;IACpB,eAAe,EAAU;IACzB,gBAAgB,EAAU;IAC1B,QAAQ,EAAU;IAElB,YAAY,EAAc,YAA0B,CAAC,CAAC,OAAO,OAAO,SAAS,cAAc,CAAC;IAC5F,OAAO,EAAU;GAClB,GAHM,EAAU,MAGhB,CACF;EACE,CAAA,CAEQ;GACd,EAAA,CAAA;AAET,GAAG,EACD,qBAAqB;CACnB;EAAE,cAAc,EAAkB;EAA8B,iBAAiB,EAAqB;CAAQ;CAC9G;EAAE,cAAc,EAAkB;EAAoB,iBAAiB,EAAqB;CAAK;CACjG;EAAE,cAAc,EAAkB;EAAqB,iBAAiB,EAAqB;CAAK;AACpG,EACF,CAAC"}

package/dist/_chunks/LegendaItem.js

@@ -0,0 +1,325 @@
+import { h as e, p as t } from "./_MapCache.js";
+import { t as n } from "./isArray.js";
+import { STRATIFICATION_MODE as r, STRATIFICATION_SELECTED as i } from "../models/stratification.js";
+import { DASHBOARD_COMPONENT_NAME as a } from "../constants/dashboard.js";
+import { t as o } from "./react.js";
+import { t as s } from "./dashboardStore.js";
+import { ContextMenu as c } from "../components/ui/ContextMenu/index.js";
+import { ConfigService as l } from "@gen-epix/ui/classes/services/ConfigService";
+import { Box as u, ListItemIcon as d, ListItemText as f, MenuItem as p, Tooltip as m, useTheme as h } from "@mui/material";
+import * as g from "react";
+import _, { createContext as v, use as y, useCallback as b, useMemo as x, useState as S } from "react";
+import { useTranslation as C } from "react-i18next";
+import w from "@mui/icons-material/FilterAlt";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region builtin:esm-external-require-react
+var O = /* @__PURE__ */ t(((e, t) => {
+	t.exports = { ...g };
+})), k = /* @__PURE__ */ t(((e) => {
+	var t = O();
+	function n(e, t) {
+		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+	}
+	var r = typeof Object.is == "function" ? Object.is : n, i = t.useState, a = t.useEffect, o = t.useLayoutEffect, s = t.useDebugValue;
+	function c(e, t) {
+		var n = t(), r = i({ inst: {
+			value: n,
+			getSnapshot: t
+		} }), c = r[0].inst, u = r[1];
+		return o(function() {
+			c.value = n, c.getSnapshot = t, l(c) && u({ inst: c });
+		}, [
+			e,
+			n,
+			t
+		]), a(function() {
+			return l(c) && u({ inst: c }), e(function() {
+				l(c) && u({ inst: c });
+			});
+		}, [e]), s(n), n;
+	}
+	function l(e) {
+		var t = e.getSnapshot;
+		e = e.value;
+		try {
+			var n = t();
+			return !r(e, n);
+		} catch {
+			return !0;
+		}
+	}
+	function u(e, t) {
+		return t();
+	}
+	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
+	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
+})), A = /* @__PURE__ */ t(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e, t) {
+			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+		}
+		function n(e, t) {
+			d || a.startTransition === void 0 || (d = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			var n = t();
+			if (!f) {
+				var i = t();
+				o(n, i) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), f = !0);
+			}
+			i = s({ inst: {
+				value: n,
+				getSnapshot: t
+			} });
+			var p = i[0].inst, m = i[1];
+			return l(function() {
+				p.value = n, p.getSnapshot = t, r(p) && m({ inst: p });
+			}, [
+				e,
+				n,
+				t
+			]), c(function() {
+				return r(p) && m({ inst: p }), e(function() {
+					r(p) && m({ inst: p });
+				});
+			}, [e]), u(n), n;
+		}
+		function r(e) {
+			var t = e.getSnapshot;
+			e = e.value;
+			try {
+				var n = t();
+				return !o(e, n);
+			} catch {
+				return !0;
+			}
+		}
+		function i(e, t) {
+			return t();
+		}
+		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var a = O(), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
+		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+})), j = /* @__PURE__ */ t(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = k() : t.exports = A();
+})), M = /* @__PURE__ */ t(((e) => {
+	var t = O(), n = j();
+	function r(e, t) {
+		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+	}
+	var i = typeof Object.is == "function" ? Object.is : r, a = n.useSyncExternalStore, o = t.useRef, s = t.useEffect, c = t.useMemo, l = t.useDebugValue;
+	e.useSyncExternalStoreWithSelector = function(e, t, n, r, u) {
+		var d = o(null);
+		if (d.current === null) {
+			var f = {
+				hasValue: !1,
+				value: null
+			};
+			d.current = f;
+		} else f = d.current;
+		d = c(function() {
+			function e(e) {
+				if (!a) {
+					if (a = !0, o = e, e = r(e), u !== void 0 && f.hasValue) {
+						var t = f.value;
+						if (u(t, e)) return s = t;
+					}
+					return s = e;
+				}
+				if (t = s, i(o, e)) return t;
+				var n = r(e);
+				return u !== void 0 && u(t, n) ? (o = e, t) : (o = e, s = n);
+			}
+			var a = !1, o, s, c = n === void 0 ? null : n;
+			return [function() {
+				return e(t());
+			}, c === null ? void 0 : function() {
+				return e(c());
+			}];
+		}, [
+			t,
+			n,
+			r,
+			u
+		]);
+		var p = a(e, d[0], d[1]);
+		return s(function() {
+			f.hasValue = !0, f.value = p;
+		}, [p]), l(p), p;
+	};
+})), N = /* @__PURE__ */ t(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e, t) {
+			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+		}
+		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var n = O(), r = j(), i = typeof Object.is == "function" ? Object.is : t, a = r.useSyncExternalStore, o = n.useRef, s = n.useEffect, c = n.useMemo, l = n.useDebugValue;
+		e.useSyncExternalStoreWithSelector = function(e, t, n, r, u) {
+			var d = o(null);
+			if (d.current === null) {
+				var f = {
+					hasValue: !1,
+					value: null
+				};
+				d.current = f;
+			} else f = d.current;
+			d = c(function() {
+				function e(e) {
+					if (!a) {
+						if (a = !0, o = e, e = r(e), u !== void 0 && f.hasValue) {
+							var t = f.value;
+							if (u(t, e)) return s = t;
+						}
+						return s = e;
+					}
+					if (t = s, i(o, e)) return t;
+					var n = r(e);
+					return u !== void 0 && u(t, n) ? (o = e, t) : (o = e, s = n);
+				}
+				var a = !1, o, s, c = n === void 0 ? null : n;
+				return [function() {
+					return e(t());
+				}, c === null ? void 0 : function() {
+					return e(c());
+				}];
+			}, [
+				t,
+				n,
+				r,
+				u
+			]);
+			var p = a(e, d[0], d[1]);
+			return s(function() {
+				f.hasValue = !0, f.value = p;
+			}, [p]), l(p), p;
+		}, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+})), P = /* @__PURE__ */ t(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = M() : t.exports = N();
+})), F = /* @__PURE__ */ e(n(), 1), { useSyncExternalStoreWithSelector: I } = (/* @__PURE__ */ e(P(), 1)).default, L = (e) => e;
+function R(e, t = L, n) {
+	let r = I(e.subscribe, e.getState, e.getInitialState, t, n);
+	return _.useDebugValue(r), r;
+}
+//#endregion
+//#region src/components/ui/Dashboard/context/DashboardContext.tsx
+var z = v(null), B = ({ children: e, item: t, tooltip: n, tooltipProps: g }) => {
+	let _ = h(), { t: v } = C(), O = y(z), k = y(s), A = o(k, (e) => e.stratification), j = o(k, (e) => e.sortedData), M = o(k, (e) => e.setFilterValue), N = R(k, (e) => e.filters, (e, t) => JSON.stringify(e.map((e) => e.filterValue)) === JSON.stringify(t.map((e) => e.filterValue))), [P, I] = S(null), [L, B] = S(null), V = b((e) => {
+		if (!A?.caseIdColors) return [];
+		let t = [], n = e.getAttribute("data-color");
+		return Object.entries(A.caseIdColors).forEach(([e, r]) => {
+			r === n && t.push(e);
+		}), t;
+	}, [A]), H = b((e) => {
+		I(t), B({
+			anchorElement: e.currentTarget,
+			mouseEvent: e.nativeEvent,
+			parseIdsFromAnchorElement: V
+		});
+	}, [t, V]), U = b(() => {
+		O.highlight({
+			caseIds: Object.entries(A?.caseIdColors).filter(([e, n]) => n === t.color).map(([e]) => e),
+			origin: a.LEGENDA
+		});
+	}, [
+		t.color,
+		A,
+		O
+	]), W = b(() => {
+		O.highlight({
+			caseIds: [],
+			origin: a.LEGENDA
+		});
+	}, [O]), G = b(() => {
+		B(null);
+	}, []), K = b(async (e) => {
+		if (A?.mode === r.SELECTION) P.rowValue.raw, i.SELECTED.toString(), await M("selected", P.caseIds);
+		else if (A?.mode === r.FIELD) {
+			let e = N.find((e) => e.id === A.col.id);
+			if (e) {
+				let t = (0, F.default)(e.initialFilterValue) ? [P.rowValue.raw] : P.rowValue.raw;
+				await M(A.col.id, t);
+			}
+		}
+		e();
+	}, [
+		N,
+		P,
+		M,
+		A
+	]), q = b((e) => {
+		if (!P) return null;
+		let t;
+		if (A?.mode === r.SELECTION) {
+			if (!P.caseIds?.length || P.caseIds?.length === j.length) return null;
+			t = v("Filter (show only {{label}})", { label: P?.rowValue?.raw === i.SELECTED.toString() ? v("selected rows") : v("unselected rows") });
+		} else if (A?.mode === r.FIELD) {
+			if (!P || P?.rowValue?.isMissing || !A?.col?.id || !N.find((e) => e.id === A.col.id)) return null;
+			t = v("Filter (show only {{label}})", { label: P.rowValue.short });
+		} else return null;
+		return /* @__PURE__ */ D(p, {
+			divider: !0,
+			onClick: async () => K(e),
+			children: [/* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(w, { fontSize: "small" }) }), /* @__PURE__ */ E(f, { children: t })]
+		});
+	}, [
+		N,
+		P,
+		K,
+		A,
+		v,
+		j
+	]), J = A?.mode === r.FIELD && t.caseIds.length === 0, Y = x(() => {
+		let n = t.rowValue.isMissing ? l.getInstance().config.epi.DATA_MISSING_CHARACTER : t.rowValue.short;
+		return /* @__PURE__ */ D(u, {
+			sx: {
+				alignItems: "center",
+				cursor: J ? "initial" : "pointer",
+				display: "flex",
+				opacity: J ? .3 : 1
+			},
+			children: [/* @__PURE__ */ E(u, { sx: {
+				background: t.color,
+				height: _.spacing(2),
+				marginRight: _.spacing(1),
+				minHeight: _.spacing(2),
+				minWidth: _.spacing(2),
+				outline: `1px solid ${_.palette.background.paper}`,
+				width: _.spacing(2)
+			} }), /* @__PURE__ */ E(u, {
+				sx: {
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: e || n
+			})]
+		});
+	}, [
+		e,
+		J,
+		t.color,
+		t.rowValue.isMissing,
+		t.rowValue.short,
+		_
+	]);
+	return /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D(u, {
+		component: "div",
+		"data-color": t.color,
+		onClick: J ? void 0 : H,
+		onMouseLeave: W,
+		onMouseOver: U,
+		children: [n && /* @__PURE__ */ E(m, {
+			...g,
+			title: t.rowValue.full,
+			children: Y
+		}), !n && Y]
+	}), /* @__PURE__ */ E(c, {
+		config: L,
+		getExtraItems: q,
+		onMenuClose: G
+	})] });
+};
+//#endregion
+export { z as n, B as t };
+
+//# sourceMappingURL=LegendaItem.js.map