@thunderid/react 1.13.0 → 1.15.0

package/dist/cjs/components/management/ProjectDetails/BaseProjectDetails.cjs

@@ -0,0 +1,172 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Spinner = require('../../primitives/Spinner/Spinner.cjs');
+const require_Button = require('../../primitives/Button/Button.cjs');
+const require_Alert = require('../../primitives/Alert/Alert.cjs');
+const require_TextField = require('../../primitives/TextField/TextField.cjs');
+const require_useAdminPartStyles = require('../shared/useAdminPartStyles.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+const require_AdminParts = require('../shared/AdminParts.cjs');
+const require_formatTimestamp = require('../shared/formatTimestamp.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectDetails/BaseProjectDetails.tsx
+/**
+* Shows a project's handle, display name, description and creation time, and lets the caller edit and
+* delete it. Holds no data of its own: pass the project and handle the changes.
+*/
+const BaseProjectDetails = ({ actions, children, className, error = null, isDeleting = false, isLoading = false, isUpdating = false, onDelete, onUpdate, preferences, project }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const styles = require_useAdminPartStyles.default();
+	const [draft, setDraft] = (0, react.useState)(null);
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			error,
+			isDeleting,
+			isLoading,
+			isUpdating,
+			onDelete: project ? onDelete : void 0,
+			onUpdate: project ? onUpdate : void 0,
+			project
+		})
+	});
+	if (isLoading && !project) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "project-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: styles["muted"],
+			role: "status",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.default, { size: "small" }),
+				" ",
+				t("admin.common.loading")
+			]
+		})
+	});
+	if (!project) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "project-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+			variant: "error",
+			role: "alert",
+			children: error ?? t("admin.common.errors.not_found")
+		})
+	});
+	const notSet = t("admin.projects.details.not_set");
+	const handleSave = (event) => {
+		event.preventDefault();
+		if (draft?.displayName.trim()) {
+			onUpdate?.({
+				description: draft.description.trim() || void 0,
+				displayName: draft.displayName.trim()
+			});
+			setDraft(null);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AdminSection.default, {
+		block: "project-details",
+		className,
+		title: project.displayName,
+		description: project.description,
+		preferences,
+		actions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [actions, onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminParts.ConfirmButton, {
+			confirmText: t("admin.projects.details.delete.confirm", { name: project.displayName }),
+			isLoading: isDeleting,
+			onConfirm: onDelete,
+			children: t("admin.projects.details.delete.action")
+		})] }),
+		children: [error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+			variant: "error",
+			role: "alert",
+			children: error
+		}), draft ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminParts.Panel, {
+			title: t("admin.projects.details.edit.action"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				className: styles["row"],
+				style: {
+					alignItems: "stretch",
+					flexDirection: "column"
+				},
+				onSubmit: handleSave,
+				noValidate: true,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+						name: "displayName",
+						label: t("admin.projects.fields.display_name"),
+						required: true,
+						value: draft.displayName,
+						onChange: (event) => setDraft({
+							...draft,
+							displayName: event.target.value
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+						name: "description",
+						label: t("admin.projects.fields.description"),
+						value: draft.description,
+						onChange: (event) => setDraft({
+							...draft,
+							description: event.target.value
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles["row"],
+						style: { justifyContent: "flex-end" },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+							type: "button",
+							variant: "text",
+							disabled: isUpdating,
+							onClick: () => setDraft(null),
+							children: t("admin.common.actions.cancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+							type: "submit",
+							loading: isUpdating,
+							disabled: isUpdating || !draft.displayName.trim(),
+							children: t("admin.projects.details.edit.save")
+						})]
+					})
+				]
+			})
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminParts.Panel, {
+			title: t("admin.projects.details.overview"),
+			actions: onUpdate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+				variant: "outline",
+				size: "small",
+				onClick: () => setDraft({
+					description: project.description ?? "",
+					displayName: project.displayName
+				}),
+				children: t("admin.projects.details.edit.action")
+			}) : void 0,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminParts.DetailList, { items: [
+				{
+					label: t("admin.projects.fields.handle"),
+					value: project.handle
+				},
+				{
+					label: t("admin.projects.fields.display_name"),
+					value: project.displayName
+				},
+				{
+					label: t("admin.projects.fields.description"),
+					value: project.description?.length ? project.description : notSet
+				},
+				{
+					label: t("admin.projects.fields.created"),
+					value: require_formatTimestamp.default(project.createdAt) ?? notSet
+				}
+			] })
+		})]
+	});
+};
+var BaseProjectDetails_default = BaseProjectDetails;
+
+//#endregion
+exports.default = BaseProjectDetails_default;
+//# sourceMappingURL=BaseProjectDetails.cjs.map

