@umbraco-cms/backoffice 18.0.1 → 18.1.0-rc

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/modal/sort-children-of-modal.element.js

@@ -4,13 +4,11 @@ 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 { html, customElement, css, state, nothing } from '../../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../style/index.js';
-import { UmbModalBaseElement } from '../../../../modal/index.js';
+import { css, customElement, html, nothing, state } from '../../../../../../external/lit/index.js';
 import { createExtensionApiByAlias } from '../../../../extension-registry/index.js';
-import { UmbPaginationManager } from '../../../../utils/index.js';
 import { observeMultiple } from '../../../../../../libs/observable-api/index.js';
-const elementName = 'umb-sort-children-of-modal';
+import { UmbModalBaseElement } from '../../../../modal/index.js';
+import { UmbPaginationManager } from '../../../../utils/index.js';
 let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends UmbModalBaseElement {
     #pagination;
     constructor() {
@@ -24,6 +22,7 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
         };
         this._tableItems = [];
         this._sortable = false;
+        this._loading = false;
         this._sortedUniques = new Set();
         this.#pagination = new UmbPaginationManager();
         this.#pagination.setPageSize(50);
@@ -51,22 +50,28 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
             throw new Error('unique is required');
         if (!this.data?.treeRepositoryAlias)
             throw new Error('treeRepositoryAlias is required');
-        const treeRepository = await createExtensionApiByAlias(this, this.data.treeRepositoryAlias);
-        const { data } = await treeRepository.requestTreeItemsOf({
-            parent: {
-                unique: this.data.unique,
-                entityType: this.data.entityType,
-            },
-            paging: {
-                skip: this.#pagination.getSkip(),
-                take: this.#pagination.getPageSize(),
-            },
-        });
-        if (data) {
-            this._children = [...this._children, ...data.items];
-            this.#pagination.setTotalItems(data.total);
-            this._sortable = this._children.length > 0;
-            this._createTableItems();
+        this._loading = true;
+        try {
+            const treeRepository = await createExtensionApiByAlias(this, this.data.treeRepositoryAlias);
+            const { data } = await treeRepository.requestTreeItemsOf({
+                parent: {
+                    unique: this.data.unique,
+                    entityType: this.data.entityType,
+                },
+                paging: {
+                    skip: this.#pagination.getSkip(),
+                    take: this.#pagination.getPageSize(),
+                },
+            });
+            if (data) {
+                this._children = [...this._children, ...data.items];
+                this.#pagination.setTotalItems(data.total);
+                this._sortable = this._children.length > 0;
+                await this._createTableItems();
+            }
+        }
+        finally {
+            this._loading = false;
         }
     }
     _createTableItems() {
@@ -88,6 +93,8 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
     }
     _onLoadMore(event) {
         event.stopPropagation();
+        if (this._loading)
+            return;
         if (this._currentPage >= this._totalPages)
             return;
         this.#pagination.setCurrentPageNumber(this._currentPage + 1);
@@ -168,7 +175,10 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
         return html `
 			<umb-body-layout headline=${this.localize.term('actions_sort')}>
 				${this._children.length === 0 ? this.#renderEmptyState() : this.#renderTable()}
-				<uui-button slot="actions" label=${this.localize.term('general_cancel')} @click="${this._rejectModal}"></uui-button>
+				<uui-button
+					slot="actions"
+					label=${this.localize.term('general_cancel')}
+					@click="${this._rejectModal}"></uui-button>
 				<uui-button
 					slot="actions"
 					color="positive"
@@ -180,7 +190,9 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
 		`;
     }
     #renderEmptyState() {
-        return html `<uui-label><umb-localize key="sort_sortEmptyState">This node has no child nodes to sort</umb-localize></uui-label>`;
+        return html `
+			<uui-label><umb-localize key="sort_sortEmptyState">This node has no child nodes to sort</umb-localize></uui-label>
+		`;
     }
     #renderTable() {
         return html `
@@ -190,19 +202,23 @@ let UmbSortChildrenOfModalElement = class UmbSortChildrenOfModalElement extends
 				.items=${this._tableItems}
 				.sortable=${this._sortable}
 				@sorted=${this.#onSorted}
-				@ordered=${this.#onOrdered}></umb-table>
+				@ordered=${this.#onOrdered}>
+			</umb-table>
 
 			${this._hasMorePages()
             ? html `
