@thunderid/react 1.13.0 → 1.15.0

package/dist/components/management/GroupDetails/BaseGroupDetails.js

@@ -0,0 +1,84 @@
+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 { ConfirmButton, DetailList, Panel } from "../shared/AdminParts.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/management/GroupDetails/BaseGroupDetails.tsx
+/**
+* Shows a group's name, description and organization unit, with its members under them. Holds no data of its own:
+* pass the group and handle deletion.
+*/
+const BaseGroupDetails = ({ actions, children, className, error = null, group, isDeleting = false, isLoading = false, members, onDelete, preferences }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const styles = useAdminPartStyles_default();
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			group,
+			isDeleting,
+			isLoading,
+			onDelete: group ? onDelete : void 0
+		})
+	});
+	if (isLoading && !group) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "group-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: styles["muted"],
+			role: "status",
+			children: [
+				/* @__PURE__ */ jsx(Spinner_default, { size: "small" }),
+				" ",
+				t("admin.common.loading")
+			]
+		})
+	});
+	if (!group) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "group-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error ?? t("admin.common.errors.not_found")
+		})
+	});
+	return /* @__PURE__ */ jsxs(AdminSection_default, {
+		block: "group-details",
+		className,
+		title: group.name,
+		description: group.description,
+		preferences,
+		actions: /* @__PURE__ */ jsxs(Fragment, { children: [actions, onDelete && /* @__PURE__ */ jsx(ConfirmButton, {
+			confirmText: t("admin.groups.details.delete.confirm", { name: group.name }),
+			isLoading: isDeleting,
+			onConfirm: onDelete,
+			children: t("admin.groups.details.delete.action")
+		})] }),
+		children: [
+			error && /* @__PURE__ */ jsx(Alert_default, {
+				variant: "error",
+				role: "alert",
+				children: error
+			}),
+			/* @__PURE__ */ jsx(Panel, {
+				title: t("admin.groups.details.overview"),
+				children: /* @__PURE__ */ jsx(DetailList, { items: [{
+					label: t("admin.common.columns.organization_unit"),
+					value: group.ouHandle ?? group.ouId
+				}] })
+			}),
+			members
+		]
+	});
+};
+var BaseGroupDetails_default = BaseGroupDetails;
+
+//#endregion
+export { BaseGroupDetails_default as default };
+//# sourceMappingURL=BaseGroupDetails.js.map

package/dist/components/management/GroupDetails/BaseGroupDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupDetails.js","names":["BaseGroupDetails: FC<BaseGroupDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","AdminSection","Spinner","Alert"],"sources":["../../../../src/components/management/GroupDetails/BaseGroupDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Group, Preferences} 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 {ConfirmButton, DetailList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * What {@link BaseGroupDetails} hands its `children` render function, so the group can be shown with any UI.\n */\nexport interface BaseGroupDetailsRenderProps {\n  error: string | null;\n  group?: Group;\n  isDeleting: boolean;\n  isLoading: boolean;\n  /**\n   * Deletes the group. Undefined when deletion is not allowed.\n   */\n  onDelete?: () => void;\n}\n\nexport interface BaseGroupDetailsProps {\n  /**\n   * Controls rendered next to the group's name.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default view. Receives the group, the loading and error state, and the delete\n   * handler.\n   */\n  children?: (props: BaseGroupDetailsRenderProps) => ReactNode;\n  className?: string;\n  error?: string | null;\n  group?: Group;\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  /**\n   * The group's members, rendered under its overview, such as a `GroupMembers`.\n   */\n  members?: ReactNode;\n  /**\n   * Deletes the group. The delete action is hidden when omitted.\n   */\n  onDelete?: () => void;\n  preferences?: Preferences;\n}\n\n/**\n * Shows a group's name, description and organization unit, with its members under them. Holds no data of its own:\n * pass the group and handle deletion.\n */\nconst BaseGroupDetails: FC<BaseGroupDetailsProps> = ({\n  actions,\n  children,\n  className,\n  error = null,\n  group,\n  isDeleting = false,\n  isLoading = false,\n  members,\n  onDelete,\n  preferences,\n}: BaseGroupDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({error, group, isDeleting, isLoading, onDelete: group ? onDelete : undefined})}\n      </div>\n    );\n  }\n\n  if (isLoading && !group) {\n    return (\n      <AdminSection block=\"group-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 (!group) {\n    return (\n      <AdminSection block=\"group-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  return (\n    <AdminSection\n      block=\"group-details\"\n      className={className}\n      title={group.name}\n      description={group.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onDelete && (\n            <ConfirmButton\n              confirmText={t('admin.groups.details.delete.confirm', {name: group.name})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.groups.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      <Panel title={t('admin.groups.details.overview')}>\n        <DetailList\n          items={[{label: t('admin.common.columns.organization_unit'), value: group.ouHandle ?? group.ouId}]}\n        />\n      </Panel>\n      {members}\n    </AdminSection>\n  );\n};\n\nexport default BaseGroupDetails;\n"],"mappings":";;;;;;;;;;;;;AAwDA,MAAMA,oBAA+C,EACnD,SACA,UACA,WACA,QAAQ,MACR,OACA,aAAa,OACb,YAAY,OACZ,SACA,UACA,kBACyC;CACzC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,4BAAoB;AAE3D,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GAAC;GAAO;GAAO;GAAY;GAAW,UAAU,QAAQ,WAAW;GAAU,CAAC;GACpF;AAIV,KAAI,aAAa,CAAC,MAChB,QACE,oBAACC;EAAa,OAAM;EAA2B;EAAwB;YACrE,qBAAC;GAAK,WAAW,OAAO;GAAU,MAAK;;IACrC,oBAACC,mBAAQ,MAAK,UAAU;;IAAE,EAAE,uBAAuB;;IAC9C;GACM;AAInB,KAAI,CAAC,MACH,QACE,oBAACD;EAAa,OAAM;EAA2B;EAAwB;YACrE,oBAACE;GAAM,SAAQ;GAAQ,MAAK;aACzB,SAAS,EAAE,gCAAgC;IACtC;GACK;AAInB,QACE,qBAACF;EACC,OAAM;EACK;EACX,OAAO,MAAM;EACb,aAAa,MAAM;EACN;EACb,SACE,4CACG,SACA,YACC,oBAAC;GACC,aAAa,EAAE,uCAAuC,EAAC,MAAM,MAAM,MAAK,CAAC;GACzE,WAAW;GACX,WAAW;aAEV,EAAE,qCAAqC;IAC1B,IAEjB;;GAGJ,SACC,oBAACE;IAAM,SAAQ;IAAQ,MAAK;cACzB;KACK;GAEV,oBAAC;IAAM,OAAO,EAAE,gCAAgC;cAC9C,oBAAC,cACC,OAAO,CAAC;KAAC,OAAO,EAAE,yCAAyC;KAAE,OAAO,MAAM,YAAY,MAAM;KAAK,CAAC,GAClG;KACI;GACP;;GACY;;AAInB,+BAAe"}

package/dist/components/management/GroupDetails/GroupDetails.d.ts

