@umbraco-cms/backoffice 14.0.0--preview004-7cee07d9 → 14.0.0--preview004-7a741834

package/dist-cms/custom-elements.json

@@ -409,25 +409,60 @@
         }
       ]
     },
+    {
+      "name": "umb-collection-action-button",
+      "path": "./../src/packages/core/collection/action/collection-action-button.element.ts",
+      "properties": [
+        {
+          "name": "manifest"
+        }
+      ]
+    },
+    {
+      "name": "umb-collection-action",
+      "path": "./../src/packages/core/collection/action/collection-action-button.element.ts",
+      "properties": [
+        {
+          "name": "manifest"
+        }
+      ]
+    },
+    {
+      "name": "umb-collection-default",
+      "path": "./../src/packages/core/collection/collection-default.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-collection",
       "path": "./../src/packages/core/collection/collection.element.ts",
       "attributes": [
         {
-          "name": "entity-type",
-          "type": "string"
+          "name": "alias",
+          "type": "string | undefined"
         }
       ],
       "properties": [
         {
-          "name": "entityType",
-          "attribute": "entity-type",
-          "type": "string"
-        },
+          "name": "alias",
+          "attribute": "alias",
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "umb-collection-action-bundle",
+      "path": "./../src/packages/core/collection/components/collection-action-bundle.element.ts",
+      "properties": [
         {
           "name": "styles",
           "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
+          "default": "[\"UmbTextStyles\"]"
         }
       ]
     },
@@ -445,41 +480,12 @@
     {
       "name": "umb-collection-toolbar",
       "path": "./../src/packages/core/collection/components/collection-toolbar.element.ts",
-      "attributes": [
-        {
-          "name": "actions",
-          "type": "TooltipMenuItem[]",
-          "default": "[{\"label\":\"File\",\"icon\":\"icon-document\"},{\"label\":\"Folder\",\"icon\":\"icon-folder\"}]"
-        },
-        {
-          "name": "useSearch",
-          "type": "boolean",
-          "default": "true"
-        }
-      ],
       "properties": [
-        {
-          "name": "actions",
-          "attribute": "actions",
-          "type": "TooltipMenuItem[]",
-          "default": "[{\"label\":\"File\",\"icon\":\"icon-document\"},{\"label\":\"Folder\",\"icon\":\"icon-folder\"}]"
-        },
-        {
-          "name": "useSearch",
-          "attribute": "useSearch",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "styles",
           "type": "array",
           "default": "[\"UmbTextStyles\",null]"
         }
-      ],
-      "events": [
-        {
-          "name": "search"
-        }
       ]
     },
     {
@@ -1950,17 +1956,6 @@
         }
       ]
     },
-    {
-      "name": "umb-property-editor-config",
-      "path": "./../src/packages/core/components/property-editor-config/property-editor-config.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\"]"
-        }
-      ]
-    },
     {
       "name": "umb-property-type-based-property",
       "path": "./../src/packages/core/components/property-type-based-property/property-type-based-property.element.ts",
@@ -2319,6 +2314,17 @@
         }
       ]
     },
+    {
+      "name": "umb-property-editor-config",
+      "path": "./../src/packages/core/data-type/components/property-editor-config/property-editor-config.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ]
+    },
     {
       "name": "umb-ref-data-type",
       "path": "./../src/packages/core/data-type/components/ref-data-type/ref-data-type.element.ts",
@@ -4988,6 +4994,21 @@
         }
       ]
     },
+    {
+      "name": "umb-unique-tree-item",
+      "path": "./../src/packages/core/tree/unique-tree-item/unique-tree-item.element.ts",
+      "properties": [
+        {
+          "name": "item",
+          "type": "UmbUniqueTreeItemModel | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-workspace-action-menu",
       "path": "./../src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts",
@@ -8751,17 +8772,6 @@
         }
       ]
     },
-    {
-      "name": "umb-user-group-collection-header",
-      "path": "./../src/packages/user/user-group/collection/components/user-group-collection-header.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[null]"
-        }
-      ]
-    },
     {
       "name": "umb-user-group-table-name-column-layout",
       "path": "./../src/packages/user/user-group/collection/components/user-group-table-name-column-layout.element.ts",
@@ -8786,20 +8796,9 @@
         }
       ]
     },
