@gen-epix/ui-client-casedb 4.0.0

package/dist/components/ui/EpiCurveWidget/EpiCurveStackedAreaChart.d.ts

@@ -0,0 +1,22 @@
+import { default as EChartsReact } from 'echarts-for-react';
+import { EChartsType } from 'echarts';
+import { Ref } from 'react';
+import { EpiCurveChartItem } from '../../../utils/EpiCurveUtil';
+import { Stratification } from '../../../models/stratification';
+export interface EpiCurveStackedAreaChartProps {
+    chartRef: Ref<EChartsReact>;
+    echarts: unknown;
+    getXAxisLabel: (value: Date) => string;
+    includeMissingValues: boolean;
+    items: EpiCurveChartItem[];
+    onCaseIdsChange?: (caseIds: string[]) => void;
+    onChartReady?: (chart: EChartsType) => void;
+    onPointMouseUp?: (payload: {
+        caseIds: string[];
+        focussedDate: string;
+        mouseEvent: MouseEvent;
+    }) => void;
+    stratification?: Stratification;
+    xAxisIntervals: Date[];
+}
+export declare const EpiCurveStackedAreaChart: ({ chartRef, echarts, getXAxisLabel, includeMissingValues, items, onCaseIdsChange, onChartReady, onPointMouseUp, stratification, xAxisIntervals, }: EpiCurveStackedAreaChartProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type ChartType = 'area' | 'bar';
+export declare const EpiCurveWidget: () => import("react").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,7 @@
+export type FileSelectorProps = {
+    readonly accept: string;
+    readonly initialDataTransfer?: DataTransfer;
+    readonly numFilesAllowed?: number;
+    readonly onDataTransferChange: (dataTransfer: DataTransfer) => void;
+};
+export declare const FileSelector: ({ accept, initialDataTransfer: initialDataTransferProp, numFilesAllowed, onDataTransferChange, }: FileSelectorProps) => import("react").JSX.Element;

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

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

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

@@ -0,0 +1,206 @@
+import { t as e } from "../../../_chunks/format.js";
+import { FileUtil as t } from "../../../utils/FileUtil/index.js";
+import { DATE_FORMAT as n } from "@gen-epix/ui-core/constants/date";
+import { Box as r, Chip as i, IconButton as a, Stack as o, Typography as s } from "@mui/material";
+import { useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+import { useTranslation as m } from "react-i18next";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "@mui/icons-material/Delete";
+import y from "@mui/icons-material/InsertDriveFile";
+import b from "@mui/icons-material/CloudUpload";
+//#region src/components/ui/FileSelector/FileSelector.tsx
+var x = ({ accept: x, initialDataTransfer: S, numFilesAllowed: C = 1, onDataTransferChange: w }) => {
+	let { t: T } = m(), E = T(C === 1 ? "Click or drag to upload file ({{accept}})" : "Click or drag to upload files  ({{accept}})", { accept: x.split(",").join(", ") }), D = C === 1 ? T`Drop file here` : T`Drop files here`, O = u(), k = f(null), [A, j] = p(d(() => S ?? new DataTransfer(), [S])), [M, N] = p(E), [P, F] = p(null), [I, L] = p(!1), R = f(!0);
+	l(() => {
+		if (R.current) {
+			R.current = !1;
+			return;
+		}
+		w(A);
+	}, [A, w]);
+	let z = c((e) => {
+		e.stopPropagation(), e.preventDefault();
+	}, []), B = c((e) => {
+		F(null), z(e), L(!0), N(D);
+	}, [z, D]), V = c((e) => {
+		z(e), L(!1), N(E);
+	}, [z, E]), H = c((e) => {
+		z(e);
+	}, [z]), U = c((e) => {
+		for (let t of e) if (!x.split(",").some((e) => {
+			let n = e.trim();
+			return n === t.type || n.startsWith(".") && t.name.endsWith(n);
+		})) return !1;
+		return !0;
+	}, [x]), W = c((e) => {
+		F(null), j((t) => {
+			let n = new DataTransfer();
+			return Array.from(t.files).filter((t) => t.name !== e).forEach((e) => n.items.add(e)), n;
+		});
+	}, []), G = c((e) => {
+		F(null), j((t) => {
+			if (!e || e.length === 0) return t;
+			if (!U(e)) return F(T("Invalid file type. Accepted types: {{accept}}", { accept: x })), t;
+			let n = Array.from(e).map((e) => e.name), r = new Set(Array.from(t.files).map((e) => e.name)), i = n.filter((e) => r.has(e)).length;
+			if (r.size + (n.length - i) > C) return F(T("Too many files selected. Maximum allowed: {{numFilesAllowed}}", { numFilesAllowed: C })), t;
+			let a = new DataTransfer();
+			return Array.from(t.files).forEach((e) => {
+				n.includes(e.name) || a.items.add(e);
+			}), Array.from(e).forEach((e) => {
+				a.items.add(e);
+			}), a;
+		});
+	}, [
+		x,
+		U,
+		C,
+		T
+	]), K = c((e) => {
+		z(e), N(E), L(!1);
+		let t = e.dataTransfer.files;
+		G(t);
+	}, [
+		z,
+		E,
+		G
+	]), q = c((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), k.current?.click());
+	}, []), J = c((e) => {
+		G(e.target.files);
+	}, [G]), Y = c(() => {
+		F(null), j(new DataTransfer());
+	}, []);
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
+		accept: x,
+		component: "input",
+		id: O,
+		multiple: C > 1,
+		onChange: J,
+		ref: k,
+		sx: { display: "none" },
+		type: "file"
+	}), /* @__PURE__ */ _(r, {
+		sx: {
+			display: "grid",
+			gridTemplateRows: "auto fit-content(50%)",
+			height: "100%"
+		},
+		children: [/* @__PURE__ */ g(r, {
+			component: "label",
+			htmlFor: O,
+			onDragEnter: B,
+			onDragLeave: V,
+			onDragOver: H,
+			onDrop: K,
+			onKeyDown: q,
+			sx: {
+				"&:hover *": { opacity: 1 },
+				"& p, & svg": { opacity: I ? 1 : .4 },
+				cursor: "pointer",
+				display: "flex",
+				height: "100%",
+				position: "relative",
+				textAlign: "center",
+				width: "100%"
+			},
+			tabIndex: 0,
+			children: /* @__PURE__ */ g(r, {
+				sx: {
+					height: "100%",
+					pointerEvents: "none",
+					position: "relative",
+					width: "100%"
+				},
+				children: /* @__PURE__ */ _(r, {
+					sx: {
+						alignItems: "center",
+						display: "flex",
+						flexDirection: "column",
+						height: "100%",
+						justifyContent: "center",
+						position: "absolute",
+						width: "100%"
+					},
+					children: [
+						/* @__PURE__ */ g(b, {
+							color: "primary",
+							fontSize: "large"
+						}),
+						P && /* @__PURE__ */ g(s, {
+							sx: {
+								color: "error.main",
+								fontWeight: "bold"
+							},
+							children: P
+						}),
+						/* @__PURE__ */ g(s, { children: M })
+					]
+				})
+			})
+		}), /* @__PURE__ */ g(r, {
+			sx: {
+				overflow: "auto",
+				position: "relative"
+			},
+			children: /* @__PURE__ */ g(r, { children: A.files.length > 0 && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(r, {
+				sx: {
+					alignItems: "center",
+					backgroundColor: (e) => e.palette.background.paper,
+					display: "flex",
+					gap: 1,
+					paddingY: 1,
+					position: "sticky",
+					top: 0,
+					zIndex: (e) => e.zIndex.tooltip - 1
+				},
+				children: [/* @__PURE__ */ g(s, {
+					variant: "h5",
+					children: T("Selected files: {{numFiles}}", { numFiles: A.files.length })
+				}), /* @__PURE__ */ g(a, {
+					"aria-label": T("Clear all selected files"),
+					onClick: Y,
+					size: "small",
+					children: /* @__PURE__ */ g(v, { fontSize: "small" })
+				})]
+			}), /* @__PURE__ */ g(o, {
+				direction: "row",
+				sx: { flexWrap: "wrap" },
+				children: Array.from(A.files).map((a) => /* @__PURE__ */ g(i, {
+					deleteIcon: /* @__PURE__ */ g(v, {
+						"aria-hidden": !1,
+						"aria-label": T("Clear {{fileName}}", { fileName: a.name }),
+						focusable: !0,
+						onKeyDown: (e) => {
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W(a.name));
+						},
+						tabIndex: 0
+					}),
+					icon: /* @__PURE__ */ g(y, {}),
+					label: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
+						component: "span",
+						sx: { fontWeight: "bold" },
+						children: a.name
+					}), /* @__PURE__ */ _(r, {
+						component: "span",
+						children: [
+							" ",
+							T("(size: {{size}})", { size: t.getReadableFileSize(a.size) }),
+							" ",
+							T("(last modified: {{lastModified}})", { lastModified: e(new Date(a.lastModified), n.DATE_TIME) })
+						]
+					})] }),
+					onDelete: () => {
+						W(a.name);
+					},
+					sx: { margin: .25 },
+					tabIndex: -1,
+					variant: "outlined"
+				}, `${a.name}-${a.size}-${a.lastModified}`))
+			})] }) })
+		})]
+	})] });
+};
+//#endregion
+export { x as FileSelector };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/FileSelector/FileSelector.tsx"],"sourcesContent":["import {\n  Box,\n  Chip,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';\nimport type {\n  ChangeEvent,\n  DragEvent,\n  KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport CloudUploadIcon from '@mui/icons-material/CloudUpload';\nimport { useTranslation } from 'react-i18next';\nimport { format } from 'date-fns';\nimport { DATE_FORMAT } from '@gen-epix/ui-core/constants/date';\n\nimport { FileUtil } from '../../../utils/FileUtil';\n\n\nexport type FileSelectorProps = {\n  readonly accept: string;\n  readonly initialDataTransfer?: DataTransfer;\n  readonly numFilesAllowed?: number;\n  readonly onDataTransferChange: (dataTransfer: DataTransfer) => void;\n};\n\nexport const FileSelector = ({\n  accept,\n  initialDataTransfer: initialDataTransferProp,\n  numFilesAllowed = 1,\n  onDataTransferChange,\n}: FileSelectorProps) => {\n  const { t } = useTranslation();\n  const hoverLabel = numFilesAllowed === 1\n    ? t('Click or drag to upload file ({{accept}})', { accept: accept.split(',').join(', ') })\n    : t('Click or drag to upload files  ({{accept}})', { accept: accept.split(',').join(', ') });\n  const dropLabel = numFilesAllowed === 1\n    ? t`Drop file here`\n    : t`Drop files here`;\n\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const initialDataTransfer = useMemo(() => {\n    return initialDataTransferProp ?? new DataTransfer();\n  }, [initialDataTransferProp]);\n\n  const [dataTransfer, setDataTransfer] = useState<DataTransfer>(initialDataTransfer);\n  const [labelText, setLabelText] = useState<string>(hoverLabel);\n  const [errorText, setErrorText] = useState<string>(null);\n  const [isDragOver, setIsDragOver] = useState<boolean>(false);\n  const initialDataTransferEffectRef = useRef(true);\n\n  useEffect(() => {\n    if (initialDataTransferEffectRef.current) {\n      initialDataTransferEffectRef.current = false;\n      return;\n    }\n    onDataTransferChange(dataTransfer);\n  }, [dataTransfer, onDataTransferChange]);\n\n  const stopDefaults = useCallback((e: DragEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const onLabelDragEnter = useCallback((event: DragEvent) => {\n    setErrorText(null);\n    stopDefaults(event);\n    setIsDragOver(true);\n    setLabelText(dropLabel);\n  }, [stopDefaults, dropLabel]);\n\n  const onLabelDragLeave = useCallback((event: DragEvent) => {\n    stopDefaults(event);\n    setIsDragOver(false);\n    setLabelText(hoverLabel);\n  }, [stopDefaults, hoverLabel]);\n\n  const onLabelDragOver = useCallback((event: DragEvent) => {\n    stopDefaults(event);\n  }, [stopDefaults]);\n\n  const areFileTypesValid = useCallback((fileList: FileList) => {\n    for (const file of fileList) {\n      const isValid = accept.split(',').some(type => {\n        const trimmedType = type.trim();\n        return (\n          trimmedType === file.type ||\n          (trimmedType.startsWith('.') && file.name.endsWith(trimmedType))\n        );\n      });\n      if (!isValid) {\n        return false;\n      }\n    }\n    return true;\n  }, [accept]);\n\n  const removeFile = useCallback((fileName: string) => {\n    setErrorText(null);\n    setDataTransfer((oldDataTransfer) => {\n      const newDataTransfer = new DataTransfer();\n      Array.from(oldDataTransfer.files)\n        .filter(f => f.name !== fileName)\n        .forEach(f => newDataTransfer.items.add(f));\n      return newDataTransfer;\n    });\n  }, []);\n\n  const addFileList = useCallback((fileList: FileList) => {\n    setErrorText(null);\n    setDataTransfer((oldDataTransfer) => {\n      if (!fileList || fileList.length === 0) {\n        return oldDataTransfer;\n      }\n      if (!areFileTypesValid(fileList)) {\n        setErrorText(t('Invalid file type. Accepted types: {{accept}}', { accept }));\n        return oldDataTransfer;\n      }\n\n      const fileNamesToAppend = Array.from(fileList).map(f => f.name);\n      const uniqueOldFileNames = new Set(Array.from(oldDataTransfer.files).map(f => f.name));\n      const numDuplicates = fileNamesToAppend.filter(name => uniqueOldFileNames.has(name)).length;\n      const numNewFileNames = uniqueOldFileNames.size + (fileNamesToAppend.length - numDuplicates);\n\n      if (numNewFileNames > numFilesAllowed) {\n        setErrorText(t('Too many files selected. Maximum allowed: {{numFilesAllowed}}', { numFilesAllowed }));\n        return oldDataTransfer;\n      }\n\n      const newDataTransfer = new DataTransfer();\n      Array.from(oldDataTransfer.files).forEach(file => {\n        if (!fileNamesToAppend.includes(file.name)) {\n          newDataTransfer.items.add(file);\n        }\n      });\n      Array.from(fileList).forEach(file => {\n        newDataTransfer.items.add(file);\n      });\n\n      return newDataTransfer;\n\n    });\n  }, [accept, areFileTypesValid, numFilesAllowed, t]);\n\n  const onDrop = useCallback((event: DragEvent<HTMLElement>) => {\n    stopDefaults(event);\n    setLabelText(hoverLabel);\n    setIsDragOver(false);\n\n    const fileList = event.dataTransfer.files;\n    addFileList(fileList);\n\n  }, [stopDefaults, hoverLabel, addFileList]);\n\n  const onLabelKeyDown = useCallback((event: ReactKeyboardEvent<HTMLElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      inputRef.current?.click();\n    }\n  }, []);\n\n  const onFileInputChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    addFileList(event.target.files);\n  }, [addFileList]);\n\n  const onClearAllButtonClick = useCallback(() => {\n    setErrorText(null);\n    setDataTransfer(new DataTransfer());\n  }, []);\n\n  return (\n    <>\n      <Box\n        accept={accept}\n        component={'input'}\n        id={inputId}\n        multiple={numFilesAllowed > 1}\n        onChange={onFileInputChange}\n        ref={inputRef}\n        sx={{\n          display: 'none',\n        }}\n        type={'file'}\n      />\n      <Box\n        sx={{\n          display: 'grid',\n          gridTemplateRows: 'auto fit-content(50%)',\n          height: '100%',\n        }}\n      >\n        <Box\n          component={'label'}\n          htmlFor={inputId}\n          onDragEnter={onLabelDragEnter}\n          onDragLeave={onLabelDragLeave}\n          onDragOver={onLabelDragOver}\n          onDrop={onDrop}\n          onKeyDown={onLabelKeyDown}\n          sx={{\n            '&:hover *': {\n              opacity: 1,\n            },\n            '& p, & svg': {\n              opacity: isDragOver ? 1 : 0.4,\n            },\n            cursor: 'pointer',\n            display: 'flex',\n            height: '100%',\n            position: 'relative',\n            textAlign: 'center',\n            width: '100%',\n          }}\n          tabIndex={0}\n        >\n          <Box\n            sx={{\n              height: '100%',\n              pointerEvents: 'none',\n              position: 'relative',\n              width: '100%',\n            }}\n          >\n            <Box\n              sx={{\n                alignItems: 'center',\n                display: 'flex',\n                flexDirection: 'column',\n                height: '100%',\n                justifyContent: 'center',\n                position: 'absolute',\n                width: '100%',\n              }}\n            >\n              <CloudUploadIcon\n                color={'primary'}\n                fontSize={'large'}\n              />\n              {errorText && (\n                <Typography\n                  sx={{\n                    color: 'error.main',\n                    fontWeight: 'bold',\n                  }}\n                >\n                  {errorText}\n                </Typography>\n              )}\n              <Typography>\n                {labelText}\n              </Typography>\n\n            </Box>\n          </Box>\n        </Box>\n        <Box\n          sx={{\n            overflow: 'auto',\n            position: 'relative',\n          }}\n        >\n          <Box>\n            {dataTransfer.files.length > 0 && (\n              <>\n                <Box\n                  sx={{\n                    alignItems: 'center',\n                    backgroundColor: (theme) => theme.palette.background.paper,\n                    display: 'flex',\n                    gap: 1,\n                    paddingY: 1,\n                    position: 'sticky',\n                    top: 0,\n                    zIndex: (theme) => theme.zIndex.tooltip - 1,\n                  }}\n                >\n                  <Typography\n                    variant={'h5'}\n                  >\n                    {t('Selected files: {{numFiles}}', { numFiles: dataTransfer.files.length })}\n                  </Typography>\n                  <IconButton\n                    aria-label={t('Clear all selected files')}\n                    onClick={onClearAllButtonClick}\n                    size={'small'}\n                  >\n                    <DeleteIcon fontSize={'small'} />\n                  </IconButton>\n                </Box>\n                <Stack\n                  direction={'row'}\n                  sx={{\n                    flexWrap: 'wrap',\n                  }}\n                >\n                  {Array.from(dataTransfer.files).map(file => (\n                    <Chip\n                      deleteIcon={(\n                        <DeleteIcon\n                          aria-hidden={false}\n                          aria-label={t('Clear {{fileName}}', { fileName: file.name })}\n                          focusable\n                          // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                          onKeyDown={(event) => {\n                            if (event.key === 'Enter' || event.key === ' ') {\n                              event.preventDefault();\n                              removeFile(file.name);\n                            }\n                          }}\n                          tabIndex={0}\n                        />\n                      )}\n                      icon={<InsertDriveFileIcon />}\n                      key={`${file.name}-${file.size}-${file.lastModified}`}\n                      label={\n                        (\n                          <>\n                            <Box\n                              component={'span'}\n                              sx={{ fontWeight: 'bold' }}\n                            >\n                              {file.name}\n                            </Box>\n                            <Box component={'span'}>\n                              {' '}\n                              {t('(size: {{size}})', { size: FileUtil.getReadableFileSize(file.size) })}\n                              {' '}\n                              {t('(last modified: {{lastModified}})', { lastModified: format(new Date(file.lastModified), DATE_FORMAT.DATE_TIME) })}\n                            </Box>\n                          </>\n                        )\n                      }\n                      // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                      onDelete={() => {\n                        removeFile(file.name);\n                      }}\n                      sx={{\n                        margin: 0.25,\n                      }}\n                      tabIndex={-1}\n                      variant={'outlined'}\n                    />\n                  ))}\n                </Stack>\n              </>\n            )}\n          </Box>\n        </Box>\n      </Box>\n    </>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { CaseDbCase, CaseDbCompleteCaseType } from '@gen-epix/api-casedb';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+export interface FindSimilarCasesDialogOpenProps {
+    allRows: CaseDbCase[];
+    completeCaseType: CaseDbCompleteCaseType;
+    selectedRows: CaseDbCase[];
+}
+export interface FindSimilarCasesDialogProps extends WithDialogRenderProps<FindSimilarCasesDialogOpenProps> {
+}
+export type FindSimilarCasesDialogRefMethods = WithDialogRefMethods<FindSimilarCasesDialogProps, FindSimilarCasesDialogOpenProps>;
+export declare const FindSimilarCasesDialog: import('react').ComponentClass<FindSimilarCasesDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<FindSimilarCasesDialogOpenProps>>;

