@umbraco-cms/backoffice 18.2.1 → 18.3.0-rc

package/dist-cms/packages/user/user/workspace/user/user-workspace.context.d.ts

@@ -4,8 +4,11 @@ import { UmbUserAvatarRepository } from '../../repository/avatar/index.js';
 import { UmbUserConfigRepository } from '../../repository/config/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../../core/workspace/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbReferenceByUnique } from '../../../../core/models/index.js';
+import type { UmbStartNodeAccessValue } from '../../../../core/property-editor/index.js';
 import type { UmbRepositoryResponseWithAsObservable } from '../../../../core/repository/index.js';
 import type { UmbSubmittableWorkspaceContext } from '../../../../core/workspace/index.js';
+import type { UmbEntityModel } from '../../../../core/entity/index.js';
 type EntityType = UmbUserDetailModel;
 export declare class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<EntityType, UmbUserDetailRepository> implements UmbSubmittableWorkspaceContext {
     #private;
@@ -13,19 +16,24 @@ export declare class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspa
     readonly configRepository: UmbUserConfigRepository;
     readonly state: import("rxjs").Observable<import("../../../../core/backend-api/index.js").UserStateModel | null | undefined>;
     readonly kind: import("rxjs").Observable<import("../../index.js").UmbUserKindType | undefined>;
-    readonly userGroupUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
-    readonly documentStartNodeUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
+    readonly userGroupUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
+    readonly documentStartNodeUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
     readonly hasDocumentRootAccess: import("rxjs").Observable<boolean>;
-    readonly elementStartNodeUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
+    readonly elementStartNodeUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
     readonly hasElementRootAccess: import("rxjs").Observable<boolean>;
-    readonly mediaStartNodeUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
+    readonly mediaStartNodeUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
     readonly hasMediaRootAccess: import("rxjs").Observable<boolean>;
     readonly calculatedStartNodes: import("rxjs").Observable<UmbUserStartNodesModel | undefined>;
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     load(unique: string): Promise<import("../../../../core/repository/index.js").UmbRepositoryResponse<UmbUserDetailModel> | UmbRepositoryResponseWithAsObservable<UmbUserDetailModel, UmbUserDetailModel>>;
     onUserStoreChanges(user: EntityType | undefined): void;
     getState(): UmbUserStateEnum | null | undefined;
     updateProperty<PropertyName extends keyof EntityType>(propertyName: PropertyName, value: EntityType[PropertyName]): void;
+    setUserGroups(uniques: Array<UmbReferenceByUnique>): void;
+    setDocumentAccess(value: UmbStartNodeAccessValue): void;
+    setMediaAccess(value: UmbStartNodeAccessValue): void;
+    setElementAccess(value: UmbStartNodeAccessValue): void;
     uploadAvatar(file: File): Promise<import("../../../../core/repository/index.js").UmbDataSourceErrorResponse>;
     deleteAvatar(): Promise<void>;
     destroy(): void;

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

@@ -1,10 +1,11 @@
 import { UMB_USER_DETAIL_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UMB_USER_ENTITY_TYPE } from '../../entity.js';
+import { UMB_USER_ROOT_WORKSPACE_PATH, UMB_EDIT_USER_WORKSPACE_PATH_PATTERN } from '../../paths.js';
 import { UmbUserAvatarRepository } from '../../repository/avatar/index.js';
 import { UmbUserConfigRepository } from '../../repository/config/index.js';
 import { UmbUserWorkspaceEditorElement } from './user-workspace-editor.element.js';
 import { UMB_USER_WORKSPACE_ALIAS } from './constants.js';
-import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../../core/workspace/index.js';
+import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../core/workspace/index.js';
 import { UmbObjectState } from '../../../../../libs/observable-api/index.js';
 export class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     #calculatedStartNodes;
@@ -38,6 +39,11 @@ export class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContex
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_USER_ROOT_WORKSPACE_PATH;
+        return UMB_EDIT_USER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     async load(unique) {
         const response = await super.load(unique);
         if (!response.data) {
@@ -73,6 +79,27 @@ export class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContex
     updateProperty(propertyName, value) {
         this._data.updateCurrent({ [propertyName]: value });
     }
+    setUserGroups(uniques) {
+        this.updateProperty('userGroupUniques', uniques);
+    }
+    setDocumentAccess(value) {
+        this._data.updateCurrent({
+            hasDocumentRootAccess: value.rootAccess,
+            documentStartNodeUniques: value.startNodes,
+        });
+    }
+    setMediaAccess(value) {
+        this._data.updateCurrent({
+            hasMediaRootAccess: value.rootAccess,
+            mediaStartNodeUniques: value.startNodes,
+        });
+    }
+    setElementAccess(value) {
+        this._data.updateCurrent({
+            hasElementRootAccess: value.rootAccess,
+            elementStartNodeUniques: value.startNodes,
+        });
+    }
     // TODO: implement upload progress
     uploadAvatar(file) {
         const unique = this.getUnique();

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

@@ -2,8 +2,10 @@ 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 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';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as sectionViewManifests } from './workspace/user-group-root/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
@@ -13,8 +15,10 @@ export const manifests = [
     ...valueSummaryManifests,
     ...entityActionManifests,
     ...entityBulkActionManifests,
+    ...menuManifests,
     ...menuItemManifests,
     ...modalManifests,
+    ...propertyEditorManifests,
     ...repositoryManifests,
     ...sectionViewManifests,
     ...workspaceManifests,

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

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

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

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

package/dist-cms/packages/user/user-group/menu/user-group-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 UmbUserGroupMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    #private;
+    constructor(host: UmbControllerHost);
+}
+export { UmbUserGroupMenuStructureWorkspaceContext as api };

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

@@ -0,0 +1,37 @@
+import { UMB_USER_GROUP_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 UmbUserGroupMenuStructureWorkspaceContext 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), 'umbUserGroupMenuStructureObserver');
+        });
+    }
+    #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_GROUP_ROOT_ENTITY_TYPE,
+                name: '#user_usergroups',
+                isFolder: false,
+            },
+        ];
+        if (!isNew) {
+            items.push({
+                unique: unique ?? null,
+                entityType,
+                name: name ?? '',
+                isFolder: false,
+            });
+        }
+        this._setStructure(items);
+    }
+}
+export { UmbUserGroupMenuStructureWorkspaceContext as api };