-						<uui-button id="loadMoreButton" look="placeholder" @click=${this._onLoadMore}
-							><umb-localize key="actions_loadMore">Load more</umb-localize> (${this._currentPage}/${this._totalPages})</uui-button
-						>
+						<uui-button
+							id="loadMoreButton"
+							look="placeholder"
+							?disabled=${this._loading}
+							@click=${this._onLoadMore}>
+							<umb-localize key="actions_loadMore">Load more</umb-localize> (${this._currentPage}/${this._totalPages})
+						</uui-button>
 					`
             : nothing}
 		`;
     }
     static { this.styles = [
-        UmbTextStyles,
         css `
 			#loadMoreButton {
 				width: 100%;
@@ -232,11 +248,14 @@ __decorate([
 __decorate([
     state()
 ], UmbSortChildrenOfModalElement.prototype, "_sortable", void 0);
+__decorate([
+    state()
+], UmbSortChildrenOfModalElement.prototype, "_loading", void 0);
 __decorate([
     state()
 ], UmbSortChildrenOfModalElement.prototype, "_submitButtonState", void 0);
 UmbSortChildrenOfModalElement = __decorate([
-    customElement(elementName)
+    customElement('umb-sort-children-of-modal')
 ], UmbSortChildrenOfModalElement);
 export { UmbSortChildrenOfModalElement };
 export { UmbSortChildrenOfModalElement as element };

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/sort-children-of.action.d.ts

@@ -1,7 +1,9 @@
+import type { UmbSortChildrenOfModalData } from './modal/index.js';
 import type { MetaEntityActionSortChildrenOfKind } from './types.js';
 import { UmbEntityActionBase } from '../../../entity-action/index.js';
 export declare class UmbSortChildrenOfEntityAction extends UmbEntityActionBase<MetaEntityActionSortChildrenOfKind> {
     execute(): Promise<void>;
-    protected _getModalToken(): import("../../../modal/index.js").UmbModalToken<import("./types.js").UmbSortChildrenOfModalData, import("./types.js").UmbSortChildrenOfModalValue>;
+    protected _getModalToken(): import("../../../modal/index.js").UmbModalToken<UmbSortChildrenOfModalData, import("./types.js").UmbSortChildrenOfModalValue>;
+    protected _getModalData(): UmbSortChildrenOfModalData;
 }
 export default UmbSortChildrenOfEntityAction;

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/sort-children-of.action.js

@@ -4,14 +4,8 @@ import { umbOpenModal } from '../../../modal/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
 export class UmbSortChildrenOfEntityAction extends UmbEntityActionBase {
     async execute() {
-        await umbOpenModal(this, this._getModalToken(), {
-            data: {
-                unique: this.args.unique,
-                entityType: this.args.entityType,
-                sortChildrenOfRepositoryAlias: this.args.meta.sortChildrenOfRepositoryAlias,
-                treeRepositoryAlias: this.args.meta.treeRepositoryAlias,
-            },
-        }).catch(() => undefined);
+        const data = this._getModalData();
+        await umbOpenModal(this, this._getModalToken(), { data }).catch(() => undefined);
         const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
         if (!eventContext)
             throw new Error('Event context is not available');
@@ -23,5 +17,13 @@ export class UmbSortChildrenOfEntityAction extends UmbEntityActionBase {
     _getModalToken() {
         return UMB_SORT_CHILDREN_OF_MODAL;
     }
+    _getModalData() {
+        return {
+            unique: this.args.unique,
+            entityType: this.args.entityType,
+            sortChildrenOfRepositoryAlias: this.args.meta.sortChildrenOfRepositoryAlias,
+            treeRepositoryAlias: this.args.meta.treeRepositoryAlias,
+        };
+    }
 }
 export default UmbSortChildrenOfEntityAction;

package/dist-cms/packages/core/tree/index.d.ts

@@ -1,4 +1,6 @@
+export * from './action/index.js';
 export * from './active-manager/index.js';
+export * from './conditions/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './data/index.js';
@@ -8,9 +10,10 @@ export * from './entity-actions/reload-tree-item-children/index.js';
 export * from './entity-actions/sort-children-of/index.js';
 export * from './folder/index.js';
 export * from './tree-item/index.js';
+export * from './tree-item-api/index.js';
 export * from './tree-item-children/index.js';
 export * from './tree-menu-item/index.js';
 export * from './tree.element.js';
 export * from './entity-actions/move/index.js';
+export * from './view/index.js';
 export type * from './types.js';
-export type { UmbTreePickerModalData, UmbTreePickerModalValue } from './tree-picker-modal/index.js';

package/dist-cms/packages/core/tree/index.js

@@ -1,4 +1,6 @@
+export * from './action/index.js';
 export * from './active-manager/index.js';
+export * from './conditions/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './data/index.js';
@@ -8,7 +10,9 @@ export * from './entity-actions/reload-tree-item-children/index.js';
 export * from './entity-actions/sort-children-of/index.js';
 export * from './folder/index.js';
 export * from './tree-item/index.js';
+export * from './tree-item-api/index.js';
 export * from './tree-item-children/index.js';
 export * from './tree-menu-item/index.js';
 export * from './tree.element.js';
 export * from './entity-actions/move/index.js';
+export * from './view/index.js';

package/dist-cms/packages/core/tree/manifests.js

@@ -1,14 +1,24 @@
+import { manifests as actionManifests } from './action/manifests.js';
+import { manifests as conditionManifests } from './conditions/manifests.js';
 import { manifests as defaultTreeItemManifests } from './tree-item/tree-item-default/manifests.js';
 import { manifests as defaultTreeManifests } from './default/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as treeMenuItemManifests } from './tree-menu-item/manifests.js';
 import { manifests as treePickerManifests } from './tree-picker-modal/manifests.js';
+import { manifests as treeItemCardManifests } from './tree-item-card/manifests.js';
+import { manifests as treeViewManifests } from './view/manifests.js';
+import { manifests as workspaceViewManifests } from './workspace-view/manifests.js';
 export const manifests = [
+    ...actionManifests,
+    ...conditionManifests,
     ...defaultTreeItemManifests,
     ...defaultTreeManifests,
     ...entityActionManifests,
     ...folderManifests,
     ...treeMenuItemManifests,
     ...treePickerManifests,
+    ...treeItemCardManifests,
+    ...treeViewManifests,
+    ...workspaceViewManifests,
 ];

package/dist-cms/packages/core/tree/tree-item/events/index.d.ts

@@ -0,0 +1 @@
+export * from './tree-item-open.event.js';

package/dist-cms/packages/core/tree/tree-item/events/index.js

@@ -0,0 +1 @@
+export * from './tree-item-open.event.js';

package/dist-cms/packages/core/tree/tree-item/events/tree-item-open.event.d.ts

@@ -0,0 +1,14 @@
+export declare class UmbTreeItemOpenEvent extends Event {
+    static readonly TYPE = "umb-tree-item-open";
+    readonly unique: string;
+    readonly entityType: string;
+    constructor(args: {
+        unique: string;
+        entityType: string;
+    }, eventInit?: EventInit);
+}
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbTreeItemOpenEvent.TYPE]: UmbTreeItemOpenEvent;
+    }
+}

package/dist-cms/packages/core/tree/tree-item/events/tree-item-open.event.js

@@ -0,0 +1,8 @@
+export class UmbTreeItemOpenEvent extends Event {
+    static { this.TYPE = 'umb-tree-item-open'; }
+    constructor(args, eventInit) {
+        super(UmbTreeItemOpenEvent.TYPE, { bubbles: true, composed: true, ...eventInit });
+        this.unique = args.unique;
+        this.entityType = args.entityType;
+    }
+}

package/dist-cms/packages/core/tree/tree-item/index.d.ts

@@ -1,3 +1,4 @@
+export * from './events/index.js';
 export * from './tree-item-base/index.js';
 export * from './tree-item-default/index.js';
 export * from './tree-item.context.token.js';

package/dist-cms/packages/core/tree/tree-item/index.js

@@ -1,3 +1,4 @@
+export * from './events/index.js';
 export * from './tree-item-base/index.js';
 export * from './tree-item-default/index.js';
 export * from './tree-item.context.token.js';

package/dist-cms/packages/core/tree/tree-item/tree-item-base/tree-item-context-base.d.ts

@@ -2,57 +2,31 @@ import type { ManifestTreeItem } from '../../extensions/types.js';
 import type { UmbTreeItemContext } from '../tree-item-context.interface.js';
 import type { UmbTreeItemModel, UmbTreeRootModel } from '../../types.js';
 import { UmbTreeItemChildrenManager } from '../tree-item-children.manager.js';
-import { UMB_TREE_CONTEXT } from '../../tree.context.token.js';
-import { UmbObjectState } from '../../../../../libs/observable-api/index.js';
-import { UmbContextBase } from '../../../../../libs/class-api/index.js';
+import type { UMB_TREE_CONTEXT } from '../../tree.context.token.js';
+import { UmbTreeItemApiContextBase } from '../../tree-item-api/tree-item-api-context-base.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-import type { UmbEntityModel, UmbEntityUnique } from '../../../entity/index.js';
-export declare abstract class UmbTreeItemContextBase<TreeItemType extends UmbTreeItemModel, TreeRootType extends UmbTreeRootModel, ManifestType extends ManifestTreeItem = ManifestTreeItem> extends UmbContextBase implements UmbTreeItemContext<TreeItemType> {
+export declare abstract class UmbTreeItemContextBase<TreeItemType extends UmbTreeItemModel, TreeRootType extends UmbTreeRootModel, ManifestType extends ManifestTreeItem = ManifestTreeItem> extends UmbTreeItemApiContextBase<TreeItemType, ManifestType> implements UmbTreeItemContext<TreeItemType> {
     #private;
-    unique?: UmbEntityUnique;
-    entityType?: string;
-    protected readonly _treeItem: UmbObjectState<TreeItemType | undefined>;
-    readonly treeItem: import("rxjs").Observable<TreeItemType | undefined>;
-    readonly isSelectable: import("rxjs").Observable<boolean>;
-    readonly isSelectableContext: import("rxjs").Observable<boolean>;
-    readonly isSelected: import("rxjs").Observable<boolean>;
-    readonly isActive: import("rxjs").Observable<boolean>;
-    readonly path: import("rxjs").Observable<string>;
     protected readonly _treeItemChildrenManager: UmbTreeItemChildrenManager<TreeItemType, TreeRootType, import("../../index.js").UmbTreeRootItemsRequestArgs>;
     readonly childItems: import("rxjs").Observable<TreeItemType[]>;
     readonly hasChildren: import("rxjs").Observable<boolean>;
     readonly foldersOnly: import("rxjs").Observable<boolean>;
     readonly pagination: import("../../../utils/index.js").UmbPaginationManager;
-    readonly targetPagination: import("../../../utils/index.js").UmbTargetPaginationManager<UmbEntityModel>;
+    readonly targetPagination: import("../../../utils/index.js").UmbTargetPaginationManager<import("../../../entity/types.js").UmbEntityModel>;
     readonly isLoading: import("rxjs").Observable<boolean>;
     readonly isLoadingPrevChildren: import("rxjs").Observable<boolean>;
     readonly isLoadingNextChildren: import("rxjs").Observable<boolean>;
     isOpen: import("rxjs").Observable<boolean>;
-    readonly hasActions: import("rxjs").Observable<boolean>;
-    treeContext?: typeof UMB_TREE_CONTEXT.TYPE;
-    readonly hasActiveDescendant: import("rxjs").Observable<boolean | undefined>;
     setIsMenu(isMenu: boolean): void;
     getIsMenu(): boolean;
     constructor(host: UmbControllerHost);
     /**
-     * Sets the manifest
-     * @param {ManifestCollection} manifest
-     * @memberof UmbCollectionContext
-     */
-    set manifest(manifest: ManifestType | undefined);
-    get manifest(): ManifestType | undefined;
-    /**
-     * Returns the current path value
-     * @returns {string}
-     * @memberof UmbTreeItemContextBase
-     */
-    getPath(): string;
-    /**
-     * Returns the ascending items of this tree item
-     * @returns {Array<UmbEntityModel>}
+     * Returns the manifest.
+     * @returns {ManifestCollection}
      * @memberof UmbTreeItemContextBase
+     * @deprecated Use the `.manifest` property instead.
      */
-    getAscending(): Array<UmbEntityModel> | undefined;
+    getManifest(): ManifestType | undefined;
     setTreeItem(treeItem: TreeItemType | undefined): void;
     /**
      * Load children of the tree item
@@ -73,21 +47,7 @@ export declare abstract class UmbTreeItemContextBase<TreeItemType extends UmbTre
      * @returns {Promise<void>}
      */
     loadNextItems: () => Promise<void>;
-    /**
-     * Selects the tree item
-     * @memberof UmbTreeItemContextBase
-     * @returns {void}
-     */
-    select(): void;
-    /**
-     * Deselects the tree item
-     * @memberof UmbTreeItemContextBase
-     * @returns {void}
-     */
-    deselect(): void;
     showChildren(): void;
     hideChildren(): void;
-    getTreeItem(): TreeItemType | undefined;
-    constructPath(pathname: string, entityType: string, unique: string | null): string;
-    destroy(): void;
+    protected _onTreeContextChanged(context: typeof UMB_TREE_CONTEXT.TYPE): void;
 }