package/dist/cjs/components/management/ProjectDetails/BaseProjectDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectDetails.cjs","names":["BaseProjectDetails: FC<BaseProjectDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","AdminSection","Spinner","Alert","notSet: string","ConfirmButton","Panel","TextField","Button","DetailList","formatTimestamp"],"sources":["../../../../../src/components/management/ProjectDetails/BaseProjectDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, Project} from '@thunderid/browser';\nimport {ChangeEvent, FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport TextField from '../../primitives/TextField/TextField';\nimport {ConfirmButton, DetailList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport formatTimestamp from '../shared/formatTimestamp';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * The changes {@link BaseProjectDetails} submits. The handle cannot change.\n */\nexport interface ProjectUpdateSubmission {\n  description?: string;\n  displayName: string;\n}\n\n/**\n * What {@link BaseProjectDetails} hands its `children` render function, so the project can be shown with any UI.\n */\nexport interface BaseProjectDetailsRenderProps {\n  error: string | null;\n  isDeleting: boolean;\n  isLoading: boolean;\n  isUpdating: boolean;\n  /**\n   * Deletes the project. Undefined when deletion is not allowed.\n   */\n  onDelete?: () => void;\n  /**\n   * Saves a new display name and description. Undefined when editing is not allowed.\n   */\n  onUpdate?: (changes: ProjectUpdateSubmission) => void;\n  project?: Project;\n}\n\nexport interface BaseProjectDetailsProps {\n  /**\n   * Controls rendered next to the project's name.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default view. Receives the project, the loading and error state,\n   * and the update and delete handlers.\n   */\n  children?: (props: BaseProjectDetailsRenderProps) => ReactNode;\n  className?: string;\n  error?: string | null;\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  isUpdating?: boolean;\n  /**\n   * Deletes the project. The delete action is hidden when omitted.\n   */\n  onDelete?: () => void;\n  /**\n   * Saves a new display name and description. The edit action is hidden when omitted.\n   */\n  onUpdate?: (changes: ProjectUpdateSubmission) => void;\n  preferences?: Preferences;\n  project?: Project;\n}\n\n/**\n * Shows a project's handle, display name, description and creation time, and lets the caller edit and\n * delete it. Holds no data of its own: pass the project and handle the changes.\n */\nconst BaseProjectDetails: FC<BaseProjectDetailsProps> = ({\n  actions,\n  children,\n  className,\n  error = null,\n  isDeleting = false,\n  isLoading = false,\n  isUpdating = false,\n  onDelete,\n  onUpdate,\n  preferences,\n  project,\n}: BaseProjectDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n  const [draft, setDraft] = useState<{description: string; displayName: string} | null>(null);\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          error,\n          isDeleting,\n          isLoading,\n          isUpdating,\n          onDelete: project ? onDelete : undefined,\n          onUpdate: project ? onUpdate : undefined,\n          project,\n        })}\n      </div>\n    );\n  }\n\n  if (isLoading && !project) {\n    return (\n      <AdminSection block=\"project-details\" className={className} preferences={preferences}>\n        <span className={styles['muted']} role=\"status\">\n          <Spinner size=\"small\" /> {t('admin.common.loading')}\n        </span>\n      </AdminSection>\n    );\n  }\n\n  if (!project) {\n    return (\n      <AdminSection block=\"project-details\" className={className} preferences={preferences}>\n        <Alert variant=\"error\" role=\"alert\">\n          {error ?? t('admin.common.errors.not_found')}\n        </Alert>\n      </AdminSection>\n    );\n  }\n\n  const notSet: string = t('admin.projects.details.not_set');\n\n  const handleSave = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n\n    if (draft?.displayName.trim()) {\n      onUpdate?.({description: draft.description.trim() || undefined, displayName: draft.displayName.trim()});\n      setDraft(null);\n    }\n  };\n\n  return (\n    <AdminSection\n      block=\"project-details\"\n      className={className}\n      title={project.displayName}\n      description={project.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onDelete && (\n            <ConfirmButton\n              confirmText={t('admin.projects.details.delete.confirm', {name: project.displayName})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.projects.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      {draft ? (\n        <Panel title={t('admin.projects.details.edit.action')}>\n          <form\n            className={styles['row']}\n            style={{alignItems: 'stretch', flexDirection: 'column'}}\n            onSubmit={handleSave}\n            noValidate\n          >\n            <TextField\n              name=\"displayName\"\n              label={t('admin.projects.fields.display_name')}\n              required\n              value={draft.displayName}\n              onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                setDraft({...draft, displayName: event.target.value})\n              }\n            />\n            <TextField\n              name=\"description\"\n              label={t('admin.projects.fields.description')}\n              value={draft.description}\n              onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                setDraft({...draft, description: event.target.value})\n              }\n            />\n            <div className={styles['row']} style={{justifyContent: 'flex-end'}}>\n              <Button type=\"button\" variant=\"text\" disabled={isUpdating} onClick={(): void => setDraft(null)}>\n                {t('admin.common.actions.cancel')}\n              </Button>\n              <Button type=\"submit\" loading={isUpdating} disabled={isUpdating || !draft.displayName.trim()}>\n                {t('admin.projects.details.edit.save')}\n              </Button>\n            </div>\n          </form>\n        </Panel>\n      ) : (\n        <Panel\n          title={t('admin.projects.details.overview')}\n          actions={\n            onUpdate ? (\n              <Button\n                variant=\"outline\"\n                size=\"small\"\n                onClick={(): void =>\n                  setDraft({description: project.description ?? '', displayName: project.displayName})\n                }\n              >\n                {t('admin.projects.details.edit.action')}\n              </Button>\n            ) : undefined\n          }\n        >\n          <DetailList\n            items={[\n              {label: t('admin.projects.fields.handle'), value: project.handle},\n              {label: t('admin.projects.fields.display_name'), value: project.displayName},\n              {\n                label: t('admin.projects.fields.description'),\n                value: project.description?.length ? project.description : notSet,\n              },\n              {label: t('admin.projects.fields.created'), value: formatTimestamp(project.createdAt) ?? notSet},\n            ]}\n          />\n        </Panel>\n      )}\n    </AdminSection>\n  );\n};\n\nexport default BaseProjectDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyEA,MAAMA,sBAAmD,EACvD,SACA,UACA,WACA,QAAQ,MACR,aAAa,OACb,YAAY,OACZ,aAAa,OACb,UACA,UACA,aACA,cAC2C;CAC3C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,oCAAoB;CAC3D,MAAM,CAAC,OAAO,gCAAwE,KAAK;AAE3F,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA,UAAU,UAAU,WAAW;GAC/B,UAAU,UAAU,WAAW;GAC/B;GACD,CAAC;GACE;AAIV,KAAI,aAAa,CAAC,QAChB,QACE,2CAACC;EAAa,OAAM;EAA6B;EAAwB;YACvE,4CAAC;GAAK,WAAW,OAAO;GAAU,MAAK;;IACrC,2CAACC,2BAAQ,MAAK,UAAU;;IAAE,EAAE,uBAAuB;;IAC9C;GACM;AAInB,KAAI,CAAC,QACH,QACE,2CAACD;EAAa,OAAM;EAA6B;EAAwB;YACvE,2CAACE;GAAM,SAAQ;GAAQ,MAAK;aACzB,SAAS,EAAE,gCAAgC;IACtC;GACK;CAInB,MAAMC,SAAiB,EAAE,iCAAiC;CAE1D,MAAM,cAAc,UAA4C;AAC9D,QAAM,gBAAgB;AAEtB,MAAI,OAAO,YAAY,MAAM,EAAE;AAC7B,cAAW;IAAC,aAAa,MAAM,YAAY,MAAM,IAAI;IAAW,aAAa,MAAM,YAAY,MAAM;IAAC,CAAC;AACvG,YAAS,KAAK;;;AAIlB,QACE,4CAACH;EACC,OAAM;EACK;EACX,OAAO,QAAQ;EACf,aAAa,QAAQ;EACR;EACb,SACE,qFACG,SACA,YACC,2CAACI;GACC,aAAa,EAAE,yCAAyC,EAAC,MAAM,QAAQ,aAAY,CAAC;GACpF,WAAW;GACX,WAAW;aAEV,EAAE,uCAAuC;IAC5B,IAEjB;aAGJ,SACC,2CAACF;GAAM,SAAQ;GAAQ,MAAK;aACzB;IACK,EAET,QACC,2CAACG;GAAM,OAAO,EAAE,qCAAqC;aACnD,4CAAC;IACC,WAAW,OAAO;IAClB,OAAO;KAAC,YAAY;KAAW,eAAe;KAAS;IACvD,UAAU;IACV;;KAEA,2CAACC;MACC,MAAK;MACL,OAAO,EAAE,qCAAqC;MAC9C;MACA,OAAO,MAAM;MACb,WAAW,UACT,SAAS;OAAC,GAAG;OAAO,aAAa,MAAM,OAAO;OAAM,CAAC;OAEvD;KACF,2CAACA;MACC,MAAK;MACL,OAAO,EAAE,oCAAoC;MAC7C,OAAO,MAAM;MACb,WAAW,UACT,SAAS;OAAC,GAAG;OAAO,aAAa,MAAM,OAAO;OAAM,CAAC;OAEvD;KACF,4CAAC;MAAI,WAAW,OAAO;MAAQ,OAAO,EAAC,gBAAgB,YAAW;iBAChE,2CAACC;OAAO,MAAK;OAAS,SAAQ;OAAO,UAAU;OAAY,eAAqB,SAAS,KAAK;iBAC3F,EAAE,8BAA8B;QAC1B,EACT,2CAACA;OAAO,MAAK;OAAS,SAAS;OAAY,UAAU,cAAc,CAAC,MAAM,YAAY,MAAM;iBACzF,EAAE,mCAAmC;QAC/B;OACL;;KACD;IACD,GAER,2CAACF;GACC,OAAO,EAAE,kCAAkC;GAC3C,SACE,WACE,2CAACE;IACC,SAAQ;IACR,MAAK;IACL,eACE,SAAS;KAAC,aAAa,QAAQ,eAAe;KAAI,aAAa,QAAQ;KAAY,CAAC;cAGrF,EAAE,qCAAqC;KACjC,GACP;aAGN,2CAACC,iCACC,OAAO;IACL;KAAC,OAAO,EAAE,+BAA+B;KAAE,OAAO,QAAQ;KAAO;IACjE;KAAC,OAAO,EAAE,qCAAqC;KAAE,OAAO,QAAQ;KAAY;IAC5E;KACE,OAAO,EAAE,oCAAoC;KAC7C,OAAO,QAAQ,aAAa,SAAS,QAAQ,cAAc;KAC5D;IACD;KAAC,OAAO,EAAE,gCAAgC;KAAE,OAAOC,gCAAgB,QAAQ,UAAU,IAAI;KAAO;IACjG,GACD;IACI;GAEG;;AAInB,iCAAe"}

package/dist/cjs/components/management/ProjectDetails/ProjectDetails.cjs

@@ -0,0 +1,68 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useManagementEndpoint = require('../../../hooks/management/useManagementEndpoint.cjs');
+const require_useResourceQuery = require('../../../hooks/management/useResourceQuery.cjs');
+const require_useResourceMutation = require('../../../hooks/management/useResourceMutation.cjs');
+const require_BaseProjectDetails = require('./BaseProjectDetails.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectDetails/ProjectDetails.tsx
+/**
+* Shows a project, and lets the signed-in user edit and delete it. Deleting the current project
+* clears it.
+*
+* @example
+* ```tsx
+* <ProjectDetails projectId={projectId} editable deletable onDeleted={() => navigate('/projects')} />
+* ```
+*/
+const ProjectDetails = ({ deletable = false, editable = false, onDeleted, onUpdated, preferences, projectId,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const { currentProject, setCurrentProject } = require_useThunderID.default();
+	const endpoint = require_useManagementEndpoint.default("projects");
+	const project = require_useResourceQuery.default([__thunderid_browser.ProjectQueryKeys.PROJECT, projectId], (fetcher) => (0, __thunderid_browser.getProject)({
+		...endpoint,
+		fetcher,
+		projectId
+	}), { enabled: Boolean(projectId) });
+	const update = require_useResourceMutation.default((payload, fetcher) => (0, __thunderid_browser.updateProject)({
+		...endpoint,
+		fetcher,
+		payload,
+		projectId
+	}), () => [[__thunderid_browser.ProjectQueryKeys.PROJECTS], [__thunderid_browser.ProjectQueryKeys.PROJECT, projectId]], { onSuccess: (updated) => {
+		if (currentProject?.id === updated.id) setCurrentProject(updated);
+		onUpdated?.(updated);
+	} });
+	const deletion = require_useResourceMutation.default((id, fetcher) => (0, __thunderid_browser.deleteProject)({
+		...endpoint,
+		fetcher,
+		projectId: id
+	}), () => [[__thunderid_browser.ProjectQueryKeys.PROJECTS], [__thunderid_browser.OrganizationUnitQueryKeys.ORGANIZATION_UNITS]], { onSuccess: () => {
+		if (currentProject?.id === projectId) setCurrentProject(null);
+		onDeleted?.();
+	} });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseProjectDetails.default, {
+		project: project.data,
+		isLoading: project.isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, project.error, "admin.projects.details.error") ?? (0, __thunderid_browser.toManagementErrorMessage)(t, update.error, "admin.projects.details.edit.error", __thunderid_browser.PROJECT_ERROR_KEYS) ?? (0, __thunderid_browser.toManagementErrorMessage)(t, deletion.error, "admin.projects.details.delete.error"),
+		isDeleting: deletion.isLoading,
+		isUpdating: update.isLoading,
+		onDelete: deletable ? () => void deletion.mutate(projectId) : void 0,
+		onUpdate: editable && project.data ? (changes) => void update.mutate({
+			...changes,
+			handle: project.data?.handle
+		}) : void 0,
+		preferences,
+		...rest
+	});
+};
+var ProjectDetails_default = ProjectDetails;
+
+//#endregion
+exports.default = ProjectDetails_default;
+//# sourceMappingURL=ProjectDetails.cjs.map

package/dist/cjs/components/management/ProjectDetails/ProjectDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDetails.cjs","names":["ProjectDetails: FC<ProjectDetailsProps>","useTranslation","useThunderID","endpoint: ManagementEndpoint","useManagementEndpoint","project: ResourceQueryResult<Project>","useResourceQuery","ProjectQueryKeys","update: ResourceMutationResult<Project, UpdateProjectRequest>","useResourceMutation","deletion: ResourceMutationResult<void, string>","OrganizationUnitQueryKeys","BaseProjectDetails","PROJECT_ERROR_KEYS"],"sources":["../../../../../src/components/management/ProjectDetails/ProjectDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  OrganizationUnitQueryKeys,\n  PROJECT_ERROR_KEYS,\n  Project,\n  ProjectQueryKeys,\n  UpdateProjectRequest,\n  deleteProject,\n  getProject,\n  toManagementErrorMessage,\n  updateProject,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseProjectDetails, {BaseProjectDetailsProps, ProjectUpdateSubmission} from './BaseProjectDetails';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type ProjectDetailsProps = Omit<\n  BaseProjectDetailsProps,\n  'error' | 'isDeleting' | 'isLoading' | 'isUpdating' | 'onDelete' | 'onUpdate' | 'project'\n> & {\n  /**\n   * Whether the project can be deleted from this view. Deleting asks for confirmation.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Whether the display name and description can be edited from this view.\n   * @default false\n   */\n  editable?: boolean;\n  /**\n   * Called after the project has been deleted.\n   */\n  onDeleted?: () => void;\n  /**\n   * Called with the project as the server stored it after an edit.\n   */\n  onUpdated?: (project: Project) => void;\n  projectId: string;\n};\n\n/**\n * Shows a project, and lets the signed-in user edit and delete it. Deleting the current project\n * clears it.\n *\n * @example\n * ```tsx\n * <ProjectDetails projectId={projectId} editable deletable onDeleted={() => navigate('/projects')} />\n * ```\n */\nconst ProjectDetails: FC<ProjectDetailsProps> = ({\n  deletable = false,\n  editable = false,\n  onDeleted,\n  onUpdated,\n  preferences,\n  projectId,\n  ...rest\n}: ProjectDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const {currentProject, setCurrentProject} = useThunderID();\n  const endpoint: ManagementEndpoint = useManagementEndpoint('projects');\n  const project: ResourceQueryResult<Project> = useResourceQuery(\n    [ProjectQueryKeys.PROJECT, projectId],\n    (fetcher) => getProject({...endpoint, fetcher, projectId}),\n    {enabled: Boolean(projectId)},\n  );\n  const update: ResourceMutationResult<Project, UpdateProjectRequest> = useResourceMutation(\n    (payload: UpdateProjectRequest, fetcher) => updateProject({...endpoint, fetcher, payload, projectId}),\n    () => [[ProjectQueryKeys.PROJECTS], [ProjectQueryKeys.PROJECT, projectId]],\n    {\n      onSuccess: (updated: Project): void => {\n        if (currentProject?.id === updated.id) {\n          setCurrentProject(updated);\n        }\n        onUpdated?.(updated);\n      },\n    },\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteProject({...endpoint, fetcher, projectId: id}),\n    () => [[ProjectQueryKeys.PROJECTS], [OrganizationUnitQueryKeys.ORGANIZATION_UNITS]],\n    {\n      onSuccess: (): void => {\n        if (currentProject?.id === projectId) {\n          setCurrentProject(null);\n        }\n        onDeleted?.();\n      },\n    },\n  );\n\n  return (\n    <BaseProjectDetails\n      project={project.data}\n      isLoading={project.isLoading}\n      error={\n        toManagementErrorMessage(t, project.error, 'admin.projects.details.error') ??\n        toManagementErrorMessage(t, update.error, 'admin.projects.details.edit.error', PROJECT_ERROR_KEYS) ??\n        toManagementErrorMessage(t, deletion.error, 'admin.projects.details.delete.error')\n      }\n      isDeleting={deletion.isLoading}\n      isUpdating={update.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(projectId) : undefined}\n      onUpdate={\n        editable && project.data\n          ? (changes: ProjectUpdateSubmission): void => void update.mutate({...changes, handle: project.data?.handle})\n          : undefined\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ProjectDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwDA,MAAMA,kBAA2C,EAC/C,YAAY,OACZ,WAAW,OACX,WACA,WACA,aACA,UACA,GAAG,WACoC;CACvC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,EAAC,gBAAgB,sBAAqBC,8BAAc;CAC1D,MAAMC,WAA+BC,sCAAsB,WAAW;CACtE,MAAMC,UAAwCC,iCAC5C,CAACC,qCAAiB,SAAS,UAAU,GACpC,gDAAuB;EAAC,GAAG;EAAU;EAAS;EAAU,CAAC,EAC1D,EAAC,SAAS,QAAQ,UAAU,EAAC,CAC9B;CACD,MAAMC,SAAgEC,qCACnE,SAA+B,mDAA0B;EAAC,GAAG;EAAU;EAAS;EAAS;EAAU,CAAC,QAC/F,CAAC,CAACF,qCAAiB,SAAS,EAAE,CAACA,qCAAiB,SAAS,UAAU,CAAC,EAC1E,EACE,YAAY,YAA2B;AACrC,MAAI,gBAAgB,OAAO,QAAQ,GACjC,mBAAkB,QAAQ;AAE5B,cAAY,QAAQ;IAEvB,CACF;CACD,MAAMG,WAAiDD,qCACpD,IAAY,mDAA0B;EAAC,GAAG;EAAU;EAAS,WAAW;EAAG,CAAC,QACvE,CAAC,CAACF,qCAAiB,SAAS,EAAE,CAACI,8CAA0B,mBAAmB,CAAC,EACnF,EACE,iBAAuB;AACrB,MAAI,gBAAgB,OAAO,UACzB,mBAAkB,KAAK;AAEzB,eAAa;IAEhB,CACF;AAED,QACE,2CAACC;EACC,SAAS,QAAQ;EACjB,WAAW,QAAQ;EACnB,yDAC2B,GAAG,QAAQ,OAAO,+BAA+B,sDACjD,GAAG,OAAO,OAAO,qCAAqCC,uCAAmB,sDACzE,GAAG,SAAS,OAAO,sCAAsC;EAEpF,YAAY,SAAS;EACrB,YAAY,OAAO;EACnB,UAAU,kBAAwB,KAAK,SAAS,OAAO,UAAU,GAAG;EACpE,UACE,YAAY,QAAQ,QACf,YAA2C,KAAK,OAAO,OAAO;GAAC,GAAG;GAAS,QAAQ,QAAQ,MAAM;GAAO,CAAC,GAC1G;EAEO;EACb,GAAI;GACJ;;AAIN,6BAAe"}

package/dist/cjs/components/management/ProjectList/BaseProjectList.cjs

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_DataTable = require('../../primitives/DataTable/DataTable.cjs');
+const require_AdminSection = require('../shared/AdminSection.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectList/BaseProjectList.tsx
+/**
+* Lists projects with their handle and description. Holds no data of its own: pass the page of
+* projects and handle selection and pagination.
+*/
+const BaseProjectList = ({ actions, children, className, description, error = null, isLoading = false, limit = 20, offset = 0, onPageChange, onSelect, preferences, projects, selectedProjectId, title, totalResults }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.projects.fields.display_name"),
+			id: "displayName",
+			render: (project) => project.displayName
+		},
+		{
+			header: t("admin.projects.fields.handle"),
+			id: "handle",
+			render: (project) => project.handle
+		},
+		{
+			header: t("admin.projects.fields.description"),
+			id: "description",
+			render: (project) => project.description ?? ""
+		}
+	];
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			projects,
+			rows: projects,
+			selectedRowId: selectedProjectId,
+			totalResults: totalResults ?? projects.length
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AdminSection.default, {
+		block: "project-list",
+		className,
+		title: title ?? t("admin.projects.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DataTable.default, {
+			caption: title?.length ? title : t("admin.projects.list.title"),
+			columns,
+			rows: projects,
+			getRowId: (project) => project.id,
+			isLoading,
+			error,
+			emptyText: t("admin.projects.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedProjectId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? projects.length
+			} : void 0
+		})
+	});
+};
+var BaseProjectList_default = BaseProjectList;
+
+//#endregion
+exports.default = BaseProjectList_default;
+//# sourceMappingURL=BaseProjectList.cjs.map

package/dist/cjs/components/management/ProjectList/BaseProjectList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectList.cjs","names":["BaseProjectList: FC<BaseProjectListProps>","useTranslation","columns: DataTableColumn<Project>[]","AdminSection","DataTable"],"sources":["../../../../../src/components/management/ProjectList/BaseProjectList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, Project} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport DataTable, {DataTableColumn} from '../../primitives/DataTable/DataTable';\nimport {AdminListRenderProps} from '../shared/AdminListRenderProps';\nimport AdminSection from '../shared/AdminSection';\n\n/**\n * What {@link BaseProjectList} hands its `children` render function. `projects` and `rows` are the same array.\n */\nexport type BaseProjectListRenderProps = AdminListRenderProps<Project> & {projects: Project[]};\n\nexport interface BaseProjectListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `ProjectCreate`.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default table. Receives the projects, the default columns, the\n   * loading and error state, and the pagination and selection handlers.\n   */\n  children?: (props: BaseProjectListRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  /**\n   * Page size.\n   * @default 20\n   */\n  limit?: number;\n  offset?: number;\n  /**\n   * Called with the offset of the page to show. Pagination is hidden when omitted.\n   */\n  onPageChange?: (offset: number) => void;\n  /**\n   * Called when a project is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (project: Project) => void;\n  preferences?: Preferences;\n  projects: Project[];\n  selectedProjectId?: string;\n  /**\n   * Heading of the list. Pass an empty string to hide it.\n   */\n  title?: string;\n  totalResults?: number;\n}\n\n/**\n * Lists projects with their handle and description. Holds no data of its own: pass the page of\n * projects and handle selection and pagination.\n */\nconst BaseProjectList: FC<BaseProjectListProps> = ({\n  actions,\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  limit = 20,\n  offset = 0,\n  onPageChange,\n  onSelect,\n  preferences,\n  projects,\n  selectedProjectId,\n  title,\n  totalResults,\n}: BaseProjectListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<Project>[] = [\n    {\n      header: t('admin.projects.fields.display_name'),\n      id: 'displayName',\n      render: (project: Project): ReactNode => project.displayName,\n    },\n    {header: t('admin.projects.fields.handle'), id: 'handle', render: (project: Project): ReactNode => project.handle},\n    {\n      header: t('admin.projects.fields.description'),\n      id: 'description',\n      render: (project: Project): ReactNode => project.description ?? '',\n    },\n  ];\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          columns,\n          error,\n          isLoading,\n          limit,\n          offset,\n          onPageChange,\n          onSelect,\n          projects,\n          rows: projects,\n          selectedRowId: selectedProjectId,\n          totalResults: totalResults ?? projects.length,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"project-list\"\n      className={className}\n      title={title ?? t('admin.projects.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.projects.list.title')}\n        columns={columns}\n        rows={projects}\n        getRowId={(project: Project): string => project.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.projects.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedProjectId}\n        pagination={\n          onPageChange ? {limit, offset, onChange: onPageChange, total: totalResults ?? projects.length} : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseProjectList;\n"],"mappings":";;;;;;;;;;;;AAyDA,MAAMA,mBAA6C,EACjD,SACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,aACA,UACA,mBACA,OACA,mBACwC;CACxC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAMC,UAAsC;EAC1C;GACE,QAAQ,EAAE,qCAAqC;GAC/C,IAAI;GACJ,SAAS,YAAgC,QAAQ;GAClD;EACD;GAAC,QAAQ,EAAE,+BAA+B;GAAE,IAAI;GAAU,SAAS,YAAgC,QAAQ;GAAO;EAClH;GACE,QAAQ,EAAE,oCAAoC;GAC9C,IAAI;GACJ,SAAS,YAAgC,QAAQ,eAAe;GACjE;EACF;AAED,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,SAAS;GACxC,CAAC;GACE;AAIV,QACE,2CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,4BAA4B;EACjC;EACJ;EACI;YAEb,2CAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,4BAA4B;GACtD;GACT,MAAM;GACN,WAAW,YAA6B,QAAQ;GACrC;GACJ;GACP,WAAW,EAAE,4BAA4B;GACzC,YAAY;GACZ,eAAe;GACf,YACE,eAAe;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,SAAS;IAAO,GAAG;IAEnG;GACW;;AAInB,8BAAe"}

