@thunderid/react 1.13.0 → 1.15.0

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

@@ -0,0 +1,40 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceMutation_default from "../../../hooks/management/useResourceMutation.js";
+import BaseProjectCreate_default from "./BaseProjectCreate.js";
+import { OrganizationUnitQueryKeys, PROJECT_ERROR_KEYS, ProjectQueryKeys, createProject, toManagementErrorMessage } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/management/ProjectCreate/ProjectCreate.tsx
+/**
+* Creates a project through the control plane's management API.
+*
+* @example
+* ```tsx
+* <ProjectCreate onCreated={(project) => navigate(`/projects/${project.id}`)} />
+* ```
+*/
+const ProjectCreate = ({ onCreated, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const endpoint = useManagementEndpoint_default("projects");
+	const { error, isLoading, mutate } = useResourceMutation_default((payload, fetcher) => createProject({
+		...endpoint,
+		fetcher,
+		payload
+	}), () => [[ProjectQueryKeys.PROJECTS], [OrganizationUnitQueryKeys.ORGANIZATION_UNITS]], { onSuccess: onCreated });
+	const handleSubmit = (submission) => {
+		mutate(submission);
+	};
+	return /* @__PURE__ */ jsx(BaseProjectCreate_default, {
+		onSubmit: handleSubmit,
+		isSubmitting: isLoading,
+		error: toManagementErrorMessage(t, error, "admin.projects.create.error", PROJECT_ERROR_KEYS),
+		preferences,
+		...rest
+	});
+};
+var ProjectCreate_default = ProjectCreate;
+
+//#endregion
+export { ProjectCreate_default as default };
+//# sourceMappingURL=ProjectCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCreate.js","names":["ProjectCreate: FC<ProjectCreateProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceMutation","BaseProjectCreate"],"sources":["../../../../src/components/management/ProjectCreate/ProjectCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  CreateProjectRequest,\n  OrganizationUnitQueryKeys,\n  PROJECT_ERROR_KEYS,\n  Project,\n  ProjectQueryKeys,\n  createProject,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseProjectCreate, {BaseProjectCreateProps, ProjectCreateSubmission} from './BaseProjectCreate';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type ProjectCreateProps = Omit<BaseProjectCreateProps, 'error' | 'isSubmitting' | 'onSubmit'> & {\n  /**\n   * Called with the created project.\n   */\n  onCreated?: (project: Project) => void;\n};\n\n/**\n * Creates a project through the control plane's management API.\n *\n * @example\n * ```tsx\n * <ProjectCreate onCreated={(project) => navigate(`/projects/${project.id}`)} />\n * ```\n */\nconst ProjectCreate: FC<ProjectCreateProps> = ({onCreated, preferences, ...rest}: ProjectCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('projects');\n  const {error, isLoading, mutate}: ResourceMutationResult<Project, CreateProjectRequest> = useResourceMutation(\n    (payload: CreateProjectRequest, fetcher) => createProject({...endpoint, fetcher, payload}),\n    () => [[ProjectQueryKeys.PROJECTS], [OrganizationUnitQueryKeys.ORGANIZATION_UNITS]],\n    {onSuccess: onCreated},\n  );\n\n  const handleSubmit = (submission: ProjectCreateSubmission): void => {\n    void mutate(submission);\n  };\n\n  return (\n    <BaseProjectCreate\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.projects.create.error', PROJECT_ERROR_KEYS)}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ProjectCreate;\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAMA,iBAAyC,EAAC,WAAW,YAAa,GAAG,WAA4C;CACrH,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,8BAAsB,WAAW;CACtE,MAAM,EAAC,OAAO,WAAW,WAAiEC,6BACvF,SAA+B,YAAY,cAAc;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,QACpF,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,0BAA0B,mBAAmB,CAAC,EACnF,EAAC,WAAW,WAAU,CACvB;CAED,MAAM,gBAAgB,eAA8C;AAClE,EAAK,OAAO,WAAW;;AAGzB,QACE,oBAACC;EACC,UAAU;EACV,cAAc;EACd,OAAO,yBAAyB,GAAG,OAAO,+BAA+B,mBAAmB;EAC/E;EACb,GAAI;GACJ;;AAIN,4BAAe"}

package/dist/components/management/ProjectDetails/BaseProjectDetails.d.ts

@@ -0,0 +1,60 @@
+import { Preferences, Project } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * The changes {@link BaseProjectDetails} submits. The handle cannot change.
+ */
+export interface ProjectUpdateSubmission {
+    description?: string;
+    displayName: string;
+}
+/**
+ * What {@link BaseProjectDetails} hands its `children` render function, so the project can be shown with any UI.
+ */
+export interface BaseProjectDetailsRenderProps {
+    error: string | null;
+    isDeleting: boolean;
+    isLoading: boolean;
+    isUpdating: boolean;
+    /**
+     * Deletes the project. Undefined when deletion is not allowed.
+     */
+    onDelete?: () => void;
+    /**
+     * Saves a new display name and description. Undefined when editing is not allowed.
+     */
+    onUpdate?: (changes: ProjectUpdateSubmission) => void;
+    project?: Project;
+}
+export interface BaseProjectDetailsProps {
+    /**
+     * Controls rendered next to the project's name.
+     */
+    actions?: ReactNode;
+    /**
+     * Renders custom UI in place of the default view. Receives the project, the loading and error state,
+     * and the update and delete handlers.
+     */
+    children?: (props: BaseProjectDetailsRenderProps) => ReactNode;
+    className?: string;
+    error?: string | null;
+    isDeleting?: boolean;
+    isLoading?: boolean;
+    isUpdating?: boolean;
+    /**
+     * Deletes the project. The delete action is hidden when omitted.
+     */
+    onDelete?: () => void;
+    /**
+     * Saves a new display name and description. The edit action is hidden when omitted.
+     */
+    onUpdate?: (changes: ProjectUpdateSubmission) => void;
+    preferences?: Preferences;
+    project?: Project;
+}
+/**
+ * Shows a project's handle, display name, description and creation time, and lets the caller edit and
+ * delete it. Holds no data of its own: pass the project and handle the changes.
+ */
+declare const BaseProjectDetails: FC<BaseProjectDetailsProps>;
+export default BaseProjectDetails;
+//# sourceMappingURL=BaseProjectDetails.d.ts.map

package/dist/components/management/ProjectDetails/BaseProjectDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectDetails/BaseProjectDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAc,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAWpF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8JnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,169 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Spinner_default from "../../primitives/Spinner/Spinner.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 useAdminPartStyles_default from "../shared/useAdminPartStyles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { ConfirmButton, DetailList, Panel } from "../shared/AdminParts.js";
+import formatTimestamp_default from "../shared/formatTimestamp.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/management/ProjectDetails/BaseProjectDetails.tsx
+/**
+* Shows a project's handle, display name, description and creation time, and lets the caller edit and
+* delete it. Holds no data of its own: pass the project and handle the changes.
+*/
+const BaseProjectDetails = ({ actions, children, className, error = null, isDeleting = false, isLoading = false, isUpdating = false, onDelete, onUpdate, preferences, project }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const styles = useAdminPartStyles_default();
+	const [draft, setDraft] = useState(null);
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			isDeleting,
+			isLoading,
+			isUpdating,
+			onDelete: project ? onDelete : void 0,
+			onUpdate: project ? onUpdate : void 0,
+			project
+		})
+	});
+	if (isLoading && !project) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "project-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: styles["muted"],
+			role: "status",
+			children: [
+				/* @__PURE__ */ jsx(Spinner_default, { size: "small" }),
+				" ",
+				t("admin.common.loading")
+			]
+		})
+	});
+	if (!project) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "project-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error ?? t("admin.common.errors.not_found")
+		})
+	});
+	const notSet = t("admin.projects.details.not_set");
+	const handleSave = (event) => {
+		event.preventDefault();
+		if (draft?.displayName.trim()) {
+			onUpdate?.({
+				description: draft.description.trim() || void 0,
+				displayName: draft.displayName.trim()
+			});
+			setDraft(null);
+		}
+	};
+	return /* @__PURE__ */ jsxs(AdminSection_default, {
+		block: "project-details",
+		className,
+		title: project.displayName,
+		description: project.description,
+		preferences,
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [actions, onDelete && /* @__PURE__ */ jsx(ConfirmButton, {
+			confirmText: t("admin.projects.details.delete.confirm", { name: project.displayName }),
+			isLoading: isDeleting,
+			onConfirm: onDelete,
+			children: t("admin.projects.details.delete.action")
+		})] }),
+		children: [error && /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error
+		}), draft ? /* @__PURE__ */ jsx(Panel, {
+			title: t("admin.projects.details.edit.action"),
+			children: /* @__PURE__ */ jsxs("form", {
+				className: styles["row"],
+				style: {
+					alignItems: "stretch",
+					flexDirection: "column"
+				},
+				onSubmit: handleSave,
+				noValidate: true,
+				children: [
+					/* @__PURE__ */ jsx(TextField_default, {
+						name: "displayName",
+						label: t("admin.projects.fields.display_name"),
+						required: true,
+						value: draft.displayName,
+						onChange: (event) => setDraft({
+							...draft,
+							displayName: event.target.value
+						})
+					}),
+					/* @__PURE__ */ jsx(TextField_default, {
+						name: "description",
+						label: t("admin.projects.fields.description"),
+						value: draft.description,
+						onChange: (event) => setDraft({
+							...draft,
+							description: event.target.value
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: styles["row"],
+						style: { justifyContent: "flex-end" },
+						children: [/* @__PURE__ */ jsx(Button_default, {
+							type: "button",
+							variant: "text",
+							disabled: isUpdating,
+							onClick: () => setDraft(null),
+							children: t("admin.common.actions.cancel")
+						}), /* @__PURE__ */ jsx(Button_default, {
+							type: "submit",
+							loading: isUpdating,
+							disabled: isUpdating || !draft.displayName.trim(),
+							children: t("admin.projects.details.edit.save")
+						})]
+					})
+				]
+			})
+		}) : /* @__PURE__ */ jsx(Panel, {
+			title: t("admin.projects.details.overview"),
+			actions: onUpdate ? /* @__PURE__ */ jsx(Button_default, {
+				variant: "outline",
+				size: "small",
+				onClick: () => setDraft({
+					description: project.description ?? "",
+					displayName: project.displayName
+				}),
+				children: t("admin.projects.details.edit.action")
+			}) : void 0,
+			children: /* @__PURE__ */ jsx(DetailList, { items: [
+				{
+					label: t("admin.projects.fields.handle"),
+					value: project.handle
+				},
+				{
+					label: t("admin.projects.fields.display_name"),
+					value: project.displayName
+				},
+				{
+					label: t("admin.projects.fields.description"),
+					value: project.description?.length ? project.description : notSet
+				},
+				{
+					label: t("admin.projects.fields.created"),
+					value: formatTimestamp_default(project.createdAt) ?? notSet
+				}
+			] })
+		})]
+	});
+};
+var BaseProjectDetails_default = BaseProjectDetails;
+
+//#endregion
+export { BaseProjectDetails_default as default };
+//# sourceMappingURL=BaseProjectDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectDetails.js","names":["BaseProjectDetails: FC<BaseProjectDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","AdminSection","Spinner","Alert","notSet: string","TextField","Button","formatTimestamp"],"sources":["../../../../src/components/management/ProjectDetails/BaseProjectDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, Project} from '@thunderid/browser';\nimport {ChangeEvent, FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport TextField from '../../primitives/TextField/TextField';\nimport {ConfirmButton, DetailList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport formatTimestamp from '../shared/formatTimestamp';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * The changes {@link BaseProjectDetails} submits. The handle cannot change.\n */\nexport interface ProjectUpdateSubmission {\n  description?: string;\n  displayName: string;\n}\n\n/**\n * What {@link BaseProjectDetails} hands its `children` render function, so the project can be shown with any UI.\n */\nexport interface BaseProjectDetailsRenderProps {\n  error: string | null;\n  isDeleting: boolean;\n  isLoading: boolean;\n  isUpdating: boolean;\n  /**\n   * Deletes the project. Undefined when deletion is not allowed.\n   */\n  onDelete?: () => void;\n  /**\n   * Saves a new display name and description. Undefined when editing is not allowed.\n   */\n  onUpdate?: (changes: ProjectUpdateSubmission) => void;\n  project?: Project;\n}\n\nexport interface BaseProjectDetailsProps {\n  /**\n   * Controls rendered next to the project's name.\n   */\n  actions?: ReactNode;\n  /**\n   * Renders custom UI in place of the default view. Receives the project, the loading and error state,\n   * and the update and delete handlers.\n   */\n  children?: (props: BaseProjectDetailsRenderProps) => ReactNode;\n  className?: string;\n  error?: string | null;\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  isUpdating?: boolean;\n  /**\n   * Deletes the project. The delete action is hidden when omitted.\n   */\n  onDelete?: () => void;\n  /**\n   * Saves a new display name and description. The edit action is hidden when omitted.\n   */\n  onUpdate?: (changes: ProjectUpdateSubmission) => void;\n  preferences?: Preferences;\n  project?: Project;\n}\n\n/**\n * Shows a project's handle, display name, description and creation time, and lets the caller edit and\n * delete it. Holds no data of its own: pass the project and handle the changes.\n */\nconst BaseProjectDetails: FC<BaseProjectDetailsProps> = ({\n  actions,\n  children,\n  className,\n  error = null,\n  isDeleting = false,\n  isLoading = false,\n  isUpdating = false,\n  onDelete,\n  onUpdate,\n  preferences,\n  project,\n}: BaseProjectDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n  const [draft, setDraft] = useState<{description: string; displayName: string} | null>(null);\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          error,\n          isDeleting,\n          isLoading,\n          isUpdating,\n          onDelete: project ? onDelete : undefined,\n          onUpdate: project ? onUpdate : undefined,\n          project,\n        })}\n      </div>\n    );\n  }\n\n  if (isLoading && !project) {\n    return (\n      <AdminSection block=\"project-details\" className={className} preferences={preferences}>\n        <span className={styles['muted']} role=\"status\">\n          <Spinner size=\"small\" /> {t('admin.common.loading')}\n        </span>\n      </AdminSection>\n    );\n  }\n\n  if (!project) {\n    return (\n      <AdminSection block=\"project-details\" className={className} preferences={preferences}>\n        <Alert variant=\"error\" role=\"alert\">\n          {error ?? t('admin.common.errors.not_found')}\n        </Alert>\n      </AdminSection>\n    );\n  }\n\n  const notSet: string = t('admin.projects.details.not_set');\n\n  const handleSave = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n\n    if (draft?.displayName.trim()) {\n      onUpdate?.({description: draft.description.trim() || undefined, displayName: draft.displayName.trim()});\n      setDraft(null);\n    }\n  };\n\n  return (\n    <AdminSection\n      block=\"project-details\"\n      className={className}\n      title={project.displayName}\n      description={project.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onDelete && (\n            <ConfirmButton\n              confirmText={t('admin.projects.details.delete.confirm', {name: project.displayName})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.projects.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      {draft ? (\n        <Panel title={t('admin.projects.details.edit.action')}>\n          <form\n            className={styles['row']}\n            style={{alignItems: 'stretch', flexDirection: 'column'}}\n            onSubmit={handleSave}\n            noValidate\n          >\n            <TextField\n              name=\"displayName\"\n              label={t('admin.projects.fields.display_name')}\n              required\n              value={draft.displayName}\n              onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                setDraft({...draft, displayName: event.target.value})\n              }\n            />\n            <TextField\n              name=\"description\"\n              label={t('admin.projects.fields.description')}\n              value={draft.description}\n              onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                setDraft({...draft, description: event.target.value})\n              }\n            />\n            <div className={styles['row']} style={{justifyContent: 'flex-end'}}>\n              <Button type=\"button\" variant=\"text\" disabled={isUpdating} onClick={(): void => setDraft(null)}>\n                {t('admin.common.actions.cancel')}\n              </Button>\n              <Button type=\"submit\" loading={isUpdating} disabled={isUpdating || !draft.displayName.trim()}>\n                {t('admin.projects.details.edit.save')}\n              </Button>\n            </div>\n          </form>\n        </Panel>\n      ) : (\n        <Panel\n          title={t('admin.projects.details.overview')}\n          actions={\n            onUpdate ? (\n              <Button\n                variant=\"outline\"\n                size=\"small\"\n                onClick={(): void =>\n                  setDraft({description: project.description ?? '', displayName: project.displayName})\n                }\n              >\n                {t('admin.projects.details.edit.action')}\n              </Button>\n            ) : undefined\n          }\n        >\n          <DetailList\n            items={[\n              {label: t('admin.projects.fields.handle'), value: project.handle},\n              {label: t('admin.projects.fields.display_name'), value: project.displayName},\n              {\n                label: t('admin.projects.fields.description'),\n                value: project.description?.length ? project.description : notSet,\n              },\n              {label: t('admin.projects.fields.created'), value: formatTimestamp(project.createdAt) ?? notSet},\n            ]}\n          />\n        </Panel>\n      )}\n    </AdminSection>\n  );\n};\n\nexport default BaseProjectDetails;\n"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import { Project } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseProjectDetailsProps } from './BaseProjectDetails';
+export type ProjectDetailsProps = Omit<BaseProjectDetailsProps, 'error' | 'isDeleting' | 'isLoading' | 'isUpdating' | 'onDelete' | 'onUpdate' | 'project'> & {
+    /**
+     * Whether the project can be deleted from this view. Deleting asks for confirmation.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Whether the display name and description can be edited from this view.
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * Called after the project has been deleted.
+     */
+    onDeleted?: () => void;
+    /**
+     * Called with the project as the server stored it after an edit.
+     */
+    onUpdated?: (project: Project) => void;
+    projectId: string;
+};
+/**
+ * Shows a project, and lets the signed-in user edit and delete it. Deleting the current project
+ * clears it.
+ *
+ * @example
+ * ```tsx
+ * <ProjectDetails projectId={projectId} editable deletable onDeleted={() => navigate('/projects')} />
+ * ```
+ */
+declare const ProjectDetails: FC<ProjectDetailsProps>;
+export default ProjectDetails;
+//# sourceMappingURL=ProjectDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectDetails/ProjectDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,OAAO,EAOR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA2B,EAAC,uBAAuB,EAA0B,MAAM,sBAAsB,CAAC;AAO1G,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,uBAAuB,EACvB,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAC1F,GAAG;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+D3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/management/ProjectDetails/ProjectDetails.js

