@umbraco-cms/backoffice 17.4.1 → 17.5.0-rc

package/dist-cms/packages/user/current-user/workspace/current-user-workspace.context.js

@@ -0,0 +1,126 @@
+import { UMB_CURRENT_USER_ENTITY_TYPE } from '../entity.js';
+import { UmbCurrentUserRepository } from '../repository/current-user.repository.js';
+import { UMB_CURRENT_USER_WORKSPACE_ALIAS } from './constants.js';
+import { UmbObjectState } from '../../../../libs/observable-api/index.js';
+import { UmbSubmittableWorkspaceContextBase } from '../../../core/workspace/index.js';
+export class UmbCurrentUserWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
+    // State is split in two: #data holds the editable copy of the persisted user (seeded from the server,
+    // refreshed on store updates) and drives fields like language; #pendingAvatar holds transient UI state
+    // (selected file, preview URL, delete flag) that is separate because avatar URLs are server-resolved
+    // and shouldn't round-trip through the editable model.
+    #data;
+    #pendingAvatar;
+    #persistedLanguageIsoCode;
+    #loadPromise;
+    #repository;
+    constructor(host) {
+        super(host, UMB_CURRENT_USER_WORKSPACE_ALIAS);
+        // State is split in two: #data holds the editable copy of the persisted user (seeded from the server,
+        // refreshed on store updates) and drives fields like language; #pendingAvatar holds transient UI state
+        // (selected file, preview URL, delete flag) that is separate because avatar URLs are server-resolved
+        // and shouldn't round-trip through the editable model.
+        this.#data = new UmbObjectState(undefined);
+        this.data = this.#data.asObservable();
+        this.name = this.#data.asObservablePart((data) => data?.name);
+        this.avatarUrls = this.#data.asObservablePart((data) => data?.avatarUrls ?? []);
+        this.languageIsoCode = this.#data.asObservablePart((data) => data?.languageIsoCode);
+        this.unique = this.#data.asObservablePart((data) => data?.unique ?? null);
+        this.#pendingAvatar = new UmbObjectState({});
+        this.pendingAvatarFile = this.#pendingAvatar.asObservablePart((p) => p.file);
+        this.pendingAvatarDelete = this.#pendingAvatar.asObservablePart((p) => p.delete ?? false);
+        this.pendingAvatarPreviewUrl = this.#pendingAvatar.asObservablePart((p) => p.previewUrl);
+        this.#repository = new UmbCurrentUserRepository(this);
+        this.#loadPromise = this.#load();
+    }
+    async #load() {
+        const { data, asObservable } = await this.#repository.requestCurrentUser();
+        if (data) {
+            this.#data.setValue(data);
+            this.#persistedLanguageIsoCode = data.languageIsoCode;
+            this.view.setTitle(data.name);
+        }
+        if (asObservable) {
+            this.observe(asObservable(), (currentUser) => {
+                if (!currentUser)
+                    return;
+                // Track the last known persisted language so submit() can tell whether the editable copy has diverged.
+                this.#persistedLanguageIsoCode = currentUser.languageIsoCode;
+                const current = this.#data.getValue();
+                // Preserve any in-progress language edit made by the user when the store pushes a refresh (e.g. after an avatar save).
+                const preservedLanguage = current && current.languageIsoCode !== currentUser.languageIsoCode ? current.languageIsoCode : undefined;
+                this.#data.setValue(preservedLanguage ? { ...currentUser, languageIsoCode: preservedLanguage } : currentUser);
+                this.view.setTitle(currentUser.name);
+            }, 'umbCurrentUserWorkspaceObserver');
+        }
+    }
+    getEntityType() {
+        return UMB_CURRENT_USER_ENTITY_TYPE;
+    }
+    getUnique() {
+        return this.#data.getValue()?.unique;
+    }
+    getData() {
+        return this.#data.getValue();
+    }
+    getName() {
+        return this.#data.getValue()?.name;
+    }
+    setLanguageIsoCode(languageIsoCode) {
+        const current = this.#data.getValue();
+        if (!current)
+            return;
+        this.#data.setValue({ ...current, languageIsoCode });
+    }
+    setAvatarFile(file) {
+        this.#revokePendingAvatarPreviewUrl();
+        this.#pendingAvatar.setValue({ file, previewUrl: URL.createObjectURL(file), delete: false });
+    }
+    markAvatarForDeletion() {
+        this.#revokePendingAvatarPreviewUrl();
+        const hasExistingAvatar = (this.#data.getValue()?.avatarUrls.length ?? 0) > 0;
+        this.#pendingAvatar.setValue({ delete: hasExistingAvatar });
+    }
+    clearPendingAvatar() {
+        this.#revokePendingAvatarPreviewUrl();
+        this.#pendingAvatar.setValue({});
+    }
+    #revokePendingAvatarPreviewUrl() {
+        const previewUrl = this.#pendingAvatar.getValue().previewUrl;
+        if (previewUrl)
+            URL.revokeObjectURL(previewUrl);
+    }
+    async submit() {
+        await this.#loadPromise;
+        const data = this.#data.getValue();
+        if (!data)
+            throw new Error('Current user data not loaded');
+        const errors = [];
+        const pending = this.#pendingAvatar.getValue();
+        if (pending.file) {
+            const { error } = await this.#repository.uploadAvatar(pending.file);
+            if (error)
+                errors.push(error);
+        }
+        else if (pending.delete) {
+            const { error } = await this.#repository.deleteAvatar();
+            if (error)
+                errors.push(error);
+        }
+        if (data.languageIsoCode && data.languageIsoCode !== this.#persistedLanguageIsoCode) {
+            const { error } = await this.#repository.updateProfile(data.languageIsoCode);
+            if (error)
+                errors.push(error);
+        }
+        if (errors.length) {
+            throw new Error('current-user-save-failed');
+        }
+        this.clearPendingAvatar();
+    }
+    destroy() {
+        this.#revokePendingAvatarPreviewUrl();
+        this.#data.destroy();
+        this.#pendingAvatar.destroy();
+        super.destroy();
+    }
+}
+export { UmbCurrentUserWorkspaceContext as api };