package/dist/cjs/components/management/ProjectList/ProjectList.cjs

@@ -0,0 +1,51 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useManagementEndpoint = require('../../../hooks/management/useManagementEndpoint.cjs');
+const require_useResourceQuery = require('../../../hooks/management/useResourceQuery.cjs');
+const require_BaseProjectList = require('./BaseProjectList.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectList/ProjectList.tsx
+/**
+* Lists the projects, a page at a time. Projects are served by the control plane only.
+*
+* @example
+* ```tsx
+* <ProjectList onSelect={(project) => setSelectedProjectId(project.id)} />
+* ```
+*/
+const ProjectList = ({ limit = 20, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [offset, setOffset] = (0, react.useState)(0);
+	const endpoint = require_useManagementEndpoint.default("projects");
+	const { data, error, isLoading } = require_useResourceQuery.default([__thunderid_browser.ProjectQueryKeys.PROJECTS, {
+		limit,
+		offset
+	}], (fetcher) => (0, __thunderid_browser.getProjects)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset
+	}));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseProjectList.default, {
+		projects: data?.projects ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.projects.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var ProjectList_default = ProjectList;
+
+//#endregion
+exports.default = ProjectList_default;
+//# sourceMappingURL=ProjectList.cjs.map

package/dist/cjs/components/management/ProjectList/ProjectList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectList.cjs","names":["ProjectList: FC<ProjectListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceQuery","ProjectQueryKeys","BaseProjectList"],"sources":["../../../../../src/components/management/ProjectList/ProjectList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ProjectListResponse, ProjectQueryKeys, getProjects, toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseProjectList, {BaseProjectListProps} from './BaseProjectList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type ProjectListProps = Omit<\n  BaseProjectListProps,\n  'error' | 'isLoading' | 'offset' | 'onPageChange' | 'projects' | 'totalResults'\n>;\n\n/**\n * Lists the projects, a page at a time. Projects are served by the control plane only.\n *\n * @example\n * ```tsx\n * <ProjectList onSelect={(project) => setSelectedProjectId(project.id)} />\n * ```\n */\nconst ProjectList: FC<ProjectListProps> = ({limit = 20, preferences, ...rest}: ProjectListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('projects');\n  const {data, error, isLoading}: ResourceQueryResult<ProjectListResponse> = useResourceQuery(\n    [ProjectQueryKeys.PROJECTS, {limit, offset}],\n    (fetcher) => getProjects({...endpoint, fetcher, limit, offset}),\n  );\n\n  return (\n    <BaseProjectList\n      projects={data?.projects ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.projects.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ProjectList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,eAAqC,EAAC,QAAQ,IAAI,YAAa,GAAG,WAA0C;CAChH,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,iCAA8B,EAAE;CAC/C,MAAMC,WAA+BC,sCAAsB,WAAW;CACtE,MAAM,EAAC,MAAM,OAAO,cAAuDC,iCACzE,CAACC,qCAAiB,UAAU;EAAC;EAAO;EAAO,CAAC,GAC3C,iDAAwB;EAAC,GAAG;EAAU;EAAS;EAAO;EAAO,CAAC,CAChE;AAED,QACE,2CAACC;EACC,UAAU,MAAM,YAAY,EAAE;EAC9B,cAAc,MAAM;EACT;EACX,yDAAgC,GAAG,OAAO,4BAA4B;EAC/D;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,0BAAe"}

package/dist/cjs/components/management/ProjectSwitcher/BaseProjectSwitcher.cjs

@@ -0,0 +1,58 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Select = require('../../primitives/Select/Select.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectSwitcher/BaseProjectSwitcher.tsx
+/**
+* A select of projects that marks the current one. Holds no data of its own: pass the projects and the
+* current one, and handle the choice.
+*/
+const BaseProjectSwitcher = ({ children, className, currentProject = null, error = null, isLoading = false, label, onLoadMore, onSelect, preferences, projects, totalResults }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const select = (project) => onSelect?.(project);
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className,
+		children: children({
+			currentProject,
+			error,
+			isLoading,
+			onLoadMore,
+			onSelect: select,
+			projects,
+			totalResults: totalResults ?? projects.length
+		})
+	});
+	const resolvedLabel = label ?? t("admin.projects.switcher.label");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: [(0, __thunderid_browser.withVendorCSSClassPrefix)((0, __thunderid_browser.bem)("project-switcher")), className].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.default, {
+			name: "project",
+			label: resolvedLabel || void 0,
+			"aria-label": resolvedLabel ? void 0 : t("admin.projects.switcher.label"),
+			placeholder: t("admin.projects.switcher.placeholder"),
+			emptyText: t("admin.projects.list.empty"),
+			error: error ?? void 0,
+			loading: isLoading,
+			onLoadMore,
+			options: projects.map((project) => ({
+				label: project.displayName,
+				value: project.id
+			})),
+			selectedOption: currentProject ? {
+				label: currentProject.displayName,
+				value: currentProject.id
+			} : void 0,
+			value: currentProject?.id ?? "",
+			onChange: (event) => select(projects.find((project) => project.id === event.target.value) ?? null)
+		})
+	});
+};
+var BaseProjectSwitcher_default = BaseProjectSwitcher;
+
+//#endregion
+exports.default = BaseProjectSwitcher_default;
+//# sourceMappingURL=BaseProjectSwitcher.cjs.map

