@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

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

@@ -30,7 +30,9 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
     #onUserGroupsChange(event) {
         event.stopPropagation();
         const target = event.target;
-        const selection = target.selection;
+        const selection = target.selection.map((unique) => {
+            return { unique };
+        });
         // TODO make contexts method
         this.#workspaceContext?.updateProperty('userGroupUniques', selection);
     }
@@ -44,7 +46,9 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
     #onDocumentStartNodeChange(event) {
         event.stopPropagation();
         const target = event.target;
-        const selection = target.selection;
+        const selection = target.selection.map((unique) => {
+            return { unique };
+        });
         // TODO make contexts method
         this.#workspaceContext?.updateProperty('documentStartNodeUniques', selection);
     }
@@ -58,7 +62,9 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
     #onMediaStartNodeChange(event) {
         event.stopPropagation();
         const target = event.target;
-        const selection = target.selection;
+        const selection = target.selection.map((unique) => {
+            return { unique };
+        });
         // TODO make contexts method
         this.#workspaceContext?.updateProperty('mediaStartNodeUniques', selection);
     }
@@ -78,7 +84,7 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
 			description="${this.localize.term('user_groupsHelp')}">
 			<umb-user-group-input
 				slot="editor"
-				.selection=${this._userGroupUniques}
+				.selection=${this._userGroupUniques.map((reference) => reference.unique)}
 				@change=${this.#onUserGroupsChange}></umb-user-group-input>
 		</umb-property-layout>`;
     }
@@ -99,7 +105,7 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
             ? html `
 							<umb-input-document
 								slot="editor"
-								.selection=${this._documentStartNodeUniques}
+								.selection=${this._documentStartNodeUniques.map((reference) => reference.unique)}
 								@change=${this.#onDocumentStartNodeChange}></umb-input-document>
 						`
             : nothing}
@@ -123,7 +129,7 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
             ? html `
 							<umb-input-media
 								slot="editor"
-								.selection=${this._mediaStartNodeUniques}
+								.selection=${this._mediaStartNodeUniques.map((reference) => reference.unique)}
 								@change=${this.#onMediaStartNodeChange}></umb-input-media>
 						`
             : nothing}

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

@@ -12,10 +12,10 @@ export declare class UmbUserWorkspaceContext extends UmbSubmittableWorkspaceCont
     readonly data: import("rxjs/internal/Observable").Observable<UmbUserDetailModel | undefined>;
     readonly state: import("rxjs/internal/Observable").Observable<import("../../../../external/backend-api/index.js").UserStateModel | null | undefined>;
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
-    readonly userGroupUniques: import("rxjs/internal/Observable").Observable<string[]>;
-    readonly documentStartNodeUniques: import("rxjs/internal/Observable").Observable<string[]>;
+    readonly userGroupUniques: import("rxjs/internal/Observable").Observable<import("../../../core/models/index.js").UmbReferenceByUnique[]>;
+    readonly documentStartNodeUniques: import("rxjs/internal/Observable").Observable<import("../../../core/models/index.js").UmbReferenceByUnique[]>;
     readonly hasDocumentRootAccess: import("rxjs/internal/Observable").Observable<boolean>;
-    readonly mediaStartNodeUniques: import("rxjs/internal/Observable").Observable<string[]>;
+    readonly mediaStartNodeUniques: import("rxjs/internal/Observable").Observable<import("../../../core/models/index.js").UmbReferenceByUnique[]>;
     readonly hasMediaRootAccess: import("rxjs/internal/Observable").Observable<boolean>;
     readonly routes: UmbWorkspaceRouteManager;
     constructor(host: UmbControllerHost);

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

@@ -6,7 +6,7 @@ export const createManifest = {
     alias: 'Umb.CollectionAction.UserGroup.Create',
     weight: 200,
     meta: {
-        label: 'Create',
+        label: '#general_create',
         href: 'section/user-management/view/user-groups/user-group/create',
     },
     conditions: [

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

@@ -4,9 +4,10 @@ import { manifests as collectionActionManifests } from './action/manifests.js';
 export const UMB_USER_GROUP_COLLECTION_ALIAS = 'Umb.Collection.UserGroup';
 const collection = {
     type: 'collection',
-    kind: 'default',
     alias: UMB_USER_GROUP_COLLECTION_ALIAS,
     name: 'User Group Collection',
+    api: () => import('./user-group-collection.context.js'),
+    element: () => import('./user-group-collection.element.js'),
     meta: {
         repositoryAlias: UMB_USER_GROUP_COLLECTION_REPOSITORY_ALIAS,
     },

package/dist-cms/packages/user/user-group/collection/repository/user-group-collection.server.data-source.js

@@ -18,7 +18,7 @@ export class UmbUserGroupCollectionServerDataSource {
         this.#host = host;
     }
     async getCollection(filter) {
-        const { data, error } = await tryExecuteAndNotify(this.#host, UserGroupService.getUserGroup({ skip: filter.skip, take: filter.take }));
+        const { data, error } = await tryExecuteAndNotify(this.#host, UserGroupService.getFilterUserGroup({ skip: filter.skip, take: filter.take, filter: filter.query }));
         if (data) {
             const mappedItems = data.items.map((item) => {
                 const userGroup = {

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

@@ -1,4 +1,5 @@
 export interface UmbUserGroupCollectionFilterModel {
     skip?: number;
     take?: number;
+    query?: string;
 }

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

@@ -0,0 +1,14 @@
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+declare const elementName = "umb-user-group-collection-header";
+export declare class UmbUserGroupCollectionHeaderElement extends UmbLitElement {
+    #private;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UmbUserGroupCollectionHeaderElement;
+    }
+}
+export {};

package/dist-cms/packages/user/user-group/collection/user-group-collection-header.element.js

@@ -0,0 +1,57 @@
+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_COLLECTION_CONTEXT } from './user-group-collection.context-token.js';
+import { css, customElement, html } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { debounce } from '../../../core/utils/index.js';
+const elementName = 'umb-user-group-collection-header';
+let UmbUserGroupCollectionHeaderElement = class UmbUserGroupCollectionHeaderElement extends UmbLitElement {
+    #collectionContext;
+    constructor() {
+        super();
+        this.consumeContext(UMB_USER_GROUP_COLLECTION_CONTEXT, (instance) => {
+            this.#collectionContext = instance;
+        });
+    }
+    #onSearch(event) {
+        const target = event.target;
+        const query = target.value || '';
+        console.log(this.#collectionContext);
+        this.#debouncedSearch(query);
+    }
+    #debouncedSearch = debounce((query) => this.#collectionContext?.setFilter({ query }), 500);
+    render() {
+        return html `<umb-collection-action-bundle></umb-collection-action-bundle>
+			<uui-input
+				@input=${this.#onSearch}
+				label=${this.localize.term('general_search')}
+				placeholder=${this.localize.term('general_search')}
+				id="input-search"></uui-input>
+			<umb-collection-view-bundle></umb-collection-view-bundle>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				height: 100%;
+				width: 100%;
+				display: flex;
+				justify-content: space-between;
+				white-space: nowrap;
+				gap: var(--uui-size-space-5);
+				align-items: center;
+			}
+
+			uui-input {
+				width: 100%;
+			}
+		`,
+    ]; }
+};
+UmbUserGroupCollectionHeaderElement = __decorate([
+    customElement(elementName)
+], UmbUserGroupCollectionHeaderElement);
+export { UmbUserGroupCollectionHeaderElement };

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

@@ -0,0 +1,3 @@
+import type { UmbUserGroupCollectionContext } from './user-group-collection.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_USER_GROUP_COLLECTION_CONTEXT: UmbContextToken<UmbUserGroupCollectionContext, UmbUserGroupCollectionContext>;

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

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_USER_GROUP_COLLECTION_CONTEXT = new UmbContextToken('UmbCollectionContext');

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

@@ -0,0 +1,8 @@
+import type { UmbUserGroupDetailModel } from '../types.js';
+import type { UmbUserGroupCollectionFilterModel } from './types.js';
+import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbUserGroupCollectionContext extends UmbDefaultCollectionContext<UmbUserGroupDetailModel, UmbUserGroupCollectionFilterModel> {
+    constructor(host: UmbControllerHost);
+}
+export { UmbUserGroupCollectionContext as api };

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

@@ -0,0 +1,8 @@
+import { UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS } from './views/constants.js';
+import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
+export class UmbUserGroupCollectionContext extends UmbDefaultCollectionContext {
+    constructor(host) {
+        super(host, UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS);
+    }
+}
+export { UmbUserGroupCollectionContext as api };

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

@@ -0,0 +1,12 @@
+import { UmbCollectionDefaultElement } from '../../../core/collection/index.js';
+import './user-group-collection-header.element.js';
+declare const elementName = "umb-user-group-collection";
+export declare class UmbUserGroupCollectionElement extends UmbCollectionDefaultElement {
+    protected renderToolbar(): import("lit-html").TemplateResult<1>;
+}
+export { UmbUserGroupCollectionElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UmbUserGroupCollectionElement;
+    }
+}

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

@@ -0,0 +1,20 @@
+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 } from '../../../../external/lit/index.js';
+import { UmbCollectionDefaultElement } from '../../../core/collection/index.js';
+import './user-group-collection-header.element.js';
+const elementName = 'umb-user-group-collection';
+let UmbUserGroupCollectionElement = class UmbUserGroupCollectionElement extends UmbCollectionDefaultElement {
+    renderToolbar() {
+        return html `<umb-user-group-collection-header slot="header"></umb-user-group-collection-header> `;
+    }
+};
+UmbUserGroupCollectionElement = __decorate([
+    customElement(elementName)
+], UmbUserGroupCollectionElement);
+export { UmbUserGroupCollectionElement };
+export { UmbUserGroupCollectionElement as element };

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

@@ -0,0 +1 @@
+export declare const UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS = "Umb.CollectionView.UserGroup.Table";

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

@@ -0,0 +1 @@
+export const UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS = 'Umb.CollectionView.UserGroup.Table';

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

@@ -1,7 +1,8 @@
+import { UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS } from './constants.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 const tableCollectionView = {
     type: 'collectionView',
-    alias: 'Umb.CollectionView.UserGroup.Table',
+    alias: UMB_USER_GROUP_TABLE_COLLECTION_VIEW_ALIAS,
     name: 'User Group Table Collection View',
     js: () => import('./user-group-table-collection-view.element.js'),
     meta: {

package/dist-cms/packages/user/user-group/collection/views/user-group-table-collection-view.element.js

@@ -4,10 +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 { UMB_USER_GROUP_COLLECTION_CONTEXT } from '../user-group-collection.context-token.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { html, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
-import { UMB_COLLECTION_CONTEXT } from '../../../../core/collection/index.js';
 import { UmbDocumentItemRepository } from '../../../../documents/documents/index.js';
 import { UmbMediaItemRepository } from '../../../../media/media/index.js';
 import '../components/user-group-table-name-column-layout.element.js';
@@ -51,7 +51,7 @@ let UmbUserGroupCollectionTableViewElement = class UmbUserGroupCollectionTableVi
         this.#mediaItemRepository = new UmbMediaItemRepository(this);
         this.#documentStartNodeMap = new Map();
         this.#mediaStartNodeMap = new Map();
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
+        this.consumeContext(UMB_USER_GROUP_COLLECTION_CONTEXT, (instance) => {
             this.#collectionContext = instance;
             this.observe(this.#collectionContext.selection.selection, (selection) => (this._selection = selection), 'umbCollectionSelectionObserver');
             this.observe(this.#collectionContext.items, (items) => {

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

@@ -7,7 +7,7 @@ const sectionsViews = [
         js: () => import('./user-group-section-view.element.js'),
         weight: 100,
         meta: {
-            label: 'User Groups',
+            label: '#user_usergroups',
             pathname: 'user-groups',
             icon: 'icon-users',
         },

package/dist-cms/packages/webhook/components/input-webhook-events.element.js

@@ -41,13 +41,13 @@ let UmbInputWebhookEventsElement = class UmbInputWebhookEventsElement extends Um
         return html `
 			${repeat(this.events, (item) => item.alias, (item) => html `
 					<span>${item.eventName}</span>
-					<uui-button @click=${() => this.#removeEvent(item.alias)} label="remove"></uui-button>
+					<uui-button label=${this.localize.term('general_remove')} @click=${() => this.#removeEvent(item.alias)}></uui-button>
 				`)}
 		`;
     }
     render() {
         return html `${this.#renderEvents()}
-			<uui-button id="add" look="placeholder" label="Add" @click=${this.#openModal}></uui-button>`;
+			<uui-button id="choose" look="placeholder" label=${this.localize.term('general_choose')} @click=${this.#openModal}></uui-button>`;
     }
     static { this.styles = [
         UmbTextStyles,
@@ -59,7 +59,7 @@ let UmbInputWebhookEventsElement = class UmbInputWebhookEventsElement extends Um
 				align-items: center;
 			}
 
-			#add {
+			#choose {
 				grid-column: -1 / 1;
 			}
 		`,

package/dist-cms/packages/webhook/menu-item/manifests.js

@@ -4,7 +4,7 @@ const menuItem = {
     name: 'Webhook Menu Item',
     weight: 100,
     meta: {
-        label: 'Webhooks',
+        label: '#treeHeaders_webhooks',
         icon: 'icon-webhook',
         entityType: 'webhook-root',
         menus: ['Umb.Menu.AdvancedSettings'],