package/dist-cms/packages/user/current-user/workspace/manifests.js

@@ -0,0 +1,33 @@
+import { UMB_CURRENT_USER_ENTITY_TYPE } from '../entity.js';
+import { UMB_CURRENT_USER_WORKSPACE_ALIAS } from './constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS, UmbSubmitWorkspaceAction } from '../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspace',
+        alias: UMB_CURRENT_USER_WORKSPACE_ALIAS,
+        name: 'Current User Workspace',
+        element: () => import('./current-user-workspace-editor.element.js'),
+        api: () => import('./current-user-workspace.context.js'),
+        meta: {
+            entityType: UMB_CURRENT_USER_ENTITY_TYPE,
+        },
+    },
+    {
+        type: 'workspaceAction',
+        kind: 'default',
+        alias: 'Umb.WorkspaceAction.CurrentUser.Save',
+        name: 'Save Current User Workspace Action',
+        api: UmbSubmitWorkspaceAction,
+        meta: {
+            label: '#buttons_save',
+            look: 'primary',
+            color: 'positive',
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_CURRENT_USER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist-cms/packages/user/index.d.ts

@@ -1,5 +1,5 @@
 export * from './current-user/index.js';
-export * from './manifests.js';
+export { manifests } from './umbraco-package.js';
 export * from './user-group/index.js';
 export * from './user-permission/index.js';
 export * from './user/index.js';

package/dist-cms/packages/user/index.js

@@ -1,5 +1,5 @@
 export * from './current-user/index.js';
-export * from './manifests.js';
+export { manifests } from './umbraco-package.js';
 export * from './user-group/index.js';
 export * from './user-permission/index.js';
 export * from './user/index.js';

package/dist-cms/packages/user/umbraco-package.d.ts

@@ -1,8 +1,14 @@
+import './user-group/components/index.js';
+import './user-permission/components/index.js';
+import './user/components/index.js';
+export declare const manifests: (import("../../libs/extension-api/index.js").ManifestBase | import("../core/extension-registry/index.js").UmbExtensionManifestKind)[];
 export declare const name = "Umbraco.Core.UserManagement";
 export declare const version = "0.0.1";
 export declare const extensions: {
     name: string;
     alias: string;
     type: string;
-    js: () => Promise<typeof import("./manifests.js")>;
+    js: {
+        manifests: (import("../../libs/extension-api/index.js").ManifestBase | import("../core/extension-registry/index.js").UmbExtensionManifestKind)[];
+    };
 }[];

package/dist-cms/packages/user/umbraco-package.js

@@ -1,3 +1,21 @@
+import { manifests as userGroupManifests } from './user-group/manifests.js';
+import { manifests as userManifests } from './user/manifests.js';
+import { manifests as userSectionManifests } from './section/manifests.js';
+import { manifests as currentUserManifests } from './current-user/manifests.js';
+import { manifests as userPermissionManifests } from './user-permission/manifests.js';
+import { manifests as changePasswordManifests } from './change-password/manifests.js';
+// We need to load any components that are not loaded by the user management bundle to register them in the browser.
+import './user-group/components/index.js';
+import './user-permission/components/index.js';
+import './user/components/index.js';
+export const manifests = [
+    ...userGroupManifests,
+    ...userManifests,
+    ...userSectionManifests,
+    ...currentUserManifests,
+    ...userPermissionManifests,
+    ...changePasswordManifests,
+];
 export const name = 'Umbraco.Core.UserManagement';
 export const version = '0.0.1';
 export const extensions = [
@@ -5,6 +23,8 @@ export const extensions = [
         name: 'User Management Bundle',
         alias: 'Umb.Bundle.UserManagement',
         type: 'bundle',
-        js: () => import('./manifests.js'),
+        js: {
+            manifests,
+        },
     },
 ];

package/dist-cms/packages/user/user/collection/manifests.js

@@ -4,6 +4,7 @@ import { manifests as collectionMenuManifests } from './menu/manifests.js';
 import { manifests as collectionRepositoryManifests } from './repository/manifests.js';
 import { manifests as collectionViewManifests } from './views/manifests.js';
 import { manifests as itemManifests } from './item/manifests.js';
+import { manifests as valueSummaryManifests } from '../value-summary/manifests.js';
 import { UMB_USER_COLLECTION_ALIAS } from './constants.js';
 export const manifests = [
     {
@@ -21,4 +22,5 @@ export const manifests = [
     ...collectionRepositoryManifests,
     ...collectionViewManifests,
     ...itemManifests,
+    ...valueSummaryManifests,
 ];

package/dist-cms/packages/user/user/collection/views/manifests.js

@@ -1,20 +1,39 @@
+import { UMB_USER_COLLECTION_ALIAS } from '../constants.js';
+import { UMB_USER_STATE_VALUE_TYPE } from '../../value-summary/constants.js';
+import { UMB_USER_GROUP_REFERENCES_VALUE_TYPE } from '../../../user-group/value-summary/constants.js';
 import { UMB_COLLECTION_VIEW_USER_GRID, UMB_COLLECTION_VIEW_USER_TABLE } from './constants.js';
+import { UMB_DATE_TIME_VALUE_TYPE } from '../../../../core/value-type/index.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 export const manifests = [
     {
         type: 'collectionView',
+        kind: 'table',
         alias: UMB_COLLECTION_VIEW_USER_TABLE,
         name: 'User Table Collection View',
-        element: () => import('./table/user-table-collection-view.element.js'),
+        weight: 700,
         meta: {
-            label: 'Table',
-            icon: 'icon-table',
-            pathName: 'table',
+            columns: [
+                {
+                    field: 'userGroupUniques',
+                    label: 'User Groups',
+                    valueType: UMB_USER_GROUP_REFERENCES_VALUE_TYPE,
+                },
+                {
+                    field: 'lastLoginDate',
+                    label: 'Last login',
+                    valueType: UMB_DATE_TIME_VALUE_TYPE,
+                },
+                {
+                    field: 'state',
+                    label: 'Status',
+                    valueType: UMB_USER_STATE_VALUE_TYPE,
+                },
+            ],
         },
         conditions: [
             {
                 alias: UMB_COLLECTION_ALIAS_CONDITION,
-                match: 'Umb.Collection.User',
+                match: UMB_USER_COLLECTION_ALIAS,
             },
         ],
     },
@@ -26,7 +45,7 @@ export const manifests = [
         conditions: [
             {
                 alias: UMB_COLLECTION_ALIAS_CONDITION,
-                match: 'Umb.Collection.User',
+                match: UMB_USER_COLLECTION_ALIAS,
             },
         ],
     },

package/dist-cms/packages/user/user/index.d.ts

@@ -6,5 +6,6 @@ export * from './invite/index.js';
 export * from './paths.js';
 export * from './repository/index.js';
 export * from './utils/index.js';
+export * from './value-summary/constants.js';
 export type * from './types.js';
 export { UMB_USER_PICKER_MODAL } from './modals/user-picker/index.js';

package/dist-cms/packages/user/user/index.js

@@ -6,4 +6,5 @@ export * from './invite/index.js';
 export * from './paths.js';
 export * from './repository/index.js';
 export * from './utils/index.js';
+export * from './value-summary/constants.js';
 export { UMB_USER_PICKER_MODAL } from './modals/user-picker/index.js';

package/dist-cms/packages/user/user/property-editor/user-picker/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
             propertyEditorSchemaAlias: 'Umbraco.UserPicker',
             icon: 'icon-user',
             group: 'people',
+            keywords: ['select', 'user', 'author', 'owner', 'assignee', 'editor', 'creator', 'contributor', 'staff'],
         },
     },
     userPickerSchemaManifest,

package/dist-cms/packages/user/user/value-summary/constants.d.ts

@@ -0,0 +1,7 @@
+import type { UserStateModel } from '../../../core/backend-api/index.js';
+export declare const UMB_USER_STATE_VALUE_TYPE: "Umb.ValueType.User.State";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_USER_STATE_VALUE_TYPE]: UserStateModel;
+    }
+}