package/dist/cjs/components/management/ProjectSwitcher/BaseProjectSwitcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectSwitcher.cjs","names":["BaseProjectSwitcher: FC<BaseProjectSwitcherProps>","useTranslation","resolvedLabel: string","Select"],"sources":["../../../../../src/components/management/ProjectSwitcher/BaseProjectSwitcher.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, Project, bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Select from '../../primitives/Select/Select';\n\n/**\n * What {@link BaseProjectSwitcher} hands its `children` render function, so the switcher can be drawn\n * with any UI.\n */\nexport interface BaseProjectSwitcherRenderProps {\n  /**\n   * The current project, or `null` when none is chosen.\n   */\n  currentProject: Project | null;\n  /**\n   * A translated message for a failed load, or `null`.\n   */\n  error: string | null;\n  isLoading: boolean;\n  /**\n   * Loads the next page of projects. Undefined when every project is loaded.\n   */\n  onLoadMore?: () => void;\n  /**\n   * Chooses a project as the current one, or clears it with `null`.\n   */\n  onSelect: (project: Project | null) => void;\n  /**\n   * The projects loaded so far.\n   */\n  projects: Project[];\n  /**\n   * Number of projects on the server, or the number loaded when unknown.\n   */\n  totalResults: number;\n}\n\nexport interface BaseProjectSwitcherProps {\n  /**\n   * Renders custom UI in place of the default select. Receives the projects, the current one, the\n   * loading and error state, the next page loader and `onSelect`.\n   */\n  children?: (props: BaseProjectSwitcherRenderProps) => ReactNode;\n  className?: string;\n  /**\n   * The current project, or `null` when none is chosen. Shown even before its page is loaded.\n   */\n  currentProject?: Project | null;\n  error?: string | null;\n  isLoading?: boolean;\n  /**\n   * Label of the select. Pass an empty string to hide it.\n   */\n  label?: string;\n  /**\n   * Loads the next page of projects. The select offers to load more only when set.\n   */\n  onLoadMore?: () => void;\n  /**\n   * Called with the chosen project, or with `null` when the choice is cleared.\n   */\n  onSelect?: (project: Project | null) => void;\n  preferences?: Preferences;\n  projects: Project[];\n  totalResults?: number;\n}\n\n/**\n * A select of projects that marks the current one. Holds no data of its own: pass the projects and the\n * current one, and handle the choice.\n */\nconst BaseProjectSwitcher: FC<BaseProjectSwitcherProps> = ({\n  children,\n  className,\n  currentProject = null,\n  error = null,\n  isLoading = false,\n  label,\n  onLoadMore,\n  onSelect,\n  preferences,\n  projects,\n  totalResults,\n}: BaseProjectSwitcherProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const select = (project: Project | null): void => onSelect?.(project);\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          currentProject,\n          error,\n          isLoading,\n          onLoadMore,\n          onSelect: select,\n          projects,\n          totalResults: totalResults ?? projects.length,\n        })}\n      </div>\n    );\n  }\n\n  const resolvedLabel: string = label ?? t('admin.projects.switcher.label');\n\n  return (\n    <div className={[withVendorCSSClassPrefix(bem('project-switcher')), className].filter(Boolean).join(' ')}>\n      <Select\n        name=\"project\"\n        label={resolvedLabel || undefined}\n        aria-label={resolvedLabel ? undefined : t('admin.projects.switcher.label')}\n        placeholder={t('admin.projects.switcher.placeholder')}\n        emptyText={t('admin.projects.list.empty')}\n        error={error ?? undefined}\n        loading={isLoading}\n        onLoadMore={onLoadMore}\n        options={projects.map((project: Project) => ({label: project.displayName, value: project.id}))}\n        selectedOption={currentProject ? {label: currentProject.displayName, value: currentProject.id} : undefined}\n        value={currentProject?.id ?? ''}\n        onChange={(event: ChangeEvent<HTMLSelectElement>): void =>\n          select(projects.find((project: Project) => project.id === event.target.value) ?? null)\n        }\n      />\n    </div>\n  );\n};\n\nexport default BaseProjectSwitcher;\n"],"mappings":";;;;;;;;;;;;;AA0EA,MAAMA,uBAAqD,EACzD,UACA,WACA,iBAAiB,MACjB,QAAQ,MACR,YAAY,OACZ,OACA,YACA,UACA,aACA,UACA,mBAC4C;CAC5C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAM,UAAU,YAAkC,WAAW,QAAQ;AAErE,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA,UAAU;GACV;GACA,cAAc,gBAAgB,SAAS;GACxC,CAAC;GACE;CAIV,MAAMC,gBAAwB,SAAS,EAAE,gCAAgC;AAEzE,QACE,2CAAC;EAAI,WAAW,gFAA8B,mBAAmB,CAAC,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;YACtG,2CAACC;GACC,MAAK;GACL,OAAO,iBAAiB;GACxB,cAAY,gBAAgB,SAAY,EAAE,gCAAgC;GAC1E,aAAa,EAAE,sCAAsC;GACrD,WAAW,EAAE,4BAA4B;GACzC,OAAO,SAAS;GAChB,SAAS;GACG;GACZ,SAAS,SAAS,KAAK,aAAsB;IAAC,OAAO,QAAQ;IAAa,OAAO,QAAQ;IAAG,EAAE;GAC9F,gBAAgB,iBAAiB;IAAC,OAAO,eAAe;IAAa,OAAO,eAAe;IAAG,GAAG;GACjG,OAAO,gBAAgB,MAAM;GAC7B,WAAW,UACT,OAAO,SAAS,MAAM,YAAqB,QAAQ,OAAO,MAAM,OAAO,MAAM,IAAI,KAAK;IAExF;GACE;;AAIV,kCAAe"}

