@thunderid/react 1.14.0 → 1.15.0

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

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

package/dist/components/management/ProjectSwitcher/BaseProjectSwitcher.d.ts

@@ -0,0 +1,69 @@
+import { Preferences, Project } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * What {@link BaseProjectSwitcher} hands its `children` render function, so the switcher can be drawn
+ * with any UI.
+ */
+export interface BaseProjectSwitcherRenderProps {
+    /**
+     * The current project, or `null` when none is chosen.
+     */
+    currentProject: Project | null;
+    /**
+     * A translated message for a failed load, or `null`.
+     */
+    error: string | null;
+    isLoading: boolean;
+    /**
+     * Loads the next page of projects. Undefined when every project is loaded.
+     */
+    onLoadMore?: () => void;
+    /**
+     * Chooses a project as the current one, or clears it with `null`.
+     */
+    onSelect: (project: Project | null) => void;
+    /**
+     * The projects loaded so far.
+     */
+    projects: Project[];
+    /**
+     * Number of projects on the server, or the number loaded when unknown.
+     */
+    totalResults: number;
+}
+export interface BaseProjectSwitcherProps {
+    /**
+     * Renders custom UI in place of the default select. Receives the projects, the current one, the
+     * loading and error state, the next page loader and `onSelect`.
+     */
+    children?: (props: BaseProjectSwitcherRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * The current project, or `null` when none is chosen. Shown even before its page is loaded.
+     */
+    currentProject?: Project | null;
+    error?: string | null;
+    isLoading?: boolean;
+    /**
+     * Label of the select. Pass an empty string to hide it.
+     */
+    label?: string;
+    /**
+     * Loads the next page of projects. The select offers to load more only when set.
+     */
+    onLoadMore?: () => void;
+    /**
+     * Called with the chosen project, or with `null` when the choice is cleared.
+     */
+    onSelect?: (project: Project | null) => void;
+    preferences?: Preferences;
+    projects: Project[];
+    totalResults?: number;
+}
+/**
+ * A select of projects that marks the current one. Holds no data of its own: pass the projects and the
+ * current one, and handle the choice.
+ */
+declare const BaseProjectSwitcher: FC<BaseProjectSwitcherProps>;
+export default BaseProjectSwitcher;
+//# sourceMappingURL=BaseProjectSwitcher.d.ts.map

package/dist/components/management/ProjectSwitcher/BaseProjectSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseProjectSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectSwitcher/BaseProjectSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,OAAO,EAAgC,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAc,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAI/D;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,SAAS,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuDrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { BaseProjectSwitcherProps } from './BaseProjectSwitcher';
+export type ProjectSwitcherProps = Omit<BaseProjectSwitcherProps, 'currentProject' | 'error' | 'isLoading' | 'onLoadMore' | 'projects' | 'totalResults'> & {
+    /**
+     * Number of projects fetched per page. The server serves at most 100.
+     * @default 100
+     */
+    limit?: number;
+};
+/**
+ * Lists the projects and lets the user choose the current one. The choice is client-side context, not
+ * a sign-in: it is kept per vendor in `localStorage` and exposed as `currentProject` and
+ * `setCurrentProject` through `useThunderID()`. `ApplicationList` and `AgentList` list the current
+ * project's applications and agents, and `ApplicationCreate` and `AgentCreate` create them in it, the
+ * resources the server places by project. A project's identifier is not an organization unit's, so no
+ * other component uses it. `onSelect` is called after the choice is kept.
+ *
+ * @example
+ * ```tsx
+ * <ProjectSwitcher onSelect={(project) => navigate(project ? `/projects/${project.id}` : '/')} />
+ * ```
+ */
+declare const ProjectSwitcher: FC<ProjectSwitcherProps>;
+export default ProjectSwitcher;
+//# sourceMappingURL=ProjectSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/management/ProjectSwitcher/ProjectSwitcher.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,EAAE,EAAkC,MAAM,OAAO,CAAC;AAC1D,OAA4B,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAMpF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,wBAAwB,EACxB,gBAAgB,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc,CACtF,GAAG;IACF;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkD7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/management/ProjectSwitcher/ProjectSwitcher.js

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

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

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

package/dist/components/management/RoleAssignments/BaseRoleAssignments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleAssignments.d.ts","sourceRoot":"","sources":["../../../../src/components/management/RoleAssignments/BaseRoleAssignments.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAc,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAG/D,OAAkB,EAAC,eAAe,EAAC,MAAM,sCAAsC,CAAC;AAGhF,OAAuB,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAE3E;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;IACpE;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC,cAAc,CAAC,EAAE,CAAC;IAC3C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC;IACpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,SAAS,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAwHrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -6,7 +6,7 @@ import AdminSection_default from "../shared/AdminSection.js";
 import IdentityPicker_default from "../shared/IdentityPicker.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/admin/RoleAssignments/BaseRoleAssignments.tsx
+//#region src/components/management/RoleAssignments/BaseRoleAssignments.tsx
 /**
 * Lists the users, groups and agents a role is assigned to, and lets the caller assign and unassign
 * it. Holds no data of its own.

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoleAssignments.d.ts","sourceRoot":"","sources":["../../../../src/components/management/RoleAssignments/RoleAssignments.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAyBnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAkC,MAAM,OAAO,CAAC;AAC1D,OAA4B,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAoBpF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,wBAAwB,EACtB,aAAa,GACb,YAAY,GACZ,OAAO,GACP,WAAW,GACX,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,YAAY,GACZ,YAAY,CACf,GAAG;IACF;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6F7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -7,7 +7,7 @@ import { AgentQueryKeys, GroupQueryKeys, RoleQueryKeys, UserQueryKeys, addRoleAs
 import { useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/admin/RoleAssignments/RoleAssignments.tsx
+//#region src/components/management/RoleAssignments/RoleAssignments.tsx
 /**
 * Lists who holds a role, and lets the signed-in user assign it to users, groups and agents or
 * remove it from them.

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoleAssignments.js","names":["RoleAssignments: FC<RoleAssignmentsProps>","useTranslation","rolesEndpoint: ManagementEndpoint","useManagementEndpoint","usersEndpoint: ManagementEndpoint","groupsEndpoint: ManagementEndpoint","agentsEndpoint: ManagementEndpoint","type: RoleAssigneeType | undefined","filter: string | undefined","assignments: ResourceQueryResult<RoleAssignmentListResponse>","useResourceQuery","users: ResourceQueryResult<FilteredPage<ManagedUserListResponse>>","groups: ResourceQueryResult<FilteredPage<GroupListResponse>>","agents: ResourceQueryResult<FilteredPage<AgentListResponse>>","assign: ResourceMutationResult<void, RoleAssignmentsVariables>","useResourceMutation","unassign: ResourceMutationResult<void, RoleAssignmentsVariables>","candidates: Partial<Record<'user' | 'group' | 'agent', IdentityCandidate[]>>","BaseRoleAssignments"],"sources":["../../../../src/components/management/RoleAssignments/RoleAssignments.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  AdministrationMode,\n  AgentListResponse,\n  AgentQueryKeys,\n  BasicAgent,\n  Group,\n  GroupListResponse,\n  GroupQueryKeys,\n  ManagedUser,\n  ManagedUserListResponse,\n  RoleAssigneeType,\n  RoleAssignment,\n  RoleAssignmentInput,\n  RoleAssignmentListResponse,\n  RoleQueryKeys,\n  UserQueryKeys,\n  addRoleAssignments,\n  getAgentName,\n  getAgents,\n  getGroups,\n  getRoleAssignments,\n  getUsers,\n  removeRoleAssignments,\n  resolveManagedIdentityName,\n  toEqualityFilter,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useMemo, useState} from 'react';\nimport BaseRoleAssignments, {BaseRoleAssignmentsProps} from './BaseRoleAssignments';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {IdentityCandidate} from '../shared/IdentityPicker';\n\ninterface RoleAssignmentsVariables {\n  assignments: RoleAssignmentInput[];\n  roleId: string;\n}\n\n/**\n * A candidate page with the filter it was listed with.\n */\ninterface FilteredPage<T> {\n  filter: string | undefined;\n  page: T;\n}\n\nexport type RoleAssignmentsProps = Omit<\n  BaseRoleAssignmentsProps,\n  | 'assignments'\n  | 'candidates'\n  | 'error'\n  | 'isLoading'\n  | 'isMutating'\n  | 'onAssign'\n  | 'onTypeFilterChange'\n  | 'onUnassign'\n  | 'typeFilter'\n> & {\n  /**\n   * How an assignment is removed. `flow` runs the administration flow the server configures for it, which can revoke\n   * grants and end sessions first. It needs `baseUrl`.\n   * @default 'native'\n   */\n  administrationMode?: AdministrationMode;\n  /**\n   * Whether assignments can be added and removed from this view.\n   * @default false\n   */\n  editable?: boolean;\n  /**\n   * Whether to show the assignee type filter, which narrows the list on the server.\n   * @default true\n   */\n  filterable?: boolean;\n  /**\n   * Organization unit the users, groups and agents offered for assignment are listed from.\n   */\n  ouId?: string;\n  roleId: string;\n};\n\n/**\n * Lists who holds a role, and lets the signed-in user assign it to users, groups and agents or\n * remove it from them.\n *\n * @example\n * ```tsx\n * <RoleAssignments roleId={roleId} />\n * ```\n */\nconst RoleAssignments: FC<RoleAssignmentsProps> = ({\n  administrationMode,\n  editable = false,\n  filterable = true,\n  ouId,\n  preferences,\n  roleId,\n  ...rest\n}: RoleAssignmentsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [typeFilter, setTypeFilter] = useState<RoleAssigneeType | null>(null);\n  const rolesEndpoint: ManagementEndpoint = useManagementEndpoint('roles');\n  const usersEndpoint: ManagementEndpoint = useManagementEndpoint('users');\n  const groupsEndpoint: ManagementEndpoint = useManagementEndpoint('groups');\n  const agentsEndpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const type: RoleAssigneeType | undefined = typeFilter ?? undefined;\n  const filter: string | undefined = toEqualityFilter('ouId', ouId);\n  const assignments: ResourceQueryResult<RoleAssignmentListResponse> = useResourceQuery(\n    [RoleQueryKeys.ROLE_ASSIGNMENTS, roleId, {limit: 100, type}],\n    (fetcher) => getRoleAssignments({...rolesEndpoint, fetcher, limit: 100, roleId, type}),\n    {enabled: Boolean(roleId)},\n  );\n  const users: ResourceQueryResult<FilteredPage<ManagedUserListResponse>> = useResourceQuery(\n    [UserQueryKeys.USERS, {filter, limit: 100}],\n    async (fetcher) => ({filter, page: await getUsers({...usersEndpoint, fetcher, filter, limit: 100})}),\n    {enabled: editable},\n  );\n  const groups: ResourceQueryResult<FilteredPage<GroupListResponse>> = useResourceQuery(\n    [GroupQueryKeys.GROUPS, {filter, limit: 100}],\n    async (fetcher) => ({filter, page: await getGroups({...groupsEndpoint, fetcher, filter, limit: 100})}),\n    {enabled: editable},\n  );\n  const agents: ResourceQueryResult<FilteredPage<AgentListResponse>> = useResourceQuery(\n    [AgentQueryKeys.AGENTS, {filter, limit: 100}],\n    async (fetcher) => ({filter, page: await getAgents({...agentsEndpoint, fetcher, filter, limit: 100})}),\n    {enabled: editable},\n  );\n  const assign: ResourceMutationResult<void, RoleAssignmentsVariables> = useResourceMutation(\n    ({assignments: changes, roleId: id}: RoleAssignmentsVariables, fetcher) =>\n      addRoleAssignments({...rolesEndpoint, assignments: changes, fetcher, roleId: id}),\n    () => [[RoleQueryKeys.ROLE_ASSIGNMENTS]],\n  );\n  const unassign: ResourceMutationResult<void, RoleAssignmentsVariables> = useResourceMutation(\n    ({assignments: changes, roleId: id}: RoleAssignmentsVariables, fetcher) =>\n      removeRoleAssignments({...rolesEndpoint, administrationMode, assignments: changes, fetcher, roleId: id}),\n    () => [[RoleQueryKeys.ROLE_ASSIGNMENTS]],\n  );\n\n  const candidates: Partial<Record<'user' | 'group' | 'agent', IdentityCandidate[]>> = useMemo(() => {\n    // A page listed for an earlier ouId stays in a query until the next one succeeds, so it is not offered.\n    const current = <T,>(data: FilteredPage<T> | undefined): T | undefined =>\n      data && data.filter === filter ? data.page : undefined;\n\n    return {\n      agent: (current(agents.data)?.agents ?? []).map((agent: BasicAgent) => ({\n        id: agent.id,\n        label: getAgentName(agent),\n      })),\n      group: (current(groups.data)?.groups ?? []).map((group: Group) => ({id: group.id, label: group.name})),\n      user: (current(users.data)?.users ?? []).map((user: ManagedUser) => ({\n        id: user.id,\n        label: resolveManagedIdentityName(user),\n      })),\n    };\n  }, [agents.data, filter, groups.data, users.data]);\n\n  return (\n    <BaseRoleAssignments\n      assignments={assignments.data?.assignments ?? []}\n      isLoading={assignments.isLoading}\n      isMutating={assign.isLoading || unassign.isLoading}\n      error={\n        toManagementErrorMessage(t, assignments.error, 'admin.roles.assignments.error') ??\n        toManagementErrorMessage(t, assign.error ?? unassign.error, 'admin.roles.assignments.update_error')\n      }\n      candidates={editable ? candidates : undefined}\n      onAssign={\n        editable\n          ? (assignment: RoleAssignmentInput): void => void assign.mutate({assignments: [assignment], roleId})\n          : undefined\n      }\n      onUnassign={\n        editable\n          ? (assignment: RoleAssignment): void =>\n              void unassign.mutate({assignments: [{id: assignment.id, type: assignment.type}], roleId})\n          : undefined\n      }\n      typeFilter={typeFilter}\n      onTypeFilterChange={filterable ? setTypeFilter : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default RoleAssignments;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+FA,MAAMA,mBAA6C,EACjD,oBACA,WAAW,OACX,aAAa,MACb,MACA,aACA,OACA,GAAG,WACqC;CACxC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAkC,KAAK;CAC3E,MAAMC,gBAAoCC,8BAAsB,QAAQ;CACxE,MAAMC,gBAAoCD,8BAAsB,QAAQ;CACxE,MAAME,iBAAqCF,8BAAsB,SAAS;CAC1E,MAAMG,iBAAqCH,8BAAsB,SAAS;CAC1E,MAAMI,OAAqC,cAAc;CACzD,MAAMC,SAA6B,iBAAiB,QAAQ,KAAK;CACjE,MAAMC,cAA+DC,yBACnE;EAAC,cAAc;EAAkB;EAAQ;GAAC,OAAO;GAAK;GAAK;EAAC,GAC3D,YAAY,mBAAmB;EAAC,GAAG;EAAe;EAAS,OAAO;EAAK;EAAQ;EAAK,CAAC,EACtF,EAAC,SAAS,QAAQ,OAAO,EAAC,CAC3B;CACD,MAAMC,QAAoED,yBACxE,CAAC,cAAc,OAAO;EAAC;EAAQ,OAAO;EAAI,CAAC,EAC3C,OAAO,aAAa;EAAC;EAAQ,MAAM,MAAM,SAAS;GAAC,GAAG;GAAe;GAAS;GAAQ,OAAO;GAAI,CAAC;EAAC,GACnG,EAAC,SAAS,UAAS,CACpB;CACD,MAAME,SAA+DF,yBACnE,CAAC,eAAe,QAAQ;EAAC;EAAQ,OAAO;EAAI,CAAC,EAC7C,OAAO,aAAa;EAAC;EAAQ,MAAM,MAAM,UAAU;GAAC,GAAG;GAAgB;GAAS;GAAQ,OAAO;GAAI,CAAC;EAAC,GACrG,EAAC,SAAS,UAAS,CACpB;CACD,MAAMG,SAA+DH,yBACnE,CAAC,eAAe,QAAQ;EAAC;EAAQ,OAAO;EAAI,CAAC,EAC7C,OAAO,aAAa;EAAC;EAAQ,MAAM,MAAM,UAAU;GAAC,GAAG;GAAgB;GAAS;GAAQ,OAAO;GAAI,CAAC;EAAC,GACrG,EAAC,SAAS,UAAS,CACpB;CACD,MAAMI,SAAiEC,6BACpE,EAAC,aAAa,SAAS,QAAQ,MAA+B,YAC7D,mBAAmB;EAAC,GAAG;EAAe,aAAa;EAAS;EAAS,QAAQ;EAAG,CAAC,QAC7E,CAAC,CAAC,cAAc,iBAAiB,CAAC,CACzC;CACD,MAAMC,WAAmED,6BACtE,EAAC,aAAa,SAAS,QAAQ,MAA+B,YAC7D,sBAAsB;EAAC,GAAG;EAAe;EAAoB,aAAa;EAAS;EAAS,QAAQ;EAAG,CAAC,QACpG,CAAC,CAAC,cAAc,iBAAiB,CAAC,CACzC;CAED,MAAME,aAA+E,cAAc;EAEjG,MAAM,WAAe,SACnB,QAAQ,KAAK,WAAW,SAAS,KAAK,OAAO;AAE/C,SAAO;GACL,QAAQ,QAAQ,OAAO,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,WAAuB;IACtE,IAAI,MAAM;IACV,OAAO,aAAa,MAAM;IAC3B,EAAE;GACH,QAAQ,QAAQ,OAAO,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,WAAkB;IAAC,IAAI,MAAM;IAAI,OAAO,MAAM;IAAK,EAAE;GACtG,OAAO,QAAQ,MAAM,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,UAAuB;IACnE,IAAI,KAAK;IACT,OAAO,2BAA2B,KAAK;IACxC,EAAE;GACJ;IACA;EAAC,OAAO;EAAM;EAAQ,OAAO;EAAM,MAAM;EAAK,CAAC;AAElD,QACE,oBAACC;EACC,aAAa,YAAY,MAAM,eAAe,EAAE;EAChD,WAAW,YAAY;EACvB,YAAY,OAAO,aAAa,SAAS;EACzC,OACE,yBAAyB,GAAG,YAAY,OAAO,gCAAgC,IAC/E,yBAAyB,GAAG,OAAO,SAAS,SAAS,OAAO,uCAAuC;EAErG,YAAY,WAAW,aAAa;EACpC,UACE,YACK,eAA0C,KAAK,OAAO,OAAO;GAAC,aAAa,CAAC,WAAW;GAAE;GAAO,CAAC,GAClG;EAEN,YACE,YACK,eACC,KAAK,SAAS,OAAO;GAAC,aAAa,CAAC;IAAC,IAAI,WAAW;IAAI,MAAM,WAAW;IAAK,CAAC;GAAE;GAAO,CAAC,GAC3F;EAEM;EACZ,oBAAoB,aAAa,gBAAgB;EACpC;EACb,GAAI;GACJ;;AAIN,8BAAe"}

package/dist/components/management/RoleCreate/BaseRoleCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/management/RoleCreate/BaseRoleCreate.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,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E;;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;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAC;CAC7C;AAED,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAC3D,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,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuF3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/{admin → management}/RoleCreate/BaseRoleCreate.js

@@ -8,7 +8,7 @@ import AdminSection_default from "../shared/AdminSection.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/admin/RoleCreate/BaseRoleCreate.tsx
+//#region src/components/management/RoleCreate/BaseRoleCreate.tsx
 /**
 * A form that collects a new role's name and description. Holds no data of its own: handle the
 * submission.

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

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

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

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

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

@@ -6,7 +6,7 @@ import BaseRoleCreate_default from "./BaseRoleCreate.js";
 import { RoleQueryKeys, createRole, toManagementErrorMessage } from "@thunderid/browser";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/admin/RoleCreate/RoleCreate.tsx
+//#region src/components/management/RoleCreate/RoleCreate.tsx
 /**
 * Creates a role through the management API.
 *

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

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

package/dist/components/management/RoleDetails/BaseRoleDetails.d.ts

@@ -0,0 +1,51 @@
+import { Preferences, RoleSummary } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * What {@link BaseRoleDetails} hands its `children` render function, so the role can be shown with any UI.
+ */
+export interface BaseRoleDetailsRenderProps {
+    error: string | null;
+    isDeleting: boolean;
+    isLoading: boolean;
+    /**
+     * Deletes the role. Undefined when deletion is not allowed, including for read-only roles.
+     */
+    onDelete?: () => void;
+    role?: RoleSummary;
+}
+export interface BaseRoleDetailsProps {
+    /**
+     * Controls rendered next to the role's name.
+     */
+    actions?: ReactNode;
+    /**
+     * Who the role is assigned to, rendered under its permissions, such as a `RoleAssignments`.
+     */
+    assignments?: ReactNode;
+    /**
+     * Renders custom UI in place of the default view. Receives the role, the loading and error state, and the delete
+     * handler.
+     */
+    children?: (props: BaseRoleDetailsRenderProps) => ReactNode;
+    className?: string;
+    error?: string | null;
+    isDeleting?: boolean;
+    isLoading?: boolean;
+    /**
+     * Deletes the role. The delete action is hidden when omitted, and for read-only roles.
+     */
+    onDelete?: () => void;
+    /**
+     * What the role grants, rendered under its overview, such as a `RolePermissions`.
+     */
+    permissions?: ReactNode;
+    preferences?: Preferences;
+    role?: RoleSummary;
+}
+/**
+ * Shows a role's name, description and organization unit, with what it grants and who holds it under them. Holds no
+ * data of its own: pass the role and handle deletion.
+ */
+declare const BaseRoleDetails: FC<BaseRoleDetailsProps>;
+export default BaseRoleDetails;
+//# sourceMappingURL=BaseRoleDetails.d.ts.map

package/dist/components/management/RoleDetails/BaseRoleDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/management/RoleDetails/BaseRoleDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAQlD;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,SAAS,CAAC;IAC5D,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;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8E7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/management/RoleDetails/BaseRoleDetails.js

@@ -0,0 +1,85 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Spinner_default from "../../primitives/Spinner/Spinner.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
+import useAdminPartStyles_default from "../shared/useAdminPartStyles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { ConfirmButton, DetailList, Panel } from "../shared/AdminParts.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/management/RoleDetails/BaseRoleDetails.tsx
+/**
+* Shows a role's name, description and organization unit, with what it grants and who holds it under them. Holds no
+* data of its own: pass the role and handle deletion.
+*/
+const BaseRoleDetails = ({ actions, assignments, children, className, error = null, isDeleting = false, isLoading = false, onDelete, permissions, preferences, role }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const styles = useAdminPartStyles_default();
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			error,
+			isDeleting,
+			isLoading,
+			onDelete: role && !role.isReadOnly ? onDelete : void 0,
+			role
+		})
+	});
+	if (isLoading && !role) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "role-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: styles["muted"],
+			role: "status",
+			children: [
+				/* @__PURE__ */ jsx(Spinner_default, { size: "small" }),
+				" ",
+				t("admin.common.loading")
+			]
+		})
+	});
+	if (!role) return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "role-details",
+		className,
+		preferences,
+		children: /* @__PURE__ */ jsx(Alert_default, {
+			variant: "error",
+			role: "alert",
+			children: error ?? t("admin.common.errors.not_found")
+		})
+	});
+	return /* @__PURE__ */ jsxs(AdminSection_default, {
+		block: "role-details",
+		className,
+		title: role.name,
+		description: role.description,
+		preferences,
+		actions: /* @__PURE__ */ jsxs(Fragment, { children: [actions, onDelete && !role.isReadOnly && /* @__PURE__ */ jsx(ConfirmButton, {
+			confirmText: t("admin.roles.details.delete.confirm", { name: role.name }),
+			isLoading: isDeleting,
+			onConfirm: onDelete,
+			children: t("admin.roles.details.delete.action")
+		})] }),
+		children: [
+			error && /* @__PURE__ */ jsx(Alert_default, {
+				variant: "error",
+				role: "alert",
+				children: error
+			}),
+			/* @__PURE__ */ jsx(Panel, {
+				title: t("admin.roles.details.overview"),
+				children: /* @__PURE__ */ jsx(DetailList, { items: [{
+					label: t("admin.common.columns.organization_unit"),
+					value: role.ouHandle ?? role.ouId
+				}] })
+			}),
+			permissions,
+			assignments
+		]
+	});
+};
+var BaseRoleDetails_default = BaseRoleDetails;
+
+//#endregion
+export { BaseRoleDetails_default as default };
+//# sourceMappingURL=BaseRoleDetails.js.map