package/dist-cms/packages/user/user/value-summary/constants.js

@@ -0,0 +1 @@
+export const UMB_USER_STATE_VALUE_TYPE = 'Umb.ValueType.User.State';

package/dist-cms/packages/user/user/value-summary/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/user/user/value-summary/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_USER_STATE_VALUE_TYPE } from './constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.User.State',
+        name: 'User State Value Summary',
+        forValueType: UMB_USER_STATE_VALUE_TYPE,
+        element: () => import('./state/user-state-value-summary.element.js'),
+    },
+];

package/dist-cms/packages/user/user/value-summary/state/user-state-value-summary.element.d.ts

@@ -0,0 +1,12 @@
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../core/value-summary/index.js';
+import type { UserStateModel } from '../../../../core/backend-api/index.js';
+export declare class UmbUserStateValueSummaryElement extends UmbValueSummaryElementBase<UserStateModel | null> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export { UmbUserStateValueSummaryElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-state-value-summary': UmbUserStateValueSummaryElement;
+    }
+}

package/dist-cms/packages/user/user/value-summary/state/user-state-value-summary.element.js

@@ -0,0 +1,26 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { getDisplayStateFromUserStatus } from '../../utils.js';
+import { customElement, html, nothing } from '../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../core/value-summary/index.js';
+let UmbUserStateValueSummaryElement = class UmbUserStateValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value || this._value === 'Active')
+            return nothing;
+        const displayState = getDisplayStateFromUserStatus(this._value);
+        if (!displayState)
+            return nothing;
+        return html `<uui-tag size="s" look="${displayState.look}" color="${displayState.color}">
+			<umb-localize key=${'user_' + displayState?.key}></umb-localize>
+		</uui-tag>`;
+    }
+};
+UmbUserStateValueSummaryElement = __decorate([
+    customElement('umb-user-state-value-summary')
+], UmbUserStateValueSummaryElement);
+export { UmbUserStateValueSummaryElement };
+export { UmbUserStateValueSummaryElement as element };

