@gen-epix/ui-client-casedb 4.0.0

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

@@ -0,0 +1,9 @@
+import { CaseDbUser } from '@gen-epix/api-casedb';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+export interface UserRightsDialogOpenProps {
+    user: CaseDbUser;
+}
+export interface UserRightsDialogProps extends WithDialogRenderProps<UserRightsDialogOpenProps> {
+}
+export type UserRightsDialogRefMethods = WithDialogRefMethods<UserRightsDialogProps, UserRightsDialogOpenProps>;
+export declare const UserRightsDialog: import('react').ComponentClass<UserRightsDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<UserRightsDialogOpenProps>>;

package/dist/components/ui/UserRightsDialog/UserRightsDialogCaseAccessPolicy.d.ts

@@ -0,0 +1,5 @@
+import { CaseDbUser } from '@gen-epix/api-casedb';
+export type UserRightsDialogCaseAccessPolicyProps = {
+    readonly user: CaseDbUser;
+};
+export declare const UserRightsDialogCaseAccessPolicy: ({ user }: UserRightsDialogCaseAccessPolicyProps) => import("react").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { CaseDbUser } from '@gen-epix/api-casedb';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { UserEffectiveRight } from '../../../models/caseAccess';
+export interface UsersEffectiveRightsDetailsDialogOpenProps {
+    type: 'caseTypeSets' | 'readColSets' | 'writeColSets';
+    user: CaseDbUser;
+    userEffectiveRight: UserEffectiveRight;
+}
+export type UsersEffectiveRightsDetailsType = 'caseTypeSets' | 'readColSets' | 'writeColSets';
+export interface UsersEffectiveRightsDetailsDialogProps extends WithDialogRenderProps<UsersEffectiveRightsDetailsDialogOpenProps> {
+}
+export type UsersEffectiveRightsDetailsDialogRefMethods = WithDialogRefMethods<UsersEffectiveRightsDetailsDialogProps, UsersEffectiveRightsDetailsDialogOpenProps>;
+export declare const UsersEffectiveRightsDetailsDialog: import('react').ComponentClass<UsersEffectiveRightsDetailsDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<UsersEffectiveRightsDetailsDialogOpenProps>>;

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

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

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

