@thunderid/react 1.4.1 → 1.6.0

package/dist/components/admin/RoleCreate/BaseRoleCreate.js

@@ -0,0 +1,100 @@
+import useTheme_default from "../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Button_default from "../../primitives/Button/Button.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
+import TextField_default from "../../primitives/TextField/TextField.js";
+import AdminSection_styles_default from "../shared/AdminSection.styles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/admin/RoleCreate/BaseRoleCreate.tsx
+/**
+* A form that collects a new role's name and description. Holds no data of its own: handle the
+* submission.
+*/
+const BaseRoleCreate = ({ children, className, description, error = null, isSubmitting = false, onCancel, onSubmit, preferences, title }) => {
+	const { theme, colorScheme } = useTheme_default();
+	const styles = AdminSection_styles_default(theme, colorScheme);
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [name, setName] = useState("");
+	const [roleDescription, setRoleDescription] = useState("");
+	const isValid = name.trim().length > 0;
+	const submit = () => {
+		if (isValid) onSubmit({
+			description: roleDescription.trim() || void 0,
+			name: name.trim()
+		});
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			handleInputChange: (field, value) => field === "name" ? setName(value) : setRoleDescription(value),
+			handleSubmit: submit,
+			isSubmitting,
+			isValid,
+			onCancel,
+			values: {
+				description: roleDescription,
+				name
+			}
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "role-create",
+		className,
+		title: title ?? t("admin.roles.create.title"),
+		description,
+		preferences,
+		children: /* @__PURE__ */ jsxs("form", {
+			className: styles["form"],
+			onSubmit: handleSubmit,
+			noValidate: true,
+			children: [
+				error && /* @__PURE__ */ jsx(Alert_default, {
+					variant: "error",
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ jsx(TextField_default, {
+					name: "name",
+					label: t("admin.roles.create.fields.name"),
+					required: true,
+					value: name,
+					onChange: (event) => setName(event.target.value)
+				}),
+				/* @__PURE__ */ jsx(TextField_default, {
+					name: "description",
+					label: t("admin.roles.create.fields.description"),
+					value: roleDescription,
+					onChange: (event) => setRoleDescription(event.target.value)
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: styles["formActions"],
+					children: [onCancel && /* @__PURE__ */ jsx(Button_default, {
+						type: "button",
+						variant: "text",
+						onClick: onCancel,
+						disabled: isSubmitting,
+						children: t("admin.common.actions.cancel")
+					}), /* @__PURE__ */ jsx(Button_default, {
+						type: "submit",
+						loading: isSubmitting,
+						disabled: !isValid || isSubmitting,
+						children: t("admin.roles.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseRoleCreate_default = BaseRoleCreate;
+
+//#endregion
+export { BaseRoleCreate_default as default };
+//# sourceMappingURL=BaseRoleCreate.js.map

package/dist/components/admin/RoleCreate/BaseRoleCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleCreate.js","names":["BaseRoleCreate: FC<BaseRoleCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","isValid: boolean","AdminSection","Alert","TextField","Button"],"sources":["../../../../src/components/admin/RoleCreate/BaseRoleCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences} from '@thunderid/browser';\nimport {ChangeEvent, FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport TextField from '../../primitives/TextField/TextField';\nimport AdminSection from '../shared/AdminSection';\nimport useStyles from '../shared/AdminSection.styles';\n\n/**\n * The role {@link BaseRoleCreate} submits. The organization unit is added by the caller.\n */\nexport interface RoleCreateSubmission {\n  description?: string;\n  name: string;\n}\n\n/**\n * What {@link BaseRoleCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseRoleCreateRenderProps {\n  error: string | null;\n  /**\n   * Sets one field of the form.\n   */\n  handleInputChange: (field: 'description' | 'name', value: string) => void;\n  /**\n   * Submits the current values. Does nothing while they are not valid.\n   */\n  handleSubmit: () => void;\n  isSubmitting: boolean;\n  /**\n   * Whether the values can be submitted.\n   */\n  isValid: boolean;\n  onCancel?: () => void;\n  values: {description: string; name: string};\n}\n\nexport interface BaseRoleCreateProps {\n  /**\n   * Renders custom UI in place of the default form. Receives the values, their setters, the submit\n   * handler and the submission state.\n   */\n  children?: (props: BaseRoleCreateRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onSubmit: (role: RoleCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new role's name and description. Holds no data of its own: handle the\n * submission.\n */\nconst BaseRoleCreate: FC<BaseRoleCreateProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  isSubmitting = false,\n  onCancel,\n  onSubmit,\n  preferences,\n  title,\n}: BaseRoleCreateProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [name, setName] = useState<string>('');\n  const [roleDescription, setRoleDescription] = useState<string>('');\n\n  const isValid: boolean = name.trim().length > 0;\n\n  const submit = (): void => {\n    if (isValid) {\n      onSubmit({description: roleDescription.trim() || undefined, name: name.trim()});\n    }\n  };\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n    submit();\n  };\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          error,\n          handleInputChange: (field: 'description' | 'name', value: string): void =>\n            field === 'name' ? setName(value) : setRoleDescription(value),\n          handleSubmit: submit,\n          isSubmitting,\n          isValid,\n          onCancel,\n          values: {description: roleDescription, name},\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"role-create\"\n      className={className}\n      title={title ?? t('admin.roles.create.title')}\n      description={description}\n      preferences={preferences}\n    >\n      <form className={styles['form']} onSubmit={handleSubmit} noValidate>\n        {error && (\n          <Alert variant=\"error\" role=\"alert\">\n            {error}\n          </Alert>\n        )}\n        <TextField\n          name=\"name\"\n          label={t('admin.roles.create.fields.name')}\n          required\n          value={name}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setName(event.target.value)}\n        />\n        <TextField\n          name=\"description\"\n          label={t('admin.roles.create.fields.description')}\n          value={roleDescription}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setRoleDescription(event.target.value)}\n        />\n        <div className={styles['formActions']}>\n          {onCancel && (\n            <Button type=\"button\" variant=\"text\" onClick={onCancel} disabled={isSubmitting}>\n              {t('admin.common.actions.cancel')}\n            </Button>\n          )}\n          <Button type=\"submit\" loading={isSubmitting} disabled={!isValid || isSubmitting}>\n            {t('admin.roles.create.submit')}\n          </Button>\n        </div>\n      </form>\n    </AdminSection>\n  );\n};\n\nexport default BaseRoleCreate;\n"],"mappings":";;;;;;;;;;;;;;;AA+DA,MAAMA,kBAA2C,EAC/C,UACA,WACA,aACA,QAAQ,MACR,eAAe,OACf,UACA,UACA,aACA,YACuC;CACvC,MAAM,EAAC,OAAO,gBAAeC,kBAAU;CACvC,MAAMC,SAAiCC,4BAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,MAAM,WAAW,SAAiB,GAAG;CAC5C,MAAM,CAAC,iBAAiB,sBAAsB,SAAiB,GAAG;CAElE,MAAMC,UAAmB,KAAK,MAAM,CAAC,SAAS;CAE9C,MAAM,eAAqB;AACzB,MAAI,QACF,UAAS;GAAC,aAAa,gBAAgB,MAAM,IAAI;GAAW,MAAM,KAAK,MAAM;GAAC,CAAC;;CAInF,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,UAAQ;;AAGV,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA,oBAAoB,OAA+B,UACjD,UAAU,SAAS,QAAQ,MAAM,GAAG,mBAAmB,MAAM;GAC/D,cAAc;GACd;GACA;GACA;GACA,QAAQ;IAAC,aAAa;IAAiB;IAAK;GAC7C,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,2BAA2B;EAChC;EACA;YAEb,qBAAC;GAAK,WAAW,OAAO;GAAS,UAAU;GAAc;;IACtD,SACC,oBAACC;KAAM,SAAQ;KAAQ,MAAK;eACzB;MACK;IAEV,oBAACC;KACC,MAAK;KACL,OAAO,EAAE,iCAAiC;KAC1C;KACA,OAAO;KACP,WAAW,UAA+C,QAAQ,MAAM,OAAO,MAAM;MACrF;IACF,oBAACA;KACC,MAAK;KACL,OAAO,EAAE,wCAAwC;KACjD,OAAO;KACP,WAAW,UAA+C,mBAAmB,MAAM,OAAO,MAAM;MAChG;IACF,qBAAC;KAAI,WAAW,OAAO;gBACpB,YACC,oBAACC;MAAO,MAAK;MAAS,SAAQ;MAAO,SAAS;MAAU,UAAU;gBAC/D,EAAE,8BAA8B;OAC1B,EAEX,oBAACA;MAAO,MAAK;MAAS,SAAS;MAAc,UAAU,CAAC,WAAW;gBAChE,EAAE,4BAA4B;OACxB;MACL;;IACD;GACM;;AAInB,6BAAe"}

package/dist/components/admin/RoleCreate/RoleCreate.d.ts

@@ -0,0 +1,24 @@
+import { Role } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseRoleCreateProps } from './BaseRoleCreate';
+export type RoleCreateProps = Omit<BaseRoleCreateProps, 'error' | 'isSubmitting' | 'onSubmit'> & {
+    /**
+     * Called with the created role.
+     */
+    onCreated?: (role: Role) => void;
+    /**
+     * Organization unit the role is created in. Defaults to the signed-in user's organization unit.
+     */
+    ouId?: string;
+};
+/**
+ * Creates a role through the management API.
+ *
+ * @example
+ * ```tsx
+ * <RoleCreate onCreated={(role) => navigate(`/roles/${role.id}`)} />
+ * ```
+ */
+declare const RoleCreate: FC<RoleCreateProps>;
+export default RoleCreate;
+//# sourceMappingURL=RoleCreate.d.ts.map

package/dist/components/admin/RoleCreate/RoleCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/RoleCreate/RoleCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,IAAI,EAAC,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAuB,EAAC,mBAAmB,EAAuB,MAAM,kBAAkB,CAAC;AAK3F,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IAC/F;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsBnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/admin/RoleCreate/RoleCreate.js

@@ -0,0 +1,40 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useCreateRole_default from "../../../hooks/management/roles/useCreateRole.js";
+import useDefaultOuId_default from "../shared/useDefaultOuId.js";
+import BaseRoleCreate_default from "./BaseRoleCreate.js";
+import { toManagementErrorMessage } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/RoleCreate/RoleCreate.tsx
+/**
+* Creates a role through the management API.
+*
+* @example
+* ```tsx
+* <RoleCreate onCreated={(role) => navigate(`/roles/${role.id}`)} />
+* ```
+*/
+const RoleCreate = ({ onCreated, ouId, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const resolvedOuId = useDefaultOuId_default(ouId);
+	const { error, isLoading, mutate } = useCreateRole_default({ onSuccess: onCreated });
+	const handleSubmit = ({ description, name }) => {
+		if (resolvedOuId) mutate({
+			description,
+			name,
+			ouId: resolvedOuId
+		});
+	};
+	return /* @__PURE__ */ jsx(BaseRoleCreate_default, {
+		onSubmit: handleSubmit,
+		isSubmitting: isLoading,
+		error: resolvedOuId ? toManagementErrorMessage(t, error, "admin.roles.create.error") : t("admin.common.errors.no_ou"),
+		preferences,
+		...rest
+	});
+};
+var RoleCreate_default = RoleCreate;
+
+//#endregion
+export { RoleCreate_default as default };
+//# sourceMappingURL=RoleCreate.js.map

package/dist/components/admin/RoleCreate/RoleCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleCreate.js","names":["RoleCreate: FC<RoleCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","useCreateRole","BaseRoleCreate"],"sources":["../../../../src/components/admin/RoleCreate/RoleCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage, Role} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseRoleCreate, {BaseRoleCreateProps, RoleCreateSubmission} from './BaseRoleCreate';\nimport useCreateRole from '../../../hooks/management/roles/useCreateRole';\nimport useTranslation from '../../../hooks/useTranslation';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type RoleCreateProps = Omit<BaseRoleCreateProps, 'error' | 'isSubmitting' | 'onSubmit'> & {\n  /**\n   * Called with the created role.\n   */\n  onCreated?: (role: Role) => void;\n  /**\n   * Organization unit the role is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n};\n\n/**\n * Creates a role through the management API.\n *\n * @example\n * ```tsx\n * <RoleCreate onCreated={(role) => navigate(`/roles/${role.id}`)} />\n * ```\n */\nconst RoleCreate: FC<RoleCreateProps> = ({onCreated, ouId, preferences, ...rest}: RoleCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const {error, isLoading, mutate} = useCreateRole({onSuccess: onCreated});\n\n  const handleSubmit = ({description, name}: RoleCreateSubmission): void => {\n    if (resolvedOuId) {\n      void mutate({description, name, ouId: resolvedOuId});\n    }\n  };\n\n  return (\n    <BaseRoleCreate\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={\n        resolvedOuId ? toManagementErrorMessage(t, error, 'admin.roles.create.error') : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RoleCreate;\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAMA,cAAmC,EAAC,WAAW,MAAM,YAAa,GAAG,WAAyC;CAClH,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,uBAAe,KAAK;CAC7D,MAAM,EAAC,OAAO,WAAW,WAAUC,sBAAc,EAAC,WAAW,WAAU,CAAC;CAExE,MAAM,gBAAgB,EAAC,aAAa,WAAsC;AACxE,MAAI,aACF,CAAK,OAAO;GAAC;GAAa;GAAM,MAAM;GAAa,CAAC;;AAIxD,QACE,oBAACC;EACC,UAAU;EACV,cAAc;EACd,OACE,eAAe,yBAAyB,GAAG,OAAO,2BAA2B,GAAG,EAAE,4BAA4B;EAEnG;EACb,GAAI;GACJ;;AAIN,yBAAe"}

package/dist/components/admin/RoleList/BaseRoleList.d.ts

@@ -0,0 +1,54 @@
+import { Preferences, RoleSummary } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { AdminListRenderProps } from '../shared/AdminListRenderProps';
+/**
+ * What {@link BaseRoleList} hands its `children` render function. `roles` and `rows` are the same array.
+ */
+export type BaseRoleListRenderProps = AdminListRenderProps<RoleSummary> & {
+    roles: RoleSummary[];
+};
+export interface BaseRoleListProps {
+    /**
+     * Controls rendered next to the title, such as a button that opens `RoleCreate`.
+     */
+    actions?: ReactNode;
+    /**
+     * Renders custom UI in place of the default table, for example a third-party data grid. Receives
+     * the roles, the default columns, the loading and error state, and the pagination and selection
+     * handlers.
+     */
+    children?: (props: BaseRoleListRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    isLoading?: boolean;
+    /**
+     * Page size.
+     * @default 20
+     */
+    limit?: number;
+    offset?: number;
+    /**
+     * Called with the offset of the page to show. Pagination is hidden when omitted.
+     */
+    onPageChange?: (offset: number) => void;
+    /**
+     * Called when a role is chosen. Rows are selectable only when set.
+     */
+    onSelect?: (role: RoleSummary) => void;
+    preferences?: Preferences;
+    roles: RoleSummary[];
+    selectedRoleId?: string;
+    /**
+     * Heading of the list. Pass an empty string to hide it.
+     */
+    title?: string;
+    totalResults?: number;
+}
+/**
+ * Lists roles with their description and organization unit. Holds no data of its own: pass the
+ * page of roles and handle selection and pagination.
+ */
+declare const BaseRoleList: FC<BaseRoleListProps>;
+export default BaseRoleList;
+//# sourceMappingURL=BaseRoleList.d.ts.map

package/dist/components/admin/RoleList/BaseRoleList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/RoleList/BaseRoleList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,WAAW,CAAC,GAAG;IAAC,KAAK,EAAE,WAAW,EAAE,CAAA;CAAC,CAAC;AAEjG,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8EvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/admin/RoleList/BaseRoleList.js

@@ -0,0 +1,76 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import DataTable_default from "../../primitives/DataTable/DataTable.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/RoleList/BaseRoleList.tsx
+/**
+* Lists roles with their description and organization unit. Holds no data of its own: pass the
+* page of roles and handle selection and pagination.
+*/
+const BaseRoleList = ({ actions, children, className, description, error = null, isLoading = false, limit = 20, offset = 0, onPageChange, onSelect, preferences, roles, selectedRoleId, title, totalResults }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.roles.list.columns.name"),
+			id: "name",
+			render: (role) => role.name
+		},
+		{
+			header: t("admin.roles.list.columns.description"),
+			id: "description",
+			render: (role) => role.description ?? ""
+		},
+		{
+			header: t("admin.common.columns.organization_unit"),
+			id: "ou",
+			render: (role) => role.ouHandle ?? role.ouId
+		}
+	];
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			rows: roles,
+			selectedRowId: selectedRoleId,
+			totalResults: totalResults ?? roles.length,
+			roles
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "role-list",
+		className,
+		title: title ?? t("admin.roles.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ jsx(DataTable_default, {
+			caption: title?.length ? title : t("admin.roles.list.title"),
+			columns,
+			rows: roles,
+			getRowId: (role) => role.id,
+			isLoading,
+			error,
+			emptyText: t("admin.roles.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedRoleId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? roles.length
+			} : void 0
+		})
+	});
+};
+var BaseRoleList_default = BaseRoleList;
+
+//#endregion
+export { BaseRoleList_default as default };
+//# sourceMappingURL=BaseRoleList.js.map

package/dist/components/admin/RoleList/BaseRoleList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleList.js","names":["BaseRoleList: FC<BaseRoleListProps>","useTranslation","columns: DataTableColumn<RoleSummary>[]","AdminSection","DataTable"],"sources":["../../../../src/components/admin/RoleList/BaseRoleList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, RoleSummary} 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 BaseRoleList} hands its `children` render function. `roles` and `rows` are the same array.\n */\nexport type BaseRoleListRenderProps = AdminListRenderProps<RoleSummary> & {roles: RoleSummary[]};\n\nexport interface BaseRoleListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `RoleCreate`.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default table, for example a third-party data grid. Receives\n   * the roles, the default columns, the loading and error state, and the pagination and selection\n   * handlers.\n   */\n  children?: (props: BaseRoleListRenderProps) => 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 role is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (role: RoleSummary) => void;\n  preferences?: Preferences;\n  roles: RoleSummary[];\n  selectedRoleId?: 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 roles with their description and organization unit. Holds no data of its own: pass the\n * page of roles and handle selection and pagination.\n */\nconst BaseRoleList: FC<BaseRoleListProps> = ({\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  roles,\n  selectedRoleId,\n  title,\n  totalResults,\n}: BaseRoleListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<RoleSummary>[] = [\n    {header: t('admin.roles.list.columns.name'), id: 'name', render: (role: RoleSummary): ReactNode => role.name},\n    {\n      header: t('admin.roles.list.columns.description'),\n      id: 'description',\n      render: (role: RoleSummary): ReactNode => role.description ?? '',\n    },\n    {\n      header: t('admin.common.columns.organization_unit'),\n      id: 'ou',\n      render: (role: RoleSummary): ReactNode => role.ouHandle ?? role.ouId,\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          rows: roles,\n          selectedRowId: selectedRoleId,\n          totalResults: totalResults ?? roles.length,\n          roles,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"role-list\"\n      className={className}\n      title={title ?? t('admin.roles.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.roles.list.title')}\n        columns={columns}\n        rows={roles}\n        getRowId={(role: RoleSummary): string => role.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.roles.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedRoleId}\n        pagination={\n          onPageChange ? {limit, offset, onChange: onPageChange, total: totalResults ?? roles.length} : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseRoleList;\n"],"mappings":";;;;;;;;;;AA0DA,MAAMA,gBAAuC,EAC3C,SACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,aACA,OACA,gBACA,OACA,mBACqC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAE7C,MAAMC,UAA0C;EAC9C;GAAC,QAAQ,EAAE,gCAAgC;GAAE,IAAI;GAAQ,SAAS,SAAiC,KAAK;GAAK;EAC7G;GACE,QAAQ,EAAE,uCAAuC;GACjD,IAAI;GACJ,SAAS,SAAiC,KAAK,eAAe;GAC/D;EACD;GACE,QAAQ,EAAE,yCAAyC;GACnD,IAAI;GACJ,SAAS,SAAiC,KAAK,YAAY,KAAK;GACjE;EACF;AAED,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,MAAM;GACpC;GACD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,yBAAyB;EAC9B;EACJ;EACI;YAEb,oBAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,yBAAyB;GACnD;GACT,MAAM;GACN,WAAW,SAA8B,KAAK;GACnC;GACJ;GACP,WAAW,EAAE,yBAAyB;GACtC,YAAY;GACZ,eAAe;GACf,YACE,eAAe;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,MAAM;IAAO,GAAG;IAEhG;GACW;;AAInB,2BAAe"}

package/dist/components/admin/RoleList/RoleList.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { BaseRoleListProps } from './BaseRoleList';
+export type RoleListProps = Omit<BaseRoleListProps, 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'roles' | 'totalResults'>;
+/**
+ * Lists the roles the signed-in user is allowed to see, a page at a time.
+ *
+ * @example
+ * ```tsx
+ * <RoleList onSelect={(role) => setSelectedRoleId(role.id)} />
+ * ```
+ */
+declare const RoleList: FC<RoleListProps>;
+export default RoleList;
+//# sourceMappingURL=RoleList.d.ts.map

package/dist/components/admin/RoleList/RoleList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/RoleList/RoleList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAqB,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,EACjB,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,OAAO,GAAG,cAAc,CAC7E,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkB/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/admin/RoleList/RoleList.js

@@ -0,0 +1,40 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useGetRoles_default from "../../../hooks/management/roles/useGetRoles.js";
+import BaseRoleList_default from "./BaseRoleList.js";
+import { toManagementErrorMessage } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/RoleList/RoleList.tsx
+/**
+* Lists the roles the signed-in user is allowed to see, a page at a time.
+*
+* @example
+* ```tsx
+* <RoleList onSelect={(role) => setSelectedRoleId(role.id)} />
+* ```
+*/
+const RoleList = ({ limit = 20, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [offset, setOffset] = useState(0);
+	const { data, error, isLoading } = useGetRoles_default({
+		limit,
+		offset
+	});
+	return /* @__PURE__ */ jsx(BaseRoleList_default, {
+		roles: data?.roles ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: toManagementErrorMessage(t, error, "admin.roles.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var RoleList_default = RoleList;
+
+//#endregion
+export { RoleList_default as default };
+//# sourceMappingURL=RoleList.js.map

package/dist/components/admin/RoleList/RoleList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleList.js","names":["RoleList: FC<RoleListProps>","useTranslation","useGetRoles","BaseRoleList"],"sources":["../../../../src/components/admin/RoleList/RoleList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseRoleList, {BaseRoleListProps} from './BaseRoleList';\nimport useGetRoles from '../../../hooks/management/roles/useGetRoles';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type RoleListProps = Omit<\n  BaseRoleListProps,\n  'error' | 'isLoading' | 'offset' | 'onPageChange' | 'roles' | 'totalResults'\n>;\n\n/**\n * Lists the roles the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <RoleList onSelect={(role) => setSelectedRoleId(role.id)} />\n * ```\n */\nconst RoleList: FC<RoleListProps> = ({limit = 20, preferences, ...rest}: RoleListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const {data, error, isLoading} = useGetRoles({limit, offset});\n\n  return (\n    <BaseRoleList\n      roles={data?.roles ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.roles.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RoleList;\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAMA,YAA+B,EAAC,QAAQ,IAAI,YAAa,GAAG,WAAuC;CACvG,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAM,EAAC,MAAM,OAAO,cAAaC,oBAAY;EAAC;EAAO;EAAO,CAAC;AAE7D,QACE,oBAACC;EACC,OAAO,MAAM,SAAS,EAAE;EACxB,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,yBAAyB;EAC5D;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,uBAAe"}

package/dist/components/admin/RolePermissions/BaseRolePermissions.d.ts

@@ -0,0 +1,42 @@
+import { Preferences, RoleResourcePermissions } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * What {@link BaseRolePermissions} hands its `children` render function, so the permissions can be
+ * shown with any UI.
+ */
+export interface BaseRolePermissionsRenderProps {
+    error: string | null;
+    isLoading: boolean;
+    /**
+     * The resource servers the role grants at least one permission on, with those permissions.
+     */
+    permissions: RoleResourcePermissions[];
+    /**
+     * Returns a resource server's display name, or its identifier when the name is missing.
+     */
+    resolveResourceServerName: (resourceServerId: string) => string;
+}
+export interface BaseRolePermissionsProps {
+    /**
+     * Renders custom UI in place of the default view. Receives the granted permissions grouped by
+     * resource server, the loading and error state, and a resource server name resolver.
+     */
+    children?: (props: BaseRolePermissionsRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    isLoading?: boolean;
+    permissions: RoleResourcePermissions[];
+    preferences?: Preferences;
+    /**
+     * Display names of resource servers, keyed by identifier. The identifier is shown when a name is missing.
+     */
+    resourceServerNames?: Record<string, string>;
+    title?: string;
+}
+/**
+ * Shows the permissions a role grants, grouped by resource server. Read-only, and holds no data of its own.
+ */
+declare const BaseRolePermissions: FC<BaseRolePermissionsProps>;
+export default BaseRolePermissions;
+//# sourceMappingURL=BaseRolePermissions.d.ts.map

package/dist/components/admin/RolePermissions/BaseRolePermissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRolePermissions.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/RolePermissions/BaseRolePermissions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAQlD;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC;;OAEG;IACH,yBAAyB,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,MAAM,CAAC;CACjE;AAED,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,SAAS,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,uBAAuB,EAAE,CAAC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuErD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/admin/RolePermissions/BaseRolePermissions.js

@@ -0,0 +1,67 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Spinner_default from "../../primitives/Spinner/Spinner.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
+import useAdminPartStyles_default from "../shared/useAdminPartStyles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { ChipList, Panel } from "../shared/AdminParts.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/RolePermissions/BaseRolePermissions.tsx
+/**
+* Shows the permissions a role grants, grouped by resource server. Read-only, and holds no data of its own.
+*/
+const BaseRolePermissions = ({ children, className, description, error = null, isLoading = false, permissions, preferences, resourceServerNames, title }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const styles = useAdminPartStyles_default();
+	const granted = permissions.filter((entry) => entry.permissions.length > 0);
+	const resolveResourceServerName = (resourceServerId) => resourceServerNames?.[resourceServerId] ?? resourceServerId;
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			isLoading,
+			permissions: granted,
+			resolveResourceServerName
+		})
+	});
+	const renderContent = () => {
+		if (isLoading) return /* @__PURE__ */ jsx(Spinner_default, { size: "small" });
+		if (error) return /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error
+		});
+		if (granted.length === 0) return /* @__PURE__ */ jsx("span", {
+			className: styles["muted"],
+			children: t("admin.roles.permissions.empty")
+		});
+		return /* @__PURE__ */ jsx(Fragment, { children: granted.map((entry) => {
+			const name = resolveResourceServerName(entry.resourceServerId);
+			return /* @__PURE__ */ jsx(Panel, {
+				title: name,
+				children: /* @__PURE__ */ jsx(ChipList, {
+					label: name,
+					emptyText: t("admin.roles.permissions.empty"),
+					items: entry.permissions.map((permission) => ({
+						id: permission,
+						label: permission
+					}))
+				})
+			}, entry.resourceServerId);
+		}) });
+	};
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "role-permissions",
+		className,
+		title: title ?? t("admin.roles.permissions.title"),
+		description,
+		headingLevel: 3,
+		preferences,
+		children: renderContent()
+	});
+};
+var BaseRolePermissions_default = BaseRolePermissions;
+
+//#endregion
+export { BaseRolePermissions_default as default };
+//# sourceMappingURL=BaseRolePermissions.js.map

package/dist/components/admin/RolePermissions/BaseRolePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRolePermissions.js","names":["BaseRolePermissions: FC<BaseRolePermissionsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","granted: RoleResourcePermissions[]","Spinner","Alert","name: string","AdminSection"],"sources":["../../../../src/components/admin/RolePermissions/BaseRolePermissions.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, RoleResourcePermissions} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport {ChipList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * What {@link BaseRolePermissions} hands its `children` render function, so the permissions can be\n * shown with any UI.\n */\nexport interface BaseRolePermissionsRenderProps {\n  error: string | null;\n  isLoading: boolean;\n  /**\n   * The resource servers the role grants at least one permission on, with those permissions.\n   */\n  permissions: RoleResourcePermissions[];\n  /**\n   * Returns a resource server's display name, or its identifier when the name is missing.\n   */\n  resolveResourceServerName: (resourceServerId: string) => string;\n}\n\nexport interface BaseRolePermissionsProps {\n  /**\n   * Renders custom UI in place of the default view. Receives the granted permissions grouped by\n   * resource server, the loading and error state, and a resource server name resolver.\n   */\n  children?: (props: BaseRolePermissionsRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  permissions: RoleResourcePermissions[];\n  preferences?: Preferences;\n  /**\n   * Display names of resource servers, keyed by identifier. The identifier is shown when a name is missing.\n   */\n  resourceServerNames?: Record<string, string>;\n  title?: string;\n}\n\n/**\n * Shows the permissions a role grants, grouped by resource server. Read-only, and holds no data of its own.\n */\nconst BaseRolePermissions: FC<BaseRolePermissionsProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  permissions,\n  preferences,\n  resourceServerNames,\n  title,\n}: BaseRolePermissionsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n  const granted: RoleResourcePermissions[] = permissions.filter(\n    (entry: RoleResourcePermissions) => entry.permissions.length > 0,\n  );\n  const resolveResourceServerName = (resourceServerId: string): string =>\n    resourceServerNames?.[resourceServerId] ?? resourceServerId;\n\n  if (children) {\n    return (\n      <div className={className}>{children({error, isLoading, permissions: granted, resolveResourceServerName})}</div>\n    );\n  }\n\n  const renderContent = (): ReactElement => {\n    if (isLoading) {\n      return <Spinner size=\"small\" />;\n    }\n    if (error) {\n      return (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      );\n    }\n    if (granted.length === 0) {\n      return <span className={styles['muted']}>{t('admin.roles.permissions.empty')}</span>;\n    }\n\n    return (\n      <>\n        {granted.map((entry: RoleResourcePermissions) => {\n          const name: string = resolveResourceServerName(entry.resourceServerId);\n\n          return (\n            <Panel key={entry.resourceServerId} title={name}>\n              <ChipList\n                label={name}\n                emptyText={t('admin.roles.permissions.empty')}\n                items={entry.permissions.map((permission: string) => ({id: permission, label: permission}))}\n              />\n            </Panel>\n          );\n        })}\n      </>\n    );\n  };\n\n  return (\n    <AdminSection\n      block=\"role-permissions\"\n      className={className}\n      title={title ?? t('admin.roles.permissions.title')}\n      description={description}\n      headingLevel={3}\n      preferences={preferences}\n    >\n      {renderContent()}\n    </AdminSection>\n  );\n};\n\nexport default BaseRolePermissions;\n"],"mappings":";;;;;;;;;;;;AAmDA,MAAMA,uBAAqD,EACzD,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,aACA,aACA,qBACA,YAC4C;CAC5C,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,4BAAoB;CAC3D,MAAMC,UAAqC,YAAY,QACpD,UAAmC,MAAM,YAAY,SAAS,EAChE;CACD,MAAM,6BAA6B,qBACjC,sBAAsB,qBAAqB;AAE7C,KAAI,SACF,QACE,oBAAC;EAAe;YAAY,SAAS;GAAC;GAAO;GAAW,aAAa;GAAS;GAA0B,CAAC;GAAO;CAIpH,MAAM,sBAAoC;AACxC,MAAI,UACF,QAAO,oBAACC,mBAAQ,MAAK,UAAU;AAEjC,MAAI,MACF,QACE,oBAACC;GAAM,SAAQ;GAAQ,MAAK;aACzB;IACK;AAGZ,MAAI,QAAQ,WAAW,EACrB,QAAO,oBAAC;GAAK,WAAW,OAAO;aAAW,EAAE,gCAAgC;IAAQ;AAGtF,SACE,0CACG,QAAQ,KAAK,UAAmC;GAC/C,MAAMC,OAAe,0BAA0B,MAAM,iBAAiB;AAEtE,UACE,oBAAC;IAAmC,OAAO;cACzC,oBAAC;KACC,OAAO;KACP,WAAW,EAAE,gCAAgC;KAC7C,OAAO,MAAM,YAAY,KAAK,gBAAwB;MAAC,IAAI;MAAY,OAAO;MAAW,EAAE;MAC3F;MALQ,MAAM,iBAMV;IAEV,GACD;;AAIP,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,gCAAgC;EACrC;EACb,cAAc;EACD;YAEZ,eAAe;GACH;;AAInB,kCAAe"}

package/dist/components/admin/RolePermissions/RolePermissions.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { BaseRolePermissionsProps } from './BaseRolePermissions';
+export type RolePermissionsProps = Omit<BaseRolePermissionsProps, 'error' | 'isLoading' | 'permissions'> & {
+    roleId: string;
+};
+/**
+ * Shows the permissions a role grants.
+ *
+ * @example
+ * ```tsx
+ * <RolePermissions roleId={roleId} />
+ * ```
+ */
+declare const RolePermissions: FC<RolePermissionsProps>;
+export default RolePermissions;
+//# sourceMappingURL=RolePermissions.d.ts.map

package/dist/components/admin/RolePermissions/RolePermissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolePermissions.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/RolePermissions/RolePermissions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA4B,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAIpF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,wBAAwB,EAAE,OAAO,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG;IACzG,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiB7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/admin/RolePermissions/RolePermissions.js

@@ -0,0 +1,31 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useGetRole_default from "../../../hooks/management/roles/useGetRole.js";
+import BaseRolePermissions_default from "./BaseRolePermissions.js";
+import { toManagementErrorMessage } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/RolePermissions/RolePermissions.tsx
+/**
+* Shows the permissions a role grants.
+*
+* @example
+* ```tsx
+* <RolePermissions roleId={roleId} />
+* ```
+*/
+const RolePermissions = ({ preferences, roleId,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const role = useGetRole_default(roleId);
+	return /* @__PURE__ */ jsx(BaseRolePermissions_default, {
+		permissions: role.data?.permissions ?? [],
+		isLoading: role.isLoading,
+		error: toManagementErrorMessage(t, role.error, "admin.roles.permissions.error"),
+		preferences,
+		...rest
+	});
+};
+var RolePermissions_default = RolePermissions;
+
+//#endregion
+export { RolePermissions_default as default };
+//# sourceMappingURL=RolePermissions.js.map

package/dist/components/admin/RolePermissions/RolePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolePermissions.js","names":["RolePermissions: FC<RolePermissionsProps>","useTranslation","useGetRole","BaseRolePermissions"],"sources":["../../../../src/components/admin/RolePermissions/RolePermissions.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseRolePermissions, {BaseRolePermissionsProps} from './BaseRolePermissions';\nimport useGetRole from '../../../hooks/management/roles/useGetRole';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type RolePermissionsProps = Omit<BaseRolePermissionsProps, 'error' | 'isLoading' | 'permissions'> & {\n  roleId: string;\n};\n\n/**\n * Shows the permissions a role grants.\n *\n * @example\n * ```tsx\n * <RolePermissions roleId={roleId} />\n * ```\n */\nconst RolePermissions: FC<RolePermissionsProps> = ({\n  preferences,\n  roleId,\n  ...rest\n}: RolePermissionsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const role = useGetRole(roleId);\n\n  return (\n    <BaseRolePermissions\n      permissions={role.data?.permissions ?? []}\n      isLoading={role.isLoading}\n      error={toManagementErrorMessage(t, role.error, 'admin.roles.permissions.error')}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RolePermissions;\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAMA,mBAA6C,EACjD,aACA,OACA,GAAG,WACqC;CACxC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,OAAOC,mBAAW,OAAO;AAE/B,QACE,oBAACC;EACC,aAAa,KAAK,MAAM,eAAe,EAAE;EACzC,WAAW,KAAK;EAChB,OAAO,yBAAyB,GAAG,KAAK,OAAO,gCAAgC;EAClE;EACb,GAAI;GACJ;;AAIN,8BAAe"}