@umbraco-cms/backoffice 18.2.0 → 18.3.0-rc

package/dist-cms/packages/user/user/invite/modal/resend-invite/resend-invite-to-user-modal.element.js

@@ -32,14 +32,14 @@ let UmbResendInviteToUserModalElement = class UmbResendInviteToUserModalElement
         }
     }
     render() {
-        return html `<uui-dialog-layout headline="Resend invite">
+        return html `<uui-dialog-layout headline=${this.localize.term('actions_resendInvite')}>
 			${this.#renderForm()}
 
-			<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
+			<uui-button @click=${this._rejectModal} slot="actions" label=${this.localize.term('general_cancel')} look="secondary"></uui-button>
 			<uui-button
 				slot="actions"
 				type="submit"
-				label="Resend invite"
+				label=${this.localize.term('actions_resendInvite')}
 				look="primary"
 				color="positive"
 				form="ResendInviteToUserForm"></uui-button>
@@ -49,7 +49,9 @@ let UmbResendInviteToUserModalElement = class UmbResendInviteToUserModalElement
         return html ` <uui-form>
 			<form id="ResendInviteToUserForm" name="form" @submit="${this.#onSubmitForm}">
 				<uui-form-layout-item>
-					<uui-label id="messageLabel" slot="label" for="message" required>Message</uui-label>
+					<uui-label id="messageLabel" slot="label" for="message" required>
+						<umb-localize key="general_message"></umb-localize>
+					</uui-label>
 					<uui-textarea id="message" label="message" name="message" required></uui-textarea>
 				</uui-form-layout-item>
 			</form>

package/dist-cms/packages/user/user/item/user-item-ref.element.js

@@ -11,7 +11,7 @@ import { css, customElement, html, ifDefined, nothing, property, state } from '.
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../core/router/index.js';
 import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from '../../../core/section/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_MODAL, umbGenerateWorkspaceLink } from '../../../core/workspace/index.js';
 import { createExtensionApiByAlias } from '../../../core/extension-registry/index.js';
 let UmbUserItemRefElement = class UmbUserItemRefElement extends UmbLitElement {
     #item;
@@ -45,19 +45,24 @@ let UmbUserItemRefElement = class UmbUserItemRefElement extends UmbLitElement {
             this._editPath = routeBuilder({});
         });
     }
-    #getHref(item) {
-        if (!this._editPath)
+    #getLink(item) {
+        if (!item.unique)
             return;
-        const path = UMB_EDIT_USER_WORKSPACE_PATH_PATTERN.generateLocal({ unique: item.unique });
-        return `${this._editPath}/${path}`;
+        return umbGenerateWorkspaceLink({
+            pattern: UMB_EDIT_USER_WORKSPACE_PATH_PATTERN,
+            params: { unique: item.unique },
+            routePath: this._editPath,
+        });
     }
     render() {
         if (!this.item)
             return nothing;
+        const link = this.#getLink(this.item);
         return html `
 			<uui-ref-node-user
 				name=${this.item.name}
-				href=${ifDefined(this.#getHref(this.item))}
+				href=${ifDefined(link?.href)}
+				target=${ifDefined(link?.target)}
 				?readonly=${this.readonly || !this._userHasSectionAccess}
 				?standalone=${this.standalone}>
 				<umb-user-avatar

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

@@ -5,6 +5,7 @@ import { manifests as entityActionsManifests } from './entity-actions/manifests.
 import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
 import { manifests as inviteManifests } from './invite/manifests.js';
 import { manifests as itemManifests } from './item/manifests.js';
+import { manifests as menuManifests } from './menu/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
@@ -19,6 +20,7 @@ export const manifests = [
     ...entityBulkActionManifests,
     ...inviteManifests,
     ...itemManifests,
+    ...menuManifests,
     ...menuItemManifests,
     ...modalManifests,
     ...propertyEditorManifests,

package/dist-cms/packages/user/user/menu/manifests.d.ts

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

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

@@ -0,0 +1,28 @@
+import { UMB_USER_WORKSPACE_ALIAS } from '../workspace/user/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceContext',
+        name: 'User Menu Structure Workspace Context',
+        alias: 'Umb.WorkspaceContext.User.Menu.Structure',
+        api: () => import('./user-menu-structure.context.js'),
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceFooterApp',
+        kind: 'menuBreadcrumb',
+        alias: 'Umb.WorkspaceFooterApp.User.Breadcrumb',
+        name: 'User Breadcrumb Workspace Footer App',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist-cms/packages/user/user/menu/user-menu-structure.context.d.ts

@@ -0,0 +1,7 @@
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbMenuListStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+export declare class UmbUserMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    #private;
+    constructor(host: UmbControllerHost);
+}
+export { UmbUserMenuStructureWorkspaceContext as api };

package/dist-cms/packages/user/user/menu/user-menu-structure.context.js

@@ -0,0 +1,37 @@
+import { UMB_USER_ROOT_ENTITY_TYPE } from '../entity.js';
+import { UMB_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
+import { UmbMenuListStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+import { observeMultiple } from '../../../../libs/observable-api/index.js';
+export class UmbUserMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT, (instance) => {
+            if (!instance)
+                return;
+            this.observe(observeMultiple([instance.unique, instance.entityType, instance.name, instance.isNew]), ([unique, entityType, name, isNew]) => this.#requestStructure(unique, entityType, name, isNew), 'umbUserMenuStructureObserver');
+        });
+    }
+    #requestStructure(unique, entityType, name, isNew) {
+        if (!entityType)
+            return;
+        // While new, the item itself does not exist yet, so its ancestors are just the (fixed) root.
+        const items = [
+            {
+                unique: null,
+                entityType: UMB_USER_ROOT_ENTITY_TYPE,
+                name: '#treeHeaders_users',
+                isFolder: false,
+            },
+        ];
+        if (!isNew) {
+            items.push({
+                unique: unique ?? null,
+                entityType,
+                name: name ?? '',
+                isFolder: false,
+            });
+        }
+        this._setStructure(items);
+    }
+}
+export { UmbUserMenuStructureWorkspaceContext as api };

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

@@ -7,6 +7,7 @@ export const manifests = [
         name: 'User Picker Property Editor UI',
         element: () => import('./property-editor-ui-user-picker.element.js'),
         meta: {
+            supportsVariantChange: true,
             label: 'User Picker',
             propertyEditorSchemaAlias: 'Umbraco.UserPicker',
             icon: 'icon-user',

package/dist-cms/packages/user/user/repository/unlock/unlock-user.repository.d.ts

@@ -4,8 +4,9 @@ export declare class UmbUnlockUserRepository extends UmbUserRepositoryBase {
     #private;
     constructor(host: UmbControllerHost);
     unlock(ids: Array<string>): Promise<{
-        data: unknown;
-        error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
+        error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError;
+    } | {
+        error: undefined;
     }>;
 }
 export default UmbUnlockUserRepository;

package/dist-cms/packages/user/user/repository/unlock/unlock-user.repository.js

@@ -1,8 +1,11 @@
 import { UmbUserRepositoryBase } from '../user-repository-base.js';
+import { UmbUserDetailRepository } from '../detail/user-detail.repository.js';
 import { UmbUnlockUserServerDataSource } from './unlock-user.server.data-source.js';
-import { UserStateModel } from '../../../../core/backend-api/index.js';
+import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 export class UmbUnlockUserRepository extends UmbUserRepositoryBase {
     #source;
+    #detailRepository = new UmbUserDetailRepository(this);
+    #localize = new UmbLocalizationController(this);
     constructor(host) {
         super(host);
         this.#source = new UmbUnlockUserServerDataSource(host);
@@ -11,15 +14,21 @@ export class UmbUnlockUserRepository extends UmbUserRepositoryBase {
         if (ids.length === 0)
             throw new Error('User ids are missing');
         await this.init;
-        const { data, error } = await this.#source.unlock(ids);
-        if (!error) {
-            ids.forEach((id) => {
-                this.detailStore?.updateItem(id, { state: UserStateModel.ACTIVE, failedLoginAttempts: 0 });
-            });
-            const notification = { data: { message: `User unlocked` } };
-            this.notificationContext?.peek('positive', notification);
+        const { error } = await this.#source.unlock(ids);
+        if (error) {
+            return { error };
         }
-        return { data, error };
+        const { data } = await this.#detailRepository.requestByUniques(ids);
+        if (!data)
+            throw new Error('Could not load users');
+        let message = this.#localize.term('speechBubbles_unlockUsersSuccess', data.length);
+        if (data.length === 1) {
+            const names = data.map((user) => user.name).join(', ');
+            message = this.#localize.term('speechBubbles_unlockUserSuccess', names);
+        }
+        const notification = { data: { message } };
+        this.notificationContext?.peek('positive', notification);
+        return { error };
     }
 }
 export default UmbUnlockUserRepository;

package/dist-cms/packages/user/user/workspace/user/components/user-workspace-access/user-workspace-access.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_USER_WORKSPACE_CONTEXT } from '../../user-workspace.context-token.js';
-import { html, customElement, state, css } from '../../../../../../../external/lit/index.js';
+import { html, customElement, state, css, nothing } from '../../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../../core/style/index.js';
 import '../user-workspace-assign-access/user-workspace-assign-access.element.js';
@@ -33,35 +33,53 @@ let UmbUserWorkspaceAccessElement = class UmbUserWorkspaceAccessElement extends
 		`;
     }
     #renderDocumentStartNodes() {
-        const uniques = this._calculatedStartNodes?.documentStartNodeUniques.map((reference) => reference.unique) || [];
+        if (!this._calculatedStartNodes)
+            return nothing;
+        const uniques = this._calculatedStartNodes.documentStartNodeUniques.map((reference) => reference.unique);
+        const hasAccess = this._calculatedStartNodes.hasDocumentRootAccess || uniques.length > 0;
         return html `
 			<umb-property-layout label=${this.localize.term('sections_content')} orientation="vertical">
 				<div slot="editor">
-					<umb-user-document-start-node readonly .uniques=${uniques}></umb-user-document-start-node>
+					${hasAccess
+            ? html `<umb-user-document-start-node readonly .uniques=${uniques}></umb-user-document-start-node>`
+            : this.#renderNoStartNodes()}
 				</div>
 			</umb-property-layout>
 		`;
     }
     #renderElementStartNodes() {
-        const uniques = this._calculatedStartNodes?.elementStartNodeUniques.map((reference) => reference.unique) || [];
+        if (!this._calculatedStartNodes)
+            return nothing;
+        const uniques = this._calculatedStartNodes.elementStartNodeUniques.map((reference) => reference.unique);
+        const hasAccess = this._calculatedStartNodes.hasElementRootAccess || uniques.length > 0;
         return html `
 			<umb-property-layout label=${this.localize.term('general_elements')} orientation="vertical">
 				<div slot="editor">
-					<umb-user-element-start-node readonly .uniques=${uniques}></umb-user-element-start-node>
+					${hasAccess
+            ? html `<umb-user-element-start-node readonly .uniques=${uniques}></umb-user-element-start-node>`
+            : this.#renderNoStartNodes()}
 				</div>
 			</umb-property-layout>
 		`;
     }
     #renderMediaStartNodes() {
-        const uniques = this._calculatedStartNodes?.mediaStartNodeUniques.map((reference) => reference.unique) || [];
+        if (!this._calculatedStartNodes)
+            return nothing;
+        const uniques = this._calculatedStartNodes.mediaStartNodeUniques.map((reference) => reference.unique);
+        const hasAccess = this._calculatedStartNodes.hasMediaRootAccess || uniques.length > 0;
         return html `
 			<umb-property-layout label=${this.localize.term('sections_media')} orientation="vertical">
 				<div slot="editor">
-					<umb-user-media-start-node readonly .uniques=${uniques}></umb-user-media-start-node>
+					${hasAccess
+            ? html `<umb-user-media-start-node readonly .uniques=${uniques}></umb-user-media-start-node>`
+            : this.#renderNoStartNodes()}
 				</div>
 			</umb-property-layout>
 		`;
     }
+    #renderNoStartNodes() {
+        return html `<div><umb-localize key="user_noStartNodes">No start nodes selected</umb-localize></div>`;
+    }
     static { this.styles = [
         UmbTextStyles,
         css `

package/dist-cms/packages/user/user/workspace/user/components/user-workspace-assign-access/user-workspace-assign-access.element.d.ts

@@ -1,16 +1,10 @@
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 export declare class UmbUserWorkspaceAssignAccessElement extends UmbLitElement {
     #private;
-    private _userGroupUniques;
-    private _documentStartNodeUniques;
-    private _documentRootAccess;
-    private _elementStartNodeUniques;
-    private _elementRootAccess;
-    private _mediaStartNodeUniques;
-    private _mediaRootAccess;
+    private _values;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static readonly styles: import("lit").CSSResult[];
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist-cms/packages/user/user/workspace/user/components/user-workspace-assign-access/user-workspace-assign-access.element.js

@@ -5,187 +5,95 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_USER_WORKSPACE_CONTEXT } from '../../user-workspace.context-token.js';
-import { css, customElement, html, when, state } from '../../../../../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, repeat, state } from '../../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
-import { UmbTextStyles } from '../../../../../../core/style/index.js';
+import { observeMultiple } from '../../../../../../../libs/observable-api/index.js';
 let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
-        this._userGroupUniques = [];
-        this._documentStartNodeUniques = [];
-        this._documentRootAccess = false;
-        this._elementStartNodeUniques = [];
-        this._elementRootAccess = false;
-        this._mediaStartNodeUniques = [];
-        this._mediaRootAccess = false;
+        this._values = [
+            { alias: 'userGroups', value: [] },
+            { alias: 'documentAccess', value: { rootAccess: false, startNodes: [] } },
+            { alias: 'mediaAccess', value: { rootAccess: false, startNodes: [] } },
+            { alias: 'elementAccess', value: { rootAccess: false, startNodes: [] } },
+        ];
         this.consumeContext(UMB_USER_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
-            this.observe(this.#workspaceContext?.userGroupUniques, (value) => (this._userGroupUniques = value ?? []), '_observeUserGroupAccess');
-            this.observe(this.#workspaceContext?.hasDocumentRootAccess, (value) => (this._documentRootAccess = value ?? false), '_observeDocumentRootAccess');
-            this.observe(this.#workspaceContext?.documentStartNodeUniques, (value) => (this._documentStartNodeUniques = value ?? []), '_observeDocumentStartNode');
-            this.observe(this.#workspaceContext?.hasElementRootAccess, (value) => (this._elementRootAccess = value ?? false), '_observeElementRootAccess');
-            this.observe(this.#workspaceContext?.elementStartNodeUniques, (value) => (this._elementStartNodeUniques = value ?? []), '_observeElementStartNode');
-            this.observe(this.#workspaceContext?.hasMediaRootAccess, (value) => (this._mediaRootAccess = value ?? false), '_observeMediaRootAccess');
-            this.observe(this.#workspaceContext?.mediaStartNodeUniques, (value) => (this._mediaStartNodeUniques = value ?? []), '_observeMediaStartNode');
+            if (!instance)
+                return;
+            this.observe(instance.userGroupUniques, (value) => this.#setValue('userGroups', value ?? []), '_observeUserGroupAccess');
+            this.observe(observeMultiple([instance.hasDocumentRootAccess, instance.documentStartNodeUniques]), ([rootAccess, startNodes]) => this.#setValue('documentAccess', { rootAccess: rootAccess ?? false, startNodes: startNodes ?? [] }), '_observeDocumentAccess');
+            this.observe(observeMultiple([instance.hasMediaRootAccess, instance.mediaStartNodeUniques]), ([rootAccess, startNodes]) => this.#setValue('mediaAccess', { rootAccess: rootAccess ?? false, startNodes: startNodes ?? [] }), '_observeMediaAccess');
+            this.observe(observeMultiple([instance.hasElementRootAccess, instance.elementStartNodeUniques]), ([rootAccess, startNodes]) => this.#setValue('elementAccess', { rootAccess: rootAccess ?? false, startNodes: startNodes ?? [] }), '_observeElementAccess');
         });
     }
-    #onUserGroupsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        const selection = target.selection.map((unique) => {
-            return { unique };
-        });
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('userGroupUniques', selection);
-    }
-    #onAllowAllDocumentsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('hasDocumentRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('documentStartNodeUniques', []);
-    }
-    #onDocumentStartNodeChange(event) {
-        event.stopPropagation();
-        // TODO: get back to this when media have been decoupled from users.
-        // The event target is deliberately set to any to avoid an import cycle with media.
-        const target = event.target;
-        const selection = target.selection.map((unique) => ({ unique }));
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('documentStartNodeUniques', selection);
-        // When specific start nodes are selected, disable root access
-        this.#workspaceContext?.updateProperty('hasDocumentRootAccess', false);
-    }
-    #onAllowAllElementsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('hasElementRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('elementStartNodeUniques', []);
+    #setValue(alias, value) {
+        this._values = this._values.map((entry) => (entry.alias === alias ? { alias, value } : entry));
     }
-    #onElementStartNodeChange(event) {
-        event.stopPropagation();
-        // TODO: get back to this when media have been decoupled from users.
-        // The event target is deliberately set to any to avoid an import cycle with media.
-        const target = event.target;
-        const selection = target.selection.map((unique) => ({ unique }));
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('elementStartNodeUniques', selection);
-        // When specific start nodes are selected, disable root access
-        this.#workspaceContext?.updateProperty('hasElementRootAccess', false);
+    #onChange(event) {
+        const values = event.target.value;
+        const userGroups = values.find((entry) => entry.alias === 'userGroups')?.value;
+        this.#workspaceContext?.setUserGroups(userGroups ?? []);
+        const documentAccess = values.find((entry) => entry.alias === 'documentAccess')?.value;
+        if (documentAccess)
+            this.#workspaceContext?.setDocumentAccess(documentAccess);
+        const mediaAccess = values.find((entry) => entry.alias === 'mediaAccess')?.value;
+        if (mediaAccess)
+            this.#workspaceContext?.setMediaAccess(mediaAccess);
+        const elementAccess = values.find((entry) => entry.alias === 'elementAccess')?.value;
+        if (elementAccess)
+            this.#workspaceContext?.setElementAccess(elementAccess);
     }
-    #onAllowAllMediaChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('hasMediaRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('mediaStartNodeUniques', []);
-    }
-    #onMediaStartNodeChange(event) {
-        event.stopPropagation();
-        // TODO: get back to this when media have been decoupled from users.
-        // The event target is deliberately set to any to avoid an import cycle with media.
-        const target = event.target;
-        const selection = target.selection.map((unique) => ({ unique }));
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('mediaStartNodeUniques', selection);
-        // When specific start nodes are selected, disable root access
-        this.#workspaceContext?.updateProperty('hasMediaRootAccess', false);
+    #getFields() {
+        return [
+            {
+                alias: 'userGroups',
+                label: this.localize.term('general_groups'),
+                description: this.localize.term('user_groupsHelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.UserGroupPicker',
+            },
+            {
+                alias: 'documentAccess',
+                label: this.localize.term('user_startnodes'),
+                description: this.localize.term('user_startnodeshelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.DocumentStartNodeAccess',
+                config: [{ alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllDocuments') }],
+            },
+            {
+                alias: 'mediaAccess',
+                label: this.localize.term('defaultdialogs_selectMediaStartNode'),
+                description: this.localize.term('user_mediastartnodehelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.MediaStartNodeAccess',
+                config: [{ alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllMedia') }],
+            },
+            {
+                alias: 'elementAccess',
+                label: this.localize.term('user_selectElementStartNode'),
+                description: this.localize.term('user_selectElementStartNodeDescription'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.ElementStartNodeAccess',
+                config: [{ alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllElements') }],
+            },
+        ];
     }
     render() {
         return html `
-			<uui-box>
-				<div slot="headline"><umb-localize key="user_assignAccess">Assign Access</umb-localize></div>
-				<div id="assign-access">
-					${this.#renderGroupAccess()} ${this.#renderDocumentAccess()} ${this.#renderMediaAccess()}
-					${this.#renderElementAccess()}
-				</div>
+			<uui-box .headline=${this.localize.term('user_assignAccess')}>
+				<umb-property-dataset .value=${this._values} @change=${this.#onChange}>
+					${repeat(this.#getFields(), (field) => field.alias, (field) => html `
+							<umb-property
+								alias=${field.alias}
+								label=${field.label}
+								description=${ifDefined(field.description)}
+								property-editor-ui-alias=${field.propertyEditorUiAlias}
+								.config=${field.config}>
+							</umb-property>
+						`)}
+				</umb-property-dataset>
 			</uui-box>
 		`;
     }
-    #renderGroupAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('general_groups')}
-				description=${this.localize.term('user_groupsHelp')}>
-				<umb-user-group-input
-					slot="editor"
-					.selection=${this._userGroupUniques.map((reference) => reference.unique)}
-					@change=${this.#onUserGroupsChange}></umb-user-group-input>
-			</umb-property-layout>
-		`;
-    }
-    #renderDocumentAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('user_startnodes')}
-				description=${this.localize.term('user_startnodeshelp')}>
-				<div slot="editor">
-					<uui-toggle
-						style="margin-bottom: var(--uui-size-space-3);"
-						label=${this.localize.term('user_allowAccessToAllDocuments')}
-						.checked=${this._documentRootAccess}
-						@change=${this.#onAllowAllDocumentsChange}></uui-toggle>
-				</div>
-				${when(this._documentRootAccess === false, () => html `
-						<umb-input-document
-							slot="editor"
-							.selection=${this._documentStartNodeUniques.map((reference) => reference.unique)}
-							@change=${this.#onDocumentStartNodeChange}>
-						</umb-input-document>
-					`)}
-			</umb-property-layout>
-		`;
-    }
-    #renderElementAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('user_selectElementStartNode')}
-				description=${this.localize.term('user_selectElementStartNodeDescription')}>
-				<div slot="editor">
-					<uui-toggle
-						style="margin-bottom: var(--uui-size-space-3);"
-						label=${this.localize.term('user_allowAccessToAllElements')}
-						.checked=${this._elementRootAccess}
-						@change=${this.#onAllowAllElementsChange}></uui-toggle>
-				</div>
-				${when(this._elementRootAccess === false, () => html `
-						<umb-input-element
-							slot="editor"
-							.selection=${this._elementStartNodeUniques.map((reference) => reference.unique)}
-							?folderOnly=${true}
-							@change=${this.#onElementStartNodeChange}>
-						</umb-input-element>
-					`)}
-			</umb-property-layout>
-		`;
-    }
-    #renderMediaAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('defaultdialogs_selectMediaStartNode')}
-				description=${this.localize.term('user_mediastartnodehelp')}>
-				<div slot="editor">
-					<uui-toggle
-						style="margin-bottom: var(--uui-size-space-3);"
-						label=${this.localize.term('user_allowAccessToAllMedia')}
-						.checked=${this._mediaRootAccess}
-						@change=${this.#onAllowAllMediaChange}></uui-toggle>
-				</div>
-				${when(this._mediaRootAccess === false, () => html `
-						<umb-input-media
-							slot="editor"
-							folder-filter="foldersOnly"
-							.selection=${this._mediaStartNodeUniques.map((reference) => reference.unique)}
-							@change=${this.#onMediaStartNodeChange}>
-						</umb-input-media>
-					`)}
-			</umb-property-layout>
-		`;
-    }
     static { this.styles = [
-        UmbTextStyles,
         css `
 			:host {
 				display: block;
@@ -195,25 +103,7 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
 };
 __decorate([
     state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_userGroupUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_documentStartNodeUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_documentRootAccess", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_elementStartNodeUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_elementRootAccess", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_mediaStartNodeUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_mediaRootAccess", void 0);
+], UmbUserWorkspaceAssignAccessElement.prototype, "_values", void 0);
 UmbUserWorkspaceAssignAccessElement = __decorate([
     customElement('umb-user-workspace-assign-access')
 ], UmbUserWorkspaceAssignAccessElement);

package/dist-cms/packages/user/user/workspace/user/user-workspace-editor.element.js

@@ -4,14 +4,13 @@ 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 { UMB_USER_ROOT_WORKSPACE_PATH } from '../../paths.js';
 import { css, html, customElement } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement extends UmbLitElement {
     render() {
         return html `
-			<umb-entity-detail-workspace-editor .backPath=${UMB_USER_ROOT_WORKSPACE_PATH}>
+			<umb-entity-detail-workspace-editor show-back-to-parent-button>
 				<umb-workspace-header-name-editable slot="header"></umb-workspace-header-name-editable>
 			</umb-entity-detail-workspace-editor>
 		`;