@thunderid/react 1.5.0 → 1.7.0

package/dist/components/admin/AgentList/BaseAgentList.js

@@ -0,0 +1,89 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import DataTable_default from "../../primitives/DataTable/DataTable.js";
+import AdminSearch_default from "../shared/AdminSearch.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/admin/AgentList/BaseAgentList.tsx
+/**
+* Lists agents with their type, client and organization unit. Holds no data of its own: pass the
+* page of agents and handle selection and pagination.
+*/
+const BaseAgentList = ({ actions, agents, children, className, description, error = null, isLoading = false, limit = 20, offset = 0, onPageChange, onSearch, onSelect, preferences, search = null, searchAttributes, selectedAgentId, title, totalResults }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const columns = [
+		{
+			header: t("admin.agents.list.columns.name"),
+			id: "name",
+			render: (agent) => agent.name
+		},
+		{
+			header: t("admin.agents.list.columns.type"),
+			id: "type",
+			render: (agent) => agent.type
+		},
+		{
+			header: t("admin.agents.list.columns.client_id"),
+			id: "clientId",
+			render: (agent) => /* @__PURE__ */ jsx("code", { children: agent.clientId ?? "" })
+		},
+		{
+			header: t("admin.common.columns.organization_unit"),
+			id: "ou",
+			render: (agent) => agent.ouHandle ?? agent.ouId
+		}
+	];
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			columns,
+			error,
+			isLoading,
+			limit,
+			offset,
+			onPageChange,
+			onSelect,
+			onSearch,
+			rows: agents,
+			search,
+			searchAttributes,
+			selectedRowId: selectedAgentId,
+			totalResults: totalResults ?? agents.length,
+			agents
+		})
+	});
+	return /* @__PURE__ */ jsxs(AdminSection_default, {
+		block: "agent-list",
+		className,
+		title: title ?? t("admin.agents.list.title"),
+		description,
+		actions,
+		preferences,
+		children: [onSearch && searchAttributes?.length ? /* @__PURE__ */ jsx(AdminSearch_default, {
+			attributes: searchAttributes,
+			search,
+			onSearch
+		}) : null, /* @__PURE__ */ jsx(DataTable_default, {
+			caption: title?.length ? title : t("admin.agents.list.title"),
+			columns,
+			rows: agents,
+			getRowId: (agent) => agent.id,
+			isLoading,
+			error,
+			emptyText: search ? t("admin.common.search.no_results", { value: search.value }) : t("admin.agents.list.empty"),
+			onRowClick: onSelect,
+			selectedRowId: selectedAgentId,
+			pagination: onPageChange ? {
+				limit,
+				offset,
+				onChange: onPageChange,
+				total: totalResults ?? agents.length
+			} : void 0
+		})]
+	});
+};
+var BaseAgentList_default = BaseAgentList;
+
+//#endregion
+export { BaseAgentList_default as default };
+//# sourceMappingURL=BaseAgentList.js.map