package/dist-cms/packages/user/user-group/collection/manifests.js

@@ -10,6 +10,7 @@ export const manifests = [
         kind: 'default',
         alias: UMB_USER_GROUP_COLLECTION_ALIAS,
         name: 'User Group Collection',
+        api: () => import('./user-group-collection.context.js'),
         meta: {
             repositoryAlias: UMB_USER_GROUP_COLLECTION_REPOSITORY_ALIAS,
         },

package/dist-cms/packages/user/user-group/collection/user-group-collection.context.d.ts

@@ -0,0 +1,12 @@
+import type { UmbUserGroupDetailModel } from '../types.js';
+import type { UmbUserGroupCollectionFilterModel } from './types.js';
+import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
+export declare class UmbUserGroupCollectionContext extends UmbDefaultCollectionContext<UmbUserGroupDetailModel, UmbUserGroupCollectionFilterModel> {
+    /**
+     * Returns the href for a specific User Group collection item.
+     * @param {UmbUserGroupDetailModel} item - The user group item to get the href for.
+     * @returns {Promise<string | undefined>} - The edit workspace href for the user group.
+     */
+    requestItemHref(item: UmbUserGroupDetailModel): Promise<string | undefined>;
+}
+export { UmbUserGroupCollectionContext as api };

package/dist-cms/packages/user/user-group/collection/user-group-collection.context.js

@@ -0,0 +1,13 @@
+import { UMB_EDIT_USER_GROUP_WORKSPACE_PATH_PATTERN } from '../paths.js';
+import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
+export class UmbUserGroupCollectionContext extends UmbDefaultCollectionContext {
+    /**
+     * Returns the href for a specific User Group collection item.
+     * @param {UmbUserGroupDetailModel} item - The user group item to get the href for.
+     * @returns {Promise<string | undefined>} - The edit workspace href for the user group.
+     */
+    async requestItemHref(item) {
+        return `${UMB_EDIT_USER_GROUP_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: item.unique })}`;
+    }
+}
+export { UmbUserGroupCollectionContext as api };

package/dist-cms/packages/user/user-group/collection/views/manifests.js

@@ -1,20 +1,38 @@
+import { UMB_USER_GROUP_COLLECTION_ALIAS } from '../constants.js';
 import { UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS } from './constants.js';
+import { UMB_SECTION_ALIASES_VALUE_TYPE } from '../../../../core/section/index.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 export const manifests = [
     {
         type: 'collectionView',
+        kind: 'table',
         alias: UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS,
         name: 'User Group Table Collection View',
-        js: () => import('./user-group-table-collection-view.element.js'),
         meta: {
-            label: 'Table',
-            icon: 'icon-table',
-            pathName: 'table',
+            columns: [
+                {
+                    field: 'sections',
+                    label: '#main_sections',
+                    valueType: UMB_SECTION_ALIASES_VALUE_TYPE,
+                },
+                {
+                    field: 'documentStartNode',
+                    label: '#user_startnode',
+                    // TODO: Use UMB_DOCUMENT_USER_START_NODE_VALUE_TYPE when documents have been decoupled from users.
+                    valueType: 'Umb.ValueType.Document.UserStartNode',
+                },
+                {
+                    field: 'mediaStartNode',
+                    label: '#user_mediastartnode',
+                    // TODO: Use UMB_MEDIA_USER_START_NODE_VALUE_TYPE when media have been decoupled from users.
+                    valueType: 'Umb.ValueType.Media.UserStartNode',
+                },
+            ],
         },
         conditions: [
             {
                 alias: UMB_COLLECTION_ALIAS_CONDITION,
-                match: 'Umb.Collection.UserGroup',
+                match: UMB_USER_GROUP_COLLECTION_ALIAS,
             },
         ],
     },

package/dist-cms/packages/user/user-group/index.d.ts

@@ -2,5 +2,6 @@ export * from './collection/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './repository/index.js';
+export * from './value-summary/constants.js';
 export type * from './types.js';
 export { UMB_USER_GROUP_PICKER_MODAL } from './modals/user-group-picker/index.js';

package/dist-cms/packages/user/user-group/index.js

@@ -2,4 +2,5 @@ export * from './collection/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './repository/index.js';
+export * from './value-summary/constants.js';
 export { UMB_USER_GROUP_PICKER_MODAL } from './modals/user-group-picker/index.js';

package/dist-cms/packages/user/user-group/manifests.js

@@ -1,4 +1,5 @@
 import { manifests as collectionManifests } from './collection/manifests.js';
+import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
@@ -9,6 +10,7 @@ import { manifests as workspaceManifests } from './workspace/manifests.js';
 import * as entryPointModule from './entry-point.js';
 export const manifests = [
     ...collectionManifests,
+    ...valueSummaryManifests,
     ...entityActionManifests,
     ...entityBulkActionManifests,
     ...menuItemManifests,

package/dist-cms/packages/user/user-group/paths.d.ts

@@ -1,2 +1,8 @@
+import { UmbPathPattern } from '../../core/router/index.js';
 export declare const UMB_USER_GROUP_WORKSPACE_PATH: string;
+export declare const UMB_EDIT_USER_GROUP_WORKSPACE_PATH_PATTERN: UmbPathPattern<{
+    unique: string;
+}, {
+    unique: string;
+}>;
 export declare const UMB_USER_GROUP_ROOT_WORKSPACE_PATH: string;

package/dist-cms/packages/user/user-group/paths.js

@@ -1,10 +1,12 @@
 import { UMB_USER_SECTION_PATHNAME } from '../section/paths.js';
 import { UMB_USER_GROUP_ENTITY_TYPE, UMB_USER_GROUP_ROOT_ENTITY_TYPE } from './entity.js';
+import { UmbPathPattern } from '../../core/router/index.js';
 import { UMB_WORKSPACE_PATH_PATTERN } from '../../core/workspace/index.js';
 export const UMB_USER_GROUP_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
     sectionName: UMB_USER_SECTION_PATHNAME,
     entityType: UMB_USER_GROUP_ENTITY_TYPE,
 });