package/dist/components/ui/FindSimilarCasesDialog/FindSimilarCasesDialogDateRangeChart.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { FindSimilarCasesChartDataPoint, FindSimilarCasesOrganizationFilter } from '../../../models/caseDb';
+export interface FindSimilarCasesDialogDateRangeChartProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> {
+    control: Control<TFieldValues>;
+    data: FindSimilarCasesChartDataPoint[];
+    name: TName;
+    onOrganizationFilterChange: (organizationFilter: FindSimilarCasesOrganizationFilter) => void;
+    organizationFilter: FindSimilarCasesOrganizationFilter;
+}
+export declare const FindSimilarCasesDialogDateRangeChart: <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({ control, data, name, onOrganizationFilterChange, organizationFilter, }: FindSimilarCasesDialogDateRangeChartProps<TFieldValues, TName>) => ReactElement;

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const Grouping: () => import("react").JSX.Element;

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

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

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

@@ -0,0 +1,102 @@
+import { STRATIFICATION_MODE as e } from "../../../models/stratification.js";
+import { t } from "../../../_chunks/react.js";
+import { r as n, t as r } from "../../../_chunks/dashboardStore.js";
+import { t as i } from "../../../_chunks/LegendaItem.js";
+import { ConfigService as a } from "@gen-epix/ui/classes/services/ConfigService";
+import { Box as o } from "@mui/material";
+import { use as s, useCallback as c, useMemo as l } from "react";
+import { useTranslation as u } from "react-i18next";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { NestedDropdown as p } from "@gen-epix/ui/components/ui/NestedMenu";
+//#region src/components/ui/Grouping/Grouping.tsx
+var m = () => {
+	let { t: m } = u(), h = s(r), g = t(h, (e) => e.stratification), _ = t(h, (e) => e.stratify), v = t(h, (e) => e.stratifyableColumns), y = c((t) => {
+		if (t.id === g?.col?.id) {
+			_(null);
+			return;
+		}
+		_(e.FIELD, t);
+	}, [g?.col?.id, _]);
+	return /* @__PURE__ */ f(o, {
+		sx: {
+			display: "flex",
+			flexWrap: "wrap"
+		},
+		children: [/* @__PURE__ */ d(o, { children: /* @__PURE__ */ d(p, {
+			ButtonProps: {
+				color: "inherit",
+				size: "small",
+				sx: {
+					"& span": { margin: 0 },
+					background: "none !important",
+					margin: 0,
+					padding: 0,
+					textTransform: "none"
+				},
+				variant: "text"
+			},
+			menuItemsData: l(() => {
+				let t = m`Grouping`;
+				return g && (t = g.mode === e.SELECTION ? m`Grouped by Selected rows` : g.mode === e.SIMILAR_CASES ? m`Grouped by Similar cases` : m("Grouped by {{fieldName}}", { fieldName: g.col.label })), n({
+					disabled: v.length === 0,
+					items: [
+						{
+							active: !g,
+							callback: () => {
+								_(null);
+							},
+							divider: !0,
+							label: "None"
+						},
+						{
+							active: g?.mode === e.SELECTION,
+							callback: () => {
+								_(g?.mode === e.SELECTION ? null : e.SELECTION);
+							},
+							divider: !0,
+							label: "Selected rows"
+						},
+						{
+							active: g?.mode === e.SIMILAR_CASES,
+							callback: () => {
+								_(g?.mode === e.SIMILAR_CASES ? null : e.SIMILAR_CASES);
+							},
+							divider: !0,
+							label: "Similar cases"
+						}
+					],
+					label: t,
+					tooltip: m("Grouping allows you to group cases by a selected field. Grouping will be disabled when the maximum unique values of the selected field exceeds {{max_stratification_unique_values}}.", { max_stratification_unique_values: a.getInstance().config.epi.STRATIFICATION.MAX_ALLOWED_UNIQUE_VALUES })
+				}, (e) => (v.forEach((t) => {
+					e.items.push({
+						active: g?.col?.id === t.col.id,
+						callback: () => y(t.col),
+						disabled: !t.enabled,
+						label: t.col.label
+					});
+				}), e));
+			}, [
+				g,
+				m,
+				v,
+				_,
+				y
+			]),
+			showTopLevelTooltip: !0
+		}) }), g?.legendaItems.map((e) => /* @__PURE__ */ d(o, {
+			sx: { marginX: 1 },
+			children: /* @__PURE__ */ d(i, {
+				item: e,
+				tooltip: !0,
+				tooltipProps: {
+					arrow: !0,
+					placement: "top"
+				}
+			})
+		}, e.rowValue.raw ?? "-"))]
+	});
+};
+//#endregion
+export { m as Grouping };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/Grouping/Grouping.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport {\n  use,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useTranslation } from 'react-i18next';\nimport { produce } from 'immer';\nimport type { CaseDbCol } from '@gen-epix/api-casedb';\nimport type { MenuItemData } from '@gen-epix/ui/models/nestedMenu';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport { NestedDropdown } from '@gen-epix/ui/components/ui/NestedMenu';\n\nimport { LegendaItem } from '../LegendaItem';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { STRATIFICATION_MODE } from '../../../models/stratification';\nimport type { CaseDbConfig } from '../../../models/config';\n\nexport const Grouping = () => {\n  const { t } = useTranslation();\n\n  const dashboardStore = use(DashboardStoreContext);\n  const stratification = useStore(dashboardStore, (state) => state.stratification);\n  const stratify = useStore(dashboardStore, (state) => state.stratify);\n  const stratifyableColumns = useStore(dashboardStore, (state) => state.stratifyableColumns);\n\n  const onStratifyMenuItemClick = useCallback((col: CaseDbCol) => {\n    if (col.id === stratification?.col?.id) {\n      stratify(null);\n      return;\n    }\n    stratify(STRATIFICATION_MODE.FIELD, col);\n  }, [stratification?.col?.id, stratify]);\n\n  const stratificationMenu = useMemo<MenuItemData>(() => {\n    let label = t`Grouping`;\n    if (stratification) {\n      if (stratification.mode === STRATIFICATION_MODE.SELECTION) {\n        label = t`Grouped by Selected rows`;\n      } else if (stratification.mode === STRATIFICATION_MODE.SIMILAR_CASES) {\n        label = t`Grouped by Similar cases`;\n      } else {\n        label = t('Grouped by {{fieldName}}', { fieldName: stratification.col.label });\n      }\n    }\n\n    return produce<MenuItemData>({\n      disabled: stratifyableColumns.length === 0,\n      items: [\n        {\n          active: !stratification,\n          callback: () => {\n            stratify(null);\n          },\n          divider: true,\n          label: 'None',\n        },\n        {\n          active: stratification?.mode === STRATIFICATION_MODE.SELECTION,\n          callback: () => {\n            stratify(stratification?.mode === STRATIFICATION_MODE.SELECTION ? null : STRATIFICATION_MODE.SELECTION);\n          },\n          divider: true,\n          label: 'Selected rows',\n        },\n        {\n          active: stratification?.mode === STRATIFICATION_MODE.SIMILAR_CASES,\n          callback: () => {\n            stratify(stratification?.mode === STRATIFICATION_MODE.SIMILAR_CASES ? null : STRATIFICATION_MODE.SIMILAR_CASES);\n          },\n          divider: true,\n          label: 'Similar cases',\n        },\n      ],\n      label,\n      tooltip: t('Grouping allows you to group cases by a selected field. Grouping will be disabled when the maximum unique values of the selected field exceeds {{max_stratification_unique_values}}.', {\n        max_stratification_unique_values: ConfigService.getInstance<CaseDbConfig>().config.epi.STRATIFICATION.MAX_ALLOWED_UNIQUE_VALUES,\n      }),\n    }, draft => {\n      stratifyableColumns\n        .forEach(stratifyableCol => {\n          draft.items.push({\n            active: stratification?.col?.id === stratifyableCol.col.id,\n            callback: () => onStratifyMenuItemClick(stratifyableCol.col),\n            disabled: !stratifyableCol.enabled,\n            label: stratifyableCol.col.label,\n          });\n        });\n      return draft;\n    });\n  }, [stratification, t, stratifyableColumns, stratify, onStratifyMenuItemClick]);\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n      }}\n    >\n      <Box>\n        <NestedDropdown\n          ButtonProps={{\n            color: 'inherit',\n            size: 'small',\n            sx: {\n              '& span': {\n                margin: 0,\n              },\n              background: 'none !important',\n              margin: 0,\n              padding: 0,\n              textTransform: 'none',\n            },\n            variant: 'text',\n          }}\n          menuItemsData={stratificationMenu}\n          showTopLevelTooltip\n        />\n      </Box>\n      {stratification?.legendaItems.map(legendaItem => (\n        <Box\n          key={legendaItem.rowValue.raw ?? '-'}\n          sx={{\n            marginX: 1,\n          }}\n        >\n          <LegendaItem\n            item={legendaItem}\n            tooltip\n            tooltipProps={{\n              arrow: true,\n              placement: 'top',\n            }}\n          />\n        </Box>\n      ))}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,UAAiB;CAC5B,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAiB,EAAI,CAAqB,GAC1C,IAAiB,EAAS,IAAiB,MAAU,EAAM,cAAc,GACzE,IAAW,EAAS,IAAiB,MAAU,EAAM,QAAQ,GAC7D,IAAsB,EAAS,IAAiB,MAAU,EAAM,mBAAmB,GAEnF,IAA0B,GAAa,MAAmB;EAC9D,IAAI,EAAI,OAAO,GAAgB,KAAK,IAAI;GACtC,EAAS,IAAI;GACb;EACF;EACA,EAAS,EAAoB,OAAO,CAAG;CACzC,GAAG,CAAC,GAAgB,KAAK,IAAI,CAAQ,CAAC;CA4DtC,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;EACZ;YAJF,CAME,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,aAAa;IACX,OAAO;IACP,MAAM;IACN,IAAI;KACF,UAAU,EACR,QAAQ,EACV;KACA,YAAY;KACZ,QAAQ;KACR,SAAS;KACT,eAAe;IACjB;IACA,SAAS;GACX;GACA,eAjFmB,QAA4B;IACrD,IAAI,IAAQ,CAAC;IAWb,OAVI,MACF,AAKE,IALE,EAAe,SAAS,EAAoB,YACtC,CAAC,6BACA,EAAe,SAAS,EAAoB,gBAC7C,CAAC,6BAED,EAAE,4BAA4B,EAAE,WAAW,EAAe,IAAI,MAAM,CAAC,IAI1E,EAAsB;KAC3B,UAAU,EAAoB,WAAW;KACzC,OAAO;MACL;OACE,QAAQ,CAAC;OACT,gBAAgB;QACd,EAAS,IAAI;OACf;OACA,SAAS;OACT,OAAO;MACT;MACA;OACE,QAAQ,GAAgB,SAAS,EAAoB;OACrD,gBAAgB;QACd,EAAS,GAAgB,SAAS,EAAoB,YAAY,OAAO,EAAoB,SAAS;OACxG;OACA,SAAS;OACT,OAAO;MACT;MACA;OACE,QAAQ,GAAgB,SAAS,EAAoB;OACrD,gBAAgB;QACd,EAAS,GAAgB,SAAS,EAAoB,gBAAgB,OAAO,EAAoB,aAAa;OAChH;OACA,SAAS;OACT,OAAO;MACT;KACF;KACA;KACA,SAAS,EAAE,wLAAwL,EACjM,kCAAkC,EAAc,YAA0B,CAAC,CAAC,OAAO,IAAI,eAAe,0BACxG,CAAC;IACH,IAAG,OACD,EACG,SAAQ,MAAmB;KAC1B,EAAM,MAAM,KAAK;MACf,QAAQ,GAAgB,KAAK,OAAO,EAAgB,IAAI;MACxD,gBAAgB,EAAwB,EAAgB,GAAG;MAC3D,UAAU,CAAC,EAAgB;MAC3B,OAAO,EAAgB,IAAI;KAC7B,CAAC;IACH,CAAC,GACI,EACR;GACH,GAAG;IAAC;IAAgB;IAAG;IAAqB;IAAU;GAAuB,CAyBtD;GACf,qBAAA;EACD,CAAA,EACE,CAAA,GACJ,GAAgB,aAAa,KAAI,MAChC,kBAAC,GAAD;GAEE,IAAI,EACF,SAAS,EACX;aAEA,kBAAC,GAAD;IACE,MAAM;IACN,SAAA;IACA,cAAc;KACZ,OAAO;KACP,WAAW;IACb;GACD,CAAA;EACE,GAbE,EAAY,SAAS,OAAO,GAa9B,CACN,CACE;;AAET"}

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

@@ -0,0 +1 @@
+export declare const HistogramWidget: () => import("react").JSX.Element;

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

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