package/dist/components/admin/AgentList/BaseAgentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAgentList.js","names":["BaseAgentList: FC<BaseAgentListProps>","useTranslation","columns: DataTableColumn<BasicAgent>[]","AdminSection","AdminSearch","DataTable"],"sources":["../../../../src/components/admin/AgentList/BaseAgentList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {BasicAgent, Preferences, SelectOption} 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 AdminSearch, {AdminSearchValue} from '../shared/AdminSearch';\nimport AdminSection from '../shared/AdminSection';\n\n/**\n * What {@link BaseAgentList} hands its `children` render function. `agents` and `rows` are the same array.\n */\nexport type BaseAgentListRenderProps = AdminListRenderProps<BasicAgent> & {agents: BasicAgent[]};\n\nexport interface BaseAgentListProps {\n  /**\n   * Controls rendered next to the title, such as a button that opens `AgentCreate`.\n   */\n  actions?: ReactNode;\n  className?: string;\n  description?: string;\n  agents: BasicAgent[];\n  /**\n   * Renders custom UI in place of the default table, for example a third-party data grid. Receives\n   * the agents, the default columns, the loading and error state, and the pagination and selection\n   * handlers.\n   */\n  children?: (props: BaseAgentListRenderProps) => ReactNode;\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   * Applies a search on the server, or clears it with `null`. The search form shows only when this and\n   * `searchAttributes` are set.\n   */\n  onSearch?: (search: AdminSearchValue | null) => void;\n  /**\n   * Called when an agent is chosen. Rows are selectable only when set.\n   */\n  onSelect?: (agent: BasicAgent) => void;\n  preferences?: Preferences;\n  /**\n   * The search currently applied, if any. While set, an empty page says nothing matched.\n   */\n  search?: AdminSearchValue | null;\n  /**\n   * The agent attributes that can be searched, with translated labels.\n   */\n  searchAttributes?: SelectOption[];\n  selectedAgentId?: 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 agents with their type, client and organization unit. Holds no data of its own: pass the\n * page of agents and handle selection and pagination.\n */\nconst BaseAgentList: FC<BaseAgentListProps> = ({\n  actions,\n  agents,\n  children,\n  className,\n  description,\n  error = null,\n  isLoading = false,\n  limit = 20,\n  offset = 0,\n  onPageChange,\n  onSearch,\n  onSelect,\n  preferences,\n  search = null,\n  searchAttributes,\n  selectedAgentId,\n  title,\n  totalResults,\n}: BaseAgentListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  const columns: DataTableColumn<BasicAgent>[] = [\n    {header: t('admin.agents.list.columns.name'), id: 'name', render: (agent: BasicAgent): ReactNode => agent.name},\n    {header: t('admin.agents.list.columns.type'), id: 'type', render: (agent: BasicAgent): ReactNode => agent.type},\n    {\n      header: t('admin.agents.list.columns.client_id'),\n      id: 'clientId',\n      render: (agent: BasicAgent): ReactNode => <code>{agent.clientId ?? ''}</code>,\n    },\n    {\n      header: t('admin.common.columns.organization_unit'),\n      id: 'ou',\n      render: (agent: BasicAgent): ReactNode => agent.ouHandle ?? agent.ouId,\n    },\n  ];\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          columns,\n          error,\n          isLoading,\n          limit,\n          offset,\n          onPageChange,\n          onSelect,\n          onSearch,\n          rows: agents,\n          search,\n          searchAttributes,\n          selectedRowId: selectedAgentId,\n          totalResults: totalResults ?? agents.length,\n          agents,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"agent-list\"\n      className={className}\n      title={title ?? t('admin.agents.list.title')}\n      description={description}\n      actions={actions}\n      preferences={preferences}\n    >\n      {onSearch && searchAttributes?.length ? (\n        <AdminSearch attributes={searchAttributes} search={search} onSearch={onSearch} />\n      ) : null}\n      <DataTable\n        caption={title?.length ? title : t('admin.agents.list.title')}\n        columns={columns}\n        rows={agents}\n        getRowId={(agent: BasicAgent): string => agent.id}\n        isLoading={isLoading}\n        error={error}\n        emptyText={search ? t('admin.common.search.no_results', {value: search.value}) : t('admin.agents.list.empty')}\n        onRowClick={onSelect}\n        selectedRowId={selectedAgentId}\n        pagination={\n          onPageChange ? {limit, offset, onChange: onPageChange, total: totalResults ?? agents.length} : undefined\n        }\n      />\n    </AdminSection>\n  );\n};\n\nexport default BaseAgentList;\n"],"mappings":";;;;;;;;;;;AAwEA,MAAMA,iBAAyC,EAC7C,SACA,QACA,UACA,WACA,aACA,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,SAAS,GACT,cACA,UACA,UACA,aACA,SAAS,MACT,kBACA,iBACA,OACA,mBACsC;CACtC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAE7C,MAAMC,UAAyC;EAC7C;GAAC,QAAQ,EAAE,iCAAiC;GAAE,IAAI;GAAQ,SAAS,UAAiC,MAAM;GAAK;EAC/G;GAAC,QAAQ,EAAE,iCAAiC;GAAE,IAAI;GAAQ,SAAS,UAAiC,MAAM;GAAK;EAC/G;GACE,QAAQ,EAAE,sCAAsC;GAChD,IAAI;GACJ,SAAS,UAAiC,oBAAC,oBAAM,MAAM,YAAY,KAAU;GAC9E;EACD;GACE,QAAQ,EAAE,yCAAyC;GACnD,IAAI;GACJ,SAAS,UAAiC,MAAM,YAAY,MAAM;GACnE;EACF;AAED,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,MAAM;GACN;GACA;GACA,eAAe;GACf,cAAc,gBAAgB,OAAO;GACrC;GACD,CAAC;GACE;AAIV,QACE,qBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,0BAA0B;EAC/B;EACJ;EACI;aAEZ,YAAY,kBAAkB,SAC7B,oBAACC;GAAY,YAAY;GAA0B;GAAkB;IAAY,GAC/E,MACJ,oBAACC;GACC,SAAS,OAAO,SAAS,QAAQ,EAAE,0BAA0B;GACpD;GACT,MAAM;GACN,WAAW,UAA8B,MAAM;GACpC;GACJ;GACP,WAAW,SAAS,EAAE,kCAAkC,EAAC,OAAO,OAAO,OAAM,CAAC,GAAG,EAAE,0BAA0B;GAC7G,YAAY;GACZ,eAAe;GACf,YACE,eAAe;IAAC;IAAO;IAAQ,UAAU;IAAc,OAAO,gBAAgB,OAAO;IAAO,GAAG;IAEjG;GACW;;AAInB,4BAAe"}