@@ -0,0 +1,373 @@
+import { useCaseTypeMapQuery as e } from "../../../dataHooks/useCaseTypesQuery/index.js";
+import { useDataCollectionsMapQuery as t } from "../../../dataHooks/useDataCollectionsQuery/index.js";
+import { useColMapQuery as n, useColNameFactory as r } from "../../../dataHooks/useColsQuery/index.js";
+import { useCaseTypeSetMembersQuery as i } from "../../../dataHooks/useCaseTypeSetMembersQuery/index.js";
+import { useColSetMembersQuery as a } from "../../../dataHooks/useColSetMembersQuery/index.js";
+import { useColSetMapQuery as o } from "../../../dataHooks/useColSetsQuery/index.js";
+import { useCaseTypeSetNameFactory as s, useCaseTypeSetsMapQuery as c } from "../../../dataHooks/useCaseTypeSetsQuery/index.js";
+import { t as l } from "../../../_chunks/CustomTabPanel.js";
+import "../CustomTabPanel/index.js";
+import { Box as u, Link as d, Tab as f, Tabs as p, Typography as m } from "@mui/material";
+import { useCallback as h, useEffect as g, useState as _ } from "react";
+import { useTranslation as v } from "react-i18next";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { ResponseHandler as x } from "@gen-epix/ui/components/ui/ResponseHandler";
+import { useArray as S } from "@gen-epix/ui-core/hooks/useArray";
+import { withDialog as C } from "@gen-epix/ui/hoc/withDialog";
+import { TestIdUtil as w } from "@gen-epix/ui-core/utils/TestIdUtil";
+import { LoadableUtil as T } from "@gen-epix/ui/utils/LoadableUtil";
+import { UserUtil as E } from "@gen-epix/ui/utils/UserUtil";
+//#region src/components/ui/UsersEffectiveRightsDetailsDialog/UsersEffectiveRightsDetailsDialog.tsx
+var D = [
+	"caseTypeSets",
+	"readColSets",
+	"writeColSets"
+], O = (e) => ({
+	"aria-controls": `simple-tabpanel-${e}`,
+	id: `simple-tab-${e}`
+}), k = C(({ onActionsChange: C, onClose: k, onTitleChange: A, openProps: { type: j, user: M, userEffectiveRight: N } }) => {
+	let { t: P } = v(), [F, I] = _(D.indexOf(j)), [L, R] = _([]), z = e(), B = c(), V = s(), H = t(), U = o(), W = n(), G = r(), K = i(), q = a(), J = S([
+		z,
+		B,
+		V,
+		H,
+		U,
+		W,
+		G,
+		K,
+		q
+	]), Y = h((e, t) => {
+		I(t);
+	}, []), X = h((e) => {
+		R((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []);
+	return g(() => {
+		A(P("{{userName}} effective rights details for {{dataCollectionName}}", {
+			dataCollectionName: H.map.get(N.data_collection_id)?.name ?? N.data_collection_id,
+			userName: E.getUserDisplayValue(M, P)
+		}));
+	}, [
+		H.map,
+		A,
+		P,
+		M,
+		N.data_collection_id
+	]), g(() => {
+		let e = [];
+		e.push({
+			...w.createAttributes("UsersEffectiveRightsDetailsDialog-closeButton"),
+			color: "secondary",
+			label: P`Close`,
+			onClick: k,
+			variant: "contained"
+		}), C(e);
+	}, [
+		C,
+		k,
+		P
+	]), /* @__PURE__ */ y(x, {
+		inlineSpinner: !0,
+		loadables: J,
+		children: !T.isSomeLoading(J) && /* @__PURE__ */ b(u, {
+			sx: { width: "100%" },
+			children: [
+				/* @__PURE__ */ y(u, {
+					sx: {
+						borderBottom: 1,
+						borderColor: "divider"
+					},
+					children: /* @__PURE__ */ b(p, {
+						"aria-label": "basic tabs example",
+						onChange: Y,
+						value: F,
+						children: [
+							/* @__PURE__ */ y(f, {
+								label: "Case types",
+								...O(0)
+							}),
+							/* @__PURE__ */ y(f, {
+								label: "Read columns",
+								...O(1)
+							}),
+							/* @__PURE__ */ y(f, {
+								label: "Write columns",
+								...O(2)
+							}),
+							/* @__PURE__ */ y(f, {
+								label: "Rights",
+								...O(3)
+							}),
+							/* @__PURE__ */ y(f, {
+								label: "Additional rights",
+								...O(4)
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ b(l, {
+					index: 0,
+					value: F,
+					children: [
+						!N.categorized_case_type_ids.length && !N.uncategorized_case_type_ids.length && /* @__PURE__ */ y(u, {
+							sx: { marginY: 2 },
+							children: P`No case types assigned`
+						}),
+						N.case_type_set_ids.length > 0 && /* @__PURE__ */ y(u, { children: N.case_type_set_ids.map((e) => {
+							let t = B.map.get(e), n = K.data.filter((t) => t.case_type_set_id === e).sort((e, t) => {
+								let n = z.map.get(e.case_type_id), r = z.map.get(t.case_type_id);
+								return (n?.name ?? "").localeCompare(r?.name ?? "");
+							});
+							return /* @__PURE__ */ y(u, { children: /* @__PURE__ */ b(u, {
+								sx: { marginY: 1 },
+								children: [/* @__PURE__ */ y(d, {
+									href: "#",
+									onClick: () => X(`case-type-sets-${e}`),
+									tabIndex: 0,
+									children: V.getName(t) ?? e
+								}), /* @__PURE__ */ y(u, {
+									sx: { display: L.includes(`case-type-sets-${e}`) ? "block" : "none" },
+									children: n.map((e) => /* @__PURE__ */ y(u, { children: z.map.get(e.case_type_id)?.name ?? e.case_type_id }, e.case_type_id))
+								})]
+							}) }, e);
+						}) }),
+						N.uncategorized_case_type_ids.length > 0 && /* @__PURE__ */ b(u, {
+							sx: { marginY: 1 },
+							children: [/* @__PURE__ */ y(d, {
+								href: "#",
+								onClick: () => X("uncategorized-case-type-sets"),
+								tabIndex: 0,
+								children: P`Uncategorized case types`
+							}), /* @__PURE__ */ y(u, {
+								sx: { display: L.includes("uncategorized-case-type-sets") ? "block" : "none" },
+								children: N.uncategorized_case_type_ids.sort((e, t) => {
+									let n = z.map.get(e), r = z.map.get(t);
+									return (n?.name ?? "").localeCompare(r?.name ?? "");
+								}).map((e) => /* @__PURE__ */ y(u, { children: z.map.get(e)?.name ?? e }, e))
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ b(l, {
+					index: 1,
+					value: F,
+					children: [
+						!N.categorized_read_col_ids.length && !N.uncategorized_read_col_ids.length && /* @__PURE__ */ y(u, {
+							sx: { marginY: 2 },
+							children: P`No read columns assigned`
+						}),
+						N.read_col_set_ids.length > 0 && /* @__PURE__ */ y(u, { children: N.read_col_set_ids.map((e) => {
+							let t = U.map.get(e), n = q.data.filter((t) => t.col_set_id === e).sort((e, t) => {
+								let n = W.map.get(e.col_id), r = W.map.get(t.col_id), i = G.getName(n) ?? e.col_id, a = G.getName(r) ?? t.col_id;
+								return i.localeCompare(a);
+							});
+							return /* @__PURE__ */ y(u, { children: /* @__PURE__ */ b(u, {
+								sx: { marginY: 1 },
+								children: [/* @__PURE__ */ y(d, {
+									href: "#",
+									onClick: () => X(`read-col-sets-${e}`),
+									tabIndex: 0,
+									children: t?.name ?? e
+								}), /* @__PURE__ */ y(u, {
+									sx: { display: L.includes(`read-col-sets-${e}`) ? "block" : "none" },
+									children: n.map((e) => {
+										let t = W.map.get(e.col_id);
+										return /* @__PURE__ */ y(u, { children: (t && G.getName(t)) ?? e.col_id }, t.id);
+									})
+								})]
+							}) }, e);
+						}) }),
+						N.uncategorized_read_col_ids.length > 0 && /* @__PURE__ */ b(u, {
+							sx: { marginY: 1 },
+							children: [
+								/* @__PURE__ */ y(m, {
+									variant: "h5",
+									children: P`Uncategorized read columns sets`
+								}),
+								/* @__PURE__ */ y(d, {
+									href: "#",
+									onClick: () => X("uncategorized-read-col-sets"),
+									tabIndex: 0,
+									children: P`Uncategorized read columns sets`
+								}),
+								/* @__PURE__ */ y(u, {
+									sx: { display: L.includes("uncategorized-read-col-sets") ? "block" : "none" },
+									children: N.uncategorized_read_col_ids.sort((e, t) => {
+										let n = W.map.get(e), r = W.map.get(t), i = G.getName(n) ?? e, a = G.getName(r) ?? t;
+										return i.localeCompare(a);
+									}).map((e) => {
+										let t = W.map.get(e);
+										return /* @__PURE__ */ y(u, { children: G.getName(t) ?? e }, e);
+									})
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ b(l, {
+					index: 2,
+					value: F,
+					children: [
+						!N.categorized_write_col_ids.length && !N.uncategorized_write_col_ids.length && /* @__PURE__ */ y(u, {
+							sx: { marginY: 2 },
+							children: P`No write columns assigned`
+						}),
+						N.write_col_set_ids.length > 0 && /* @__PURE__ */ y(u, { children: N.write_col_set_ids.map((e) => {
+							let t = U.map.get(e), n = q.data.filter((t) => t.col_set_id === e).sort((e, t) => {
+								let n = W.map.get(e.col_id), r = W.map.get(t.col_id), i = G.getName(n) ?? e.col_id, a = G.getName(r) ?? t.col_id;
+								return i.localeCompare(a);
+							});
+							return /* @__PURE__ */ y(u, { children: /* @__PURE__ */ b(u, {
+								sx: { marginY: 1 },
+								children: [/* @__PURE__ */ y(d, {
+									href: "#",
+									onClick: () => X(`write-col-sets-${e}`),
+									tabIndex: 0,
+									children: t?.name ?? e
+								}), /* @__PURE__ */ y(u, {
+									sx: { display: L.includes(`write-col-sets-${e}`) ? "block" : "none" },
+									children: n.map((e) => {
+										let t = W.map.get(e.col_id);
+										return /* @__PURE__ */ y(u, { children: G.getName(t) ?? e.col_id }, t.id);
+									})
+								})]
+							}) }, e);
+						}) }),
+						N.uncategorized_write_col_ids.length > 0 && /* @__PURE__ */ b(u, {
+							sx: { marginY: 1 },
+							children: [/* @__PURE__ */ y(d, {
+								href: "#",
+								onClick: () => X("uncategorized-write-col-sets"),
+								tabIndex: 0,
+								children: P`Uncategorized write columns sets`
+							}), /* @__PURE__ */ y(u, {
+								sx: { display: L.includes("uncategorized-write-col-sets") ? "block" : "none" },
+								children: N.uncategorized_write_col_ids.sort((e, t) => {
+									let n = W.map.get(e), r = W.map.get(t), i = G.getName(n) ?? e, a = G.getName(r) ?? t;
+									return i.localeCompare(a);
+								}).map((e) => {
+									let t = W.map.get(e);
+									return /* @__PURE__ */ y(u, { children: G.getName(t) ?? e }, e);
+								})
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ y(l, {
+					index: 3,
+					value: F,
+					children: /* @__PURE__ */ b(u, {
+						component: "dl",
+						sx: {
+							display: "grid",
+							gap: 2,
+							gridTemplateColumns: "1fr 1fr"
+						},
+						children: [
+							/* @__PURE__ */ y("dt", { children: P`Add case` }),
+							/* @__PURE__ */ y("dd", { children: N.add_case ? P`Yes` : P`No` }),
+							/* @__PURE__ */ y("dt", { children: P`Remove case` }),
+							/* @__PURE__ */ y("dd", { children: N.remove_case ? P`Yes` : P`No` }),
+							/* @__PURE__ */ y("dt", { children: P`Add case set` }),
+							/* @__PURE__ */ y("dd", { children: N.add_case_set ? P`Yes` : P`No` }),
+							/* @__PURE__ */ y("dt", { children: P`Remove case set` }),
+							/* @__PURE__ */ y("dd", { children: N.remove_case_set ? P`Yes` : P`No` }),
+							/* @__PURE__ */ y("dt", { children: P`Read case set` }),
+							/* @__PURE__ */ y("dd", { children: N.read_case_set ? P`Yes` : P`No` }),
+							/* @__PURE__ */ y("dt", { children: P`Write case set` }),
+							/* @__PURE__ */ y("dd", { children: N.write_case_set ? P`Yes` : P`No` }),
+							/* @__PURE__ */ y("dt", { children: P`Private` }),
+							/* @__PURE__ */ y("dd", { children: N.is_private ? P`Yes` : P`No` })
+						]
+					})
+				}),
+				/* @__PURE__ */ y(l, {
+					index: 4,
+					value: F,
+					children: /* @__PURE__ */ b(u, {
+						sx: { marginY: 2 },
+						children: [!N.effective_share_case_rights.length && /* @__PURE__ */ y(u, {
+							sx: { marginY: 2 },
+							children: P`No additional rights assigned`
+						}), N.effective_share_case_rights.map((e) => /* @__PURE__ */ b(u, {
+							sx: { marginY: 2 },
+							children: [
+								/* @__PURE__ */ y(u, { children: /* @__PURE__ */ y(m, {
+									variant: "h5",
+									children: P("From: {{dataCollectionName}}", { dataCollectionName: H.map.get(e.from_data_collection_id)?.name ?? e.from_data_collection_id })
+								}) }),
+								/* @__PURE__ */ b(u, { children: [
+									e.categorized_case_type_ids.length === 0 && e.uncategorized_case_type_ids.length === 0 && /* @__PURE__ */ y(u, {
+										sx: { marginY: 2 },
+										children: P`No case types assigned`
+									}),
+									e.case_type_set_ids.map((t) => {
+										let n = B.map.get(t), r = K.data.filter((e) => e.case_type_set_id === t).sort((e, t) => {
+											let n = z.map.get(e.case_type_id), r = z.map.get(t.case_type_id);
+											return (n?.name ?? "").localeCompare(r?.name ?? "");
+										});
+										return /* @__PURE__ */ y(u, { children: /* @__PURE__ */ b(u, {
+											sx: { marginY: 1 },
+											children: [/* @__PURE__ */ y(d, {
+												href: "#",
+												onClick: () => X(`${e.from_data_collection_id}-${t}`),
+												tabIndex: 0,
+												children: V.getName(n) ?? t
+											}), /* @__PURE__ */ y(u, {
+												sx: { display: L.includes(`${e.from_data_collection_id}-${t}`) ? "block" : "none" },
+												children: r.map((e) => /* @__PURE__ */ y(u, { children: z.map.get(e.case_type_id)?.name ?? e.case_type_id }, e.case_type_id))
+											})]
+										}) }, t);
+									}),
+									e.uncategorized_case_type_ids.length > 0 && /* @__PURE__ */ b(u, {
+										sx: { marginY: 2 },
+										children: [/* @__PURE__ */ y(d, {
+											href: "#",
+											onClick: () => X(`${e.from_data_collection_id}-uncategorized`),
+											tabIndex: 0,
+											children: P`Uncategorized case types`
+										}), /* @__PURE__ */ y(u, {
+											sx: { display: L.includes(`${e.from_data_collection_id}-uncategorized`) ? "block" : "none" },
+											children: e.uncategorized_case_type_ids.sort((e, t) => {
+												let n = z.map.get(e), r = z.map.get(t);
+												return (n?.name ?? "").localeCompare(r?.name ?? "");
+											}).map((e) => /* @__PURE__ */ y(u, { children: z.map.get(e)?.name ?? e }, e))
+										})]
+									})
+								] }),
+								/* @__PURE__ */ b(u, {
+									component: "dl",
+									sx: {
+										display: "grid",
+										gap: 0,
+										gridTemplateColumns: "1fr 1fr"
+									},
+									children: [
+										/* @__PURE__ */ y("dt", { children: P`Add case` }),
+										/* @__PURE__ */ y("dd", { children: e.add_case ? P`Yes` : P`No` }),
+										/* @__PURE__ */ y("dt", { children: P`Remove case` }),
+										/* @__PURE__ */ y("dd", { children: e.remove_case ? P`Yes` : P`No` }),
+										/* @__PURE__ */ y("dt", { children: P`Add case set` }),
+										/* @__PURE__ */ y("dd", { children: e.add_case_set ? P`Yes` : P`No` }),
+										/* @__PURE__ */ y("dt", { children: P`Remove case set` }),
+										/* @__PURE__ */ y("dd", { children: e.remove_case_set ? P`Yes` : P`No` })
+									]
+								})
+							]
+						}, e.from_data_collection_id))]
+					})
+				})
+			]
+		})
+	});
+}, {
+	defaultTitle: "",
+	disableBackdropClick: !1,
+	fullWidth: !0,
+	maxWidth: "lg",
+	noCloseButton: !1,
+	testId: "UsersEffectiveRightsDetailsDialog"
+});
+//#endregion
+export { k as UsersEffectiveRightsDetailsDialog };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/UsersEffectiveRightsDetailsDialog/UsersEffectiveRightsDetailsDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  Link,\n  Tab,\n  Tabs,\n  Typography,\n} from '@mui/material';\nimport type {\n  ReactElement,\n  SyntheticEvent,\n} from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\nimport type { CaseDbUser } 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 { LoadableUtil } from '@gen-epix/ui/utils/LoadableUtil';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { UserUtil } from '@gen-epix/ui/utils/UserUtil';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { useArray } from '@gen-epix/ui-core/hooks/useArray';\n\nimport { useCaseTypeSetMembersQuery } from '../../../dataHooks/useCaseTypeSetMembersQuery';\nimport {\n  useCaseTypeSetNameFactory,\n  useCaseTypeSetsMapQuery,\n} from '../../../dataHooks/useCaseTypeSetsQuery';\nimport { useCaseTypeMapQuery } from '../../../dataHooks/useCaseTypesQuery';\nimport { useColSetMembersQuery } from '../../../dataHooks/useColSetMembersQuery';\nimport { useColSetMapQuery } from '../../../dataHooks/useColSetsQuery';\nimport {\n  useColMapQuery,\n  useColNameFactory,\n} from '../../../dataHooks/useColsQuery';\nimport { useDataCollectionsMapQuery } from '../../../dataHooks/useDataCollectionsQuery';\nimport type { UserEffectiveRight } from '../../../models/caseAccess';\nimport { CustomTabPanel } from '../CustomTabPanel';\n\n\nexport interface UsersEffectiveRightsDetailsDialogOpenProps {\n  type: 'caseTypeSets' | 'readColSets' | 'writeColSets';\n  user: CaseDbUser;\n  userEffectiveRight: UserEffectiveRight;\n}\n\nexport type UsersEffectiveRightsDetailsType = 'caseTypeSets' | 'readColSets' | 'writeColSets';\n\nconst usersEffectiveRightsDetailsTypeOrder = ['caseTypeSets', 'readColSets', 'writeColSets'] as const;\n\nexport interface UsersEffectiveRightsDetailsDialogProps extends WithDialogRenderProps<UsersEffectiveRightsDetailsDialogOpenProps> {\n  //\n}\n\nexport type UsersEffectiveRightsDetailsDialogRefMethods = WithDialogRefMethods<UsersEffectiveRightsDetailsDialogProps, UsersEffectiveRightsDetailsDialogOpenProps>;\n\nconst a11yProps = (index: number) => {\n  return {\n    'aria-controls': `simple-tabpanel-${index}`,\n    id: `simple-tab-${index}`,\n  };\n};\n\nexport const UsersEffectiveRightsDetailsDialog = withDialog<UsersEffectiveRightsDetailsDialogProps, UsersEffectiveRightsDetailsDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps: { type, user, userEffectiveRight },\n  }: UsersEffectiveRightsDetailsDialogProps,\n): ReactElement => {\n\n  const { t } = useTranslation();\n  const [activeTab, setActiveTab] = useState(usersEffectiveRightsDetailsTypeOrder.indexOf(type));\n  const [visibleItems, setVisibleItems] = useState<string[]>([]);\n\n  const caseTypeMapQuery = useCaseTypeMapQuery();\n  const caseTypeSetMapQuery = useCaseTypeSetsMapQuery();\n  const caseTypeSetNameFactory = useCaseTypeSetNameFactory();\n  const dataCollectionsMapQuery = useDataCollectionsMapQuery();\n  const colSetMapQuery = useColSetMapQuery();\n  const colMapQuery = useColMapQuery();\n  const colNameFactory = useColNameFactory();\n  const caseTypeSetMembersQuery = useCaseTypeSetMembersQuery();\n  const colSetMembersQuery = useColSetMembersQuery();\n\n  const loadables = useArray([\n    caseTypeMapQuery,\n    caseTypeSetMapQuery,\n    caseTypeSetNameFactory,\n    dataCollectionsMapQuery,\n    colSetMapQuery,\n    colMapQuery,\n    colNameFactory,\n    caseTypeSetMembersQuery,\n    colSetMembersQuery,\n  ]);\n\n  const onTabChange = useCallback((_event: SyntheticEvent, newValue: number) => {\n    setActiveTab(newValue);\n  }, []);\n\n  const onToggleSectionLinkClick = useCallback((key: string) => {\n    setVisibleItems((prev) => {\n      if (prev.includes(key)) {\n        return prev.filter(item => item !== key);\n      }\n      return [...prev, key];\n    });\n  }, []);\n\n  useEffect(() => {\n    onTitleChange(t('{{userName}} effective rights details for {{dataCollectionName}}', { dataCollectionName: dataCollectionsMapQuery.map.get(userEffectiveRight.data_collection_id)?.name ?? userEffectiveRight.data_collection_id, userName: UserUtil.getUserDisplayValue(user, t) }));\n  }, [dataCollectionsMapQuery.map, onTitleChange, t, user, userEffectiveRight.data_collection_id]);\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push({\n      ...TestIdUtil.createAttributes('UsersEffectiveRightsDetailsDialog-closeButton'),\n      color: 'secondary',\n      label: t`Close`,\n      onClick: onClose,\n      variant: 'contained',\n    });\n    onActionsChange(actions);\n  }, [onActionsChange, onClose, t]);\n\n  const isLoading = LoadableUtil.isSomeLoading(loadables);\n  return (\n    <ResponseHandler\n      inlineSpinner\n      loadables={loadables}\n    >\n      {!isLoading && (\n        <Box sx={{ width: '100%' }}>\n          <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n            <Tabs\n              aria-label={'basic tabs example'}\n              onChange={onTabChange}\n              value={activeTab}\n            >\n              <Tab\n                label={'Case types'}\n                {...a11yProps(0)}\n              />\n              <Tab\n                label={'Read columns'}\n                {...a11yProps(1)}\n              />\n              <Tab\n                label={'Write columns'}\n                {...a11yProps(2)}\n              />\n              <Tab\n                label={'Rights'}\n                {...a11yProps(3)}\n              />\n              <Tab\n                label={'Additional rights'}\n                {...a11yProps(4)}\n              />\n            </Tabs>\n          </Box>\n          <CustomTabPanel\n            index={0}\n            value={activeTab}\n          >\n            { !userEffectiveRight.categorized_case_type_ids.length && !userEffectiveRight.uncategorized_case_type_ids.length && (\n              <Box\n                sx={{\n                  marginY: 2,\n                }}\n              >\n                {t`No case types assigned`}\n              </Box>\n            )}\n            { userEffectiveRight.case_type_set_ids.length > 0 && (\n              <Box>\n                {userEffectiveRight.case_type_set_ids.map((caseTypeSetId) => {\n                  const caseTypeSet = caseTypeSetMapQuery.map.get(caseTypeSetId);\n                  const caseTypeSetMembers = caseTypeSetMembersQuery.data.filter(x => x.case_type_set_id === caseTypeSetId);\n                  const sortedCaseTypeSetMembers = caseTypeSetMembers.sort((a, b) => {\n                    const caseTypeA = caseTypeMapQuery.map.get(a.case_type_id);\n                    const caseTypeB = caseTypeMapQuery.map.get(b.case_type_id);\n                    return (caseTypeA?.name ?? '').localeCompare(caseTypeB?.name ?? '');\n                  });\n                  return (\n                    <Box key={caseTypeSetId}>\n                      <Box\n                        sx={{\n                          marginY: 1,\n                        }}\n                      >\n                        <Link\n                          href={'#'}\n                          // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                          onClick={() => onToggleSectionLinkClick(`case-type-sets-${caseTypeSetId}`)}\n                          tabIndex={0}\n                        >\n                          {caseTypeSetNameFactory.getName(caseTypeSet) ?? caseTypeSetId}\n                        </Link>\n                        <Box sx={{ display: visibleItems.includes(`case-type-sets-${caseTypeSetId}`) ? 'block' : 'none' }}>\n                          {sortedCaseTypeSetMembers.map((caseTypeSetMember) => {\n                            const caseType = caseTypeMapQuery.map.get(caseTypeSetMember.case_type_id);\n                            return (\n                              <Box key={caseTypeSetMember.case_type_id}>\n                                {caseType?.name ?? caseTypeSetMember.case_type_id}\n                              </Box>\n                            );\n                          })}\n                        </Box>\n                      </Box>\n                    </Box>\n                  );\n                })}\n              </Box>\n            )}\n            { userEffectiveRight.uncategorized_case_type_ids.length > 0 && (\n              <Box\n                sx={{\n                  marginY: 1,\n                }}\n              >\n                <Link\n                  href={'#'}\n                  // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                  onClick={() => onToggleSectionLinkClick(`uncategorized-case-type-sets`)}\n                  tabIndex={0}\n                >\n                  {t`Uncategorized case types`}\n                </Link>\n                <Box sx={{ display: visibleItems.includes(`uncategorized-case-type-sets`) ? 'block' : 'none' }}>\n                  {userEffectiveRight.uncategorized_case_type_ids.sort((a, b) => {\n                    const caseTypeA = caseTypeMapQuery.map.get(a);\n                    const caseTypeB = caseTypeMapQuery.map.get(b);\n                    return (caseTypeA?.name ?? '').localeCompare(caseTypeB?.name ?? '');\n                  }).map((caseTypeId) => {\n                    const caseType = caseTypeMapQuery.map.get(caseTypeId);\n                    return (\n                      <Box key={caseTypeId}>\n                        {caseType?.name ?? caseTypeId}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            )}\n          </CustomTabPanel>\n          <CustomTabPanel\n            index={1}\n            value={activeTab}\n          >\n            { !userEffectiveRight.categorized_read_col_ids.length && !userEffectiveRight.uncategorized_read_col_ids.length && (\n              <Box\n                sx={{\n                  marginY: 2,\n                }}\n              >\n                {t`No read columns assigned`}\n              </Box>\n            )}\n            { userEffectiveRight.read_col_set_ids.length > 0 && (\n              <Box>\n                {userEffectiveRight.read_col_set_ids.map((colSetId) => {\n                  const colSet = colSetMapQuery.map.get(colSetId);\n                  const colSetMembers = colSetMembersQuery.data.filter(x => x.col_set_id === colSetId);\n                  const sortedColSetMembers = colSetMembers.sort((a, b) => {\n                    const colA = colMapQuery.map.get(a.col_id);\n                    const colB = colMapQuery.map.get(b.col_id);\n                    const colAName = colNameFactory.getName(colA) ?? a.col_id;\n                    const colBName = colNameFactory.getName(colB) ?? b.col_id;\n                    return colAName.localeCompare(colBName);\n                  });\n                  return (\n                    <Box key={colSetId}>\n                      <Box\n                        sx={{\n                          marginY: 1,\n                        }}\n                      >\n                        <Link\n                          href={'#'}\n                          // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                          onClick={() => onToggleSectionLinkClick(`read-col-sets-${colSetId}`)}\n                          tabIndex={0}\n                        >\n                          {colSet?.name ?? colSetId}\n                        </Link>\n                        <Box sx={{ display: visibleItems.includes(`read-col-sets-${colSetId}`) ? 'block' : 'none' }}>\n                          {sortedColSetMembers.map((colSetMember) => {\n                            const refCol = colMapQuery.map.get(colSetMember.col_id);\n                            return (\n                              <Box key={refCol.id}>\n                                {(refCol && colNameFactory.getName(refCol)) ?? colSetMember.col_id}\n                              </Box>\n                            );\n                          })}\n                        </Box>\n                      </Box>\n                    </Box>\n                  );\n                })}\n              </Box>\n            )}\n            { userEffectiveRight.uncategorized_read_col_ids.length > 0 && (\n              <Box\n                sx={{\n                  marginY: 1,\n                }}\n              >\n                <Typography variant={'h5'}>\n                  {t`Uncategorized read columns sets`}\n                </Typography>\n                <Link\n                  href={'#'}\n                  // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                  onClick={() => onToggleSectionLinkClick(`uncategorized-read-col-sets`)}\n                  tabIndex={0}\n                >\n                  {t`Uncategorized read columns sets`}\n                </Link>\n                <Box sx={{ display: visibleItems.includes(`uncategorized-read-col-sets`) ? 'block' : 'none' }}>\n                  {userEffectiveRight.uncategorized_read_col_ids.sort((a, b) => {\n                    const colA = colMapQuery.map.get(a);\n                    const colB = colMapQuery.map.get(b);\n                    const colAName = colNameFactory.getName(colA) ?? a;\n                    const colBName = colNameFactory.getName(colB) ?? b;\n                    return colAName.localeCompare(colBName);\n                  }).map((colId) => {\n                    const refCol = colMapQuery.map.get(colId);\n                    return (\n                      <Box key={colId}>\n                        {colNameFactory.getName(refCol) ?? colId}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            )}\n          </CustomTabPanel>\n          <CustomTabPanel\n            index={2}\n            value={activeTab}\n          >\n            { !userEffectiveRight.categorized_write_col_ids.length && !userEffectiveRight.uncategorized_write_col_ids.length && (\n              <Box\n                sx={{\n                  marginY: 2,\n                }}\n              >\n                {t`No write columns assigned`}\n              </Box>\n            )}\n            { userEffectiveRight.write_col_set_ids.length > 0 && (\n              <Box>\n                {userEffectiveRight.write_col_set_ids.map((colSetId) => {\n                  const colSet = colSetMapQuery.map.get(colSetId);\n                  const colSetMembers = colSetMembersQuery.data.filter(x => x.col_set_id === colSetId);\n                  const sortedColSetMembers = colSetMembers.sort((a, b) => {\n                    const colA = colMapQuery.map.get(a.col_id);\n                    const colB = colMapQuery.map.get(b.col_id);\n                    const colAName = colNameFactory.getName(colA) ?? a.col_id;\n                    const colBName = colNameFactory.getName(colB) ?? b.col_id;\n                    return colAName.localeCompare(colBName);\n                  });\n                  return (\n                    <Box key={colSetId}>\n                      <Box\n                        sx={{\n                          marginY: 1,\n                        }}\n                      >\n                        <Link\n                          href={'#'}\n                          // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                          onClick={() => onToggleSectionLinkClick(`write-col-sets-${colSetId}`)}\n                          tabIndex={0}\n                        >\n                          {colSet?.name ?? colSetId}\n                        </Link>\n                        <Box sx={{ display: visibleItems.includes(`write-col-sets-${colSetId}`) ? 'block' : 'none' }}>\n                          {sortedColSetMembers.map((colSetMember) => {\n                            const refCol = colMapQuery.map.get(colSetMember.col_id);\n                            return (\n                              <Box key={refCol.id}>\n                                {colNameFactory.getName(refCol) ?? colSetMember.col_id}\n                              </Box>\n                            );\n                          })}\n                        </Box>\n                      </Box>\n                    </Box>\n                  );\n                })}\n              </Box>\n            )}\n            { userEffectiveRight.uncategorized_write_col_ids.length > 0 && (\n              <Box\n                sx={{\n                  marginY: 1,\n                }}\n              >\n                <Link\n                  href={'#'}\n                  // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                  onClick={() => onToggleSectionLinkClick(`uncategorized-write-col-sets`)}\n                  tabIndex={0}\n                >\n                  {t`Uncategorized write columns sets`}\n                </Link>\n                <Box sx={{ display: visibleItems.includes(`uncategorized-write-col-sets`) ? 'block' : 'none' }}>\n                  {userEffectiveRight.uncategorized_write_col_ids.sort((a, b) => {\n                    const colA = colMapQuery.map.get(a);\n                    const colB = colMapQuery.map.get(b);\n                    const colAName = colNameFactory.getName(colA) ?? a;\n                    const colBName = colNameFactory.getName(colB) ?? b;\n                    return colAName.localeCompare(colBName);\n                  }).map((colId) => {\n                    const refCol = colMapQuery.map.get(colId);\n                    return (\n                      <Box key={colId}>\n                        {colNameFactory.getName(refCol) ?? colId}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            )}\n          </CustomTabPanel>\n          <CustomTabPanel\n            index={3}\n            value={activeTab}\n          >\n            <Box\n              component={'dl'}\n              sx={{ display: 'grid', gap: 2, gridTemplateColumns: '1fr 1fr' }}\n            >\n              <dt>\n                {t`Add case`}\n              </dt>\n              <dd>\n                {userEffectiveRight.add_case ? t`Yes` : t`No`}\n              </dd>\n              <dt>\n                {t`Remove case`}\n              </dt>\n              <dd>\n                {userEffectiveRight.remove_case ? t`Yes` : t`No`}\n              </dd>\n              <dt>\n                {t`Add case set`}\n              </dt>\n              <dd>\n                {userEffectiveRight.add_case_set ? t`Yes` : t`No`}\n              </dd>\n              <dt>\n                {t`Remove case set`}\n              </dt>\n              <dd>\n                {userEffectiveRight.remove_case_set ? t`Yes` : t`No`}\n              </dd>\n              <dt>\n                {t`Read case set`}\n              </dt>\n              <dd>\n                {userEffectiveRight.read_case_set ? t`Yes` : t`No`}\n              </dd>\n              <dt>\n                {t`Write case set`}\n              </dt>\n              <dd>\n                {userEffectiveRight.write_case_set ? t`Yes` : t`No`}\n              </dd>\n              <dt>\n                {t`Private`}\n              </dt>\n              <dd>\n                {userEffectiveRight.is_private ? t`Yes` : t`No`}\n              </dd>\n            </Box>\n          </CustomTabPanel>\n          <CustomTabPanel\n            index={4}\n            value={activeTab}\n          >\n            <Box\n              sx={{\n                marginY: 2,\n              }}\n            >\n              { !userEffectiveRight.effective_share_case_rights.length && (\n                <Box\n                  sx={{\n                    marginY: 2,\n                  }}\n                >\n                  {t`No additional rights assigned`}\n                </Box>\n              )}\n              {userEffectiveRight.effective_share_case_rights.map((right) => (\n                <Box\n                  key={right.from_data_collection_id}\n                  sx={{\n                    marginY: 2,\n                  }}\n                >\n                  <Box>\n                    <Typography variant={'h5'}>\n                      {t('From: {{dataCollectionName}}', {\n                        dataCollectionName: dataCollectionsMapQuery.map.get(right.from_data_collection_id)?.name ?? right.from_data_collection_id,\n                      })}\n                    </Typography>\n                  </Box>\n                  <Box>\n                    {right.categorized_case_type_ids.length === 0 && right.uncategorized_case_type_ids.length === 0 && (\n                      <Box\n                        sx={{\n                          marginY: 2,\n                        }}\n                      >\n                        {t`No case types assigned`}\n                      </Box>\n                    )}\n                    {right.case_type_set_ids.map((caseTypeSetId) => {\n                      const caseTypeSet = caseTypeSetMapQuery.map.get(caseTypeSetId);\n                      const caseTypeSetMembers = caseTypeSetMembersQuery.data.filter(x => x.case_type_set_id === caseTypeSetId);\n                      const sortedCaseTypeSetMembers = caseTypeSetMembers.sort((a, b) => {\n                        const caseTypeA = caseTypeMapQuery.map.get(a.case_type_id);\n                        const caseTypeB = caseTypeMapQuery.map.get(b.case_type_id);\n                        return (caseTypeA?.name ?? '').localeCompare(caseTypeB?.name ?? '');\n                      });\n                      return (\n                        <Box key={caseTypeSetId}>\n                          <Box\n                            sx={{\n                              marginY: 1,\n                            }}\n                          >\n                            <Link\n                              href={'#'}\n                              // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                              onClick={() => onToggleSectionLinkClick(`${right.from_data_collection_id}-${caseTypeSetId}`)}\n                              tabIndex={0}\n                            >\n                              {caseTypeSetNameFactory.getName(caseTypeSet) ?? caseTypeSetId}\n                            </Link>\n                            <Box sx={{ display: visibleItems.includes(`${right.from_data_collection_id}-${caseTypeSetId}`) ? 'block' : 'none' }}>\n                              {sortedCaseTypeSetMembers.map((caseTypeSetMember) => {\n                                const caseType = caseTypeMapQuery.map.get(caseTypeSetMember.case_type_id);\n                                return (\n                                  <Box key={caseTypeSetMember.case_type_id}>\n                                    {caseType?.name ?? caseTypeSetMember.case_type_id}\n                                  </Box>\n                                );\n                              })}\n                            </Box>\n                          </Box>\n                        </Box>\n                      );\n                    })}\n                    {right.uncategorized_case_type_ids.length > 0 && (\n                      <Box\n                        sx={{\n                          marginY: 2,\n                        }}\n                      >\n                        <Link\n                          href={'#'}\n                          // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n                          onClick={() => onToggleSectionLinkClick(`${right.from_data_collection_id}-uncategorized`)}\n                          tabIndex={0}\n                        >\n                          {t`Uncategorized case types`}\n                        </Link>\n                        <Box sx={{ display: visibleItems.includes(`${right.from_data_collection_id}-uncategorized`) ? 'block' : 'none' }}>\n                          {right.uncategorized_case_type_ids.sort((a, b) => {\n                            const caseTypeA = caseTypeMapQuery.map.get(a);\n                            const caseTypeB = caseTypeMapQuery.map.get(b);\n                            return (caseTypeA?.name ?? '').localeCompare(caseTypeB?.name ?? '');\n                          }).map((caseTypeId) => {\n                            const caseType = caseTypeMapQuery.map.get(caseTypeId);\n                            return (\n                              <Box key={caseTypeId}>\n                                {caseType?.name ?? caseTypeId}\n                              </Box>\n                            );\n                          })}\n                        </Box>\n                      </Box>\n                    )}\n                  </Box>\n                  <Box\n                    component={'dl'}\n                    sx={{ display: 'grid', gap: 0, gridTemplateColumns: '1fr 1fr' }}\n                  >\n                    <dt>\n                      {t`Add case`}\n                    </dt>\n                    <dd>\n                      {right.add_case ? t`Yes` : t`No`}\n                    </dd>\n                    <dt>\n                      {t`Remove case`}\n                    </dt>\n                    <dd>\n                      {right.remove_case ? t`Yes` : t`No`}\n                    </dd>\n                    <dt>\n                      {t`Add case set`}\n                    </dt>\n                    <dd>\n                      {right.add_case_set ? t`Yes` : t`No`}\n                    </dd>\n                    <dt>\n                      {t`Remove case set`}\n                    </dt>\n                    <dd>\n                      {right.remove_case_set ? t`Yes` : t`No`}\n                    </dd>\n                  </Box>\n                </Box>\n              ))}\n\n            </Box>\n          </CustomTabPanel>\n        </Box>\n      )}\n    </ResponseHandler>\n  );\n}, {\n  defaultTitle: '',\n  disableBackdropClick: false,\n  fullWidth: true,\n  maxWidth: 'lg',\n  noCloseButton: false,\n  testId: 'UsersEffectiveRightsDetailsDialog',\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export type WarningProps = {
+    readonly warningMessage: string;
+};
+export declare const Warning: ({ warningMessage }: WarningProps) => import("react").JSX.Element;

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

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

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

@@ -0,0 +1,29 @@
+import { Alert as e, AlertTitle as t, styled as n } from "@mui/material";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ui/Warning/Warning.tsx
+var i = n(e)(({ theme: e }) => ({
+	"& .MuiAlert-icon": {
+		alignItems: "center",
+		display: "inline-flex",
+		fontSize: "18px",
+		lineHeight: "18px",
+		padding: 0
+	},
+	"& .MuiAlert-message": {
+		lineHeight: "16px !important",
+		padding: "4px 0"
+	},
+	"& .MuiTypography-root": {
+		display: "inline-block",
+		height: "16px",
+		lineHeight: "16px !important"
+	},
+	padding: `0 ${e.spacing(1)}`
+})), a = ({ warningMessage: e }) => /* @__PURE__ */ r(i, {
+	severity: "warning",
+	children: /* @__PURE__ */ r(t, { children: e })
+});
+//#endregion
+export { a as Warning };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/Warning/Warning.tsx"],"sourcesContent":["import {\n  Alert,\n  AlertTitle,\n  styled,\n} from '@mui/material';\n\nconst StyledAlert = styled(Alert)(({ theme }) => ({\n  '& .MuiAlert-icon': {\n    alignItems: 'center',\n    display: 'inline-flex',\n    fontSize: '18px',\n    lineHeight: '18px',\n    padding: 0,\n  },\n  '& .MuiAlert-message': {\n    lineHeight: '16px !important',\n    padding: '4px 0',\n  },\n  '& .MuiTypography-root': {\n    display: 'inline-block',\n    height: '16px',\n    lineHeight: '16px !important',\n  },\n  padding: `0 ${theme.spacing(1)}`,\n}));\n\nexport type WarningProps = {\n  readonly warningMessage: string;\n};\n\nexport const Warning = ({ warningMessage }: WarningProps) => {\n  return (\n    <StyledAlert severity={'warning'}>\n      <AlertTitle>\n        {warningMessage}\n      </AlertTitle>\n    </StyledAlert>\n  );\n};\n"],"mappings":";;;AAMA,IAAM,IAAc,EAAO,CAAK,CAAC,EAAE,EAAE,gBAAa;CAChD,oBAAoB;EAClB,YAAY;EACZ,SAAS;EACT,UAAU;EACV,YAAY;EACZ,SAAS;CACX;CACA,uBAAuB;EACrB,YAAY;EACZ,SAAS;CACX;CACA,yBAAyB;EACvB,SAAS;EACT,QAAQ;EACR,YAAY;CACd;CACA,SAAS,KAAK,EAAM,QAAQ,CAAC;AAC/B,EAAE,GAMW,KAAW,EAAE,wBAEtB,kBAAC,GAAD;CAAa,UAAU;WACrB,kBAAC,GAAD,EAAA,UACG,EACS,CAAA;AACD,CAAA"}

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

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '@mui/material';
+export interface WidgetHeaderIconButtonProps extends IconButtonProps {
+    readonly label: string;
+}
+export declare const WidgetHeaderIconButton: ({ label, ...props }: WidgetHeaderIconButtonProps) => import("react").JSX.Element;

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

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

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

@@ -0,0 +1,24 @@
+import { IconButton as e, Tooltip as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ui/WidgetHeaderIconButton/WidgetHeaderIconButton.tsx
+var r = ({ label: r, ...i }) => {
+	let a = /* @__PURE__ */ n(e, {
+		...i,
+		"aria-label": r,
+		color: "primary",
+		sx: {
+			...i.sx,
+			"& svg": { fontSize: 18 }
+		}
+	});
+	return i.disabled ? a : /* @__PURE__ */ n(t, {
+		arrow: !0,
+		placement: "bottom",
+		title: r,
+		children: a
+	});
+};
+//#endregion
+export { r as WidgetHeaderIconButton };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/WidgetHeaderIconButton/WidgetHeaderIconButton.tsx"],"sourcesContent":["import type { IconButtonProps } from '@mui/material';\nimport {\n  IconButton,\n  Tooltip,\n} from '@mui/material';\n\nexport interface WidgetHeaderIconButtonProps extends IconButtonProps {\n  readonly label: string;\n}\n\nexport const WidgetHeaderIconButton = ({ label, ...props }: WidgetHeaderIconButtonProps) => {\n  const iconButtonElement = (\n    <IconButton\n      {...props}\n      aria-label={label}\n      color={'primary'}\n      sx={{\n        ...props.sx,\n        '& svg': {\n          fontSize: 18,\n        },\n      }}\n    />\n  );\n\n  // Note: disabled buttons cannot have a tooltip\n  if (props.disabled) {\n    return iconButtonElement;\n  }\n\n  return (\n    <Tooltip\n      arrow\n      placement={'bottom'}\n      title={label}\n    >\n      {iconButtonElement}\n    </Tooltip>\n  );\n};\n"],"mappings":";;;AAUA,IAAa,KAA0B,EAAE,UAAO,GAAG,QAAyC;CAC1F,IAAM,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,cAAY;EACZ,OAAO;EACP,IAAI;GACF,GAAG,EAAM;GACT,SAAS,EACP,UAAU,GACZ;EACF;CACD,CAAA;CAQH,OAJI,EAAM,WACD,IAIP,kBAAC,GAAD;EACE,OAAA;EACA,WAAW;EACX,OAAO;YAEN;CACM,CAAA;AAEb"}

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { MenuItemData } from '@gen-epix/ui/models/nestedMenu';
+export type WidgetMenuProps = {
+    readonly menu: MenuItemData[] | ReactNode;
+};
+export declare const WidgetMenu: ({ menu, }: WidgetMenuProps) => import("react").JSX.Element;

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

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

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

@@ -0,0 +1,26 @@
+import { WidgetHeaderIconButton as e } from "../WidgetHeaderIconButton/index.js";
+import { isValidElement as t } from "react";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { NestedDropdown as i } from "@gen-epix/ui/components/ui/NestedMenu";
+import { MenuDataUtil as a } from "@gen-epix/ui/utils/MenuDataUtil";
+//#region src/components/ui/WidgetMenu/WidgetMenu.tsx
+var o = ({ menu: o }) => t(o) ? o : a.isMenuItemDataArray(o) ? /* @__PURE__ */ r(n, { children: o?.map((t) => t.items ? /* @__PURE__ */ r(i, {
+	ButtonProps: {
+		color: "primary",
+		disabled: t.disabled,
+		size: "small",
+		variant: "text"
+	},
+	menuItemsData: t,
+	MenuProps: { elevation: 3 }
+}, t.label) : /* @__PURE__ */ r(e, {
+	disabled: t.disabled,
+	label: t.label,
+	onClick: () => t.callback(),
+	size: "small",
+	children: t.leftIcon || t.rightIcon
+}, t.label)) }) : null;
+//#endregion
+export { o as WidgetMenu };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/WidgetMenu/WidgetMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { isValidElement } from 'react';\nimport type { MenuItemData } from '@gen-epix/ui/models/nestedMenu';\nimport { MenuDataUtil } from '@gen-epix/ui/utils/MenuDataUtil';\nimport { NestedDropdown } from '@gen-epix/ui/components/ui/NestedMenu';\n\nimport { WidgetHeaderIconButton } from '../WidgetHeaderIconButton';\n\nexport type WidgetMenuProps = {\n  readonly menu: MenuItemData[] | ReactNode;\n};\n\nexport const WidgetMenu = ({\n  menu,\n}: WidgetMenuProps) => {\n  if (isValidElement(menu)) {\n    return menu;\n  }\n  if (!MenuDataUtil.isMenuItemDataArray(menu)) {\n    return null;\n  }\n\n  return (\n    <>\n      {menu?.map(menuItemsData => {\n        if (menuItemsData.items) {\n          return (\n            <NestedDropdown\n              ButtonProps={{\n                color: 'primary',\n                disabled: menuItemsData.disabled,\n                size: 'small',\n                variant: 'text',\n              }}\n              key={menuItemsData.label}\n              menuItemsData={menuItemsData}\n              MenuProps={{ elevation: 3 }}\n            />\n          );\n        }\n        return (\n          <WidgetHeaderIconButton\n            disabled={menuItemsData.disabled}\n            key={menuItemsData.label}\n            label={menuItemsData.label}\n            // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n            onClick={() => menuItemsData.callback()}\n            size={'small'}\n          >\n            {menuItemsData.leftIcon || menuItemsData.rightIcon}\n          </WidgetHeaderIconButton>\n        );\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAa,KAAc,EACzB,cAEI,EAAe,CAAI,IACd,IAEJ,EAAa,oBAAoB,CAAI,IAKxC,kBAAA,GAAA,EAAA,UACG,GAAM,KAAI,MACL,EAAc,QAEd,kBAAC,GAAD;CACE,aAAa;EACX,OAAO;EACP,UAAU,EAAc;EACxB,MAAM;EACN,SAAS;CACX;CAEe;CACf,WAAW,EAAE,WAAW,EAAE;AAC3B,GAHM,EAAc,KAGpB,IAIH,kBAAC,GAAD;CACE,UAAU,EAAc;CAExB,OAAO,EAAc;CAErB,eAAe,EAAc,SAAS;CACtC,MAAM;WAEL,EAAc,YAAY,EAAc;AACnB,GAPjB,EAAc,KAOG,CAE3B,EACD,CAAA,IAlCK"}

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

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export type WidgetUnavailableProps = {
+    readonly reason?: ReactElement | string;
+    readonly widgetLabel: string;
+};
+export declare const WidgetUnavailable: ({ reason, widgetLabel }: WidgetUnavailableProps) => import("react").JSX.Element;

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

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