+export const UMB_EDIT_USER_GROUP_WORKSPACE_PATH_PATTERN = new UmbPathPattern('edit/:unique', UMB_USER_GROUP_WORKSPACE_PATH);
 export const UMB_USER_GROUP_ROOT_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
     sectionName: UMB_USER_SECTION_PATHNAME,
     entityType: UMB_USER_GROUP_ROOT_ENTITY_TYPE,

package/dist-cms/packages/user/user-group/value-summary/constants.d.ts

@@ -0,0 +1,7 @@
+import type { UmbReferenceByUnique } from '../../../core/models/index.js';
+export declare const UMB_USER_GROUP_REFERENCES_VALUE_TYPE: "Umb.ValueType.UserGroup.References";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_USER_GROUP_REFERENCES_VALUE_TYPE]: UmbReferenceByUnique[];
+    }
+}

package/dist-cms/packages/user/user-group/value-summary/constants.js

@@ -0,0 +1 @@
+export const UMB_USER_GROUP_REFERENCES_VALUE_TYPE = 'Umb.ValueType.UserGroup.References';

package/dist-cms/packages/user/user-group/value-summary/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/user/user-group/value-summary/manifests.js

@@ -0,0 +1,12 @@
+import { UMB_USER_GROUP_REFERENCES_VALUE_TYPE } from './constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.UserGroup.References',
+        name: 'User Group References Value Summary',
+        forValueType: UMB_USER_GROUP_REFERENCES_VALUE_TYPE,
+        element: () => import('./user-group-value-summary.js'),
+        valueResolver: () => import('./user-group-value-summary.js'),
+    },
+];