@@ -0,0 +1,65 @@
+import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
+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 BaseProjectDetails_default from "./BaseProjectDetails.js";
+import { OrganizationUnitQueryKeys, PROJECT_ERROR_KEYS, ProjectQueryKeys, deleteProject, getProject, toManagementErrorMessage, updateProject } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/management/ProjectDetails/ProjectDetails.tsx
+/**
+* Shows a project, and lets the signed-in user edit and delete it. Deleting the current project
+* clears it.
+*
+* @example
+* ```tsx
+* <ProjectDetails projectId={projectId} editable deletable onDeleted={() => navigate('/projects')} />
+* ```
+*/
+const ProjectDetails = ({ deletable = false, editable = false, onDeleted, onUpdated, preferences, projectId,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const { currentProject, setCurrentProject } = useThunderID_default();
+	const endpoint = useManagementEndpoint_default("projects");
+	const project = useResourceQuery_default([ProjectQueryKeys.PROJECT, projectId], (fetcher) => getProject({
+		...endpoint,
+		fetcher,
+		projectId
+	}), { enabled: Boolean(projectId) });
+	const update = useResourceMutation_default((payload, fetcher) => updateProject({
+		...endpoint,
+		fetcher,
+		payload,
+		projectId
+	}), () => [[ProjectQueryKeys.PROJECTS], [ProjectQueryKeys.PROJECT, projectId]], { onSuccess: (updated) => {
+		if (currentProject?.id === updated.id) setCurrentProject(updated);
+		onUpdated?.(updated);
+	} });
+	const deletion = useResourceMutation_default((id, fetcher) => deleteProject({
+		...endpoint,
+		fetcher,
+		projectId: id
+	}), () => [[ProjectQueryKeys.PROJECTS], [OrganizationUnitQueryKeys.ORGANIZATION_UNITS]], { onSuccess: () => {
+		if (currentProject?.id === projectId) setCurrentProject(null);
+		onDeleted?.();
+	} });
+	return /* @__PURE__ */ jsx(BaseProjectDetails_default, {
+		project: project.data,
+		isLoading: project.isLoading,
+		error: toManagementErrorMessage(t, project.error, "admin.projects.details.error") ?? toManagementErrorMessage(t, update.error, "admin.projects.details.edit.error", PROJECT_ERROR_KEYS) ?? toManagementErrorMessage(t, deletion.error, "admin.projects.details.delete.error"),
+		isDeleting: deletion.isLoading,
+		isUpdating: update.isLoading,
+		onDelete: deletable ? () => void deletion.mutate(projectId) : void 0,
+		onUpdate: editable && project.data ? (changes) => void update.mutate({
+			...changes,
+			handle: project.data?.handle
+		}) : void 0,
+		preferences,
+		...rest
+	});
+};
+var ProjectDetails_default = ProjectDetails;
+
+//#endregion
+export { ProjectDetails_default as default };
+//# sourceMappingURL=ProjectDetails.js.map

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

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

package/dist/components/management/ProjectList/BaseProjectList.d.ts

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

package/dist/components/management/ProjectList/BaseProjectList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectList/BaseProjectList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAAC,QAAQ,EAAE,OAAO,EAAE,CAAA;CAAC,CAAC;AAE/F,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;IAC5D,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,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8E7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

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

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

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { BaseProjectListProps } from './BaseProjectList';
+export type ProjectListProps = Omit<BaseProjectListProps, 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'projects' | 'totalResults'>;
+/**
+ * Lists the projects, a page at a time. Projects are served by the control plane only.
+ *
+ * @example
+ * ```tsx
+ * <ProjectList onSelect={(project) => setSelectedProjectId(project.id)} />
+ * ```
+ */
+declare const ProjectList: FC<ProjectListProps>;
+export default ProjectList;
+//# sourceMappingURL=ProjectList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectList.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectList/ProjectList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAwB,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAKxE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,oBAAoB,EACpB,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,cAAc,CAChF,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/management/ProjectList/ProjectList.js

@@ -0,0 +1,47 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
+import BaseProjectList_default from "./BaseProjectList.js";
+import { ProjectQueryKeys, getProjects, toManagementErrorMessage } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/management/ProjectList/ProjectList.tsx
+/**
+* Lists the projects, a page at a time. Projects are served by the control plane only.
+*
+* @example
+* ```tsx
+* <ProjectList onSelect={(project) => setSelectedProjectId(project.id)} />
+* ```
+*/
+const ProjectList = ({ limit = 20, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [offset, setOffset] = useState(0);
+	const endpoint = useManagementEndpoint_default("projects");
+	const { data, error, isLoading } = useResourceQuery_default([ProjectQueryKeys.PROJECTS, {
+		limit,
+		offset
+	}], (fetcher) => getProjects({
+		...endpoint,
+		fetcher,
+		limit,
+		offset
+	}));
+	return /* @__PURE__ */ jsx(BaseProjectList_default, {
+		projects: data?.projects ?? [],
+		totalResults: data?.totalResults,
+		isLoading,
+		error: toManagementErrorMessage(t, error, "admin.projects.list.error"),
+		limit,
+		offset,
+		onPageChange: setOffset,
+		preferences,
+		...rest
+	});
+};
+var ProjectList_default = ProjectList;
+
+//#endregion
+export { ProjectList_default as default };
+//# sourceMappingURL=ProjectList.js.map