-    {
-      "name": "umb-user-group-collection",
-      "path": "./../src/packages/user/user-group/collection/user-group-collection.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
     {
       "name": "umb-user-group-collection-table-view",
-      "path": "./../src/packages/user/user-group/collection/views/user-group-collection-view.element.ts",
+      "path": "./../src/packages/user/user-group/collection/views/user-group-table-collection-view.element.ts",
       "properties": [
         {
           "name": "styles",

package/dist-cms/libs/observable-api/array-state.d.ts

@@ -10,7 +10,8 @@ import { UmbDeepState } from './deep-state.js';
  */
 export declare class UmbArrayState<T> extends UmbDeepState<T[]> {
     #private;
-    constructor(initialData: T[], getUniqueMethod?: (entry: T) => unknown);
+    readonly getUnique: (entry: T) => unknown;
+    constructor(initialData: T[], getUniqueMethod: (entry: T) => unknown);
     /**
      * @method sortBy
      * @param {(a: T, b: T) => number} sortMethod - A method to be used for sorting everytime data is set.

package/dist-cms/libs/observable-api/array-state.js

@@ -11,11 +11,10 @@ import { pushToUniqueArray } from './push-to-unique-array.function.js';
  * The ArrayState provides methods to append data when the data is an Object.
  */
 export class UmbArrayState extends UmbDeepState {
-    #getUnique;
     #sortMethod;
     constructor(initialData, getUniqueMethod) {
         super(initialData);
-        this.#getUnique = getUniqueMethod;
+        this.getUnique = getUniqueMethod;
     }
     /**
      * @method sortBy
@@ -56,12 +55,12 @@ export class UmbArrayState extends UmbDeepState {
      */
     remove(uniques) {
         let next = this.getValue();
-        if (this.#getUnique) {
+        if (this.getUnique) {
             uniques.forEach((unique) => {
                 next = next.filter((x) => {
                     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                     // @ts-ignore
-                    return this.#getUnique(x) !== unique;
+                    return this.getUnique(x) !== unique;
                 });
             });
             this.next(next);
@@ -83,11 +82,11 @@ export class UmbArrayState extends UmbDeepState {
      */
     removeOne(unique) {
         let next = this.getValue();
-        if (this.#getUnique) {
+        if (this.getUnique) {
             next = next.filter((x) => {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                return this.#getUnique(x) !== unique;
+                return this.getUnique(x) !== unique;
             });
             this.next(next);
         }
@@ -133,8 +132,8 @@ export class UmbArrayState extends UmbDeepState {
      */
     appendOne(entry) {
         const next = [...this.getValue()];
-        if (this.#getUnique) {
-            pushToUniqueArray(next, entry, this.#getUnique);
+        if (this.getUnique) {
+            pushToUniqueArray(next, entry, this.getUnique);
         }
         else {
             next.push(entry);
@@ -159,10 +158,10 @@ export class UmbArrayState extends UmbDeepState {
      * ]);
      */
     append(entries) {
-        if (this.#getUnique) {
+        if (this.getUnique) {
             const next = [...this.getValue()];
             entries.forEach((entry) => {
-                pushToUniqueArray(next, entry, this.#getUnique);
+                pushToUniqueArray(next, entry, this.getUnique);
             });
             this.next(next);
         }
@@ -186,10 +185,10 @@ export class UmbArrayState extends UmbDeepState {
      * myState.updateOne(2, {value: 'updated-bar'});
      */
     updateOne(unique, entry) {
-        if (!this.#getUnique) {
+        if (!this.getUnique) {
             throw new Error("Can't partial update an ArrayState without a getUnique method provided when constructed.");
         }
-        this.next(partialUpdateFrozenArray(this.getValue(), entry, (x) => unique === this.#getUnique(x)));
+        this.next(partialUpdateFrozenArray(this.getValue(), entry, (x) => unique === this.getUnique(x)));
         return this;
     }
 }

package/dist-cms/mocks/data/data-type.data.js

@@ -10,6 +10,14 @@ export const data = [
         parentId: null,
         isFolder: true,
     },
+    {
+        type: 'data-type',
+        name: 'Folder 2',
+        id: 'dt-folder2',
+        parentId: null,
+        isFolder: true,
+        hasChildren: true,
+    },
     {
         type: 'data-type',
         id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae',
@@ -687,6 +695,15 @@ export const data = [
         propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
         values: [],
     },
+    {
+        type: 'data-type',
+        name: 'Data Type in folder',
+        id: 'dt-data-type-in-folder',
+        parentId: 'dt-folder2',
+        propertyEditorAlias: 'Umbraco.MemberGroupPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
+        values: [],
+    },
 ];
 const createDataTypeItem = (item) => {
     return {

package/dist-cms/mocks/data/user/user.data.d.ts

@@ -0,0 +1,4 @@
+import { UserResponseModel } from '../../../external/backend-api/index.js';
+export declare const data: Array<UserResponseModel & {
+    type: string;
+}>;

package/dist-cms/mocks/data/user/user.data.js

@@ -0,0 +1,88 @@
+import { UserStateModel } from '../../../external/backend-api/index.js';
+export const data = [
+    {
+        id: 'bca6c733-a63d-4353-a271-9a8b6bcca8bd',
+        type: 'user',
+        contentStartNodeIds: [],
+        mediaStartNodeIds: [],
+        name: 'Umbraco User',
+        email: 'noreply@umbraco.com',
+        languageIsoCode: 'en-US',
+        state: UserStateModel.ACTIVE,
+        lastLoginDate: '9/10/2022',
+        lastLockoutDate: '11/23/2021',
+        lastPasswordChangeDate: '1/10/2022',
+        updateDate: '2/10/2022',
+        createDate: '3/13/2022',
+        failedLoginAttempts: 946,
+        userGroupIds: ['user-group-administrators-id', 'user-group-editors-id'],
+    },
+    {
+        id: '82e11d3d-b91d-43c9-9071-34d28e62e81d',
+        type: 'user',
+        contentStartNodeIds: ['simple-document-id'],
+        mediaStartNodeIds: ['f2f81a40-c989-4b6b-84e2-057cecd3adc1'],
+        name: 'Amelie Walker',
+        email: 'awalker1@domain.com',
+        languageIsoCode: 'Japanese',
+        state: UserStateModel.INACTIVE,
+        lastLoginDate: '2023-10-12T18:30:32.879Z',
+        lastLockoutDate: null,
+        lastPasswordChangeDate: '2023-10-12T18:30:32.879Z',
+        updateDate: '2023-10-12T18:30:32.879Z',
+        createDate: '2023-10-12T18:30:32.879Z',
+        failedLoginAttempts: 0,
+        userGroupIds: ['user-group-administrators-id'],
+    },
+    {
+        id: 'aa1d83a9-bc7f-47d2-b288-58d8a31f5017',
+        type: 'user',
+        contentStartNodeIds: [],
+        mediaStartNodeIds: [],
+        name: 'Oliver Kim',
+        email: 'okim1@domain.com',
+        languageIsoCode: 'Russian',
+        state: UserStateModel.ACTIVE,
+        lastLoginDate: '2023-10-12T18:30:32.879Z',
+        lastLockoutDate: null,
+        lastPasswordChangeDate: '2023-10-12T18:30:32.879Z',
+        updateDate: '2023-10-12T18:30:32.879Z',
+        createDate: '2023-10-12T18:30:32.879Z',
+        failedLoginAttempts: 0,
+        userGroupIds: ['user-group-administrators-id'],
+    },
+    {
+        id: 'ff2f4a50-d3d4-4bc4-869d-c7948c160e54',
+        type: 'user',
+        contentStartNodeIds: [],
+        mediaStartNodeIds: [],
+        name: 'Eliana Nieves',
+        email: 'enieves1@domain.com',
+        languageIsoCode: 'Spanish',
+        state: UserStateModel.INVITED,
+        lastLoginDate: '2023-10-12T18:30:32.879Z',
+        lastLockoutDate: null,
+        lastPasswordChangeDate: null,
+        updateDate: '2023-10-12T18:30:32.879Z',
+        createDate: '2023-10-12T18:30:32.879Z',
+        failedLoginAttempts: 0,
+        userGroupIds: ['user-group-administrators-id'],
+    },
+    {
+        id: 'c290c6d9-9f12-4838-8567-621b52a178de',
+        type: 'user',
+        contentStartNodeIds: [],
+        mediaStartNodeIds: [],
+        name: 'Jasmine Patel',
+        email: 'jpatel1@domain.com',
+        languageIsoCode: 'Hindi',
+        state: UserStateModel.LOCKED_OUT,
+        lastLoginDate: '2023-10-12T18:30:32.879Z',
+        lastLockoutDate: '2023-10-12T18:30:32.879Z',
+        lastPasswordChangeDate: null,
+        updateDate: '2023-10-12T18:30:32.879Z',
+        createDate: '2023-10-12T18:30:32.879Z',
+        failedLoginAttempts: 25,
+        userGroupIds: ['user-group-administrators-id'],
+    },
+];

package/dist-cms/mocks/data/{user.data.d.ts → user/user.db.d.ts}

@@ -1,6 +1,6 @@
-import { UmbEntityData } from './entity.data.js';
-import { UmbCurrentUser } from '../../packages/user/current-user/index.js';
-import { CreateUserRequestModel, CreateUserResponseModel, InviteUserRequestModel, PagedUserResponseModel, UpdateUserGroupsOnUserRequestModel, UserItemResponseModel, UserResponseModel } from '../../external/backend-api/index.js';
+import { UmbEntityData } from '../entity.data.js';
+import { UmbCurrentUser } from '../../../packages/user/current-user/index.js';
+import { CreateUserRequestModel, CreateUserResponseModel, InviteUserRequestModel, PagedUserResponseModel, UpdateUserGroupsOnUserRequestModel, UserItemResponseModel, UserResponseModel } from '../../../external/backend-api/index.js';
 declare class UmbUserData extends UmbEntityData<UserResponseModel> {
     constructor(data: UserResponseModel[]);
     /**
@@ -54,8 +54,5 @@ declare class UmbUserData extends UmbEntityData<UserResponseModel> {
     invite(data: InviteUserRequestModel): void;
     filter(options: any): PagedUserResponseModel;
 }
-export declare const data: Array<UserResponseModel & {
-    type: string;
-}>;
 export declare const umbUsersData: UmbUserData;
 export {};

package/dist-cms/mocks/data/{user.data.js → user/user.db.js}

@@ -1,8 +1,9 @@
-import { UmbEntityData } from './entity.data.js';
-import { umbUserGroupData } from './user-group.data.js';
-import { arrayFilter, stringFilter, queryFilter } from './utils.js';
-import { UmbId } from '../../packages/core/id/index.js';
-import { UserStateModel, } from '../../external/backend-api/index.js';
+import { UmbEntityData } from '../entity.data.js';
+import { umbUserGroupData } from '../user-group/user-group.db.js';
+import { arrayFilter, stringFilter, queryFilter } from '../utils.js';
+import { data } from './user.data.js';
+import { UmbId } from '../../../packages/core/id/index.js';
+import { UserStateModel, } from '../../../external/backend-api/index.js';
 const createUserItem = (item) => {
     return {
         name: item.name,
@@ -151,95 +152,4 @@ class UmbUserData extends UmbEntityData {
         return { total: totalItems, items: paginatedItems };
     }
 }
-export const data = [
-    {
-        id: 'bca6c733-a63d-4353-a271-9a8b6bcca8bd',
-        type: 'user',
-        contentStartNodeIds: [],
-        mediaStartNodeIds: [],
-        name: 'Umbraco User',
-        email: 'noreply@umbraco.com',
-        languageIsoCode: 'en-US',
-        state: UserStateModel.ACTIVE,
-        lastLoginDate: '9/10/2022',
-        lastLockoutDate: '11/23/2021',
-        lastPasswordChangeDate: '1/10/2022',
-        updateDate: '2/10/2022',
-        createDate: '3/13/2022',
-        failedLoginAttempts: 946,
-        userGroupIds: [
-            'c630d49e-4e7b-42ea-b2bc-edc0edacb6b1',
-            '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
-            'f4626511-b0d7-4ab1-aebc-a87871a5dcfa',
-        ],
-    },
-    {
-        id: '82e11d3d-b91d-43c9-9071-34d28e62e81d',
-        type: 'user',
-        contentStartNodeIds: ['simple-document-id'],
-        mediaStartNodeIds: ['f2f81a40-c989-4b6b-84e2-057cecd3adc1'],
-        name: 'Amelie Walker',
-        email: 'awalker1@domain.com',
-        languageIsoCode: 'Japanese',
-        state: UserStateModel.INACTIVE,
-        lastLoginDate: '2023-10-12T18:30:32.879Z',
-        lastLockoutDate: null,
-        lastPasswordChangeDate: '2023-10-12T18:30:32.879Z',
-        updateDate: '2023-10-12T18:30:32.879Z',
-        createDate: '2023-10-12T18:30:32.879Z',
-        failedLoginAttempts: 0,
-        userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
-    },
-    {
-        id: 'aa1d83a9-bc7f-47d2-b288-58d8a31f5017',
-        type: 'user',
-        contentStartNodeIds: [],
-        mediaStartNodeIds: [],
-        name: 'Oliver Kim',
-        email: 'okim1@domain.com',
-        languageIsoCode: 'Russian',
-        state: UserStateModel.ACTIVE,
-        lastLoginDate: '2023-10-12T18:30:32.879Z',
-        lastLockoutDate: null,
-        lastPasswordChangeDate: '2023-10-12T18:30:32.879Z',
-        updateDate: '2023-10-12T18:30:32.879Z',
-        createDate: '2023-10-12T18:30:32.879Z',
-        failedLoginAttempts: 0,
-        userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
-    },
-    {
-        id: 'ff2f4a50-d3d4-4bc4-869d-c7948c160e54',
-        type: 'user',
-        contentStartNodeIds: [],
-        mediaStartNodeIds: [],
-        name: 'Eliana Nieves',
-        email: 'enieves1@domain.com',
-        languageIsoCode: 'Spanish',
-        state: UserStateModel.INVITED,
-        lastLoginDate: '2023-10-12T18:30:32.879Z',
-        lastLockoutDate: null,
-        lastPasswordChangeDate: null,
-        updateDate: '2023-10-12T18:30:32.879Z',
-        createDate: '2023-10-12T18:30:32.879Z',
-        failedLoginAttempts: 0,
-        userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
-    },
-    {
-        id: 'c290c6d9-9f12-4838-8567-621b52a178de',
-        type: 'user',
-        contentStartNodeIds: [],
-        mediaStartNodeIds: [],
-        name: 'Jasmine Patel',
-        email: 'jpatel1@domain.com',
-        languageIsoCode: 'Hindi',
-        state: UserStateModel.LOCKED_OUT,
-        lastLoginDate: '2023-10-12T18:30:32.879Z',
-        lastLockoutDate: '2023-10-12T18:30:32.879Z',
-        lastPasswordChangeDate: null,
-        updateDate: '2023-10-12T18:30:32.879Z',
-        createDate: '2023-10-12T18:30:32.879Z',
-        failedLoginAttempts: 25,
-        userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
-    },
-];
 export const umbUsersData = new UmbUserData(data);

package/dist-cms/mocks/data/user-group/user-group.data.d.ts

@@ -0,0 +1,2 @@
+import { UserGroupResponseModel } from '../../../external/backend-api/index.js';
+export declare const data: Array<UserGroupResponseModel>;

package/dist-cms/mocks/data/user-group/user-group.data.js

@@ -0,0 +1,42 @@
+import { UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE, UMB_USER_PERMISSION_DOCUMENT_READ, } from '../../../packages/documents/documents/index.js';
+export const data = [
+    {
+        id: 'user-group-administrators-id',
+        name: 'Administrators',
+        icon: 'icon-medal',
+        documentStartNodeId: 'all-property-editors-document-id',
+        permissions: [
+            UMB_USER_PERMISSION_DOCUMENT_READ,
+            UMB_USER_PERMISSION_DOCUMENT_CREATE,
+            UMB_USER_PERMISSION_DOCUMENT_DELETE,
+        ],
+    },
+    {
+        id: 'user-group-editors-id',
+        name: 'Editors',
+        icon: 'icon-tools',
+        documentStartNodeId: 'all-property-editors-document-id',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
+    {
+        id: 'user-group-sensitive-data-id',
+        name: 'Sensitive data',
+        icon: 'icon-lock',
+        documentStartNodeId: 'all-property-editors-document-id',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
+    {
+        id: 'user-group-translators-id',
+        name: 'Translators',
+        icon: 'icon-globe',
+        documentStartNodeId: 'all-property-editors-document-id',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
+    {
+        id: 'user-group-writers-id',
+        name: 'Writers',
+        icon: 'icon-edit',
+        documentStartNodeId: 'all-property-editors-document-id',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
+];

package/dist-cms/mocks/data/{user-group.data.d.ts → user-group/user-group.db.d.ts}

@@ -1,5 +1,5 @@
-import { UmbEntityData } from './entity.data.js';
-import { UserGroupItemResponseModel, UserGroupResponseModel } from '../../external/backend-api/index.js';
+import { UmbEntityData } from '../entity.data.js';
+import { UserGroupItemResponseModel, UserGroupResponseModel } from '../../../external/backend-api/index.js';
 declare class UmbUserGroupData extends UmbEntityData<UserGroupResponseModel> {
     constructor(data: Array<UserGroupResponseModel>);
     getItems(ids: Array<string>): Array<UserGroupItemResponseModel>;
@@ -11,6 +11,5 @@ declare class UmbUserGroupData extends UmbEntityData<UserGroupResponseModel> {
      */
     getPermissions(userGroupIds: string[]): string[];
 }
-export declare const data: Array<UserGroupResponseModel>;
 export declare const umbUserGroupData: UmbUserGroupData;
 export {};

package/dist-cms/mocks/data/user-group/user-group.db.js

@@ -0,0 +1,33 @@
+import { UmbEntityData } from '../entity.data.js';
+import { data } from './user-group.data.js';
+const createUserGroupItem = (item) => {
+    return {
+        name: item.name,
+        id: item.id,
+        icon: item.icon,
+    };
+};
+class UmbUserGroupData extends UmbEntityData {
+    constructor(data) {
+        super(data);
+    }
+    getItems(ids) {
+        const items = this.data.filter((item) => ids.includes(item.id ?? ''));
+        return items.map((item) => createUserGroupItem(item));
+    }
+    /**
+     * Returns a list of permissions for the given user group ids
+     * @param {string[]} userGroupIds
+     * @return {*}  {string[]}
+     * @memberof UmbUserGroupData
+     */
+    getPermissions(userGroupIds) {
+        const permissions = this.data
+            .filter((userGroup) => userGroupIds.includes(userGroup.id || ''))
+            .map((userGroup) => (userGroup.permissions?.length ? userGroup.permissions : []))
+            .flat();
+        // Remove duplicates
+        return [...new Set(permissions)];
+    }
+}
+export const umbUserGroupData = new UmbUserGroupData(data);

package/dist-cms/mocks/data/user-permission.data.js

@@ -6,7 +6,7 @@ export const data = [
         target: {
             entityType: UMB_DOCUMENT_ENTITY_TYPE,
             documentId: 'simple-document-id',
-            userGroupId: '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
+            userGroupId: 'user-group-administrators-id',
         },
         permissions: [UMB_USER_PERMISSION_DOCUMENT_READ],
     },
@@ -15,7 +15,7 @@ export const data = [
         target: {
             entityType: UMB_DOCUMENT_ENTITY_TYPE,
             documentId: 'simple-document-id',
-            userGroupId: 'f4626511-b0d7-4ab1-aebc-a87871a5dcfa',
+            userGroupId: 'user-group-editors-id',
         },
         permissions: [UMB_USER_PERMISSION_DOCUMENT_READ, UMB_USER_PERMISSION_DOCUMENT_CREATE],
     },
@@ -24,7 +24,7 @@ export const data = [
         target: {
             entityType: UMB_DOCUMENT_ENTITY_TYPE,
             documentId: 'c05da24d-7740-447b-9cdc-bd8ce2172e38',
-            userGroupId: '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
+            userGroupId: 'user-group-administrators-id',
         },
         permissions: [UMB_USER_PERMISSION_DOCUMENT_READ],
     },