package/dist-cms/packages/user/user-group/value-summary/user-group-value-summary.d.ts

@@ -0,0 +1,2 @@
+export { UmbUserGroupsValueSummaryElement as element } from './user-group-value-summary.element.js';
+export { UmbUserGroupValueSummaryResolver as valueResolver } from './user-group-value-summary.resolver.js';

package/dist-cms/packages/user/user-group/value-summary/user-group-value-summary.element.d.ts

@@ -0,0 +1,11 @@
+import type { UmbUserGroupItemModel } from '../repository/item/types.js';
+import { nothing } from '../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../core/value-summary/index.js';
+export declare class UmbUserGroupsValueSummaryElement extends UmbValueSummaryElementBase<ReadonlyArray<UmbUserGroupItemModel>> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-groups-value-summary': UmbUserGroupsValueSummaryElement;
+    }
+}

package/dist-cms/packages/user/user-group/value-summary/user-group-value-summary.element.js

@@ -0,0 +1,19 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html, nothing } from '../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../core/value-summary/index.js';
+let UmbUserGroupsValueSummaryElement = class UmbUserGroupsValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value?.length)
+            return nothing;
+        return html `<span>${this._value.map((g) => g.name).join(', ')}</span>`;
+    }
+};
+UmbUserGroupsValueSummaryElement = __decorate([
+    customElement('umb-user-groups-value-summary')
+], UmbUserGroupsValueSummaryElement);
+export { UmbUserGroupsValueSummaryElement };