@@ -0,0 +1,37 @@
+import { AdministrationMode } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseGroupDetailsProps } from './BaseGroupDetails';
+export type GroupDetailsProps = Omit<BaseGroupDetailsProps, 'error' | 'group' | 'isDeleting' | 'isLoading' | 'members' | 'onDelete'> & {
+    /**
+     * How the group is deleted and a member removed. `flow` runs the administration flow the server configures for it,
+     * which can revoke grants and end sessions first. It needs `baseUrl`.
+     * @default 'native'
+     */
+    administrationMode?: AdministrationMode;
+    /**
+     * Whether the group can be deleted from this view.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Whether members can be added and removed from this view.
+     * @default false
+     */
+    editable?: boolean;
+    groupId: string;
+    /**
+     * Called after the group has been deleted.
+     */
+    onDeleted?: () => void;
+};
+/**
+ * Shows a group with its members, and lets the signed-in user manage the members and delete the group.
+ *
+ * @example
+ * ```tsx
+ * <GroupDetails groupId={groupId} editable deletable onDeleted={() => navigate('/groups')} />
+ * ```
+ */
+declare const GroupDetails: FC<GroupDetailsProps>;
+export default GroupDetails;
+//# sourceMappingURL=GroupDetails.d.ts.map

package/dist/components/management/GroupDetails/GroupDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/management/GroupDetails/GroupDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAOnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAO3E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,EACrB,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CACxE,GAAG;IACF;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+CvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/management/GroupDetails/GroupDetails.js