package/dist/components/management/RoleDetails/BaseRoleDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRoleDetails.js","names":["BaseRoleDetails: FC<BaseRoleDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","AdminSection","Spinner","Alert"],"sources":["../../../../src/components/management/RoleDetails/BaseRoleDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Preferences, RoleSummary} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport {ConfirmButton, DetailList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * What {@link BaseRoleDetails} hands its `children` render function, so the role can be shown with any UI.\n */\nexport interface BaseRoleDetailsRenderProps {\n  error: string | null;\n  isDeleting: boolean;\n  isLoading: boolean;\n  /**\n   * Deletes the role. Undefined when deletion is not allowed, including for read-only roles.\n   */\n  onDelete?: () => void;\n  role?: RoleSummary;\n}\n\nexport interface BaseRoleDetailsProps {\n  /**\n   * Controls rendered next to the role's name.\n   */\n  actions?: ReactNode;\n  /**\n   * Who the role is assigned to, rendered under its permissions, such as a `RoleAssignments`.\n   */\n  assignments?: ReactNode;\n  /**\n   * Renders custom UI in place of the default view. Receives the role, the loading and error state, and the delete\n   * handler.\n   */\n  children?: (props: BaseRoleDetailsRenderProps) => ReactNode;\n  className?: string;\n  error?: string | null;\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  /**\n   * Deletes the role. The delete action is hidden when omitted, and for read-only roles.\n   */\n  onDelete?: () => void;\n  /**\n   * What the role grants, rendered under its overview, such as a `RolePermissions`.\n   */\n  permissions?: ReactNode;\n  preferences?: Preferences;\n  role?: RoleSummary;\n}\n\n/**\n * Shows a role's name, description and organization unit, with what it grants and who holds it under them. Holds no\n * data of its own: pass the role and handle deletion.\n */\nconst BaseRoleDetails: FC<BaseRoleDetailsProps> = ({\n  actions,\n  assignments,\n  children,\n  className,\n  error = null,\n  isDeleting = false,\n  isLoading = false,\n  onDelete,\n  permissions,\n  preferences,\n  role,\n}: BaseRoleDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({error, isDeleting, isLoading, onDelete: role && !role.isReadOnly ? onDelete : undefined, role})}\n      </div>\n    );\n  }\n\n  if (isLoading && !role) {\n    return (\n      <AdminSection block=\"role-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 (!role) {\n    return (\n      <AdminSection block=\"role-details\" className={className} preferences={preferences}>\n        <Alert variant=\"error\" role=\"alert\">\n          {error ?? t('admin.common.errors.not_found')}\n        </Alert>\n      </AdminSection>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"role-details\"\n      className={className}\n      title={role.name}\n      description={role.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onDelete && !role.isReadOnly && (\n            <ConfirmButton\n              confirmText={t('admin.roles.details.delete.confirm', {name: role.name})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.roles.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      <Panel title={t('admin.roles.details.overview')}>\n        <DetailList items={[{label: t('admin.common.columns.organization_unit'), value: role.ouHandle ?? role.ouId}]} />\n      </Panel>\n      {permissions}\n      {assignments}\n    </AdminSection>\n  );\n};\n\nexport default BaseRoleDetails;\n"],"mappings":";;;;;;;;;;;;;AA4DA,MAAMA,mBAA6C,EACjD,SACA,aACA,UACA,WACA,QAAQ,MACR,aAAa,OACb,YAAY,OACZ,UACA,aACA,aACA,WACwC;CACxC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,4BAAoB;AAE3D,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GAAC;GAAO;GAAY;GAAW,UAAU,QAAQ,CAAC,KAAK,aAAa,WAAW;GAAW;GAAK,CAAC;GACtG;AAIV,KAAI,aAAa,CAAC,KAChB,QACE,oBAACC;EAAa,OAAM;EAA0B;EAAwB;YACpE,qBAAC;GAAK,WAAW,OAAO;GAAU,MAAK;;IACrC,oBAACC,mBAAQ,MAAK,UAAU;;IAAE,EAAE,uBAAuB;;IAC9C;GACM;AAInB,KAAI,CAAC,KACH,QACE,oBAACD;EAAa,OAAM;EAA0B;EAAwB;YACpE,oBAACE;GAAM,SAAQ;GAAQ,MAAK;aACzB,SAAS,EAAE,gCAAgC;IACtC;GACK;AAInB,QACE,qBAACF;EACC,OAAM;EACK;EACX,OAAO,KAAK;EACZ,aAAa,KAAK;EACL;EACb,SACE,4CACG,SACA,YAAY,CAAC,KAAK,cACjB,oBAAC;GACC,aAAa,EAAE,sCAAsC,EAAC,MAAM,KAAK,MAAK,CAAC;GACvE,WAAW;GACX,WAAW;aAEV,EAAE,oCAAoC;IACzB,IAEjB;;GAGJ,SACC,oBAACE;IAAM,SAAQ;IAAQ,MAAK;cACzB;KACK;GAEV,oBAAC;IAAM,OAAO,EAAE,+BAA+B;cAC7C,oBAAC,cAAW,OAAO,CAAC;KAAC,OAAO,EAAE,yCAAyC;KAAE,OAAO,KAAK,YAAY,KAAK;KAAK,CAAC,GAAI;KAC1G;GACP;GACA;;GACY;;AAInB,8BAAe"}

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