package/dist-cms/packages/user/user-group/property-editor/manifests.d.ts

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

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

@@ -0,0 +1,2 @@
+import { manifests as userGroupPickerManifests } from './user-group-picker/manifests.js';
+export const manifests = [...userGroupPickerManifests];

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/manifests.d.ts

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

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

@@ -0,0 +1,13 @@
+export const manifests = [
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUi.UserGroupPicker',
+        name: 'User Group Picker Property Editor UI',
+        element: () => import('./property-editor-ui-user-group-picker.element.js'),
+        meta: {
+            label: 'User Group Picker',
+            icon: 'icon-users',
+            group: '#propertyEditorUIGroups_people',
+        },
+    },
+];

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/property-editor-ui-user-group-picker.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import type { UmbReferenceByUnique } from '../../../../core/models/index.js';
+import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../../../core/property-editor/index.js';
+export declare class UmbUserGroupPickerPropertyEditorUIElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    value: Array<UmbReferenceByUnique>;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
+    private _min;
+    private _max;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UmbUserGroupPickerPropertyEditorUIElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-user-group-picker': UmbUserGroupPickerPropertyEditorUIElement;
+    }
+}

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/property-editor-ui-user-group-picker.element.js

@@ -0,0 +1,52 @@
+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, property, state } from '../../../../../external/lit/index.js';
+import { UmbChangeEvent } from '../../../../core/event/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+let UmbUserGroupPickerPropertyEditorUIElement = class UmbUserGroupPickerPropertyEditorUIElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.value = [];
+        this._min = 0;
+        this._max = Infinity;
+    }
+    set config(config) {
+        if (!config)
+            return;
+        const minMax = config.getValueByAlias('validationLimit');
+        this._min = minMax?.min ?? 0;
+        this._max = minMax?.max ?? Infinity;
+    }
+    #onChange(event) {
+        this.value = event.target.selection.map((unique) => ({ unique }));
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    render() {
+        return html `
+			<umb-user-group-input
+				.selection=${this.value.map((reference) => reference.unique)}
+				.min=${this._min}
+				.max=${this._max}
+				@change=${this.#onChange}>
+			</umb-user-group-input>
+		`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], UmbUserGroupPickerPropertyEditorUIElement.prototype, "value", void 0);
+__decorate([
+    state()
+], UmbUserGroupPickerPropertyEditorUIElement.prototype, "_min", void 0);
+__decorate([
+    state()
+], UmbUserGroupPickerPropertyEditorUIElement.prototype, "_max", void 0);
+UmbUserGroupPickerPropertyEditorUIElement = __decorate([
+    customElement('umb-property-editor-ui-user-group-picker')
+], UmbUserGroupPickerPropertyEditorUIElement);
+export { UmbUserGroupPickerPropertyEditorUIElement };
+export { UmbUserGroupPickerPropertyEditorUIElement as element };

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