package/dist/cjs/components/management/ProjectSwitcher/ProjectSwitcher.cjs

@@ -0,0 +1,72 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_useManagementEndpoint = require('../../../hooks/management/useManagementEndpoint.cjs');
+const require_useResourceQuery = require('../../../hooks/management/useResourceQuery.cjs');
+const require_BaseProjectSwitcher = require('./BaseProjectSwitcher.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/management/ProjectSwitcher/ProjectSwitcher.tsx
+/**
+* Lists the projects and lets the user choose the current one. The choice is client-side context, not
+* a sign-in: it is kept per vendor in `localStorage` and exposed as `currentProject` and
+* `setCurrentProject` through `useThunderID()`. `ApplicationList` and `AgentList` list the current
+* project's applications and agents, and `ApplicationCreate` and `AgentCreate` create them in it, the
+* resources the server places by project. A project's identifier is not an organization unit's, so no
+* other component uses it. `onSelect` is called after the choice is kept.
+*
+* @example
+* ```tsx
+* <ProjectSwitcher onSelect={(project) => navigate(project ? `/projects/${project.id}` : '/')} />
+* ```
+*/
+const ProjectSwitcher = ({ limit = 100, onSelect, preferences,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const { currentProject, setCurrentProject } = require_useThunderID.default();
+	const [offset, setOffset] = (0, react.useState)(0);
+	const [pages, setPages] = (0, react.useState)({});
+	const endpoint = require_useManagementEndpoint.default("projects");
+	const { data, error, isLoading } = require_useResourceQuery.default([__thunderid_browser.ProjectQueryKeys.PROJECTS, {
+		limit,
+		offset
+	}], (fetcher) => (0, __thunderid_browser.getProjects)({
+		...endpoint,
+		fetcher,
+		limit,
+		offset
+	}));
+	const [mergedData, setMergedData] = (0, react.useState)(void 0);
+	if (data && data !== mergedData) {
+		setMergedData(data);
+		setPages((previous) => ({
+			...previous,
+			[offset]: data.projects ?? []
+		}));
+	}
+	const projects = (0, react.useMemo)(() => Object.keys(pages).map(Number).sort((a, b) => a - b).flatMap((pageOffset) => pages[pageOffset] ?? []), [pages]);
+	const totalResults = data?.totalResults ?? projects.length;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseProjectSwitcher.default, {
+		currentProject,
+		projects,
+		totalResults,
+		isLoading,
+		error: (0, __thunderid_browser.toManagementErrorMessage)(t, error, "admin.projects.switcher.error"),
+		onLoadMore: !isLoading && projects.length < totalResults ? () => setOffset(projects.length) : void 0,
+		onSelect: (project) => {
+			setCurrentProject(project);
+			onSelect?.(project);
+		},
+		preferences,
+		...rest
+	});
+};
+var ProjectSwitcher_default = ProjectSwitcher;
+
+//#endregion
+exports.default = ProjectSwitcher_default;
+//# sourceMappingURL=ProjectSwitcher.cjs.map

package/dist/cjs/components/management/ProjectSwitcher/ProjectSwitcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectSwitcher.cjs","names":["ProjectSwitcher: FC<ProjectSwitcherProps>","useTranslation","useThunderID","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceQuery","ProjectQueryKeys","projects: Project[]","totalResults: number","BaseProjectSwitcher"],"sources":["../../../../../src/components/management/ProjectSwitcher/ProjectSwitcher.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Project,\n  ProjectListResponse,\n  ProjectQueryKeys,\n  getProjects,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo, useState} from 'react';\nimport BaseProjectSwitcher, {BaseProjectSwitcherProps} from './BaseProjectSwitcher';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type ProjectSwitcherProps = Omit<\n  BaseProjectSwitcherProps,\n  'currentProject' | 'error' | 'isLoading' | 'onLoadMore' | 'projects' | 'totalResults'\n> & {\n  /**\n   * Number of projects fetched per page. The server serves at most 100.\n   * @default 100\n   */\n  limit?: number;\n};\n\n/**\n * Lists the projects and lets the user choose the current one. The choice is client-side context, not\n * a sign-in: it is kept per vendor in `localStorage` and exposed as `currentProject` and\n * `setCurrentProject` through `useThunderID()`. `ApplicationList` and `AgentList` list the current\n * project's applications and agents, and `ApplicationCreate` and `AgentCreate` create them in it, the\n * resources the server places by project. A project's identifier is not an organization unit's, so no\n * other component uses it. `onSelect` is called after the choice is kept.\n *\n * @example\n * ```tsx\n * <ProjectSwitcher onSelect={(project) => navigate(project ? `/projects/${project.id}` : '/')} />\n * ```\n */\nconst ProjectSwitcher: FC<ProjectSwitcherProps> = ({\n  limit = 100,\n  onSelect,\n  preferences,\n  ...rest\n}: ProjectSwitcherProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const {currentProject, setCurrentProject} = useThunderID();\n  const [offset, setOffset] = useState<number>(0);\n  const [pages, setPages] = useState<Record<number, Project[]>>({});\n  const endpoint: ManagementEndpoint = useManagementEndpoint('projects');\n  const {data, error, isLoading}: ResourceQueryResult<ProjectListResponse> = useResourceQuery(\n    [ProjectQueryKeys.PROJECTS, {limit, offset}],\n    (fetcher) => getProjects({...endpoint, fetcher, limit, offset}),\n  );\n\n  const [mergedData, setMergedData] = useState<ProjectListResponse | undefined>(undefined);\n\n  // Each page is kept as it arrives, so loading more appends to the projects already listed.\n  if (data && data !== mergedData) {\n    setMergedData(data);\n    setPages((previous: Record<number, Project[]>) => ({...previous, [offset]: data.projects ?? []}));\n  }\n\n  const projects: Project[] = useMemo(\n    () =>\n      Object.keys(pages)\n        .map(Number)\n        .sort((a: number, b: number) => a - b)\n        .flatMap((pageOffset: number) => pages[pageOffset] ?? []),\n    [pages],\n  );\n  const totalResults: number = data?.totalResults ?? projects.length;\n\n  return (\n    <BaseProjectSwitcher\n      currentProject={currentProject}\n      projects={projects}\n      totalResults={totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.projects.switcher.error')}\n      onLoadMore={!isLoading && projects.length < totalResults ? (): void => setOffset(projects.length) : undefined}\n      onSelect={(project: Project | null): void => {\n        setCurrentProject(project);\n        onSelect?.(project);\n      }}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ProjectSwitcher;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,mBAA6C,EACjD,QAAQ,KACR,UACA,YACA,GAAG,WACqC;CACxC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAC7C,MAAM,EAAC,gBAAgB,sBAAqBC,8BAAc;CAC1D,MAAM,CAAC,QAAQ,iCAA8B,EAAE;CAC/C,MAAM,CAAC,OAAO,gCAAgD,EAAE,CAAC;CACjE,MAAMC,WAA+BC,sCAAsB,WAAW;CACtE,MAAM,EAAC,MAAM,OAAO,cAAuDC,iCACzE,CAACC,qCAAiB,UAAU;EAAC;EAAO;EAAO,CAAC,GAC3C,iDAAwB;EAAC,GAAG;EAAU;EAAS;EAAO;EAAO,CAAC,CAChE;CAED,MAAM,CAAC,YAAY,qCAA2D,OAAU;AAGxF,KAAI,QAAQ,SAAS,YAAY;AAC/B,gBAAc,KAAK;AACnB,YAAU,cAAyC;GAAC,GAAG;IAAW,SAAS,KAAK,YAAY,EAAE;GAAC,EAAE;;CAGnG,MAAMC,oCAEF,OAAO,KAAK,MAAM,CACf,IAAI,OAAO,CACX,MAAM,GAAW,MAAc,IAAI,EAAE,CACrC,SAAS,eAAuB,MAAM,eAAe,EAAE,CAAC,EAC7D,CAAC,MAAM,CACR;CACD,MAAMC,eAAuB,MAAM,gBAAgB,SAAS;AAE5D,QACE,2CAACC;EACiB;EACN;EACI;EACH;EACX,yDAAgC,GAAG,OAAO,gCAAgC;EAC1E,YAAY,CAAC,aAAa,SAAS,SAAS,qBAA2B,UAAU,SAAS,OAAO,GAAG;EACpG,WAAW,YAAkC;AAC3C,qBAAkB,QAAQ;AAC1B,cAAW,QAAQ;;EAER;EACb,GAAI;GACJ;;AAIN,8BAAe"}

package/dist/cjs/components/{admin → management}/RoleAssignments/BaseRoleAssignments.cjs

@@ -8,7 +8,7 @@ const require_IdentityPicker = require('../shared/IdentityPicker.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/components/admin/RoleAssignments/BaseRoleAssignments.tsx
+//#region src/components/management/RoleAssignments/BaseRoleAssignments.tsx
 /**
 * Lists the users, groups and agents a role is assigned to, and lets the caller assign and unassign
 * it. Holds no data of its own.

package/dist/cjs/components/management/RoleAssignments/BaseRoleAssignments.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleAssignments.cjs","names":["BaseRoleAssignments: FC<BaseRoleAssignmentsProps>","useTranslation","columns: DataTableColumn<RoleAssignment>[]","Button","AdminSection","IdentityPicker","Select","DataTable"],"sources":["../../../../../src/components/management/RoleAssignments/BaseRoleAssignments.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, RoleAssigneeType, RoleAssignment, RoleAssignmentInput} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\nimport DataTable, {DataTableColumn} from '../../primitives/DataTable/DataTable';\nimport Select from '../../primitives/Select/Select';\nimport AdminSection from '../shared/AdminSection';\nimport IdentityPicker, {IdentityCandidate} from '../shared/IdentityPicker';\n\n/**\n * What {@link BaseRoleAssignments} hands its `children` render function, so the assignments can be\n * shown with any UI, such as a third-party data grid.\n */\nexport interface BaseRoleAssignmentsRenderProps {\n  assignments: RoleAssignment[];\n  /**\n   * The identities the role can be assigned to, keyed by assignee type. Undefined when assigning is\n   * not allowed.\n   */\n  candidates?: Partial<Record<RoleAssigneeType, IdentityCandidate[]>>;\n  /**\n   * The columns the default table shows, including the remove action when unassigning is allowed.\n   */\n  columns: DataTableColumn<RoleAssignment>[];\n  error: string | null;\n  isLoading: boolean;\n  isMutating: boolean;\n  /**\n   * Assigns the role. Undefined when assigning is not allowed.\n   */\n  onAssign?: (assignment: RoleAssignmentInput) => void;\n  /**\n   * Shows only one assignee type, or every type with `null`. Undefined when the list cannot be filtered.\n   */\n  onTypeFilterChange?: (type: RoleAssigneeType | null) => void;\n  /**\n   * Removes an assignment. Undefined when unassigning is not allowed.\n   */\n  onUnassign?: (assignment: RoleAssignment) => void;\n  /**\n   * The assignee type the list is narrowed to, or `null` for every type.\n   */\n  typeFilter: RoleAssigneeType | null;\n}\n\nexport interface BaseRoleAssignmentsProps {\n  assignments: RoleAssignment[];\n  /**\n   * The identities the role can be assigned to, keyed by assignee type. Assigning is hidden when omitted.\n   */\n  candidates?: Partial<Record<RoleAssigneeType, IdentityCandidate[]>>;\n  /**\n   * Renders custom UI in place of the default table and picker. Receives the assignments, the\n   * default columns, the candidates, the loading and error state, and the assign and unassign\n   * handlers.\n   */\n  children?: (props: BaseRoleAssignmentsRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  isMutating?: boolean;\n  onAssign?: (assignment: RoleAssignmentInput) => void;\n  /**\n   * Narrows the list to one assignee type, on the server, or back to every type with `null`. The type\n   * filter shows only when set.\n   */\n  onTypeFilterChange?: (type: RoleAssigneeType | null) => void;\n  /**\n   * Removes an assignment. The remove action is hidden when omitted.\n   */\n  onUnassign?: (assignment: RoleAssignment) => void;\n  preferences?: Preferences;\n  title?: string;\n  /**\n   * The assignee type the list is narrowed to, or `null` for every type.\n   */\n  typeFilter?: RoleAssigneeType | null;\n}\n\n/**\n * Lists the users, groups and agents a role is assigned to, and lets the caller assign and unassign\n * it. Holds no data of its own.\n */\nconst BaseRoleAssignments: FC<BaseRoleAssignmentsProps> = ({\n  assignments,\n  candidates,\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  isMutating = false,\n  onAssign,\n  onTypeFilterChange,\n  onUnassign,\n  preferences,\n  title,\n  typeFilter = null,\n}: BaseRoleAssignmentsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<RoleAssignment>[] = [\n    {\n      header: t('admin.roles.assignments.columns.assignee'),\n      id: 'assignee',\n      render: (assignment: RoleAssignment): ReactNode => assignment.display ?? assignment.id,\n    },\n    {\n      header: t('admin.roles.assignments.columns.type'),\n      id: 'type',\n      render: (assignment: RoleAssignment): ReactNode => t(`admin.common.identity_types.${assignment.type}`),\n    },\n  ];\n\n  if (onUnassign) {\n    columns.push({\n      header: t('admin.common.columns.actions'),\n      id: 'actions',\n      render: (assignment: RoleAssignment): ReactNode => (\n        <Button\n          variant=\"text\"\n          color=\"error\"\n          size=\"small\"\n          disabled={isMutating}\n          aria-label={t('admin.roles.assignments.remove_label', {name: assignment.display ?? assignment.id})}\n          onClick={(): void => onUnassign(assignment)}\n        >\n          {t('admin.common.actions.remove')}\n        </Button>\n      ),\n    });\n  }\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          assignments,\n          candidates: onAssign ? candidates : undefined,\n          columns,\n          error,\n          isLoading,\n          isMutating,\n          onAssign: candidates ? onAssign : undefined,\n          onTypeFilterChange,\n          onUnassign,\n          typeFilter,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"role-assignments\"\n      className={className}\n      title={title ?? t('admin.roles.assignments.title')}\n      description={description}\n      headingLevel={3}\n      preferences={preferences}\n    >\n      {onAssign && candidates && (\n        <IdentityPicker<RoleAssigneeType>\n          addLabel={t('admin.roles.assignments.add')}\n          candidates={candidates}\n          excludedIds={assignments.map((assignment: RoleAssignment) => assignment.id)}\n          isSubmitting={isMutating}\n          onAdd={onAssign}\n          types={(['user', 'group', 'agent', 'app'] as RoleAssigneeType[])\n            .filter((type: RoleAssigneeType) => candidates[type] !== undefined)\n            .map((type: RoleAssigneeType) => ({label: t(`admin.common.identity_types.${type}`), value: type}))}\n        />\n      )}\n      {onTypeFilterChange && (\n        <div style={{maxWidth: '16rem'}}>\n          <Select\n            label={t('admin.common.filters.type')}\n            name=\"assigneeType\"\n            value={typeFilter ?? ''}\n            options={[\n              {label: t('admin.common.filters.all_types'), value: ''},\n              ...(['user', 'group', 'agent', 'app'] as RoleAssigneeType[]).map((type: RoleAssigneeType) => ({\n                label: t(`admin.common.identity_types.${type}`),\n                value: type,\n              })),\n            ]}\n            onChange={(event: ChangeEvent<HTMLSelectElement>): void =>\n              onTypeFilterChange((event.target.value || null) as RoleAssigneeType | null)\n            }\n          />\n        </div>\n      )}\n      <DataTable\n        caption={title?.length ? title : t('admin.roles.assignments.title')}\n        columns={columns}\n        rows={assignments}\n        getRowId={(assignment: RoleAssignment): string => `${assignment.type}:${assignment.id}`}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.roles.assignments.empty')}\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseRoleAssignments;\n"],"mappings":";;;;;;;;;;;;;;;AAuFA,MAAMA,uBAAqD,EACzD,aACA,YACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,aAAa,OACb,UACA,oBACA,YACA,aACA,OACA,aAAa,WAC+B;CAC5C,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAMC,UAA6C,CACjD;EACE,QAAQ,EAAE,2CAA2C;EACrD,IAAI;EACJ,SAAS,eAA0C,WAAW,WAAW,WAAW;EACrF,EACD;EACE,QAAQ,EAAE,uCAAuC;EACjD,IAAI;EACJ,SAAS,eAA0C,EAAE,+BAA+B,WAAW,OAAO;EACvG,CACF;AAED,KAAI,WACF,SAAQ,KAAK;EACX,QAAQ,EAAE,+BAA+B;EACzC,IAAI;EACJ,SAAS,eACP,2CAACC;GACC,SAAQ;GACR,OAAM;GACN,MAAK;GACL,UAAU;GACV,cAAY,EAAE,wCAAwC,EAAC,MAAM,WAAW,WAAW,WAAW,IAAG,CAAC;GAClG,eAAqB,WAAW,WAAW;aAE1C,EAAE,8BAA8B;IAC1B;EAEZ,CAAC;AAGJ,KAAI,SACF,QACE,2CAAC;EAAe;YACb,SAAS;GACR;GACA,YAAY,WAAW,aAAa;GACpC;GACA;GACA;GACA;GACA,UAAU,aAAa,WAAW;GAClC;GACA;GACA;GACD,CAAC;GACE;AAIV,QACE,4CAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,gCAAgC;EACrC;EACb,cAAc;EACD;;GAEZ,YAAY,cACX,2CAACC;IACC,UAAU,EAAE,8BAA8B;IAC9B;IACZ,aAAa,YAAY,KAAK,eAA+B,WAAW,GAAG;IAC3E,cAAc;IACd,OAAO;IACP,OAAQ;KAAC;KAAQ;KAAS;KAAS;KAAM,CACtC,QAAQ,SAA2B,WAAW,UAAU,OAAU,CAClE,KAAK,UAA4B;KAAC,OAAO,EAAE,+BAA+B,OAAO;KAAE,OAAO;KAAK,EAAE;KACpG;GAEH,sBACC,2CAAC;IAAI,OAAO,EAAC,UAAU,SAAQ;cAC7B,2CAACC;KACC,OAAO,EAAE,4BAA4B;KACrC,MAAK;KACL,OAAO,cAAc;KACrB,SAAS,CACP;MAAC,OAAO,EAAE,iCAAiC;MAAE,OAAO;MAAG,EACvD,GAAI;MAAC;MAAQ;MAAS;MAAS;MAAM,CAAwB,KAAK,UAA4B;MAC5F,OAAO,EAAE,+BAA+B,OAAO;MAC/C,OAAO;MACR,EAAE,CACJ;KACD,WAAW,UACT,mBAAoB,MAAM,OAAO,SAAS,KAAiC;MAE7E;KACE;GAER,2CAACC;IACC,SAAS,OAAO,SAAS,QAAQ,EAAE,gCAAgC;IAC1D;IACT,MAAM;IACN,WAAW,eAAuC,GAAG,WAAW,KAAK,GAAG,WAAW;IACxE;IACJ;IACP,WAAW,EAAE,gCAAgC;KAC7C;;GACW;;AAInB,kCAAe"}