@@ -0,0 +1,57 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
+import useResourceMutation_default from "../../../hooks/management/useResourceMutation.js";
+import GroupMembers_default from "../GroupMembers/GroupMembers.js";
+import BaseGroupDetails_default from "./BaseGroupDetails.js";
+import { GroupQueryKeys, RoleQueryKeys, deleteGroup, getGroup, toManagementErrorMessage } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/management/GroupDetails/GroupDetails.tsx
+/**
+* Shows a group with its members, and lets the signed-in user manage the members and delete the group.
+*
+* @example
+* ```tsx
+* <GroupDetails groupId={groupId} editable deletable onDeleted={() => navigate('/groups')} />
+* ```
+*/
+const GroupDetails = ({ administrationMode, deletable = false, editable = false, groupId, onDeleted, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const endpoint = useManagementEndpoint_default("groups");
+	const group = useResourceQuery_default([GroupQueryKeys.GROUP, groupId], (fetcher) => getGroup({
+		...endpoint,
+		fetcher,
+		groupId
+	}), { enabled: Boolean(groupId) });
+	const deletion = useResourceMutation_default((id, fetcher) => deleteGroup({
+		...endpoint,
+		administrationMode,
+		fetcher,
+		groupId: id
+	}), () => [
+		[GroupQueryKeys.GROUPS],
+		[GroupQueryKeys.MEMBERSHIPS],
+		[RoleQueryKeys.ROLE_ASSIGNMENTS]
+	], { onSuccess: onDeleted });
+	return /* @__PURE__ */ jsx(BaseGroupDetails_default, {
+		group: group.data,
+		isLoading: group.isLoading,
+		error: toManagementErrorMessage(t, group.error, "admin.groups.details.error") ?? toManagementErrorMessage(t, deletion.error, "admin.groups.details.delete.error"),
+		isDeleting: deletion.isLoading,
+		onDelete: deletable ? () => void deletion.mutate(groupId) : void 0,
+		members: group.data && /* @__PURE__ */ jsx(GroupMembers_default, {
+			groupId,
+			ouId: group.data.ouId,
+			editable,
+			administrationMode
+		}),
+		preferences,
+		...rest
+	});
+};
+var GroupDetails_default = GroupDetails;
+
+//#endregion
+export { GroupDetails_default as default };
+//# sourceMappingURL=GroupDetails.js.map

package/dist/components/management/GroupDetails/GroupDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupDetails.js","names":["GroupDetails: FC<GroupDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","group: ResourceQueryResult<Group>","useResourceQuery","deletion: ResourceMutationResult<void, string>","useResourceMutation","BaseGroupDetails","GroupMembers"],"sources":["../../../../src/components/management/GroupDetails/GroupDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  AdministrationMode,\n  Group,\n  GroupQueryKeys,\n  RoleQueryKeys,\n  deleteGroup,\n  getGroup,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseGroupDetails, {BaseGroupDetailsProps} from './BaseGroupDetails';\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';\nimport GroupMembers from '../GroupMembers/GroupMembers';\n\nexport type GroupDetailsProps = Omit<\n  BaseGroupDetailsProps,\n  'error' | 'group' | 'isDeleting' | 'isLoading' | 'members' | 'onDelete'\n> & {\n  /**\n   * How the group is deleted and a member removed. `flow` runs the administration flow the server configures for it,\n   * which can revoke grants and end sessions first. It needs `baseUrl`.\n   * @default 'native'\n   */\n  administrationMode?: AdministrationMode;\n  /**\n   * Whether the group can be deleted from this view.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Whether members can be added and removed from this view.\n   * @default false\n   */\n  editable?: boolean;\n  groupId: string;\n  /**\n   * Called after the group has been deleted.\n   */\n  onDeleted?: () => void;\n};\n\n/**\n * Shows a group with its members, and lets the signed-in user manage the members and delete the group.\n *\n * @example\n * ```tsx\n * <GroupDetails groupId={groupId} editable deletable onDeleted={() => navigate('/groups')} />\n * ```\n */\nconst GroupDetails: FC<GroupDetailsProps> = ({\n  administrationMode,\n  deletable = false,\n  editable = false,\n  groupId,\n  onDeleted,\n  preferences,\n  ...rest\n}: GroupDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('groups');\n  const group: ResourceQueryResult<Group> = useResourceQuery(\n    [GroupQueryKeys.GROUP, groupId],\n    (fetcher) => getGroup({...endpoint, fetcher, groupId}),\n    {enabled: Boolean(groupId)},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteGroup({...endpoint, administrationMode, fetcher, groupId: id}),\n    () => [[GroupQueryKeys.GROUPS], [GroupQueryKeys.MEMBERSHIPS], [RoleQueryKeys.ROLE_ASSIGNMENTS]],\n    {onSuccess: onDeleted},\n  );\n\n  return (\n    <BaseGroupDetails\n      group={group.data}\n      isLoading={group.isLoading}\n      error={\n        toManagementErrorMessage(t, group.error, 'admin.groups.details.error') ??\n        toManagementErrorMessage(t, deletion.error, 'admin.groups.details.delete.error')\n      }\n      isDeleting={deletion.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(groupId) : undefined}\n      members={\n        group.data && (\n          // Adding waits for the group, so the candidates are only ever listed from its organization unit.\n          <GroupMembers\n            groupId={groupId}\n            ouId={group.data.ouId}\n            editable={editable}\n            administrationMode={administrationMode}\n          />\n        )\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default GroupDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,MAAMA,gBAAuC,EAC3C,oBACA,YAAY,OACZ,WAAW,OACX,SACA,WACA,YACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAMC,QAAoCC,yBACxC,CAAC,eAAe,OAAO,QAAQ,GAC9B,YAAY,SAAS;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,EACtD,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMC,WAAiDC,6BACpD,IAAY,YAAY,YAAY;EAAC,GAAG;EAAU;EAAoB;EAAS,SAAS;EAAG,CAAC,QACvF;EAAC,CAAC,eAAe,OAAO;EAAE,CAAC,eAAe,YAAY;EAAE,CAAC,cAAc,iBAAiB;EAAC,EAC/F,EAAC,WAAW,WAAU,CACvB;AAED,QACE,oBAACC;EACC,OAAO,MAAM;EACb,WAAW,MAAM;EACjB,OACE,yBAAyB,GAAG,MAAM,OAAO,6BAA6B,IACtE,yBAAyB,GAAG,SAAS,OAAO,oCAAoC;EAElF,YAAY,SAAS;EACrB,UAAU,kBAAwB,KAAK,SAAS,OAAO,QAAQ,GAAG;EAClE,SACE,MAAM,QAEJ,oBAACC;GACU;GACT,MAAM,MAAM,KAAK;GACP;GACU;IACpB;EAGO;EACb,GAAI;GACJ;;AAIN,2BAAe"}

package/dist/components/management/GroupList/BaseGroupList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/GroupList/BaseGroupList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAC,CAAC;AAEvF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,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,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8EzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/{admin → management}/GroupList/BaseGroupList.js

@@ -3,7 +3,7 @@ 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/GroupList/BaseGroupList.tsx
+//#region src/components/management/GroupList/BaseGroupList.tsx
 /**
 * Lists groups with their description and organization unit. Holds no data of its own: pass the
 * page of groups and handle selection and pagination.

package/dist/components/management/GroupList/BaseGroupList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupList.js","names":["BaseGroupList: FC<BaseGroupListProps>","useTranslation","columns: DataTableColumn<Group>[]","AdminSection","DataTable"],"sources":["../../../../src/components/management/GroupList/BaseGroupList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Group, Preferences} 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 BaseGroupList} hands its `children` render function. `groups` and `rows` are the same array.\n */\nexport type BaseGroupListRenderProps = AdminListRenderProps<Group> & {groups: Group[]};\n\nexport interface BaseGroupListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `GroupCreate`.\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 groups, the default columns, the loading and error state, and the pagination and selection\n   * handlers.\n   */\n  children?: (props: BaseGroupListRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  groups: Group[];\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 group is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (group: Group) => void;\n  preferences?: Preferences;\n  selectedGroupId?: 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 groups with their description and organization unit. Holds no data of its own: pass the\n * page of groups and handle selection and pagination.\n */\nconst BaseGroupList: FC<BaseGroupListProps> = ({\n  actions,\n  children,\n  className,\n  description,\n  error = null,\n  groups,\n  isLoading = false,\n  limit = 20,\n  offset = 0,\n  onPageChange,\n  onSelect,\n  preferences,\n  selectedGroupId,\n  title,\n  totalResults,\n}: BaseGroupListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<Group>[] = [\n    {header: t('admin.groups.list.columns.name'), id: 'name', render: (group: Group): ReactNode => group.name},\n    {\n      header: t('admin.groups.list.columns.description'),\n      id: 'description',\n      render: (group: Group): ReactNode => group.description ?? '',\n    },\n    {\n      header: t('admin.common.columns.organization_unit'),\n      id: 'ou',\n      render: (group: Group): ReactNode => group.ouHandle ?? group.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: groups,\n          selectedRowId: selectedGroupId,\n          totalResults: totalResults ?? groups.length,\n          groups,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"group-list\"\n      className={className}\n      title={title ?? t('admin.groups.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.groups.list.title')}\n        columns={columns}\n        rows={groups}\n        getRowId={(group: Group): string => group.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.groups.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedGroupId}\n        pagination={\n          onPageChange ? {limit, offset, onChange: onPageChange, total: totalResults ?? groups.length} : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseGroupList;\n"],"mappings":";;;;;;;;;;AA0DA,MAAMA,iBAAyC,EAC7C,SACA,UACA,WACA,aACA,QAAQ,MACR,QACA,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,aACA,iBACA,OACA,mBACsC;CACtC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAE7C,MAAMC,UAAoC;EACxC;GAAC,QAAQ,EAAE,iCAAiC;GAAE,IAAI;GAAQ,SAAS,UAA4B,MAAM;GAAK;EAC1G;GACE,QAAQ,EAAE,wCAAwC;GAClD,IAAI;GACJ,SAAS,UAA4B,MAAM,eAAe;GAC3D;EACD;GACE,QAAQ,EAAE,yCAAyC;GACnD,IAAI;GACJ,SAAS,UAA4B,MAAM,YAAY,MAAM;GAC9D;EACF;AAED,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,OAAO;GACrC;GACD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,0BAA0B;EAC/B;EACJ;EACI;YAEb,oBAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,0BAA0B;GACpD;GACT,MAAM;GACN,WAAW,UAAyB,MAAM;GAC/B;GACJ;GACP,WAAW,EAAE,0BAA0B;GACvC,YAAY;GACZ,eAAe;GACf,YACE,eAAe;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,OAAO;IAAO,GAAG;IAEjG;GACW;;AAInB,4BAAe"}

package/dist/components/management/GroupList/GroupList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/GroupList/GroupList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAsB,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,kBAAkB,EAClB,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,CAC9E,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsBjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/{admin → management}/GroupList/GroupList.js

@@ -6,7 +6,7 @@ import { GroupQueryKeys, getGroups, toManagementErrorMessage } from "@thunderid/
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/admin/GroupList/GroupList.tsx
+//#region src/components/management/GroupList/GroupList.tsx
 /**
 * Lists the groups the signed-in user is allowed to see, a page at a time.
 *

package/dist/components/management/GroupList/GroupList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupList.js","names":["GroupList: FC<GroupListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceQuery","BaseGroupList"],"sources":["../../../../src/components/management/GroupList/GroupList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {GroupListResponse, GroupQueryKeys, getGroups, toManagementErrorMessage} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseGroupList, {BaseGroupListProps} from './BaseGroupList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type GroupListProps = Omit<\n  BaseGroupListProps,\n  'error' | 'groups' | 'isLoading' | 'offset' | 'onPageChange' | 'totalResults'\n>;\n\n/**\n * Lists the groups the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <GroupList onSelect={(group) => setSelectedGroupId(group.id)} />\n * ```\n */\nconst GroupList: FC<GroupListProps> = ({limit = 20, preferences, ...rest}: GroupListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('groups');\n  const {data, error, isLoading}: ResourceQueryResult<GroupListResponse> = useResourceQuery(\n    [GroupQueryKeys.GROUPS, {limit, offset}],\n    (fetcher) => getGroups({...endpoint, fetcher, limit, offset}),\n  );\n\n  return (\n    <BaseGroupList\n      groups={data?.groups ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.groups.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default GroupList;\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,aAAiC,EAAC,QAAQ,IAAI,YAAa,GAAG,WAAwC;CAC1G,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAM,EAAC,MAAM,OAAO,cAAqDC,yBACvE,CAAC,eAAe,QAAQ;EAAC;EAAO;EAAO,CAAC,GACvC,YAAY,UAAU;EAAC,GAAG;EAAU;EAAS;EAAO;EAAO,CAAC,CAC9D;AAED,QACE,oBAACC;EACC,QAAQ,MAAM,UAAU,EAAE;EAC1B,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,0BAA0B;EAC7D;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,wBAAe"}

package/dist/components/management/GroupMembers/BaseGroupMembers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupMembers.d.ts","sourceRoot":"","sources":["../../../../src/components/management/GroupMembers/BaseGroupMembers.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAkB,EAAC,eAAe,EAAC,MAAM,sCAAsC,CAAC;AAEhF,OAAuB,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAE3E;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;IACnE;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC,WAAW,CAAC,EAAE,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;IACnE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IAC7D,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiG/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/{admin → management}/GroupMembers/BaseGroupMembers.js

@@ -5,7 +5,7 @@ import AdminSection_default from "../shared/AdminSection.js";
 import IdentityPicker_default from "../shared/IdentityPicker.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/admin/GroupMembers/BaseGroupMembers.tsx
+//#region src/components/management/GroupMembers/BaseGroupMembers.tsx
 /**
 * Lists the members of a group and lets the caller add and remove them. Holds no data of its own.
 */

package/dist/components/management/GroupMembers/BaseGroupMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupMembers.js","names":["BaseGroupMembers: FC<BaseGroupMembersProps>","useTranslation","columns: DataTableColumn<GroupMember>[]","Button","AdminSection","IdentityPicker","DataTable"],"sources":["../../../../src/components/management/GroupMembers/BaseGroupMembers.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {GroupMember, GroupMemberType, Preferences} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\nimport DataTable, {DataTableColumn} from '../../primitives/DataTable/DataTable';\nimport AdminSection from '../shared/AdminSection';\nimport IdentityPicker, {IdentityCandidate} from '../shared/IdentityPicker';\n\n/**\n * What {@link BaseGroupMembers} hands its `children` render function, so the members can be shown\n * with any UI, such as a third-party data grid.\n */\nexport interface BaseGroupMembersRenderProps {\n  /**\n   * The identities that can be added, keyed by member type. Undefined when adding is not allowed.\n   */\n  candidates?: Partial<Record<GroupMemberType, IdentityCandidate[]>>;\n  /**\n   * The columns the default table shows, including the remove action when removing is allowed.\n   */\n  columns: DataTableColumn<GroupMember>[];\n  error: string | null;\n  isLoading: boolean;\n  isMutating: boolean;\n  members: GroupMember[];\n  /**\n   * Adds a member. Undefined when adding is not allowed.\n   */\n  onAdd?: (member: Pick<GroupMember, 'id' | 'type'>) => void;\n  /**\n   * Removes a member. Undefined when removing is not allowed.\n   */\n  onRemove?: (member: GroupMember) => void;\n}\n\nexport interface BaseGroupMembersProps {\n  /**\n   * The identities that can be added, keyed by member type. Adding is hidden when omitted.\n   */\n  candidates?: Partial<Record<GroupMemberType, IdentityCandidate[]>>;\n  /**\n   * Renders custom UI in place of the default table and picker. Receives the members, the default\n   * columns, the candidates, the loading and error state, and the add and remove handlers.\n   */\n  children?: (props: BaseGroupMembersRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isLoading?: boolean;\n  isMutating?: boolean;\n  members: GroupMember[];\n  onAdd?: (member: Pick<GroupMember, 'id' | 'type'>) => void;\n  /**\n   * Removes a member. The remove action is hidden when omitted.\n   */\n  onRemove?: (member: GroupMember) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * Lists the members of a group and lets the caller add and remove them. Holds no data of its own.\n */\nconst BaseGroupMembers: FC<BaseGroupMembersProps> = ({\n  candidates,\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  isMutating = false,\n  members,\n  onAdd,\n  onRemove,\n  preferences,\n  title,\n}: BaseGroupMembersProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<GroupMember>[] = [\n    {\n      header: t('admin.groups.members.columns.member'),\n      id: 'member',\n      render: (member: GroupMember): ReactNode => member.display ?? member.id,\n    },\n    {\n      header: t('admin.groups.members.columns.type'),\n      id: 'type',\n      render: (member: GroupMember): ReactNode => t(`admin.common.identity_types.${member.type}`),\n    },\n  ];\n\n  if (onRemove) {\n    columns.push({\n      header: t('admin.common.columns.actions'),\n      id: 'actions',\n      render: (member: GroupMember): ReactNode => (\n        <Button\n          variant=\"text\"\n          color=\"error\"\n          size=\"small\"\n          disabled={isMutating}\n          aria-label={t('admin.groups.members.remove_label', {name: member.display ?? member.id})}\n          onClick={(): void => onRemove(member)}\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          candidates: onAdd ? candidates : undefined,\n          columns,\n          error,\n          isLoading,\n          isMutating,\n          members,\n          onAdd: candidates ? onAdd : undefined,\n          onRemove,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"group-members\"\n      className={className}\n      title={title ?? t('admin.groups.members.title')}\n      description={description}\n      headingLevel={3}\n      preferences={preferences}\n    >\n      {onAdd && candidates && (\n        <IdentityPicker<GroupMemberType>\n          addLabel={t('admin.groups.members.add')}\n          candidates={candidates}\n          excludedIds={members.map((member: GroupMember) => member.id)}\n          isSubmitting={isMutating}\n          onAdd={onAdd}\n          types={(['user', 'agent', 'group'] as GroupMemberType[])\n            .filter((type: GroupMemberType) => candidates[type] !== undefined)\n            .map((type: GroupMemberType) => ({label: t(`admin.common.identity_types.${type}`), value: type}))}\n        />\n      )}\n      <DataTable\n        caption={title?.length ? title : t('admin.groups.members.title')}\n        columns={columns}\n        rows={members}\n        getRowId={(member: GroupMember): string => `${member.type}:${member.id}`}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.groups.members.empty')}\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseGroupMembers;\n"],"mappings":";;;;;;;;;;;AAkEA,MAAMA,oBAA+C,EACnD,YACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,aAAa,OACb,SACA,OACA,UACA,aACA,YACyC;CACzC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAE7C,MAAMC,UAA0C,CAC9C;EACE,QAAQ,EAAE,sCAAsC;EAChD,IAAI;EACJ,SAAS,WAAmC,OAAO,WAAW,OAAO;EACtE,EACD;EACE,QAAQ,EAAE,oCAAoC;EAC9C,IAAI;EACJ,SAAS,WAAmC,EAAE,+BAA+B,OAAO,OAAO;EAC5F,CACF;AAED,KAAI,SACF,SAAQ,KAAK;EACX,QAAQ,EAAE,+BAA+B;EACzC,IAAI;EACJ,SAAS,WACP,oBAACC;GACC,SAAQ;GACR,OAAM;GACN,MAAK;GACL,UAAU;GACV,cAAY,EAAE,qCAAqC,EAAC,MAAM,OAAO,WAAW,OAAO,IAAG,CAAC;GACvF,eAAqB,SAAS,OAAO;aAEpC,EAAE,8BAA8B;IAC1B;EAEZ,CAAC;AAGJ,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR,YAAY,QAAQ,aAAa;GACjC;GACA;GACA;GACA;GACA;GACA,OAAO,aAAa,QAAQ;GAC5B;GACD,CAAC;GACE;AAIV,QACE,qBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,6BAA6B;EAClC;EACb,cAAc;EACD;aAEZ,SAAS,cACR,oBAACC;GACC,UAAU,EAAE,2BAA2B;GAC3B;GACZ,aAAa,QAAQ,KAAK,WAAwB,OAAO,GAAG;GAC5D,cAAc;GACP;GACP,OAAQ;IAAC;IAAQ;IAAS;IAAQ,CAC/B,QAAQ,SAA0B,WAAW,UAAU,OAAU,CACjE,KAAK,UAA2B;IAAC,OAAO,EAAE,+BAA+B,OAAO;IAAE,OAAO;IAAK,EAAE;IACnG,EAEJ,oBAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,6BAA6B;GACvD;GACT,MAAM;GACN,WAAW,WAAgC,GAAG,OAAO,KAAK,GAAG,OAAO;GACzD;GACJ;GACP,WAAW,EAAE,6BAA6B;IAC1C;GACW;;AAInB,+BAAe"}

package/dist/components/management/GroupMembers/GroupMembers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupMembers.d.ts","sourceRoot":"","sources":["../../../../src/components/management/GroupMembers/GroupMembers.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAsBnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAwB,MAAM,OAAO,CAAC;AAChD,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AA8B3E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,EACrB,YAAY,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CACvF,GAAG;IACF;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgFvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/{admin → management}/GroupMembers/GroupMembers.js

@@ -7,7 +7,7 @@ import { AgentQueryKeys, GroupQueryKeys, RoleQueryKeys, UserQueryKeys, addGroupM
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/admin/GroupMembers/GroupMembers.tsx
+//#region src/components/management/GroupMembers/GroupMembers.tsx
 /**
 * Query keys to refetch after a group's membership changes.
 */

package/dist/components/management/GroupMembers/GroupMembers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupMembers.js","names":["GroupMembers: FC<GroupMembersProps>","useTranslation","groupsEndpoint: ManagementEndpoint","useManagementEndpoint","usersEndpoint: ManagementEndpoint","agentsEndpoint: ManagementEndpoint","filter: string | undefined","members: ResourceQueryResult<GroupMemberListResponse>","useResourceQuery","users: ResourceQueryResult<FilteredPage<ManagedUserListResponse>>","agents: ResourceQueryResult<FilteredPage<AgentListResponse>>","add: ResourceMutationResult<Group, GroupMembersVariables>","useResourceMutation","remove: ResourceMutationResult<Group, GroupMembersVariables>","candidates: Partial<Record<'user' | 'agent', IdentityCandidate[]>>","BaseGroupMembers"],"sources":["../../../../src/components/management/GroupMembers/GroupMembers.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  AdministrationMode,\n  AgentListResponse,\n  AgentQueryKeys,\n  BasicAgent,\n  Group,\n  GroupMember,\n  GroupMemberListResponse,\n  GroupQueryKeys,\n  ManagedUser,\n  ManagedUserListResponse,\n  ResourceQueryKey,\n  RoleQueryKeys,\n  UserQueryKeys,\n  addGroupMembers,\n  getAgentName,\n  getAgents,\n  getGroupMembers,\n  getUsers,\n  removeGroupMembers,\n  resolveManagedIdentityName,\n  toEqualityFilter,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo} from 'react';\nimport BaseGroupMembers, {BaseGroupMembersProps} from './BaseGroupMembers';\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';\nimport {IdentityCandidate} from '../shared/IdentityPicker';\n\ninterface GroupMembersVariables {\n  groupId: string;\n  members: Pick<GroupMember, 'id' | 'type'>[];\n}\n\n/**\n * A candidate page with the filter it was listed with.\n */\ninterface FilteredPage<T> {\n  filter: string | undefined;\n  page: T;\n}\n\n/**\n * Query keys to refetch after a group's membership changes.\n */\nconst getMembershipInvalidatedKeys = ({groupId}: GroupMembersVariables): ResourceQueryKey[] => [\n  [GroupQueryKeys.GROUP, groupId],\n  [GroupQueryKeys.GROUP_MEMBERS, groupId],\n  [GroupQueryKeys.MEMBERSHIPS],\n  [RoleQueryKeys.ROLE_ASSIGNMENTS],\n];\n\nexport type GroupMembersProps = Omit<\n  BaseGroupMembersProps,\n  'candidates' | 'error' | 'isLoading' | 'isMutating' | 'members' | 'onAdd' | 'onRemove'\n> & {\n  /**\n   * How a member is removed. `flow` runs the administration flow the server configures for it, which can revoke\n   * grants and end sessions first. It needs `baseUrl`.\n   * @default 'native'\n   */\n  administrationMode?: AdministrationMode;\n  /**\n   * Whether members can be added and removed from this view.\n   * @default false\n   */\n  editable?: boolean;\n  groupId: string;\n  /**\n   * Organization unit the users and agents offered for adding are listed from.\n   */\n  ouId?: string;\n};\n\n/**\n * Lists the users and agents in a group, and lets the signed-in user add and remove them.\n *\n * @example\n * ```tsx\n * <GroupMembers groupId={groupId} />\n * ```\n */\nconst GroupMembers: FC<GroupMembersProps> = ({\n  administrationMode,\n  editable = false,\n  groupId,\n  ouId,\n  preferences,\n  ...rest\n}: GroupMembersProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const groupsEndpoint: ManagementEndpoint = useManagementEndpoint('groups');\n  const usersEndpoint: ManagementEndpoint = useManagementEndpoint('users');\n  const agentsEndpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const filter: string | undefined = toEqualityFilter('ouId', ouId);\n  const members: ResourceQueryResult<GroupMemberListResponse> = useResourceQuery(\n    [GroupQueryKeys.GROUP_MEMBERS, groupId, {limit: 100}],\n    (fetcher) => getGroupMembers({...groupsEndpoint, fetcher, groupId, limit: 100}),\n    {enabled: Boolean(groupId)},\n  );\n  const users: ResourceQueryResult<FilteredPage<ManagedUserListResponse>> = useResourceQuery(\n    [UserQueryKeys.USERS, {filter, limit: 100}],\n    async (fetcher) => ({filter, page: await getUsers({...usersEndpoint, fetcher, filter, limit: 100})}),\n    {enabled: editable},\n  );\n  const agents: ResourceQueryResult<FilteredPage<AgentListResponse>> = useResourceQuery(\n    [AgentQueryKeys.AGENTS, {filter, limit: 100}],\n    async (fetcher) => ({filter, page: await getAgents({...agentsEndpoint, fetcher, filter, limit: 100})}),\n    {enabled: editable},\n  );\n  const add: ResourceMutationResult<Group, GroupMembersVariables> = useResourceMutation(\n    ({groupId: id, members: changes}: GroupMembersVariables, fetcher) =>\n      addGroupMembers({...groupsEndpoint, fetcher, groupId: id, members: changes}),\n    getMembershipInvalidatedKeys,\n  );\n  const remove: ResourceMutationResult<Group, GroupMembersVariables> = useResourceMutation(\n    ({groupId: id, members: changes}: GroupMembersVariables, fetcher) =>\n      removeGroupMembers({...groupsEndpoint, administrationMode, fetcher, groupId: id, members: changes}),\n    getMembershipInvalidatedKeys,\n  );\n\n  const candidates: Partial<Record<'user' | 'agent', IdentityCandidate[]>> = useMemo(() => {\n    // A page listed for an earlier ouId stays in a query until the next one succeeds, so it is not offered.\n    const current = <T,>(data: FilteredPage<T> | undefined): T | undefined =>\n      data && data.filter === filter ? data.page : undefined;\n\n    return {\n      agent: (current(agents.data)?.agents ?? []).map((agent: BasicAgent) => ({\n        id: agent.id,\n        label: getAgentName(agent),\n      })),\n      user: (current(users.data)?.users ?? []).map((user: ManagedUser) => ({\n        id: user.id,\n        label: resolveManagedIdentityName(user),\n      })),\n    };\n  }, [agents.data, filter, users.data]);\n\n  return (\n    <BaseGroupMembers\n      members={members.data?.members ?? []}\n      isLoading={members.isLoading}\n      isMutating={add.isLoading || remove.isLoading}\n      error={\n        toManagementErrorMessage(t, members.error, 'admin.groups.members.error') ??\n        toManagementErrorMessage(t, add.error ?? remove.error, 'admin.groups.members.update_error')\n      }\n      candidates={editable ? candidates : undefined}\n      onAdd={\n        editable\n          ? (member: Pick<GroupMember, 'id' | 'type'>): void => void add.mutate({groupId, members: [member]})\n          : undefined\n      }\n      onRemove={\n        editable\n          ? (member: GroupMember): void => void remove.mutate({groupId, members: [{id: member.id, type: member.type}]})\n          : undefined\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default GroupMembers;\n"],"mappings":";;;;;;;;;;;;;AAmDA,MAAM,gCAAgC,EAAC,cAAwD;CAC7F,CAAC,eAAe,OAAO,QAAQ;CAC/B,CAAC,eAAe,eAAe,QAAQ;CACvC,CAAC,eAAe,YAAY;CAC5B,CAAC,cAAc,iBAAiB;CACjC;;;;;;;;;AAgCD,MAAMA,gBAAuC,EAC3C,oBACA,WAAW,OACX,SACA,MACA,YACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,iBAAqCC,8BAAsB,SAAS;CAC1E,MAAMC,gBAAoCD,8BAAsB,QAAQ;CACxE,MAAME,iBAAqCF,8BAAsB,SAAS;CAC1E,MAAMG,SAA6B,iBAAiB,QAAQ,KAAK;CACjE,MAAMC,UAAwDC,yBAC5D;EAAC,eAAe;EAAe;EAAS,EAAC,OAAO,KAAI;EAAC,GACpD,YAAY,gBAAgB;EAAC,GAAG;EAAgB;EAAS;EAAS,OAAO;EAAI,CAAC,EAC/E,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMC,QAAoED,yBACxE,CAAC,cAAc,OAAO;EAAC;EAAQ,OAAO;EAAI,CAAC,EAC3C,OAAO,aAAa;EAAC;EAAQ,MAAM,MAAM,SAAS;GAAC,GAAG;GAAe;GAAS;GAAQ,OAAO;GAAI,CAAC;EAAC,GACnG,EAAC,SAAS,UAAS,CACpB;CACD,MAAME,SAA+DF,yBACnE,CAAC,eAAe,QAAQ;EAAC;EAAQ,OAAO;EAAI,CAAC,EAC7C,OAAO,aAAa;EAAC;EAAQ,MAAM,MAAM,UAAU;GAAC,GAAG;GAAgB;GAAS;GAAQ,OAAO;GAAI,CAAC;EAAC,GACrG,EAAC,SAAS,UAAS,CACpB;CACD,MAAMG,MAA4DC,6BAC/D,EAAC,SAAS,IAAI,SAAS,WAAiC,YACvD,gBAAgB;EAAC,GAAG;EAAgB;EAAS,SAAS;EAAI,SAAS;EAAQ,CAAC,EAC9E,6BACD;CACD,MAAMC,SAA+DD,6BAClE,EAAC,SAAS,IAAI,SAAS,WAAiC,YACvD,mBAAmB;EAAC,GAAG;EAAgB;EAAoB;EAAS,SAAS;EAAI,SAAS;EAAQ,CAAC,EACrG,6BACD;CAED,MAAME,aAAqE,cAAc;EAEvF,MAAM,WAAe,SACnB,QAAQ,KAAK,WAAW,SAAS,KAAK,OAAO;AAE/C,SAAO;GACL,QAAQ,QAAQ,OAAO,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,WAAuB;IACtE,IAAI,MAAM;IACV,OAAO,aAAa,MAAM;IAC3B,EAAE;GACH,OAAO,QAAQ,MAAM,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,UAAuB;IACnE,IAAI,KAAK;IACT,OAAO,2BAA2B,KAAK;IACxC,EAAE;GACJ;IACA;EAAC,OAAO;EAAM;EAAQ,MAAM;EAAK,CAAC;AAErC,QACE,oBAACC;EACC,SAAS,QAAQ,MAAM,WAAW,EAAE;EACpC,WAAW,QAAQ;EACnB,YAAY,IAAI,aAAa,OAAO;EACpC,OACE,yBAAyB,GAAG,QAAQ,OAAO,6BAA6B,IACxE,yBAAyB,GAAG,IAAI,SAAS,OAAO,OAAO,oCAAoC;EAE7F,YAAY,WAAW,aAAa;EACpC,OACE,YACK,WAAmD,KAAK,IAAI,OAAO;GAAC;GAAS,SAAS,CAAC,OAAO;GAAC,CAAC,GACjG;EAEN,UACE,YACK,WAA8B,KAAK,OAAO,OAAO;GAAC;GAAS,SAAS,CAAC;IAAC,IAAI,OAAO;IAAI,MAAM,OAAO;IAAK,CAAC;GAAC,CAAC,GAC3G;EAEO;EACb,GAAI;GACJ;;AAIN,2BAAe"}

package/dist/components/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.d.ts

@@ -0,0 +1,85 @@
+import { Preferences, SelectOption } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * The organization unit {@link BaseOrganizationUnitCreate} submits.
+ */
+export interface OrganizationUnitCreateSubmission {
+    description?: string;
+    handle: string;
+    name: string;
+    /**
+     * Identifier of the parent organization unit, or `null` for a unit at the top level.
+     */
+    parentId: string | null;
+}
+/**
+ * The fields of {@link BaseOrganizationUnitCreate}. `parentId` is the parent's identifier, or an empty string for
+ * the top level.
+ */
+export type OrganizationUnitCreateField = 'description' | 'handle' | 'name' | 'parentId';
+/**
+ * What {@link BaseOrganizationUnitCreate} hands its `children` render function, so the form can be built with any UI.
+ */
+export interface BaseOrganizationUnitCreateRenderProps {
+    error: string | null;
+    /**
+     * Sets one field of the form.
+     */
+    handleInputChange: (field: OrganizationUnitCreateField, value: string) => void;
+    /**
+     * Submits the current values. Does nothing while they are not valid.
+     */
+    handleSubmit: () => void;
+    isLoadingParents: boolean;
+    isSubmitting: boolean;
+    /**
+     * Whether the values can be submitted.
+     */
+    isValid: boolean;
+    onCancel?: () => void;
+    /**
+     * Loads more parent options. Undefined when every option is loaded or the parent is fixed.
+     */
+    onLoadMoreParents?: () => void;
+    /**
+     * The parents to choose from. Empty when the parent is fixed by `parentId`.
+     */
+    parentOptions: SelectOption[];
+    values: Record<OrganizationUnitCreateField, string>;
+}
+export interface BaseOrganizationUnitCreateProps {
+    /**
+     * Renders custom UI in place of the default form. Receives the values, their setters, the parent
+     * options, the submit handler and the submission state.
+     */
+    children?: (props: BaseOrganizationUnitCreateRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * The parent preselected in the picker.
+     */
+    defaultParentId?: string;
+    description?: string;
+    error?: string | null;
+    isLoadingParents?: boolean;
+    isSubmitting?: boolean;
+    onCancel?: () => void;
+    onLoadMoreParents?: () => void;
+    onSubmit: (organizationUnit: OrganizationUnitCreateSubmission) => void;
+    /**
+     * The parent of the new unit. When set, the parent picker is hidden.
+     */
+    parentId?: string;
+    /**
+     * The parents the picker offers. The picker shows when `parentId` is not set and this is.
+     */
+    parentOptions?: SelectOption[];
+    preferences?: Preferences;
+    title?: string;
+}
+/**
+ * A form that collects a new organization unit's name, handle, description and parent. Holds no data
+ * of its own: pass the parent or the parents to choose from, and handle the submission.
+ */
+declare const BaseOrganizationUnitCreate: FC<BaseOrganizationUnitCreateProps>;
+export default BaseOrganizationUnitCreate;
+//# sourceMappingURL=BaseOrganizationUnitCreate.d.ts.map

package/dist/components/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAc,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAUpF;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GAAG,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AAEzF;;GAEG;AACH,MAAM,WAAW,qCAAqC;IACpD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,2BAA2B,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,2BAA2B,EAAE,MAAM,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,+BAA+B;IAC9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qCAAqC,KAAK,SAAS,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,gBAAgB,EAAE,gCAAgC,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,+BAA+B,CAsInE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.js

@@ -0,0 +1,137 @@
+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 Select_default from "../../primitives/Select/Select.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/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.tsx
+/**
+* A form that collects a new organization unit's name, handle, description and parent. Holds no data
+* of its own: pass the parent or the parents to choose from, and handle the submission.
+*/
+const BaseOrganizationUnitCreate = ({ children, className, defaultParentId, description, error = null, isLoadingParents = false, isSubmitting = false, onCancel, onLoadMoreParents, onSubmit, parentId, parentOptions, preferences, title }) => {
+	const { theme, colorScheme } = useTheme_default();
+	const styles = AdminSection_styles_default(theme, colorScheme);
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [fields, setFields] = useState({
+		description: "",
+		handle: "",
+		name: ""
+	});
+	const [chosenParentId, setChosenParentId] = useState(void 0);
+	const resolvedParentId = parentId ?? chosenParentId ?? defaultParentId ?? "";
+	const values = {
+		...fields,
+		parentId: resolvedParentId
+	};
+	const isValid = fields.name.trim().length > 0 && fields.handle.trim().length > 0;
+	const showsPicker = parentId === void 0 && parentOptions !== void 0;
+	const setField = (field, value) => {
+		if (field === "parentId") setChosenParentId(value);
+		else setFields((previous) => ({
+			...previous,
+			[field]: value
+		}));
+	};
+	const submit = () => {
+		if (isValid && !isSubmitting) onSubmit({
+			description: fields.description.trim() || void 0,
+			handle: fields.handle.trim(),
+			name: fields.name.trim(),
+			parentId: resolvedParentId || null
+		});
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			handleInputChange: setField,
+			handleSubmit: submit,
+			isLoadingParents,
+			isSubmitting,
+			isValid,
+			onCancel,
+			onLoadMoreParents: showsPicker ? onLoadMoreParents : void 0,
+			parentOptions: parentId === void 0 ? parentOptions ?? [] : [],
+			values
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "organization-unit-create",
+		className,
+		title: title ?? t("admin.organization_units.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.organization_units.fields.name"),
+					required: true,
+					value: fields.name,
+					onChange: (event) => setField("name", event.target.value)
+				}),
+				/* @__PURE__ */ jsx(TextField_default, {
+					name: "handle",
+					label: t("admin.organization_units.fields.handle"),
+					required: true,
+					value: fields.handle,
+					onChange: (event) => setField("handle", event.target.value)
+				}),
+				/* @__PURE__ */ jsx(TextField_default, {
+					name: "description",
+					label: t("admin.organization_units.fields.description"),
+					value: fields.description,
+					onChange: (event) => setField("description", event.target.value)
+				}),
+				showsPicker && /* @__PURE__ */ jsx(Select_default, {
+					name: "parentId",
+					label: t("admin.organization_units.fields.parent"),
+					placeholder: t("admin.organization_units.fields.parent_none"),
+					loading: isLoadingParents,
+					onLoadMore: onLoadMoreParents,
+					options: parentOptions,
+					value: resolvedParentId,
+					onChange: (event) => setField("parentId", 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.organization_units.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseOrganizationUnitCreate_default = BaseOrganizationUnitCreate;
+
+//#endregion
+export { BaseOrganizationUnitCreate_default as default };
+//# sourceMappingURL=BaseOrganizationUnitCreate.js.map

package/dist/components/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitCreate.js","names":["BaseOrganizationUnitCreate: FC<BaseOrganizationUnitCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","resolvedParentId: string","values: Record<OrganizationUnitCreateField, string>","isValid: boolean","showsPicker: boolean","AdminSection","Alert","TextField","Select","Button"],"sources":["../../../../src/components/management/OrganizationUnitCreate/BaseOrganizationUnitCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, SelectOption} 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 Select from '../../primitives/Select/Select';\nimport TextField from '../../primitives/TextField/TextField';\nimport AdminSection from '../shared/AdminSection';\nimport useStyles from '../shared/AdminSection.styles';\n\n/**\n * The organization unit {@link BaseOrganizationUnitCreate} submits.\n */\nexport interface OrganizationUnitCreateSubmission {\n  description?: string;\n  handle: string;\n  name: string;\n  /**\n   * Identifier of the parent organization unit, or `null` for a unit at the top level.\n   */\n  parentId: string | null;\n}\n\n/**\n * The fields of {@link BaseOrganizationUnitCreate}. `parentId` is the parent's identifier, or an empty string for\n * the top level.\n */\nexport type OrganizationUnitCreateField = 'description' | 'handle' | 'name' | 'parentId';\n\n/**\n * What {@link BaseOrganizationUnitCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseOrganizationUnitCreateRenderProps {\n  error: string | null;\n  /**\n   * Sets one field of the form.\n   */\n  handleInputChange: (field: OrganizationUnitCreateField, value: string) => void;\n  /**\n   * Submits the current values. Does nothing while they are not valid.\n   */\n  handleSubmit: () => void;\n  isLoadingParents: boolean;\n  isSubmitting: boolean;\n  /**\n   * Whether the values can be submitted.\n   */\n  isValid: boolean;\n  onCancel?: () => void;\n  /**\n   * Loads more parent options. Undefined when every option is loaded or the parent is fixed.\n   */\n  onLoadMoreParents?: () => void;\n  /**\n   * The parents to choose from. Empty when the parent is fixed by `parentId`.\n   */\n  parentOptions: SelectOption[];\n  values: Record<OrganizationUnitCreateField, string>;\n}\n\nexport interface BaseOrganizationUnitCreateProps {\n  /**\n   * Renders custom UI in place of the default form. Receives the values, their setters, the parent\n   * options, the submit handler and the submission state.\n   */\n  children?: (props: BaseOrganizationUnitCreateRenderProps) => ReactNode;\n  className?: string;\n  /**\n   * The parent preselected in the picker.\n   */\n  defaultParentId?: string;\n  description?: string;\n  error?: string | null;\n  isLoadingParents?: boolean;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onLoadMoreParents?: () => void;\n  onSubmit: (organizationUnit: OrganizationUnitCreateSubmission) => void;\n  /**\n   * The parent of the new unit. When set, the parent picker is hidden.\n   */\n  parentId?: string;\n  /**\n   * The parents the picker offers. The picker shows when `parentId` is not set and this is.\n   */\n  parentOptions?: SelectOption[];\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new organization unit's name, handle, description and parent. Holds no data\n * of its own: pass the parent or the parents to choose from, and handle the submission.\n */\nconst BaseOrganizationUnitCreate: FC<BaseOrganizationUnitCreateProps> = ({\n  children,\n  className,\n  defaultParentId,\n  description,\n  error = null,\n  isLoadingParents = false,\n  isSubmitting = false,\n  onCancel,\n  onLoadMoreParents,\n  onSubmit,\n  parentId,\n  parentOptions,\n  preferences,\n  title,\n}: BaseOrganizationUnitCreateProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [fields, setFields] = useState<Record<'description' | 'handle' | 'name', string>>({\n    description: '',\n    handle: '',\n    name: '',\n  });\n  // Undefined until the user picks, so a default that arrives later still applies.\n  const [chosenParentId, setChosenParentId] = useState<string | undefined>(undefined);\n\n  const resolvedParentId: string = parentId ?? chosenParentId ?? defaultParentId ?? '';\n  const values: Record<OrganizationUnitCreateField, string> = {...fields, parentId: resolvedParentId};\n  const isValid: boolean = fields.name.trim().length > 0 && fields.handle.trim().length > 0;\n  const showsPicker: boolean = parentId === undefined && parentOptions !== undefined;\n\n  const setField = (field: OrganizationUnitCreateField, value: string): void => {\n    if (field === 'parentId') {\n      setChosenParentId(value);\n    } else {\n      setFields((previous: Record<'description' | 'handle' | 'name', string>) => ({...previous, [field]: value}));\n    }\n  };\n\n  const submit = (): void => {\n    if (isValid && !isSubmitting) {\n      onSubmit({\n        description: fields.description.trim() || undefined,\n        handle: fields.handle.trim(),\n        name: fields.name.trim(),\n        parentId: resolvedParentId || null,\n      });\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: setField,\n          handleSubmit: submit,\n          isLoadingParents,\n          isSubmitting,\n          isValid,\n          onCancel,\n          onLoadMoreParents: showsPicker ? onLoadMoreParents : undefined,\n          parentOptions: parentId === undefined ? (parentOptions ?? []) : [],\n          values,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"organization-unit-create\"\n      className={className}\n      title={title ?? t('admin.organization_units.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.organization_units.fields.name')}\n          required\n          value={fields.name}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('name', event.target.value)}\n        />\n        <TextField\n          name=\"handle\"\n          label={t('admin.organization_units.fields.handle')}\n          required\n          value={fields.handle}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('handle', event.target.value)}\n        />\n        <TextField\n          name=\"description\"\n          label={t('admin.organization_units.fields.description')}\n          value={fields.description}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('description', event.target.value)}\n        />\n        {showsPicker && (\n          <Select\n            name=\"parentId\"\n            label={t('admin.organization_units.fields.parent')}\n            placeholder={t('admin.organization_units.fields.parent_none')}\n            loading={isLoadingParents}\n            onLoadMore={onLoadMoreParents}\n            options={parentOptions}\n            value={resolvedParentId}\n            onChange={(event: ChangeEvent<HTMLSelectElement>): void => setField('parentId', event.target.value)}\n          />\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.organization_units.create.submit')}\n          </Button>\n        </div>\n      </form>\n    </AdminSection>\n  );\n};\n\nexport default BaseOrganizationUnitCreate;\n"],"mappings":";;;;;;;;;;;;;;;;AAkGA,MAAMA,8BAAmE,EACvE,UACA,WACA,iBACA,aACA,QAAQ,MACR,mBAAmB,OACnB,eAAe,OACf,UACA,mBACA,UACA,UACA,eACA,aACA,YACmD;CACnD,MAAM,EAAC,OAAO,gBAAeC,kBAAU;CACvC,MAAMC,SAAiCC,4BAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAA4D;EACtF,aAAa;EACb,QAAQ;EACR,MAAM;EACP,CAAC;CAEF,MAAM,CAAC,gBAAgB,qBAAqB,SAA6B,OAAU;CAEnF,MAAMC,mBAA2B,YAAY,kBAAkB,mBAAmB;CAClF,MAAMC,SAAsD;EAAC,GAAG;EAAQ,UAAU;EAAiB;CACnG,MAAMC,UAAmB,OAAO,KAAK,MAAM,CAAC,SAAS,KAAK,OAAO,OAAO,MAAM,CAAC,SAAS;CACxF,MAAMC,cAAuB,aAAa,UAAa,kBAAkB;CAEzE,MAAM,YAAY,OAAoC,UAAwB;AAC5E,MAAI,UAAU,WACZ,mBAAkB,MAAM;MAExB,YAAW,cAAiE;GAAC,GAAG;IAAW,QAAQ;GAAM,EAAE;;CAI/G,MAAM,eAAqB;AACzB,MAAI,WAAW,CAAC,aACd,UAAS;GACP,aAAa,OAAO,YAAY,MAAM,IAAI;GAC1C,QAAQ,OAAO,OAAO,MAAM;GAC5B,MAAM,OAAO,KAAK,MAAM;GACxB,UAAU,oBAAoB;GAC/B,CAAC;;CAIN,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,UAAQ;;AAGV,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA,mBAAmB;GACnB,cAAc;GACd;GACA;GACA;GACA;GACA,mBAAmB,cAAc,oBAAoB;GACrD,eAAe,aAAa,SAAa,iBAAiB,EAAE,GAAI,EAAE;GAClE;GACD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,wCAAwC;EAC7C;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,uCAAuC;KAChD;KACA,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,QAAQ,MAAM,OAAO,MAAM;MAC9F;IACF,oBAACA;KACC,MAAK;KACL,OAAO,EAAE,yCAAyC;KAClD;KACA,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,UAAU,MAAM,OAAO,MAAM;MAChG;IACF,oBAACA;KACC,MAAK;KACL,OAAO,EAAE,8CAA8C;KACvD,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,eAAe,MAAM,OAAO,MAAM;MACrG;IACD,eACC,oBAACC;KACC,MAAK;KACL,OAAO,EAAE,yCAAyC;KAClD,aAAa,EAAE,8CAA8C;KAC7D,SAAS;KACT,YAAY;KACZ,SAAS;KACT,OAAO;KACP,WAAW,UAAgD,SAAS,YAAY,MAAM,OAAO,MAAM;MACnG;IAEJ,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,yCAAyC;OACrC;MACL;;IACD;GACM;;AAInB,yCAAe"}

package/dist/components/management/OrganizationUnitCreate/OrganizationUnitCreate.d.ts

@@ -0,0 +1,21 @@
+import { OrganizationUnit } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseOrganizationUnitCreateProps } from './BaseOrganizationUnitCreate';
+export type OrganizationUnitCreateProps = Omit<BaseOrganizationUnitCreateProps, 'error' | 'isLoadingParents' | 'isSubmitting' | 'onLoadMoreParents' | 'onSubmit' | 'parentOptions'> & {
+    /**
+     * Called with the created organization unit.
+     */
+    onCreated?: (organizationUnit: OrganizationUnit) => void;
+};
+/**
+ * Creates an organization unit through the management API. Without `parentId`, it offers the root
+ * units as parents; pass `parentId` to create a unit deeper in the tree.
+ *
+ * @example
+ * ```tsx
+ * <OrganizationUnitCreate parentId={unitId} onCreated={(unit) => navigate(`/units/${unit.id}`)} />
+ * ```
+ */
+declare const OrganizationUnitCreate: FC<OrganizationUnitCreateProps>;
+export default OrganizationUnitCreate;
+//# sourceMappingURL=OrganizationUnitCreate.d.ts.map

package/dist/components/management/OrganizationUnitCreate/OrganizationUnitCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/OrganizationUnitCreate/OrganizationUnitCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,gBAAgB,EAQjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAkC,MAAM,OAAO,CAAC;AAC1D,OAAmC,EACjC,+BAA+B,EAEhC,MAAM,8BAA8B,CAAC;AAQtC,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,+BAA+B,EAC/B,OAAO,GAAG,kBAAkB,GAAG,cAAc,GAAG,mBAAmB,GAAG,UAAU,GAAG,eAAe,CACnG,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA4E3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}