@thunderid/react 1.14.0 → 1.15.0

package/dist/components/management/OrganizationUnitDetails/OrganizationUnitDetails.js

@@ -0,0 +1,139 @@
+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 BaseOrganizationUnitDetails_default from "./BaseOrganizationUnitDetails.js";
+import { ORGANIZATION_UNIT_ERROR_KEYS, OrganizationUnitQueryKeys, deleteOrganizationUnit, getOrganizationUnit, getOrganizationUnitChildren, getOrganizationUnitGroups, getOrganizationUnitRoles, getOrganizationUnitUsers, toManagementErrorMessage, updateOrganizationUnit } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/management/OrganizationUnitDetails/OrganizationUnitDetails.tsx
+/**
+* Shows an organization unit with its child units and the users, groups and roles in it (read only),
+* and lets the signed-in user edit and delete it.
+*
+* @example
+* ```tsx
+* <OrganizationUnitDetails organizationUnitId={unitId} editable deletable onDeleted={() => navigate('/units')} />
+* ```
+*/
+const OrganizationUnitDetails = ({ deletable = false, editable = false, limit = 20, onDeleted, onUpdated, organizationUnitId, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const endpoint = useManagementEndpoint_default("organizationUnits");
+	const enabled = Boolean(organizationUnitId);
+	const ouId = organizationUnitId;
+	const unit = useResourceQuery_default([OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId], (fetcher) => getOrganizationUnit({
+		...endpoint,
+		fetcher,
+		ouId
+	}), { enabled });
+	const parentId = unit.data?.parent ?? void 0;
+	const parent = useResourceQuery_default([OrganizationUnitQueryKeys.ORGANIZATION_UNIT, parentId], (fetcher) => getOrganizationUnit({
+		...endpoint,
+		fetcher,
+		ouId: parentId ?? ""
+	}), { enabled: Boolean(parentId) });
+	const childUnits = useResourceQuery_default([
+		OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN,
+		ouId,
+		{
+			limit,
+			offset: 0
+		}
+	], (fetcher) => getOrganizationUnitChildren({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const users = useResourceQuery_default([
+		OrganizationUnitQueryKeys.ORGANIZATION_UNIT_USERS,
+		ouId,
+		{ limit }
+	], (fetcher) => getOrganizationUnitUsers({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const groups = useResourceQuery_default([
+		OrganizationUnitQueryKeys.ORGANIZATION_UNIT_GROUPS,
+		ouId,
+		{ limit }
+	], (fetcher) => getOrganizationUnitGroups({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const roles = useResourceQuery_default([
+		OrganizationUnitQueryKeys.ORGANIZATION_UNIT_ROLES,
+		ouId,
+		{ limit }
+	], (fetcher) => getOrganizationUnitRoles({
+		...endpoint,
+		fetcher,
+		limit,
+		offset: 0,
+		ouId
+	}), { enabled });
+	const update = useResourceMutation_default((payload, fetcher) => updateOrganizationUnit({
+		...endpoint,
+		fetcher,
+		ouId,
+		payload
+	}), () => [
+		[OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId],
+		[OrganizationUnitQueryKeys.ORGANIZATION_UNITS],
+		[OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN]
+	], { onSuccess: onUpdated });
+	const deletion = useResourceMutation_default((id, fetcher) => deleteOrganizationUnit({
+		...endpoint,
+		fetcher,
+		ouId: id
+	}), () => [[OrganizationUnitQueryKeys.ORGANIZATION_UNITS], [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN]], { onSuccess: onDeleted });
+	const handleUpdate = (changes) => {
+		const current = unit.data;
+		if (!current) return;
+		const { createdAt, id, updatedAt,...settings } = current;
+		update.mutate({
+			...settings,
+			...changes,
+			parent: current.parent ?? null
+		});
+	};
+	const contentsError = childUnits.error ?? users.error ?? groups.error ?? roles.error;
+	return /* @__PURE__ */ jsx(BaseOrganizationUnitDetails_default, {
+		organizationUnit: unit.data,
+		parent: parent.data,
+		isLoading: unit.isLoading,
+		error: toManagementErrorMessage(t, unit.error, "admin.organization_units.details.error") ?? toManagementErrorMessage(t, update.error, "admin.organization_units.details.edit.error", ORGANIZATION_UNIT_ERROR_KEYS) ?? toManagementErrorMessage(t, deletion.error, "admin.organization_units.details.delete.error", ORGANIZATION_UNIT_ERROR_KEYS),
+		contents: {
+			childUnits: childUnits.data?.organizationUnits ?? [],
+			groups: groups.data?.groups ?? [],
+			roles: roles.data?.roles ?? [],
+			totals: {
+				childUnits: childUnits.data?.totalResults,
+				groups: groups.data?.totalResults,
+				roles: roles.data?.totalResults,
+				users: users.data?.totalResults
+			},
+			users: users.data?.users ?? []
+		},
+		contentsError: toManagementErrorMessage(t, contentsError, "admin.organization_units.details.members_error"),
+		isLoadingContents: childUnits.isLoading || users.isLoading || groups.isLoading || roles.isLoading,
+		isDeleting: deletion.isLoading,
+		isUpdating: update.isLoading,
+		onDelete: deletable ? () => void deletion.mutate(ouId) : void 0,
+		onUpdate: editable ? handleUpdate : void 0,
+		preferences,
+		...rest
+	});
+};
+var OrganizationUnitDetails_default = OrganizationUnitDetails;
+
+//#endregion
+export { OrganizationUnitDetails_default as default };
+//# sourceMappingURL=OrganizationUnitDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitDetails.js","names":["OrganizationUnitDetails: FC<OrganizationUnitDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","ouId: string","unit: ResourceQueryResult<OrganizationUnit>","useResourceQuery","parentId: string | undefined","parent: ResourceQueryResult<OrganizationUnit>","childUnits: ResourceQueryResult<OrganizationUnitListResponse>","users: ResourceQueryResult<OrganizationUnitUserListResponse>","groups: ResourceQueryResult<OrganizationUnitGroupListResponse>","roles: ResourceQueryResult<OrganizationUnitRoleListResponse>","update: ResourceMutationResult<OrganizationUnit, UpdateOrganizationUnitRequest>","useResourceMutation","deletion: ResourceMutationResult<void, string>","current: OrganizationUnit | undefined","contentsError: Error | null","BaseOrganizationUnitDetails"],"sources":["../../../../src/components/management/OrganizationUnitDetails/OrganizationUnitDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  ORGANIZATION_UNIT_ERROR_KEYS,\n  OrganizationUnit,\n  OrganizationUnitGroupListResponse,\n  OrganizationUnitListResponse,\n  OrganizationUnitQueryKeys,\n  OrganizationUnitRoleListResponse,\n  OrganizationUnitUserListResponse,\n  UpdateOrganizationUnitRequest,\n  deleteOrganizationUnit,\n  getOrganizationUnit,\n  getOrganizationUnitChildren,\n  getOrganizationUnitGroups,\n  getOrganizationUnitRoles,\n  getOrganizationUnitUsers,\n  toManagementErrorMessage,\n  updateOrganizationUnit,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseOrganizationUnitDetails, {\n  BaseOrganizationUnitDetailsProps,\n  OrganizationUnitUpdateSubmission,\n} from './BaseOrganizationUnitDetails';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type OrganizationUnitDetailsProps = Omit<\n  BaseOrganizationUnitDetailsProps,\n  | 'contents'\n  | 'contentsError'\n  | 'error'\n  | 'isDeleting'\n  | 'isLoading'\n  | 'isLoadingContents'\n  | 'isUpdating'\n  | 'onDelete'\n  | 'onUpdate'\n  | 'organizationUnit'\n  | 'parent'\n> & {\n  /**\n   * Whether the unit can be deleted from this view. The server refuses deleting a unit that still\n   * holds child units or resources; the refusal is shown as a translated message.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Whether the name, handle and description can be edited from this view.\n   * @default false\n   */\n  editable?: boolean;\n  /**\n   * How many child units, users, groups and roles to list.\n   * @default 20\n   */\n  limit?: number;\n  /**\n   * Called after the unit has been deleted.\n   */\n  onDeleted?: () => void;\n  /**\n   * Called with the unit as the server stored it after an edit.\n   */\n  onUpdated?: (organizationUnit: OrganizationUnit) => void;\n  organizationUnitId: string;\n};\n\n/**\n * Shows an organization unit with its child units and the users, groups and roles in it (read only),\n * and lets the signed-in user edit and delete it.\n *\n * @example\n * ```tsx\n * <OrganizationUnitDetails organizationUnitId={unitId} editable deletable onDeleted={() => navigate('/units')} />\n * ```\n */\nconst OrganizationUnitDetails: FC<OrganizationUnitDetailsProps> = ({\n  deletable = false,\n  editable = false,\n  limit = 20,\n  onDeleted,\n  onUpdated,\n  organizationUnitId,\n  preferences,\n  ...rest\n}: OrganizationUnitDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('organizationUnits');\n  const enabled = Boolean(organizationUnitId);\n  const ouId: string = organizationUnitId;\n  const unit: ResourceQueryResult<OrganizationUnit> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId],\n    (fetcher) => getOrganizationUnit({...endpoint, fetcher, ouId}),\n    {enabled},\n  );\n  const parentId: string | undefined = unit.data?.parent ?? undefined;\n  const parent: ResourceQueryResult<OrganizationUnit> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT, parentId],\n    (fetcher) => getOrganizationUnit({...endpoint, fetcher, ouId: parentId ?? ''}),\n    {enabled: Boolean(parentId)},\n  );\n  const childUnits: ResourceQueryResult<OrganizationUnitListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN, ouId, {limit, offset: 0}],\n    (fetcher) => getOrganizationUnitChildren({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const users: ResourceQueryResult<OrganizationUnitUserListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_USERS, ouId, {limit}],\n    (fetcher) => getOrganizationUnitUsers({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const groups: ResourceQueryResult<OrganizationUnitGroupListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_GROUPS, ouId, {limit}],\n    (fetcher) => getOrganizationUnitGroups({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const roles: ResourceQueryResult<OrganizationUnitRoleListResponse> = useResourceQuery(\n    [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_ROLES, ouId, {limit}],\n    (fetcher) => getOrganizationUnitRoles({...endpoint, fetcher, limit, offset: 0, ouId}),\n    {enabled},\n  );\n  const update: ResourceMutationResult<OrganizationUnit, UpdateOrganizationUnitRequest> = useResourceMutation(\n    (payload: UpdateOrganizationUnitRequest, fetcher) => updateOrganizationUnit({...endpoint, fetcher, ouId, payload}),\n    () => [\n      [OrganizationUnitQueryKeys.ORGANIZATION_UNIT, ouId],\n      [OrganizationUnitQueryKeys.ORGANIZATION_UNITS],\n      [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN],\n    ],\n    {onSuccess: onUpdated},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteOrganizationUnit({...endpoint, fetcher, ouId: id}),\n    () => [[OrganizationUnitQueryKeys.ORGANIZATION_UNITS], [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN]],\n    {onSuccess: onDeleted},\n  );\n\n  const handleUpdate = (changes: OrganizationUnitUpdateSubmission): void => {\n    const current: OrganizationUnit | undefined = unit.data;\n\n    if (!current) {\n      return;\n    }\n\n    // The update replaces the unit, so the settings this view does not edit are sent back unchanged.\n    const {createdAt, id, updatedAt, ...settings}: OrganizationUnit = current;\n    void createdAt;\n    void id;\n    void updatedAt;\n    void update.mutate({...settings, ...changes, parent: current.parent ?? null});\n  };\n\n  const contentsError: Error | null = childUnits.error ?? users.error ?? groups.error ?? roles.error;\n\n  return (\n    <BaseOrganizationUnitDetails\n      organizationUnit={unit.data}\n      parent={parent.data}\n      isLoading={unit.isLoading}\n      error={\n        toManagementErrorMessage(t, unit.error, 'admin.organization_units.details.error') ??\n        toManagementErrorMessage(\n          t,\n          update.error,\n          'admin.organization_units.details.edit.error',\n          ORGANIZATION_UNIT_ERROR_KEYS,\n        ) ??\n        toManagementErrorMessage(\n          t,\n          deletion.error,\n          'admin.organization_units.details.delete.error',\n          ORGANIZATION_UNIT_ERROR_KEYS,\n        )\n      }\n      contents={{\n        childUnits: childUnits.data?.organizationUnits ?? [],\n        groups: groups.data?.groups ?? [],\n        roles: roles.data?.roles ?? [],\n        totals: {\n          childUnits: childUnits.data?.totalResults,\n          groups: groups.data?.totalResults,\n          roles: roles.data?.totalResults,\n          users: users.data?.totalResults,\n        },\n        users: users.data?.users ?? [],\n      }}\n      contentsError={toManagementErrorMessage(t, contentsError, 'admin.organization_units.details.members_error')}\n      isLoadingContents={childUnits.isLoading || users.isLoading || groups.isLoading || roles.isLoading}\n      isDeleting={deletion.isLoading}\n      isUpdating={update.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(ouId) : undefined}\n      onUpdate={editable ? handleUpdate : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default OrganizationUnitDetails;\n"],"mappings":"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"}

package/dist/components/management/OrganizationUnitList/BaseOrganizationUnitList.d.ts

@@ -0,0 +1,54 @@
+import { OrganizationUnitBasic, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { AdminListRenderProps } from '../shared/AdminListRenderProps';
+/**
+ * What {@link BaseOrganizationUnitList} hands its `children` render function. `organizationUnits` and `rows` are the
+ * same array.
+ */
+export type BaseOrganizationUnitListRenderProps = AdminListRenderProps<OrganizationUnitBasic> & {
+    organizationUnits: OrganizationUnitBasic[];
+};
+export interface BaseOrganizationUnitListProps {
+    /**
+     * Controls rendered next to the title, such as a button that opens `OrganizationUnitCreate`.
+     */
+    actions?: ReactNode;
+    /**
+     * Renders custom UI in place of the default table. Receives the units, the default columns, the
+     * loading and error state, and the pagination and selection handlers.
+     */
+    children?: (props: BaseOrganizationUnitListRenderProps) => 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 unit is chosen. Rows are selectable only when set.
+     */
+    onSelect?: (organizationUnit: OrganizationUnitBasic) => void;
+    organizationUnits: OrganizationUnitBasic[];
+    preferences?: Preferences;
+    selectedOrganizationUnitId?: string;
+    /**
+     * Heading of the list. Pass an empty string to hide it.
+     */
+    title?: string;
+    totalResults?: number;
+}
+/**
+ * Lists organization units with their handle and description. Holds no data of its own: pass the
+ * page of units and handle selection and pagination.
+ */
+declare const BaseOrganizationUnitList: FC<BaseOrganizationUnitListProps>;
+export default BaseOrganizationUnitList;
+//# sourceMappingURL=BaseOrganizationUnitList.d.ts.map

package/dist/components/management/OrganizationUnitList/BaseOrganizationUnitList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/OrganizationUnitList/BaseOrganizationUnitList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,qBAAqB,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE;;;GAGG;AACH,MAAM,MAAM,mCAAmC,GAAG,oBAAoB,CAAC,qBAAqB,CAAC,GAAG;IAC9F,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,SAAS,CAAC;IACrE,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,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC7D,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAoF/D,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/management/OrganizationUnitList/BaseOrganizationUnitList.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/management/OrganizationUnitList/BaseOrganizationUnitList.tsx
+/**
+* Lists organization units with their handle and description. Holds no data of its own: pass the
+* page of units and handle selection and pagination.
+*/
+const BaseOrganizationUnitList = ({ actions, children, className, description, error = null, isLoading = false, limit = 20, offset = 0, onPageChange, onSelect, organizationUnits, preferences, selectedOrganizationUnitId, title, totalResults }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.organization_units.fields.name"),
+			id: "name",
+			render: (unit) => unit.name
+		},
+		{
+			header: t("admin.organization_units.fields.handle"),
+			id: "handle",
+			render: (unit) => unit.handle
+		},
+		{
+			header: t("admin.organization_units.fields.description"),
+			id: "description",
+			render: (unit) => unit.description ?? ""
+		}
+	];
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			organizationUnits,
+			rows: organizationUnits,
+			selectedRowId: selectedOrganizationUnitId,
+			totalResults: totalResults ?? organizationUnits.length
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "organization-unit-list",
+		className,
+		title: title ?? t("admin.organization_units.list.title"),
+		description,
+		actions,
+		preferences,
+		children: /* @__PURE__ */ jsx(DataTable_default, {
+			caption: title?.length ? title : t("admin.organization_units.list.title"),
+			columns,
+			rows: organizationUnits,
+			getRowId: (unit) => unit.id,
+			isLoading,
+			error,
+			emptyText: t("admin.organization_units.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedOrganizationUnitId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? organizationUnits.length
+			} : void 0
+		})
+	});
+};
+var BaseOrganizationUnitList_default = BaseOrganizationUnitList;
+
+//#endregion
+export { BaseOrganizationUnitList_default as default };
+//# sourceMappingURL=BaseOrganizationUnitList.js.map

package/dist/components/management/OrganizationUnitList/BaseOrganizationUnitList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitList.js","names":["BaseOrganizationUnitList: FC<BaseOrganizationUnitListProps>","useTranslation","columns: DataTableColumn<OrganizationUnitBasic>[]","AdminSection","DataTable"],"sources":["../../../../src/components/management/OrganizationUnitList/BaseOrganizationUnitList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {OrganizationUnitBasic, 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 BaseOrganizationUnitList} hands its `children` render function. `organizationUnits` and `rows` are the\n * same array.\n */\nexport type BaseOrganizationUnitListRenderProps = AdminListRenderProps<OrganizationUnitBasic> & {\n  organizationUnits: OrganizationUnitBasic[];\n};\n\nexport interface BaseOrganizationUnitListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `OrganizationUnitCreate`.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default table. Receives the units, the default columns, the\n   * loading and error state, and the pagination and selection handlers.\n   */\n  children?: (props: BaseOrganizationUnitListRenderProps) => 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 unit is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (organizationUnit: OrganizationUnitBasic) => void;\n  organizationUnits: OrganizationUnitBasic[];\n  preferences?: Preferences;\n  selectedOrganizationUnitId?: 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 organization units with their handle and description. Holds no data of its own: pass the\n * page of units and handle selection and pagination.\n */\nconst BaseOrganizationUnitList: FC<BaseOrganizationUnitListProps> = ({\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  organizationUnits,\n  preferences,\n  selectedOrganizationUnitId,\n  title,\n  totalResults,\n}: BaseOrganizationUnitListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<OrganizationUnitBasic>[] = [\n    {\n      header: t('admin.organization_units.fields.name'),\n      id: 'name',\n      render: (unit: OrganizationUnitBasic): ReactNode => unit.name,\n    },\n    {\n      header: t('admin.organization_units.fields.handle'),\n      id: 'handle',\n      render: (unit: OrganizationUnitBasic): ReactNode => unit.handle,\n    },\n    {\n      header: t('admin.organization_units.fields.description'),\n      id: 'description',\n      render: (unit: OrganizationUnitBasic): ReactNode => unit.description ?? '',\n    },\n  ];\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          columns,\n          error,\n          isLoading,\n          limit,\n          offset,\n          onPageChange,\n          onSelect,\n          organizationUnits,\n          rows: organizationUnits,\n          selectedRowId: selectedOrganizationUnitId,\n          totalResults: totalResults ?? organizationUnits.length,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"organization-unit-list\"\n      className={className}\n      title={title ?? t('admin.organization_units.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      <DataTable\n        caption={title?.length ? title : t('admin.organization_units.list.title')}\n        columns={columns}\n        rows={organizationUnits}\n        getRowId={(unit: OrganizationUnitBasic): string => unit.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={t('admin.organization_units.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedOrganizationUnitId}\n        pagination={\n          onPageChange\n            ? {limit, offset, onChange: onPageChange, total: totalResults ?? organizationUnits.length}\n            : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseOrganizationUnitList;\n"],"mappings":";;;;;;;;;;AA4DA,MAAMA,4BAA+D,EACnE,SACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,mBACA,aACA,4BACA,OACA,mBACiD;CACjD,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAE7C,MAAMC,UAAoD;EACxD;GACE,QAAQ,EAAE,uCAAuC;GACjD,IAAI;GACJ,SAAS,SAA2C,KAAK;GAC1D;EACD;GACE,QAAQ,EAAE,yCAAyC;GACnD,IAAI;GACJ,SAAS,SAA2C,KAAK;GAC1D;EACD;GACE,QAAQ,EAAE,8CAA8C;GACxD,IAAI;GACJ,SAAS,SAA2C,KAAK,eAAe;GACzE;EACF;AAED,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,eAAe;GACf,cAAc,gBAAgB,kBAAkB;GACjD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,sCAAsC;EAC3C;EACJ;EACI;YAEb,oBAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,sCAAsC;GAChE;GACT,MAAM;GACN,WAAW,SAAwC,KAAK;GAC7C;GACJ;GACP,WAAW,EAAE,sCAAsC;GACnD,YAAY;GACZ,eAAe;GACf,YACE,eACI;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,kBAAkB;IAAO,GACxF;IAEN;GACW;;AAInB,uCAAe"}

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

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { BaseOrganizationUnitListProps } from './BaseOrganizationUnitList';
+export type OrganizationUnitListProps = Omit<BaseOrganizationUnitListProps, 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'organizationUnits' | 'totalResults'> & {
+    /**
+     * Lists the children of this organization unit. Lists the root units when omitted.
+     */
+    parentId?: string;
+};
+/**
+ * Lists organization units, a page at a time: the root units, or the children of `parentId`.
+ *
+ * @example
+ * ```tsx
+ * <OrganizationUnitList parentId={projectId} onSelect={(unit) => setSelectedUnitId(unit.id)} />
+ * ```
+ */
+declare const OrganizationUnitList: FC<OrganizationUnitListProps>;
+export default OrganizationUnitList;
+//# sourceMappingURL=OrganizationUnitList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/OrganizationUnitList/OrganizationUnitList.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAiC,EAAC,6BAA6B,EAAC,MAAM,4BAA4B,CAAC;AAKnG,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,6BAA6B,EAC7B,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,mBAAmB,GAAG,cAAc,CACzF,GAAG;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAwCvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/management/OrganizationUnitList/OrganizationUnitList.js

@@ -0,0 +1,65 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
+import BaseOrganizationUnitList_default from "./BaseOrganizationUnitList.js";
+import { OrganizationUnitQueryKeys, getOrganizationUnitChildren, getOrganizationUnits, toManagementErrorMessage } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/management/OrganizationUnitList/OrganizationUnitList.tsx
+/**
+* Lists organization units, a page at a time: the root units, or the children of `parentId`.
+*
+* @example
+* ```tsx
+* <OrganizationUnitList parentId={projectId} onSelect={(unit) => setSelectedUnitId(unit.id)} />
+* ```
+*/
+const OrganizationUnitList = ({ limit = 20, parentId, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [offset, setOffset] = useState(0);
+	const endpoint = useManagementEndpoint_default("organizationUnits");
+	const { data, error, isLoading } = useResourceQuery_default(parentId ? [
+		OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN,
+		parentId,
+		{
+			limit,
+			offset
+		}
+	] : [OrganizationUnitQueryKeys.ORGANIZATION_UNITS, {
+		limit,
+		offset
+	}], (fetcher) => parentId ? getOrganizationUnitChildren({
+		...endpoint,
+		fetcher,
+		limit,
+		offset,
+		ouId: parentId
+	}) : getOrganizationUnits({
+		...endpoint,
+		fetcher,
+		limit,
+		offset
+	}));
+	const [listedParentId, setListedParentId] = useState(parentId);
+	if (listedParentId !== parentId) {
+		setListedParentId(parentId);
+		setOffset(0);
+	}
+	return /* @__PURE__ */ jsx(BaseOrganizationUnitList_default, {
+		organizationUnits: data?.organizationUnits ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: toManagementErrorMessage(t, error, "admin.organization_units.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var OrganizationUnitList_default = OrganizationUnitList;
+
+//#endregion
+export { OrganizationUnitList_default as default };
+//# sourceMappingURL=OrganizationUnitList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitList.js","names":["OrganizationUnitList: FC<OrganizationUnitListProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceQuery","BaseOrganizationUnitList"],"sources":["../../../../src/components/management/OrganizationUnitList/OrganizationUnitList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  OrganizationUnitListResponse,\n  OrganizationUnitQueryKeys,\n  getOrganizationUnitChildren,\n  getOrganizationUnits,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseOrganizationUnitList, {BaseOrganizationUnitListProps} from './BaseOrganizationUnitList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type OrganizationUnitListProps = Omit<\n  BaseOrganizationUnitListProps,\n  'error' | 'isLoading' | 'offset' | 'onPageChange' | 'organizationUnits' | 'totalResults'\n> & {\n  /**\n   * Lists the children of this organization unit. Lists the root units when omitted.\n   */\n  parentId?: string;\n};\n\n/**\n * Lists organization units, a page at a time: the root units, or the children of `parentId`.\n *\n * @example\n * ```tsx\n * <OrganizationUnitList parentId={projectId} onSelect={(unit) => setSelectedUnitId(unit.id)} />\n * ```\n */\nconst OrganizationUnitList: FC<OrganizationUnitListProps> = ({\n  limit = 20,\n  parentId,\n  preferences,\n  ...rest\n}: OrganizationUnitListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('organizationUnits');\n  const {data, error, isLoading}: ResourceQueryResult<OrganizationUnitListResponse> = useResourceQuery(\n    parentId\n      ? [OrganizationUnitQueryKeys.ORGANIZATION_UNIT_CHILDREN, parentId, {limit, offset}]\n      : [OrganizationUnitQueryKeys.ORGANIZATION_UNITS, {limit, offset}],\n    (fetcher) =>\n      parentId\n        ? getOrganizationUnitChildren({...endpoint, fetcher, limit, offset, ouId: parentId})\n        : getOrganizationUnits({...endpoint, fetcher, limit, offset}),\n  );\n\n  const [listedParentId, setListedParentId] = useState<string | undefined>(parentId);\n\n  // A different parent starts from its first page.\n  if (listedParentId !== parentId) {\n    setListedParentId(parentId);\n    setOffset(0);\n  }\n\n  return (\n    <BaseOrganizationUnitList\n      organizationUnits={data?.organizationUnits ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.organization_units.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default OrganizationUnitList;\n"],"mappings":";;;;;;;;;;;;;;;;;AAkCA,MAAMA,wBAAuD,EAC3D,QAAQ,IACR,UACA,YACA,GAAG,WAC0C;CAC7C,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAMC,WAA+BC,8BAAsB,oBAAoB;CAC/E,MAAM,EAAC,MAAM,OAAO,cAAgEC,yBAClF,WACI;EAAC,0BAA0B;EAA4B;EAAU;GAAC;GAAO;GAAO;EAAC,GACjF,CAAC,0BAA0B,oBAAoB;EAAC;EAAO;EAAO,CAAC,GAClE,YACC,WACI,4BAA4B;EAAC,GAAG;EAAU;EAAS;EAAO;EAAQ,MAAM;EAAS,CAAC,GAClF,qBAAqB;EAAC,GAAG;EAAU;EAAS;EAAO;EAAO,CAAC,CAClE;CAED,MAAM,CAAC,gBAAgB,qBAAqB,SAA6B,SAAS;AAGlF,KAAI,mBAAmB,UAAU;AAC/B,oBAAkB,SAAS;AAC3B,YAAU,EAAE;;AAGd,QACE,oBAACC;EACC,mBAAmB,MAAM,qBAAqB,EAAE;EAChD,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,sCAAsC;EACzE;EACC;EACR,cAAc;EACD;EACb,GAAI;GACJ;;AAIN,mCAAe"}

package/dist/components/management/ProjectCreate/BaseProjectCreate.d.ts

@@ -0,0 +1,60 @@
+import { Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * The project {@link BaseProjectCreate} submits.
+ */
+export interface ProjectCreateSubmission {
+    description?: string;
+    displayName: string;
+    /**
+     * Immutable identifier: lowercase letters, numbers, hyphens and underscores.
+     */
+    handle: string;
+}
+/**
+ * The fields of {@link BaseProjectCreate}.
+ */
+export type ProjectCreateField = 'description' | 'displayName' | 'handle';
+/**
+ * What {@link BaseProjectCreate} hands its `children` render function, so the form can be built with any UI.
+ */
+export interface BaseProjectCreateRenderProps {
+    error: string | null;
+    /**
+     * Sets one field of the form.
+     */
+    handleInputChange: (field: ProjectCreateField, value: string) => void;
+    /**
+     * Submits the current values. Does nothing while they are not valid.
+     */
+    handleSubmit: () => void;
+    isSubmitting: boolean;
+    /**
+     * Whether the values can be submitted.
+     */
+    isValid: boolean;
+    onCancel?: () => void;
+    values: Record<ProjectCreateField, string>;
+}
+export interface BaseProjectCreateProps {
+    /**
+     * Renders custom UI in place of the default form. Receives the values, their setters, the submit
+     * handler and the submission state.
+     */
+    children?: (props: BaseProjectCreateRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    isSubmitting?: boolean;
+    onCancel?: () => void;
+    onSubmit: (project: ProjectCreateSubmission) => void;
+    preferences?: Preferences;
+    title?: string;
+}
+/**
+ * A form that collects a new project's handle, display name and description. Holds no data of its
+ * own: handle the submission.
+ */
+declare const BaseProjectCreate: FC<BaseProjectCreateProps>;
+export default BaseProjectCreate;
+//# sourceMappingURL=BaseProjectCreate.d.ts.map

package/dist/components/management/ProjectCreate/BaseProjectCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectCreate/BaseProjectCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAc,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AASpF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,aAAa,GAAG,QAAQ,CAAC;AAE1E;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,SAAS,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAwGjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/management/ProjectCreate/BaseProjectCreate.js

@@ -0,0 +1,113 @@
+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/management/ProjectCreate/BaseProjectCreate.tsx
+/**
+* A form that collects a new project's handle, display name and description. Holds no data of its
+* own: handle the submission.
+*/
+const BaseProjectCreate = ({ 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 [values, setValues] = useState({
+		description: "",
+		displayName: "",
+		handle: ""
+	});
+	const isValid = values.handle.trim().length > 0 && values.displayName.trim().length > 0;
+	const setField = (field, value) => setValues((previous) => ({
+		...previous,
+		[field]: value
+	}));
+	const submit = () => {
+		if (isValid && !isSubmitting) onSubmit({
+			description: values.description.trim() || void 0,
+			displayName: values.displayName.trim(),
+			handle: values.handle.trim()
+		});
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			handleInputChange: setField,
+			handleSubmit: submit,
+			isSubmitting,
+			isValid,
+			onCancel,
+			values
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "project-create",
+		className,
+		title: title ?? t("admin.projects.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: "handle",
+					label: t("admin.projects.fields.handle"),
+					helperText: t("admin.projects.fields.handle_hint"),
+					required: true,
+					value: values.handle,
+					onChange: (event) => setField("handle", event.target.value)
+				}),
+				/* @__PURE__ */ jsx(TextField_default, {
+					name: "displayName",
+					label: t("admin.projects.fields.display_name"),
+					required: true,
+					value: values.displayName,
+					onChange: (event) => setField("displayName", event.target.value)
+				}),
+				/* @__PURE__ */ jsx(TextField_default, {
+					name: "description",
+					label: t("admin.projects.fields.description"),
+					value: values.description,
+					onChange: (event) => setField("description", 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.projects.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseProjectCreate_default = BaseProjectCreate;
+
+//#endregion
+export { BaseProjectCreate_default as default };
+//# sourceMappingURL=BaseProjectCreate.js.map

package/dist/components/management/ProjectCreate/BaseProjectCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectCreate.js","names":["BaseProjectCreate: FC<BaseProjectCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","isValid: boolean","AdminSection","Alert","TextField","Button"],"sources":["../../../../src/components/management/ProjectCreate/BaseProjectCreate.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 project {@link BaseProjectCreate} submits.\n */\nexport interface ProjectCreateSubmission {\n  description?: string;\n  displayName: string;\n  /**\n   * Immutable identifier: lowercase letters, numbers, hyphens and underscores.\n   */\n  handle: string;\n}\n\n/**\n * The fields of {@link BaseProjectCreate}.\n */\nexport type ProjectCreateField = 'description' | 'displayName' | 'handle';\n\n/**\n * What {@link BaseProjectCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseProjectCreateRenderProps {\n  error: string | null;\n  /**\n   * Sets one field of the form.\n   */\n  handleInputChange: (field: ProjectCreateField, 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: Record<ProjectCreateField, string>;\n}\n\nexport interface BaseProjectCreateProps {\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: BaseProjectCreateRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onSubmit: (project: ProjectCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new project's handle, display name and description. Holds no data of its\n * own: handle the submission.\n */\nconst BaseProjectCreate: FC<BaseProjectCreateProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  isSubmitting = false,\n  onCancel,\n  onSubmit,\n  preferences,\n  title,\n}: BaseProjectCreateProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [values, setValues] = useState<Record<ProjectCreateField, string>>({\n    description: '',\n    displayName: '',\n    handle: '',\n  });\n\n  const isValid: boolean = values.handle.trim().length > 0 && values.displayName.trim().length > 0;\n\n  const setField = (field: ProjectCreateField, value: string): void =>\n    setValues((previous: Record<ProjectCreateField, string>) => ({...previous, [field]: value}));\n\n  const submit = (): void => {\n    if (isValid && !isSubmitting) {\n      onSubmit({\n        description: values.description.trim() || undefined,\n        displayName: values.displayName.trim(),\n        handle: values.handle.trim(),\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          isSubmitting,\n          isValid,\n          onCancel,\n          values,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"project-create\"\n      className={className}\n      title={title ?? t('admin.projects.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=\"handle\"\n          label={t('admin.projects.fields.handle')}\n          helperText={t('admin.projects.fields.handle_hint')}\n          required\n          value={values.handle}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('handle', event.target.value)}\n        />\n        <TextField\n          name=\"displayName\"\n          label={t('admin.projects.fields.display_name')}\n          required\n          value={values.displayName}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('displayName', event.target.value)}\n        />\n        <TextField\n          name=\"description\"\n          label={t('admin.projects.fields.description')}\n          value={values.description}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setField('description', 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.projects.create.submit')}\n          </Button>\n        </div>\n      </form>\n    </AdminSection>\n  );\n};\n\nexport default BaseProjectCreate;\n"],"mappings":";;;;;;;;;;;;;;;AAwEA,MAAMA,qBAAiD,EACrD,UACA,WACA,aACA,QAAQ,MACR,eAAe,OACf,UACA,UACA,aACA,YAC0C;CAC1C,MAAM,EAAC,OAAO,gBAAeC,kBAAU;CACvC,MAAMC,SAAiCC,4BAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAA6C;EACvE,aAAa;EACb,aAAa;EACb,QAAQ;EACT,CAAC;CAEF,MAAMC,UAAmB,OAAO,OAAO,MAAM,CAAC,SAAS,KAAK,OAAO,YAAY,MAAM,CAAC,SAAS;CAE/F,MAAM,YAAY,OAA2B,UAC3C,WAAW,cAAkD;EAAC,GAAG;GAAW,QAAQ;EAAM,EAAE;CAE9F,MAAM,eAAqB;AACzB,MAAI,WAAW,CAAC,aACd,UAAS;GACP,aAAa,OAAO,YAAY,MAAM,IAAI;GAC1C,aAAa,OAAO,YAAY,MAAM;GACtC,QAAQ,OAAO,OAAO,MAAM;GAC7B,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;GACD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,8BAA8B;EACnC;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,+BAA+B;KACxC,YAAY,EAAE,oCAAoC;KAClD;KACA,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,UAAU,MAAM,OAAO,MAAM;MAChG;IACF,oBAACA;KACC,MAAK;KACL,OAAO,EAAE,qCAAqC;KAC9C;KACA,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,eAAe,MAAM,OAAO,MAAM;MACrG;IACF,oBAACA;KACC,MAAK;KACL,OAAO,EAAE,oCAAoC;KAC7C,OAAO,OAAO;KACd,WAAW,UAA+C,SAAS,eAAe,MAAM,OAAO,MAAM;MACrG;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,+BAA+B;OAC3B;MACL;;IACD;GACM;;AAInB,gCAAe"}

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

@@ -0,0 +1,20 @@
+import { Project } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseProjectCreateProps } from './BaseProjectCreate';
+export type ProjectCreateProps = Omit<BaseProjectCreateProps, 'error' | 'isSubmitting' | 'onSubmit'> & {
+    /**
+     * Called with the created project.
+     */
+    onCreated?: (project: Project) => void;
+};
+/**
+ * Creates a project through the control plane's management API.
+ *
+ * @example
+ * ```tsx
+ * <ProjectCreate onCreated={(project) => navigate(`/projects/${project.id}`)} />
+ * ```
+ */
+declare const ProjectCreate: FC<ProjectCreateProps>;
+export default ProjectCreate;
+//# sourceMappingURL=ProjectCreate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectCreate/ProjectCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,OAAO,EAIR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA0B,EAAC,sBAAsB,EAA0B,MAAM,qBAAqB,CAAC;AAKvG,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IACrG;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsBzC,CAAC;AAEF,eAAe,aAAa,CAAC"}