package/dist/components/admin/GroupCreate/BaseGroupCreate.d.ts

@@ -0,0 +1,55 @@
+import { Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * The group {@link BaseGroupCreate} submits. The organization unit is added by the caller.
+ */
+export interface GroupCreateSubmission {
+    description?: string;
+    name: string;
+}
+/**
+ * What {@link BaseGroupCreate} hands its `children` render function, so the form can be built with any UI.
+ */
+export interface BaseGroupCreateRenderProps {
+    error: string | null;
+    /**
+     * Sets one field of the form.
+     */
+    handleInputChange: (field: 'description' | 'name', value: string) => void;
+    /**
+     * Submits the current values. Does nothing while they are not valid.
+     */
+    handleSubmit: () => void;
+    isSubmitting: boolean;
+    /**
+     * Whether the values can be submitted.
+     */
+    isValid: boolean;
+    onCancel?: () => void;
+    values: {
+        description: string;
+        name: string;
+    };
+}
+export interface BaseGroupCreateProps {
+    /**
+     * Renders custom UI in place of the default form. Receives the values, their setters, the submit
+     * handler and the submission state.
+     */
+    children?: (props: BaseGroupCreateRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    isSubmitting?: boolean;
+    onCancel?: () => void;
+    onSubmit: (group: GroupCreateSubmission) => void;
+    preferences?: Preferences;
+    title?: string;
+}
+/**
+ * A form that collects a new group's name and description. Holds no data of its own: handle the
+ * submission.
+ */
+declare const BaseGroupCreate: FC<BaseGroupCreateProps>;
+export default BaseGroupCreate;
+//# sourceMappingURL=BaseGroupCreate.d.ts.map

package/dist/components/admin/GroupCreate/BaseGroupCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/GroupCreate/BaseGroupCreate.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,qBAAqB;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,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,oBAAoB;IACnC;;;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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuF7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/admin/GroupCreate/BaseGroupCreate.js

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

package/dist/components/admin/GroupCreate/BaseGroupCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseGroupCreate.js","names":["BaseGroupCreate: FC<BaseGroupCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","isValid: boolean","AdminSection","Alert","TextField","Button"],"sources":["../../../../src/components/admin/GroupCreate/BaseGroupCreate.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 group {@link BaseGroupCreate} submits. The organization unit is added by the caller.\n */\nexport interface GroupCreateSubmission {\n  description?: string;\n  name: string;\n}\n\n/**\n * What {@link BaseGroupCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseGroupCreateRenderProps {\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 BaseGroupCreateProps {\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: BaseGroupCreateRenderProps) => ReactNode;\n  className?: string;\n  description?: string;\n  error?: string | null;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  onSubmit: (group: GroupCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new group's name and description. Holds no data of its own: handle the\n * submission.\n */\nconst BaseGroupCreate: FC<BaseGroupCreateProps> = ({\n  children,\n  className,\n  description,\n  error = null,\n  isSubmitting = false,\n  onCancel,\n  onSubmit,\n  preferences,\n  title,\n}: BaseGroupCreateProps): 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 [groupDescription, setGroupDescription] = useState<string>('');\n\n  const isValid: boolean = name.trim().length > 0;\n\n  const submit = (): void => {\n    if (isValid) {\n      onSubmit({description: groupDescription.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) : setGroupDescription(value),\n          handleSubmit: submit,\n          isSubmitting,\n          isValid,\n          onCancel,\n          values: {description: groupDescription, name},\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"group-create\"\n      className={className}\n      title={title ?? t('admin.groups.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.groups.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.groups.create.fields.description')}\n          value={groupDescription}\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => setGroupDescription(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.groups.create.submit')}\n          </Button>\n        </div>\n      </form>\n    </AdminSection>\n  );\n};\n\nexport default BaseGroupCreate;\n"],"mappings":";;;;;;;;;;;;;;;AA+DA,MAAMA,mBAA6C,EACjD,UACA,WACA,aACA,QAAQ,MACR,eAAe,OACf,UACA,UACA,aACA,YACwC;CACxC,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,kBAAkB,uBAAuB,SAAiB,GAAG;CAEpE,MAAMC,UAAmB,KAAK,MAAM,CAAC,SAAS;CAE9C,MAAM,eAAqB;AACzB,MAAI,QACF,UAAS;GAAC,aAAa,iBAAiB,MAAM,IAAI;GAAW,MAAM,KAAK,MAAM;GAAC,CAAC;;CAIpF,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,oBAAoB,MAAM;GAChE,cAAc;GACd;GACA;GACA;GACA,QAAQ;IAAC,aAAa;IAAkB;IAAK;GAC9C,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,4BAA4B;EACjC;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,kCAAkC;KAC3C;KACA,OAAO;KACP,WAAW,UAA+C,QAAQ,MAAM,OAAO,MAAM;MACrF;IACF,oBAACA;KACC,MAAK;KACL,OAAO,EAAE,yCAAyC;KAClD,OAAO;KACP,WAAW,UAA+C,oBAAoB,MAAM,OAAO,MAAM;MACjG;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,6BAA6B;OACzB;MACL;;IACD;GACM;;AAInB,8BAAe"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/GroupCreate/GroupCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAwB,EAAC,oBAAoB,EAAwB,MAAM,mBAAmB,CAAC;AAK/F,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IACjG;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/admin/GroupCreate/GroupCreate.js

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

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

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

package/dist/components/admin/GroupList/BaseGroupList.d.ts

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

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

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

package/dist/components/admin/GroupList/BaseGroupList.js

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

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

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

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

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

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

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

package/dist/components/admin/GroupList/GroupList.js

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

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

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

package/dist/components/admin/GroupMembers/BaseGroupMembers.d.ts

@@ -0,0 +1,60 @@
+import { GroupMember, GroupMemberType, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { DataTableColumn } from '../../primitives/DataTable/DataTable';
+import { IdentityCandidate } from '../shared/IdentityPicker';
+/**
+ * What {@link BaseGroupMembers} hands its `children` render function, so the members can be shown
+ * with any UI, such as a third-party data grid.
+ */
+export interface BaseGroupMembersRenderProps {
+    /**
+     * The identities that can be added, keyed by member type. Undefined when adding is not allowed.
+     */
+    candidates?: Partial<Record<GroupMemberType, IdentityCandidate[]>>;
+    /**
+     * The columns the default table shows, including the remove action when removing is allowed.
+     */
+    columns: DataTableColumn<GroupMember>[];
+    error: string | null;
+    isLoading: boolean;
+    isMutating: boolean;
+    members: GroupMember[];
+    /**
+     * Adds a member. Undefined when adding is not allowed.
+     */
+    onAdd?: (member: Pick<GroupMember, 'id' | 'type'>) => void;
+    /**
+     * Removes a member. Undefined when removing is not allowed.
+     */
+    onRemove?: (member: GroupMember) => void;
+}
+export interface BaseGroupMembersProps {
+    /**
+     * The identities that can be added, keyed by member type. Adding is hidden when omitted.
+     */
+    candidates?: Partial<Record<GroupMemberType, IdentityCandidate[]>>;
+    /**
+     * Renders custom UI in place of the default table and picker. Receives the members, the default
+     * columns, the candidates, the loading and error state, and the add and remove handlers.
+     */
+    children?: (props: BaseGroupMembersRenderProps) => ReactNode;
+    className?: string;
+    description?: string;
+    error?: string | null;
+    isLoading?: boolean;
+    isMutating?: boolean;
+    members: GroupMember[];
+    onAdd?: (member: Pick<GroupMember, 'id' | 'type'>) => void;
+    /**
+     * Removes a member. The remove action is hidden when omitted.
+     */
+    onRemove?: (member: GroupMember) => void;
+    preferences?: Preferences;
+    title?: string;
+}
+/**
+ * Lists the members of a group and lets the caller add and remove them. Holds no data of its own.
+ */
+declare const BaseGroupMembers: FC<BaseGroupMembersProps>;
+export default BaseGroupMembers;
+//# sourceMappingURL=BaseGroupMembers.d.ts.map

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

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