@@ -0,0 +1,39 @@
+import { AdministrationMode } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseRoleDetailsProps } from './BaseRoleDetails';
+export type RoleDetailsProps = Omit<BaseRoleDetailsProps, 'assignments' | 'error' | 'isDeleting' | 'isLoading' | 'onDelete' | 'permissions' | 'role'> & {
+    /**
+     * How the role is deleted and an assignment removed. `flow` runs the administration flow the server configures for
+     * it, which can revoke grants and end sessions first. It needs `baseUrl`.
+     * @default 'native'
+     */
+    administrationMode?: AdministrationMode;
+    /**
+     * Whether the role can be deleted from this view. Read-only roles never can.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Whether the role's permissions can be added and removed, and the role assigned and taken away, from
+     * this view.
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * Called after the role has been deleted.
+     */
+    onDeleted?: () => void;
+    roleId: string;
+};
+/**
+ * Shows a role with its permissions and assignments, and lets the signed-in user manage the permissions and
+ * assignments and delete the role.
+ *
+ * @example
+ * ```tsx
+ * <RoleDetails roleId={roleId} editable deletable onDeleted={() => navigate('/roles')} />
+ * ```
+ */
+declare const RoleDetails: FC<RoleDetailsProps>;
+export default RoleDetails;
+//# sourceMappingURL=RoleDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RoleDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/management/RoleDetails/RoleDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAMnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAwB,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AASxE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,oBAAoB,EACpB,aAAa,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,CAC3F,GAAG;IACF;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAyDrC,CAAC;AAEF,eAAe,WAAW,CAAC"}