package/dist-cms/packages/user/user-group/value-summary/user-group-value-summary.js

@@ -0,0 +1,2 @@
+export { UmbUserGroupsValueSummaryElement as element } from './user-group-value-summary.element.js';
+export { UmbUserGroupValueSummaryResolver as valueResolver } from './user-group-value-summary.resolver.js';

package/dist-cms/packages/user/user-group/value-summary/user-group-value-summary.resolver.d.ts

@@ -0,0 +1,8 @@
+import type { UmbUserGroupItemModel } from '../repository/item/types.js';
+import type { UmbValueSummaryResolveResult, UmbValueSummaryResolver } from '../../../core/value-summary/index.js';
+import type { UmbReferenceByUnique } from '../../../core/models/index.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+export declare class UmbUserGroupValueSummaryResolver extends UmbControllerBase implements UmbValueSummaryResolver<UmbReferenceByUnique[], ReadonlyArray<UmbUserGroupItemModel>> {
+    #private;
+    resolveValues(values: ReadonlyArray<UmbReferenceByUnique[]>): Promise<UmbValueSummaryResolveResult<ReadonlyArray<UmbUserGroupItemModel>>>;
+}

package/dist-cms/packages/user/user-group/value-summary/user-group-value-summary.resolver.js

@@ -0,0 +1,24 @@
+import { UmbUserGroupItemRepository } from '../repository/item/user-group-item.repository.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import { createObservablePart } from '../../../../libs/observable-api/index.js';
+export class UmbUserGroupValueSummaryResolver extends UmbControllerBase {
+    #repo = new UmbUserGroupItemRepository(this);
+    async resolveValues(values) {
+        const allUniques = [...new Set(values.flatMap((v) => v.map((r) => r.unique)))];
+        if (allUniques.length === 0) {
+            return { data: values.map(() => []) };
+        }
+        const { data, asObservable } = await this.#repo.requestItems(allUniques);
+        const items = Array.isArray(data) ? data : [];
+        return {
+            data: this.#map(values, items),
+            asObservable: asObservable
+                ? () => createObservablePart(asObservable(), (items) => this.#map(values, items))
+                : undefined,
+        };
+    }
+    #map(values, items) {
+        const itemByUnique = new Map(items.map((g) => [g.unique, g]));
+        return values.map((v) => v.map((r) => itemByUnique.get(r.unique)).filter(Boolean));
+    }
+}