@umbraco-cms/backoffice 14.0.0-40e04294 → 14.0.0-45828375

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

@@ -0,0 +1,61 @@
+import { UmbEntityData } from './entity.data.js';
+import { UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE, UMB_USER_PERMISSION_DOCUMENT_READ, } from '../../packages/documents/documents/index.js';
+const createUserGroupItem = (item) => {
+    return {
+        name: item.name,
+        id: item.id,
+        icon: item.icon,
+    };
+};
+// Temp mocked database
+class UmbUserGroupData extends UmbEntityData {
+    constructor(data) {
+        super(data);
+    }
+    getAll() {
+        return {
+            total: this.data.length,
+            items: this.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 data = [
+    {
+        id: 'c630d49e-4e7b-42ea-b2bc-edc0edacb6b1',
+        name: 'Administrators',
+        icon: 'umb:medal',
+        documentStartNodeId: 'all-property-editors-document-id',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
+    {
+        id: '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
+        name: 'User Group 1',
+        icon: 'umb:bell',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
+    {
+        id: 'f4626511-b0d7-4ab1-aebc-a87871a5dcfa',
+        name: 'User Group 2',
+        icon: 'umb:ball',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_READ],
+    },
+];
+export const umbUserGroupData = new UmbUserGroupData(data);

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

@@ -0,0 +1,15 @@
+import { UmbEntityData } from './entity.data.js';
+import { UmbLoggedInUser } from '../../shared/auth/index.js';
+import { PagedUserResponseModel, UpdateUserGroupsOnUserRequestModel, UserItemResponseModel, UserResponseModel } from '../../external/backend-api/index.js';
+declare class UmbUserData extends UmbEntityData<UserResponseModel> {
+    constructor(data: UserResponseModel[]);
+    getAll(): PagedUserResponseModel;
+    getItems(ids: Array<string>): Array<UserItemResponseModel>;
+    setUserGroups(data: UpdateUserGroupsOnUserRequestModel): void;
+    getCurrentUser(): UmbLoggedInUser;
+}
+export declare const data: Array<UserResponseModel & {
+    type: string;
+}>;
+export declare const umbUsersData: UmbUserData;
+export {};

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

@@ -1,7 +1,14 @@
-import { UmbData } from './data.js';
-import { UserStateModel } from '../../external/backend-api/index.js';
+import { UmbEntityData } from './entity.data.js';
+import { umbUserGroupData } from './user-group.data.js';
+import { UserStateModel, } from '../../external/backend-api/index.js';
+const createUserItem = (item) => {
+    return {
+        name: item.name,
+        id: item.id,
+    };
+};
 // Temp mocked database
-class UmbUsersData extends UmbData {
+class UmbUserData extends UmbEntityData {
     constructor(data) {
         super(data);
     }
@@ -11,11 +18,19 @@ class UmbUsersData extends UmbData {
             items: this.data,
         };
     }
-    getById(id) {
-        return this.data.find((user) => user.id === id);
+    getItems(ids) {
+        const items = this.data.filter((item) => ids.includes(item.id ?? ''));
+        return items.map((item) => createUserItem(item));
+    }
+    setUserGroups(data) {
+        const users = this.data.filter((user) => data.userIds?.includes(user.id ?? ''));
+        users.forEach((user) => {
+            user.userGroupIds = data.userGroupIds;
+        });
     }
     getCurrentUser() {
         const firstUser = this.data[0];
+        const permissions = firstUser.userGroupIds?.length ? umbUserGroupData.getPermissions(firstUser.userGroupIds) : [];
         return {
             id: firstUser.id,
             name: firstUser.name,
@@ -27,42 +42,9 @@ class UmbUsersData extends UmbData {
             languages: [],
             contentStartNodeIds: firstUser.contentStartNodeIds,
             mediaStartNodeIds: firstUser.mediaStartNodeIds,
-            permissions: [],
+            permissions,
         };
     }
-    save(id, saveItem) {
-        const foundIndex = this.data.findIndex((item) => item.id === id);
-        if (foundIndex !== -1) {
-            // update
-            this.data[foundIndex] = saveItem;
-            this.updateData(saveItem);
-        }
-        else {
-            // new
-            this.data.push(saveItem);
-        }
-        return saveItem;
-    }
-    updateData(updateItem) {
-        const itemIndex = this.data.findIndex((item) => item.id === updateItem.id);
-        const item = this.data[itemIndex];
-        console.log('updateData', updateItem, itemIndex, item);
-        if (!item)
-            return;
-        const itemKeys = Object.keys(item);
-        const newItem = {};
-        for (const [key] of Object.entries(updateItem)) {
-            if (itemKeys.indexOf(key) !== -1) {
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                newItem[key] = updateItem[key];
-            }
-        }
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        this.data[itemIndex] = newItem;
-        console.log('updateData', this.data[itemIndex]);
-    }
 }
 export const data = [
     {
@@ -80,7 +62,11 @@ export const data = [
         updateDate: '2/10/2022',
         createDate: '3/13/2022',
         failedLoginAttempts: 946,
-        userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
+        userGroupIds: [
+            'c630d49e-4e7b-42ea-b2bc-edc0edacb6b1',
+            '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
+            'f4626511-b0d7-4ab1-aebc-a87871a5dcfa',
+        ],
     },
     {
         id: '82e11d3d-b91d-43c9-9071-34d28e62e81d',
@@ -151,4 +137,4 @@ export const data = [
         userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
     },
 ];
-export const umbUsersData = new UmbUsersData(data);
+export const umbUsersData = new UmbUserData(data);

package/dist-cms/mocks/handlers/dictionary.handlers.js

@@ -125,8 +125,8 @@ export const handlers = [
         const id = req.params.id;
         if (!id)
             return;
-        const deletedKeys = umbDictionaryData.delete([id]);
-        return res(ctx.status(200), ctx.json(deletedKeys));
+        umbDictionaryData.delete([id]);
+        return res(ctx.status(200));
     }),
     // TODO => handle properly, querystring breaks handler
     rest.get('/umbraco/management/api/v1/dictionary/:id/export', (req, res, ctx) => {

package/dist-cms/mocks/handlers/media.handlers.js

@@ -1,7 +1,15 @@
 const { rest } = window.MockServiceWorker;
 import { umbMediaData } from '../data/media.data.js';
+import { umbracoPath } from '../../shared/utils/index.js';
 // TODO: add schema
 export const handlers = [
+    rest.get(umbracoPath('/media/item'), (req, res, ctx) => {
+        const ids = req.url.searchParams.getAll('id');
+        if (!ids)
+            return;
+        const items = umbMediaData.getItems(ids);
+        return res(ctx.status(200), ctx.json(items));
+    }),
     rest.get('/umbraco/management/api/v1/media/details/:id', (req, res, ctx) => {
         console.warn('Please move to schema');
         const id = req.params.id;

package/dist-cms/mocks/handlers/partial-views.handlers.js

@@ -40,14 +40,14 @@ const detailHandlers = [
         const path = req.url.searchParams.get('path');
         if (!path)
             return res(ctx.status(400));
-        const response = umbPartialViewsData.delete([path]);
-        return res(ctx.status(200), ctx.json(response));
+        umbPartialViewsData.delete([path]);
+        return res(ctx.status(200));
     }),
     rest.put(umbracoPath('/partial-view'), (req, res, ctx) => {
         const requestBody = req.json();
         if (!requestBody)
             return res(ctx.status(400, 'no body found'));
-        const response = umbPartialViewsData.updateData(requestBody);
+        umbPartialViewsData.updateData(requestBody);
         return res(ctx.status(200));
     }),
 ];

package/dist-cms/mocks/handlers/user-group/collection.handlers.d.ts

@@ -0,0 +1 @@
+export declare const collectionHandlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/user-group/collection.handlers.js

@@ -0,0 +1,10 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupData } from '../../data/user-group.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const collectionHandlers = [
+    rest.get(umbracoPath(`${slug}`), (req, res, ctx) => {
+        const response = umbUserGroupData.getAll();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];

package/dist-cms/mocks/handlers/user-group/detail.handlers.d.ts

@@ -0,0 +1 @@
+export declare const detailHandlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/user-group/detail.handlers.js

@@ -0,0 +1,37 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupData } from '../../data/user-group.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const detailHandlers = [
+    rest.post(umbracoPath(`${slug}`), async (req, res, ctx) => {
+        const data = await req.json();
+        if (!data)
+            return;
+        umbUserGroupData.insert(data);
+        return res(ctx.status(200));
+    }),
+    rest.get(umbracoPath(`${slug}/:id`), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const dataType = umbUserGroupData.getById(id);
+        return res(ctx.status(200), ctx.json(dataType));
+    }),
+    rest.put(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const data = await req.json();
+        if (!data)
+            return;
+        umbUserGroupData.save(id, data);
+        return res(ctx.status(200));
+    }),
+    rest.delete(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        umbUserGroupData.delete([id]);
+        return res(ctx.status(200));
+    }),
+];

package/dist-cms/mocks/handlers/user-group/index.js

@@ -0,0 +1,4 @@
+import { collectionHandlers } from './collection.handlers.js';
+import { detailHandlers } from './detail.handlers.js';
+import { itemHandlers } from './item.handlers.js';
+export const handlers = [...itemHandlers, ...collectionHandlers, ...detailHandlers];

package/dist-cms/mocks/handlers/user-group/item.handlers.d.ts

@@ -0,0 +1 @@
+export declare const itemHandlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/user-group/item.handlers.js

@@ -0,0 +1,13 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupData } from '../../data/user-group.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const itemHandlers = [
+    rest.get(umbracoPath(`${slug}/item`), (req, res, ctx) => {
+        const ids = req.url.searchParams.getAll('id');
+        if (!ids)
+            return;
+        const items = umbUserGroupData.getItems(ids);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];

package/dist-cms/mocks/handlers/user-group/slug.d.ts

@@ -0,0 +1 @@
+export declare const slug = "/user-group";

package/dist-cms/mocks/handlers/user-group/slug.js

@@ -0,0 +1 @@
+export const slug = '/user-group';

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

@@ -1,8 +1,22 @@
 const { rest } = window.MockServiceWorker;
-import { umbUsersData } from '../data/users.data.js';
+import { umbUsersData } from '../data/user.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
 const slug = '/user';
 export const handlers = [
+    rest.get(umbracoPath(`${slug}/item`), (req, res, ctx) => {
+        const ids = req.url.searchParams.getAll('id');
+        if (!ids)
+            return;
+        const items = umbUsersData.getItems(ids);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+    rest.post(umbracoPath(`${slug}/set-user-groups`), async (req, res, ctx) => {
+        const data = await req.json();
+        if (!data)
+            return;
+        umbUsersData.setUserGroups(data);
+        return res(ctx.status(200));
+    }),
     rest.get(umbracoPath(`${slug}/filter`), (req, res, ctx) => {
         //TODO: Implementer filter
         const response = umbUsersData.getAll();

package/dist-cms/packages/core/components/input-list-base/input-list-base.js

@@ -42,7 +42,7 @@ export class UmbInputListBaseElement extends UmbLitElement {
     }
     renderButton() {
         return html `<uui-button id="add-button" look="placeholder" @click=${this._openPicker} label="open">
-			Add
+			${this.localize.term('general_add')}
 		</uui-button>`;
     }
     renderContent() {

package/dist-cms/packages/core/components/input-section/input-section.element.d.ts

@@ -1,5 +1,5 @@
 import { UmbInputListBaseElement } from '../input-list-base/input-list-base.js';
-export declare class UmbInputPickerSectionElement extends UmbInputListBaseElement {
+export declare class UmbInputSectionElement extends UmbInputListBaseElement {
     private _sections;
     connectedCallback(): void;
     private _observeSections;
@@ -9,6 +9,6 @@ export declare class UmbInputPickerSectionElement extends UmbInputListBaseElemen
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-input-section': UmbInputPickerSectionElement;
+        'umb-input-section': UmbInputSectionElement;
     }
 }

package/dist-cms/packages/core/components/input-section/input-section.element.js

@@ -5,11 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbInputListBaseElement } from '../input-list-base/input-list-base.js';
-import { UmbTextStyles } from "../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
 import { UMB_SECTION_PICKER_MODAL } from '../../modal/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
-export let UmbInputPickerSectionElement = class UmbInputPickerSectionElement extends UmbInputListBaseElement {
+export let UmbInputSectionElement = class UmbInputSectionElement extends UmbInputListBaseElement {
     constructor() {
         super(...arguments);
         this._sections = [];
@@ -84,7 +84,7 @@ export let UmbInputPickerSectionElement = class UmbInputPickerSectionElement ext
 };
 __decorate([
     state()
-], UmbInputPickerSectionElement.prototype, "_sections", void 0);
-UmbInputPickerSectionElement = __decorate([
+], UmbInputSectionElement.prototype, "_sections", void 0);
+UmbInputSectionElement = __decorate([
     customElement('umb-input-section')
-], UmbInputPickerSectionElement);
+], UmbInputSectionElement);

package/dist-cms/packages/core/extension-registry/conditions/types.d.ts

@@ -1,5 +1,6 @@
 import type { SectionAliasConditionConfig } from './section-alias.condition.js';
 import type { SwitchConditionConfig } from './switch.condition.js';
 import type { WorkspaceAliasConditionConfig } from '../../workspace/index.js';
-import { UmbConditionConfigBase } from '../../../../libs/extension-api/index.js';
-export type ConditionTypes = SectionAliasConditionConfig | WorkspaceAliasConditionConfig | SwitchConditionConfig | UmbConditionConfigBase;
+import type { UmbConditionConfigBase } from '../../../../libs/extension-api/index.js';
+import type { UserPermissionConditionConfig } from '../../../users/current-user/index.js';
+export type ConditionTypes = SectionAliasConditionConfig | WorkspaceAliasConditionConfig | SwitchConditionConfig | UserPermissionConditionConfig | UmbConditionConfigBase;

package/dist-cms/packages/core/extension-registry/models/index.d.ts

@@ -28,6 +28,8 @@ import type { ManifestWorkspace } from './workspace.model.js';
 import type { ManifestWorkspaceAction } from './workspace-action.model.js';
 import type { ManifestWorkspaceEditorView } from './workspace-editor-view.model.js';
 import type { ManifestWorkspaceViewCollection } from './workspace-view-collection.model.js';
+import type { ManifestUserPermission } from './user-permission.model.js';
+import type { ManifestUserGranularPermission } from './user-granular-permission.model.js';
 import type { ManifestBase, ManifestBundle, ManifestCondition, ManifestEntryPoint } from '../../../../libs/extension-api/index.js';
 export * from './collection-view.model.js';
 export * from './dashboard-collection.model.js';
@@ -59,4 +61,6 @@ export * from './workspace-action.model.js';
 export * from './workspace-view-collection.model.js';
 export * from './workspace-editor-view.model.js';
 export * from './workspace.model.js';
-export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;
+export * from './user-permission.model.js';
+export * from './user-granular-permission.model.js';
+export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestUserPermission | ManifestUserGranularPermission | ManifestBase;

package/dist-cms/packages/core/extension-registry/models/index.js

@@ -28,3 +28,5 @@ export * from './workspace-action.model.js';
 export * from './workspace-view-collection.model.js';
 export * from './workspace-editor-view.model.js';
 export * from './workspace.model.js';
+export * from './user-permission.model.js';
+export * from './user-granular-permission.model.js';

package/dist-cms/packages/core/extension-registry/models/user-granular-permission.model.d.ts

@@ -0,0 +1,8 @@
+import type { ManifestElement } from '../../../../libs/extension-api/index.js';
+export interface ManifestUserGranularPermission extends ManifestElement {
+    type: 'userGranularPermission';
+    meta: MetaUserGranularPermission;
+}
+export interface MetaUserGranularPermission {
+    entityType: string;
+}

package/dist-cms/packages/core/extension-registry/models/user-granular-permission.model.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/core/extension-registry/models/user-permission.model.d.ts

@@ -0,0 +1,11 @@
+import type { ManifestBase } from '../../../../libs/extension-api/index.js';
+export interface ManifestUserPermission extends ManifestBase {
+    type: 'userPermission';
+    meta: MetaUserPermission;
+}
+export interface MetaUserPermission {
+    label: string;
+    entityType: string;
+    description?: string;
+    group?: string;
+}

package/dist-cms/packages/core/extension-registry/models/user-permission.model.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/core/modal/common/entity-user-permission-settings/entity-user-permission-settings-modal.element.d.ts

@@ -0,0 +1,19 @@
+import { UmbEntityUserPermissionSettingsModalData, UmbEntityUserPermissionSettingsModalResult, UmbModalContext } from '../../index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+export declare class UmbEntityUserPermissionSettingsModalElement extends UmbLitElement {
+    #private;
+    modalContext?: UmbModalContext<UmbEntityUserPermissionSettingsModalData, UmbEntityUserPermissionSettingsModalResult>;
+    data?: UmbEntityUserPermissionSettingsModalData;
+    private _userPermissionManifests;
+    private _handleConfirm;
+    private _handleCancel;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbEntityUserPermissionSettingsModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-entity-user-permission-modal': UmbEntityUserPermissionSettingsModalElement;
+    }
+}

package/dist-cms/packages/core/modal/common/entity-user-permission-settings/entity-user-permission-settings-modal.element.js

@@ -0,0 +1,97 @@
+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 { html, customElement, property, state, css } from '../../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
+export let UmbEntityUserPermissionSettingsModalElement = class UmbEntityUserPermissionSettingsModalElement extends UmbLitElement {
+    _handleConfirm() {
+        this.modalContext?.submit();
+    }
+    _handleCancel() {
+        this.modalContext?.reject();
+    }
+    constructor() {
+        super();
+        this._userPermissionManifests = [];
+        this.observe(umbExtensionsRegistry.extensionsOfType('userPermission'), (userPermissionManifests) => (this._userPermissionManifests = userPermissionManifests));
+    }
+    render() {
+        return html `
+			<umb-body-layout headline="Hello">
+				<uui-box>
+					Render user permissions for ${this.data?.entityType} ${this.data?.unique}
+					${this._userPermissionManifests.map((permission) => this.#renderPermission(permission))}
+
+					<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._handleCancel}">Cancel</uui-button>
+					<uui-button
+						slot="actions"
+						id="confirm"
+						color="positive"
+						look="primary"
+						label="Confirm"
+						@click=${this._handleConfirm}></uui-button>
+				</uui-box>
+			</umb-body-layout>
+		`;
+    }
+    #onChangeUserPermission(event, userPermissionManifest) {
+        console.log(userPermissionManifest);
+        console.log(event.target.checked);
+    }
+    #isAllowed(userPermissionManifest) {
+        return true;
+        //return this._userGroup?.permissions?.includes(userPermissionManifest.alias);
+    }
+    #renderPermission(userPermissionManifest) {
+        return html `<div
+			style="display: flex; align-items:center; border-bottom: 1px solid var(--uui-color-divider); padding: 9px 0 12px 0;">
+			<uui-toggle
+				label=${userPermissionManifest.meta.label}
+				?checked=${this.#isAllowed(userPermissionManifest)}
+				@change=${(event) => this.#onChangeUserPermission(event, userPermissionManifest)}>
+				<div class="permission-meta">
+					<div class="permission-name">${userPermissionManifest.meta.label}</div>
+					<small>${userPermissionManifest.meta.description}</small>
+				</div>
+			</uui-toggle>
+		</div>`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			.permission-toggle {
+				display: flex;
+				align-items: center;
+				border-bottom: 1px solid var(--uui-color-divider);
+				padding: var(--uui-size-space-3) 0 var(--uui-size-space-4) 0;
+			}
+
+			.permission-meta {
+				margin-left: var(--uui-size-space-4);
+				line-height: 1.2em;
+			}
+
+			.permission-name {
+				font-weight: bold;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ attribute: false })
+], UmbEntityUserPermissionSettingsModalElement.prototype, "modalContext", void 0);
+__decorate([
+    property({ type: Object })
+], UmbEntityUserPermissionSettingsModalElement.prototype, "data", void 0);
+__decorate([
+    state()
+], UmbEntityUserPermissionSettingsModalElement.prototype, "_userPermissionManifests", void 0);
+UmbEntityUserPermissionSettingsModalElement = __decorate([
+    customElement('umb-entity-user-permission-settings-modal')
+], UmbEntityUserPermissionSettingsModalElement);
+export default UmbEntityUserPermissionSettingsModalElement;

package/dist-cms/packages/core/modal/common/manifests.js

@@ -59,5 +59,11 @@ const modals = [
         name: 'Tree Picker Modal',
         loader: () => import('./tree-picker/tree-picker-modal.element.js'),
     },
+    {
+        type: 'modal',
+        alias: 'Umb.Modal.EntityUserPermissionSettings',
+        name: 'Entity User Permission Settings Modal',
+        loader: () => import('./entity-user-permission-settings/entity-user-permission-settings-modal.element.js'),
+    },
 ];
 export const manifests = [...modals];

package/dist-cms/packages/core/modal/common/tree-picker/tree-picker-modal.element.js

@@ -4,9 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { css, html, customElement, state } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from "../../../../../shared/style/index.js";
+import { html, customElement, state } from '../../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+import { UmbSelectedEvent } from '../../../../../shared/umb-events/index.js';
 export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
@@ -22,6 +23,7 @@ export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends U
         e.stopPropagation();
         const element = e.target;
         this._selection = element.selection;
+        this.dispatchEvent(new UmbSelectedEvent());
     }
     #submit() {
         this.modalContext?.submit({ selection: this._selection });
@@ -48,7 +50,7 @@ export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends U
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UmbTextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     state()

package/dist-cms/packages/core/modal/token/entity-user-permission-settings-modal.token.d.ts

@@ -0,0 +1,7 @@
+import { UmbModalToken } from '../index.js';
+export interface UmbEntityUserPermissionSettingsModalData {
+    unique: string;
+    entityType: Array<string>;
+}
+export type UmbEntityUserPermissionSettingsModalResult = undefined;
+export declare const UMB_ENTITY_USER_PERMISSION_MODAL: UmbModalToken<UmbEntityUserPermissionSettingsModalData, undefined>;

package/dist-cms/packages/core/modal/token/entity-user-permission-settings-modal.token.js

@@ -0,0 +1,4 @@
+import { UmbModalToken } from '../index.js';
+export const UMB_ENTITY_USER_PERMISSION_MODAL = new UmbModalToken('Umb.Modal.EntityUserPermissionSettings', {
+    type: 'sidebar',
+});

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -33,3 +33,4 @@ export * from './data-type-picker-modal.token.js';
 export * from './workspace-modal.token.js';
 export * from './data-type-picker-flow-modal.token.js';
 export * from './data-type-picker-flow-data-type-picker-modal.token.js';
+export * from './entity-user-permission-settings-modal.token.js';