@@ -0,0 +1,13 @@
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+export declare class UmbUserGroupWorkspaceAssignAccessElement extends UmbLitElement {
+    #private;
+    private _values;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-group-workspace-assign-access': UmbUserGroupWorkspaceAssignAccessElement;
+    }
+}

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

@@ -0,0 +1,143 @@
+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 { UMB_USER_GROUP_WORKSPACE_CONTEXT } from '../user-group-workspace.context-token.js';
+import { css, customElement, html, ifDefined, repeat, state } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { observeMultiple } from '../../../../../../libs/observable-api/index.js';
+let UmbUserGroupWorkspaceAssignAccessElement = class UmbUserGroupWorkspaceAssignAccessElement extends UmbLitElement {
+    #workspaceContext;
+    constructor() {
+        super();
+        this._values = [
+            { alias: 'sections', value: [] },
+            { alias: 'languageAccess', value: { rootAccess: false, startNodes: [] } },
+            { alias: 'documentAccess', value: { rootAccess: false, startNodes: [] } },
+            { alias: 'mediaAccess', value: { rootAccess: false, startNodes: [] } },
+            { alias: 'elementAccess', value: { rootAccess: false, startNodes: [] } },
+        ];
+        this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
+            this.#workspaceContext = instance;
+            if (!instance)
+                return;
+            this.observe(instance.sections, (value) => this.#setValue('sections', value ?? []), '_observeSections');
+            this.observe(observeMultiple([instance.hasAccessToAllLanguages, instance.languages]), ([rootAccess, languages]) => this.#setValue('languageAccess', {
+                rootAccess: rootAccess ?? false,
+                startNodes: (languages ?? []).map((unique) => ({ unique })),
+            }), '_observeLanguageAccess');
+            this.observe(observeMultiple([instance.documentRootAccess, instance.documentStartNode]), ([rootAccess, startNode]) => this.#setValue('documentAccess', {
+                rootAccess: rootAccess ?? false,
+                startNodes: startNode ? [{ unique: startNode.unique }] : [],
+            }), '_observeDocumentAccess');
+            this.observe(observeMultiple([instance.mediaRootAccess, instance.mediaStartNode]), ([rootAccess, startNode]) => this.#setValue('mediaAccess', {
+                rootAccess: rootAccess ?? false,
+                startNodes: startNode ? [{ unique: startNode.unique }] : [],
+            }), '_observeMediaAccess');
+            this.observe(observeMultiple([instance.elementRootAccess, instance.elementStartNode]), ([rootAccess, startNode]) => this.#setValue('elementAccess', {
+                rootAccess: rootAccess ?? false,
+                startNodes: startNode ? [{ unique: startNode.unique }] : [],
+            }), '_observeElementAccess');
+        });
+    }
+    #setValue(alias, value) {
+        this._values = this._values.map((entry) => (entry.alias === alias ? { alias, value } : entry));
+    }
+    #onChange(event) {
+        const values = event.target.value;
+        const sections = values.find((entry) => entry.alias === 'sections')?.value;
+        this.#workspaceContext?.setSections(sections ?? []);
+        const languageAccess = values.find((entry) => entry.alias === 'languageAccess')?.value;
+        if (languageAccess)
+            this.#workspaceContext?.setLanguageAccess(languageAccess);
+        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);
+    }
+    #getFields() {
+        return [
+            {
+                alias: 'sections',
+                label: this.localize.term('main_sections'),
+                description: this.localize.term('user_sectionsHelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.SectionPicker',
+            },
+            {
+                alias: 'languageAccess',
+                label: this.localize.term('treeHeaders_languages'),
+                description: this.localize.term('user_languagesHelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.LanguageAccess',
+                config: [{ alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllLanguages') }],
+            },
+            {
+                alias: 'documentAccess',
+                label: this.localize.term('defaultdialogs_selectContentStartNode'),
+                description: this.localize.term('user_startnodehelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.DocumentStartNodeAccess',
+                config: [
+                    { alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllDocuments') },
+                    { alias: 'validationLimit', value: { min: 0, max: 1 } },
+                ],
+            },
+            {
+                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: 'validationLimit', value: { min: 0, max: 1 } },
+                ],
+            },
+            {
+                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') },
+                    { alias: 'validationLimit', value: { min: 0, max: 1 } },
+                ],
+            },
+        ];
+    }
+    render() {
+        return html `
+			<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>
+		`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: block;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbUserGroupWorkspaceAssignAccessElement.prototype, "_values", void 0);
+UmbUserGroupWorkspaceAssignAccessElement = __decorate([
+    customElement('umb-user-group-workspace-assign-access')
+], UmbUserGroupWorkspaceAssignAccessElement);
+export { UmbUserGroupWorkspaceAssignAccessElement };

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

@@ -4,7 +4,6 @@ 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_GROUP_ROOT_WORKSPACE_PATH } from '../../paths.js';
 import { UMB_USER_GROUP_WORKSPACE_CONTEXT } from './user-group-workspace.context-token.js';
 import { css, html, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
 import { UMB_ICON_PICKER_MODAL } from '../../../../core/icon-registry/index.js';
@@ -57,7 +56,7 @@ let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElemen
     }
     render() {
         return html `
-			<umb-entity-detail-workspace-editor .backPath=${UMB_USER_GROUP_ROOT_WORKSPACE_PATH}>
+			<umb-entity-detail-workspace-editor show-back-to-parent-button>
 				${this.#renderHeader()}
 			</umb-entity-detail-workspace-editor>
 		`;

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

@@ -4,6 +4,8 @@ import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../../core/works
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 import type { UmbRoutableWorkspaceContext, UmbSubmittableWorkspaceContext } from '../../../../core/workspace/index.js';
 import type { UmbUserPermissionModel } from '../../../user-permission/index.js';
+import type { UmbEntityModel } from '../../../../core/entity/index.js';
+import type { UmbStartNodeAccessValue } from '../../../../core/property-editor/index.js';
 export declare class UmbUserGroupWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbUserGroupDetailModel, UmbUserGroupDetailRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     readonly alias: import("rxjs").Observable<string>;
     readonly aliasCanBeChanged: import("rxjs").Observable<boolean | undefined>;
@@ -27,6 +29,7 @@ export declare class UmbUserGroupWorkspaceContext extends UmbEntityNamedDetailWo
     readonly permissions: import("rxjs").Observable<any[]>;
     readonly description: import("rxjs").Observable<string>;
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     updateProperty<Alias extends keyof UmbUserGroupDetailModel>(alias: Alias, value: UmbUserGroupDetailModel[Alias]): void;
     /**
      * Gets the user group user permissions.
@@ -58,5 +61,35 @@ export declare class UmbUserGroupWorkspaceContext extends UmbEntityNamedDetailWo
      * @memberof UmbUserGroupWorkspaceContext
      */
     setDescription(description: string): void;
+    /**
+     * Sets the sections the user group grants access to.
+     * @param {Array<string>} sections - The section aliases.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setSections(sections: Array<string>): void;
+    /**
+     * Sets the user group language access.
+     * @param {UmbStartNodeAccessValue} value - The language root access and start nodes.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setLanguageAccess(value: UmbStartNodeAccessValue): void;
+    /**
+     * Sets the user group document access.
+     * @param {UmbStartNodeAccessValue} value - The document root access and start node.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setDocumentAccess(value: UmbStartNodeAccessValue): void;
+    /**
+     * Sets the user group media access.
+     * @param {UmbStartNodeAccessValue} value - The media root access and start node.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setMediaAccess(value: UmbStartNodeAccessValue): void;
+    /**
+     * Sets the user group element access.
+     * @param {UmbStartNodeAccessValue} value - The element root access and start node.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setElementAccess(value: UmbStartNodeAccessValue): void;
 }
 export { UmbUserGroupWorkspaceContext as api };

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

@@ -1,5 +1,6 @@
 import { UMB_USER_GROUP_DETAIL_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UMB_USER_GROUP_ENTITY_TYPE, UMB_USER_GROUP_ROOT_ENTITY_TYPE } from '../../entity.js';
+import { UMB_USER_GROUP_ROOT_WORKSPACE_PATH, UMB_EDIT_USER_GROUP_WORKSPACE_PATH_PATTERN } from '../../paths.js';
 import { UmbUserGroupWorkspaceEditorElement } from './user-group-workspace-editor.element.js';
 import { UMB_USER_GROUP_WORKSPACE_ALIAS } from './constants.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, UmbWorkspaceIsNewRedirectController, } from '../../../../core/workspace/index.js';
@@ -44,6 +45,11 @@ export class UmbUserGroupWorkspaceContext extends UmbEntityNamedDetailWorkspaceC
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_USER_GROUP_ROOT_WORKSPACE_PATH;
+        return UMB_EDIT_USER_GROUP_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     updateProperty(alias, value) {
         this._data.updateCurrent({ [alias]: value });
     }
@@ -87,5 +93,57 @@ export class UmbUserGroupWorkspaceContext extends UmbEntityNamedDetailWorkspaceC
     setDescription(description) {
         this._data.updateCurrent({ description });
     }
+    /**
+     * Sets the sections the user group grants access to.
+     * @param {Array<string>} sections - The section aliases.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setSections(sections) {
+        this.updateProperty('sections', sections);
+    }
+    /**
+     * Sets the user group language access.
+     * @param {UmbStartNodeAccessValue} value - The language root access and start nodes.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setLanguageAccess(value) {
+        this._data.updateCurrent({
+            hasAccessToAllLanguages: value.rootAccess,
+            languages: value.startNodes.map((startNode) => startNode.unique),
+        });
+    }
+    /**
+     * Sets the user group document access.
+     * @param {UmbStartNodeAccessValue} value - The document root access and start node.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setDocumentAccess(value) {
+        this._data.updateCurrent({
+            documentRootAccess: value.rootAccess,
+            documentStartNode: value.startNodes[0] ? { unique: value.startNodes[0].unique } : null,
+        });
+    }
+    /**
+     * Sets the user group media access.
+     * @param {UmbStartNodeAccessValue} value - The media root access and start node.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setMediaAccess(value) {
+        this._data.updateCurrent({
+            mediaRootAccess: value.rootAccess,
+            mediaStartNode: value.startNodes[0] ? { unique: value.startNodes[0].unique } : null,
+        });
+    }
+    /**
+     * Sets the user group element access.
+     * @param {UmbStartNodeAccessValue} value - The element root access and start node.
+     * @memberof UmbUserGroupWorkspaceContext
+     */
+    setElementAccess(value) {
+        this._data.updateCurrent({
+            elementRootAccess: value.rootAccess,
+            elementStartNode: value.startNodes[0] ? { unique: value.startNodes[0].unique } : null,
+        });
+    }
 }
 export { UmbUserGroupWorkspaceContext as api };

package/dist-cms/packages/user/user-group/workspace/user-group/views/user-group-details-workspace-view.element.d.ts

@@ -1,20 +1,12 @@
 import { nothing } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import type { UmbWorkspaceViewElement } from '../../../../../core/workspace/index.js';
+import '../components/user-group-workspace-assign-access.element.js';
 import '../components/user-group-entity-type-permission-groups.element.js';
 import '../components/user-group-workspace-users.element.js';
 export declare class UmbUserGroupDetailsWorkspaceViewElement extends UmbLitElement implements UmbWorkspaceViewElement {
     #private;
     private _unique?;
-    private _sections;
-    private _languages;
-    private _hasAccessToAllLanguages;
-    private _documentStartNode?;
-    private _documentRootAccess;
-    private _elementStartNode?;
-    private _elementRootAccess;
-    private _mediaStartNode?;
-    private _mediaRootAccess;
     constructor();
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("lit").CSSResult[];