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

package/dist-cms/packages/documents/documents/property-dataset-context/document-property-dataset-context.js

@@ -3,7 +3,7 @@ import { UmbContextBase } from '../../../../libs/class-api/index.js';
 import { map } from '../../../../external/rxjs/index.js';
 import { UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbVariantId } from '../../../core/variant/index.js';
-// TODO: This code can be split into a UmbContentTypePropertyDatasetContext, leaving just the publishing state and methods to this class.
+// TODO: This code can be split into a UmbContentTypePropertyDatasetContext, leaving just the publishing state and methods to this class. [NL]
 export class UmbDocumentPropertyDataContext extends UmbContextBase {
     #workspace;
     #variantId;
@@ -11,10 +11,6 @@ export class UmbDocumentPropertyDataContext extends UmbContextBase {
         return this.#variantId;
     }
     #currentVariant;
-    // TODO: Refactor: Make a properties observable. (with such I think i mean a property value object array.. array with object with properties, alias, value, culture and segment)
-    // TO make such happen I think we need to maintain all properties and their value of this object.
-    // This will actually make it simpler if multiple are watching the same property.
-    // But it will also mean that we wil watch all properties and their structure, for variantID, all the time for all of the properties.
     getEntityType() {
         return this.#workspace.getEntityType();
     }
@@ -53,15 +49,19 @@ export class UmbDocumentPropertyDataContext extends UmbContextBase {
         });
     }
     /**
-     * TODO: Write proper JSDocs here.
-     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     * @method propertyVariantId
+     * @param {string} propertyAlias
+     * @returns {Promise<Observable<UmbVariantId | undefined> | undefined>}
+     * @description Get an Observable for the variant id of this property.
      */
     async propertyVariantId(propertyAlias) {
         return (await this.#workspace.structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => (property ? this.#createPropertyVariantId(property) : undefined)));
     }
     /**
-     * TODO: Write proper JSDocs here.
-     * Ideally do not use this method, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     * @method propertyValueByAlias
+     * @param {string} propertyAlias
+     * @returns {Promise<Observable<ReturnType | undefined> | undefined>}
+     * @description Get an Observable for the value of this property.
      */
     async propertyValueByAlias(propertyAlias) {
         await this.#workspace.isLoaded();
@@ -72,20 +72,36 @@ export class UmbDocumentPropertyDataContext extends UmbContextBase {
         return;
     }
     // TODO: Refactor: Not used currently, but should investigate if we can implement this, to spare some energy.
-    async propertyValueByAliasAndCulture(propertyAlias, propertyVariantId) {
+    async propertyValueByAliasAndVariantId(propertyAlias, propertyVariantId) {
         return this.#workspace.propertyValueByAlias(propertyAlias, propertyVariantId);
     }
     /**
-     * TODO: Write proper JSDocs here.
-     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     * @method setPropertyValueByVariant
+     * @param {string} propertyAlias
+     * @param {PromiseLike<unknown>} value - value can be a promise resolving into the actual value or the raw value it self.
+     * @param {UmbVariantId} propertyVariantId - The variant id for the value to be set for.
+     * @returns {Promise<unknown>}
+     * @description Get the value of this property.
+     */
+    setPropertyValueByVariant(propertyAlias, value, propertyVariantId) {
+        return this.#workspace.setPropertyValue(propertyAlias, value, propertyVariantId);
+    }
+    /**
+     * @method setPropertyValue
+     * @param {string} propertyAlias
+     * @param {PromiseLike<unknown>} value - value can be a promise resolving into the actual value or the raw value it self.
+     * @returns {Promise<void>}
+     * @description Set the value of this property.
      */
     async setPropertyValue(propertyAlias, value) {
+        this.#workspace.initiatePropertyValueChange();
         // This is not reacting to if the property variant settings changes while running.
         const property = await this.#workspace.structure.getPropertyStructureByAlias(propertyAlias);
         if (property) {
             const variantId = this.#createPropertyVariantId(property);
             // This is not reacting to if the property variant settings changes while running.
-            this.#workspace.setPropertyValue(propertyAlias, value, variantId);
+            this.#workspace.setPropertyValue(propertyAlias, await value, variantId);
         }
+        this.#workspace.finishPropertyValueChange();
     }
 }

package/dist-cms/packages/documents/documents/property-editors/document-picker/property-editor-ui-document-picker.element.d.ts

@@ -5,11 +5,10 @@ export declare class UmbPropertyEditorUIDocumentPickerElement extends UmbLitElem
     #private;
     value?: string;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
-    min: number;
-    max: number;
-    startNodeId?: string;
-    showOpenButton?: boolean;
-    ignoreUserStartNodes?: boolean;
+    private _min;
+    private _max;
+    private _startNodeId?;
+    private _showOpenButton?;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUIDocumentPickerElement;

package/dist-cms/packages/documents/documents/property-editors/document-picker/property-editor-ui-document-picker.element.js

@@ -4,38 +4,42 @@ 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_DOCUMENT_ENTITY_TYPE } from '../../entity.js';
 import { html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbPropertyValueChangeEvent } from '../../../../core/property-editor/index.js';
 let UmbPropertyEditorUIDocumentPickerElement = class UmbPropertyEditorUIDocumentPickerElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.min = 0;
-        this.max = Infinity;
+        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;
-        this.ignoreUserStartNodes = config.getValueByAlias('ignoreUserStartNodes') ?? false;
-        this.startNodeId = config.getValueByAlias('startNodeId');
-        this.showOpenButton = config.getValueByAlias('showOpenButton') ?? false;
+        if (minMax) {
+            this._min = minMax.min && minMax.min > 0 ? minMax.min : 0;
+            this._max = minMax.max && minMax.max > 0 ? minMax.max : Infinity;
+        }
+        this._startNodeId = config.getValueByAlias('startNodeId');
+        this._showOpenButton = config.getValueByAlias('showOpenButton') ?? false;
     }
     #onChange(event) {
         this.value = event.target.selection.join(',');
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
+        const startNode = this._startNodeId
+            ? { unique: this._startNodeId, entityType: UMB_DOCUMENT_ENTITY_TYPE }
+            : undefined;
         return html `
 			<umb-input-document
-				.min=${this.min}
-				.max=${this.max}
-				.startNodeId=${this.startNodeId ?? ''}
+				.min=${this._min}
+				.max=${this._max}
+				.startNode=${startNode}
 				.value=${this.value ?? ''}
-				?showOpenButton=${this.showOpenButton}
-				?ignoreUserStartNodes=${this.ignoreUserStartNodes}
+				?showOpenButton=${this._showOpenButton}
 				@change=${this.#onChange}>
 			</umb-input-document>
 		`;
@@ -46,19 +50,16 @@ __decorate([
 ], UmbPropertyEditorUIDocumentPickerElement.prototype, "value", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIDocumentPickerElement.prototype, "min", void 0);
+], UmbPropertyEditorUIDocumentPickerElement.prototype, "_min", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIDocumentPickerElement.prototype, "max", void 0);
+], UmbPropertyEditorUIDocumentPickerElement.prototype, "_max", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIDocumentPickerElement.prototype, "startNodeId", void 0);
+], UmbPropertyEditorUIDocumentPickerElement.prototype, "_startNodeId", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUIDocumentPickerElement.prototype, "showOpenButton", void 0);
-__decorate([
-    state()
-], UmbPropertyEditorUIDocumentPickerElement.prototype, "ignoreUserStartNodes", void 0);
+], UmbPropertyEditorUIDocumentPickerElement.prototype, "_showOpenButton", void 0);
 UmbPropertyEditorUIDocumentPickerElement = __decorate([
     customElement('umb-property-editor-ui-document-picker')
 ], UmbPropertyEditorUIDocumentPickerElement);

package/dist-cms/packages/documents/documents/recycle-bin/allow-document-recycle-bin.condition.d.ts

@@ -0,0 +1,7 @@
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+export declare class UmbAllowDocumentRecycleBinCurrentUserCondition extends UmbConditionBase<UmbConditionConfigBase> implements UmbExtensionCondition {
+    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UmbConditionConfigBase>);
+}
+export { UmbAllowDocumentRecycleBinCurrentUserCondition as api };

package/dist-cms/packages/documents/documents/recycle-bin/allow-document-recycle-bin.condition.js

@@ -0,0 +1,13 @@
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import { UMB_CURRENT_USER_CONTEXT } from '../../../user/current-user/index.js';
+export class UmbAllowDocumentRecycleBinCurrentUserCondition extends UmbConditionBase {
+    constructor(host, args) {
+        super(host, args);
+        this.consumeContext(UMB_CURRENT_USER_CONTEXT, (context) => {
+            this.observe(context.hasDocumentRootAccess, (hasAccess) => {
+                this.permitted = hasAccess === true;
+            });
+        });
+    }
+}
+export { UmbAllowDocumentRecycleBinCurrentUserCondition as api };

package/dist-cms/packages/documents/documents/recycle-bin/entity-action/manifests.js

@@ -3,6 +3,7 @@ import { UMB_DOCUMENT_ENTITY_TYPE } from '../../entity.js';
 import { UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UMB_DOCUMENT_RECYCLE_BIN_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UMB_DOCUMENT_PICKER_MODAL } from '../../modals/document-picker-modal.token.js';
+import { UMB_USER_PERMISSION_DOCUMENT_DELETE, UMB_USER_PERMISSION_DOCUMENT_MOVE, } from '../../user-permissions/constants.js';
 import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS, UMB_ENTITY_IS_TRASHED_CONDITION_ALIAS, } from '../../../../core/recycle-bin/index.js';
 export const manifests = [
     {
@@ -16,6 +17,10 @@ export const manifests = [
             recycleBinRepositoryAlias: UMB_DOCUMENT_RECYCLE_BIN_REPOSITORY_ALIAS,
         },
         conditions: [
+            {
+                alias: 'Umb.Condition.UserPermission.Document',
+                allOf: [UMB_USER_PERMISSION_DOCUMENT_DELETE],
+            },
             {
                 alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
             },
@@ -33,6 +38,10 @@ export const manifests = [
             pickerModal: UMB_DOCUMENT_PICKER_MODAL,
         },
         conditions: [
+            {
+                alias: 'Umb.Condition.UserPermission.Document',
+                allOf: [UMB_USER_PERMISSION_DOCUMENT_MOVE],
+            },
             {
                 alias: UMB_ENTITY_IS_TRASHED_CONDITION_ALIAS,
             },
@@ -47,5 +56,11 @@ export const manifests = [
         meta: {
             recycleBinRepositoryAlias: UMB_DOCUMENT_RECYCLE_BIN_REPOSITORY_ALIAS,
         },
+        conditions: [
+            {
+                alias: 'Umb.Condition.UserPermission.Document',
+                allOf: [UMB_USER_PERMISSION_DOCUMENT_DELETE],
+            },
+        ],
     },
 ];

package/dist-cms/packages/documents/documents/recycle-bin/manifests.js

@@ -3,6 +3,12 @@ import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 export const manifests = [
+    {
+        type: 'condition',
+        name: 'Allow Document Recycle Bin Current User Condition',
+        alias: 'Umb.Condition.CurrentUser.AllowDocumentRecycleBin',
+        api: () => import('./allow-document-recycle-bin.condition.js'),
+    },
     ...entityActionManifests,
     ...menuItemManifests,
     ...repositoryManifests,

package/dist-cms/packages/documents/documents/recycle-bin/menu-item/manifests.js

@@ -12,5 +12,10 @@ const menuItem = {
         icon: 'icon-trash',
         menus: [UMB_CONTENT_MENU_ALIAS],
     },
+    conditions: [
+        {
+            alias: 'Umb.Condition.CurrentUser.AllowDocumentRecycleBin',
+        },
+    ],
 };
 export const manifests = [menuItem];

package/dist-cms/packages/documents/documents/recycle-bin/tree/document-recycle-bin-tree.server.data-source.js

@@ -1,4 +1,5 @@
 import { UMB_DOCUMENT_ENTITY_TYPE } from '../../entity.js';
+import { UMB_DOCUMENT_RECYCLE_BIN_ROOT_ENTITY_TYPE } from '../entity.js';
 import { DocumentService } from '../../../../../external/backend-api/index.js';
 import { UmbTreeServerDataSourceBase } from '../../../../core/tree/index.js';
 /**
@@ -26,13 +27,13 @@ const getRootItems = (args) =>
 // eslint-disable-next-line local-rules/no-direct-api-import
 DocumentService.getRecycleBinDocumentRoot({ skip: args.skip, take: args.take });
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
+    if (args.parent.unique === null) {
         return getRootItems(args);
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return DocumentService.getRecycleBinDocumentChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +42,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 DocumentService.getTreeDocumentAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_DOCUMENT_ENTITY_TYPE : UMB_DOCUMENT_RECYCLE_BIN_ROOT_ENTITY_TYPE,
+        },
         entityType: UMB_DOCUMENT_ENTITY_TYPE,
         noAccess: false,
         isTrashed: true,

package/dist-cms/packages/documents/documents/recycle-bin/tree/types.d.ts

@@ -1,6 +1,6 @@
 import type { UmbDocumentTreeItemModel } from '../../tree/index.js';
-import type { UmbUniqueTreeRootModel } from '../../../../core/tree/index.js';
+import type { UmbTreeRootModel } from '../../../../core/tree/index.js';
 export interface UmbDocumentRecycleBinTreeItemModel extends UmbDocumentTreeItemModel {
 }
-export interface UmbDocumentRecycleBinTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbDocumentRecycleBinTreeRootModel extends UmbTreeRootModel {
 }

package/dist-cms/packages/documents/documents/repository/index.d.ts

@@ -1,4 +1,5 @@
 export { UmbDocumentDetailRepository, UMB_DOCUMENT_DETAIL_REPOSITORY_ALIAS } from './detail/index.js';
 export { UmbDocumentItemRepository, UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS } from './item/index.js';
 export { UmbDocumentPublishingRepository, UMB_DOCUMENT_PUBLISHING_REPOSITORY_ALIAS } from './publishing/index.js';
+export { UmbDocumentPreviewRepository } from './preview/index.js';
 export type { UmbDocumentItemModel } from './item/types.js';

package/dist-cms/packages/documents/documents/repository/index.js

@@ -1,3 +1,4 @@
 export { UmbDocumentDetailRepository, UMB_DOCUMENT_DETAIL_REPOSITORY_ALIAS } from './detail/index.js';
 export { UmbDocumentItemRepository, UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS } from './item/index.js';
 export { UmbDocumentPublishingRepository, UMB_DOCUMENT_PUBLISHING_REPOSITORY_ALIAS } from './publishing/index.js';
+export { UmbDocumentPreviewRepository } from './preview/index.js';

package/dist-cms/packages/documents/documents/repository/preview/document-preview.repository.d.ts

@@ -0,0 +1,17 @@
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import { UmbRepositoryBase } from '../../../../core/repository/index.js';
+export declare class UmbDocumentPreviewRepository extends UmbRepositoryBase {
+    constructor(host: UmbControllerHost);
+    /**
+     * Enters preview mode.
+     * @return {Promise<void>}
+     * @memberof UmbDocumentPreviewRepository
+     */
+    enter(): Promise<void>;
+    /**
+     * Exits preview mode.
+     * @return {Promise<void>}
+     * @memberof UmbDocumentPreviewRepository
+     */
+    exit(): Promise<void>;
+}

package/dist-cms/packages/documents/documents/repository/preview/document-preview.repository.js

@@ -0,0 +1,26 @@
+import { UmbRepositoryBase } from '../../../../core/repository/index.js';
+import { PreviewService } from '../../../../../external/backend-api/index.js';
+import { tryExecute } from '../../../../core/resources/index.js';
+export class UmbDocumentPreviewRepository extends UmbRepositoryBase {
+    constructor(host) {
+        super(host);
+    }
+    /**
+     * Enters preview mode.
+     * @return {Promise<void>}
+     * @memberof UmbDocumentPreviewRepository
+     */
+    async enter() {
+        await tryExecute(PreviewService.postPreview());
+        return;
+    }
+    /**
+     * Exits preview mode.
+     * @return {Promise<void>}
+     * @memberof UmbDocumentPreviewRepository
+     */
+    async exit() {
+        await tryExecute(PreviewService.deletePreview());
+        return;
+    }
+}

package/dist-cms/packages/documents/documents/repository/preview/index.d.ts

@@ -0,0 +1 @@
+export { UmbDocumentPreviewRepository } from './document-preview.repository.js';

package/dist-cms/packages/documents/documents/repository/preview/index.js

@@ -0,0 +1 @@
+export { UmbDocumentPreviewRepository } from './document-preview.repository.js';

package/dist-cms/packages/documents/documents/tree/document-tree.context.d.ts

@@ -0,0 +1,7 @@
+import type { UmbDocumentTreeItemModel, UmbDocumentTreeRootItemsRequestArgs, UmbDocumentTreeRootModel } from './types.js';
+import { UmbDefaultTreeContext } from '../../../core/tree/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbDocumentTreeContext extends UmbDefaultTreeContext<UmbDocumentTreeItemModel, UmbDocumentTreeRootModel, UmbDocumentTreeRootItemsRequestArgs> {
+    constructor(host: UmbControllerHost);
+}
+export { UmbDocumentTreeContext as api };

package/dist-cms/packages/documents/documents/tree/document-tree.context.js

@@ -0,0 +1,13 @@
+import { UMB_CONTENT_PROPERTY_CONTEXT } from '../../../core/content/index.js';
+import { UmbDefaultTreeContext } from '../../../core/tree/index.js';
+export class UmbDocumentTreeContext extends UmbDefaultTreeContext {
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+            this.observe(context.dataType, (value) => {
+                this.updateAdditionalRequestArgs({ dataType: value });
+            });
+        });
+    }
+}
+export { UmbDocumentTreeContext as api };

package/dist-cms/packages/documents/documents/tree/document-tree.element.d.ts

@@ -0,0 +1,10 @@
+import { UmbDefaultTreeElement } from '../../../core/tree/index.js';
+declare const elementName = "umb-document-tree";
+export declare class UmbDocumentTreeElement extends UmbDefaultTreeElement {
+}
+export { UmbDocumentTreeElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UmbDocumentTreeElement;
+    }
+}

package/dist-cms/packages/documents/documents/tree/document-tree.element.js

@@ -0,0 +1,16 @@
+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 } from '../../../../external/lit/index.js';
+import { UmbDefaultTreeElement } from '../../../core/tree/index.js';
+const elementName = 'umb-document-tree';
+let UmbDocumentTreeElement = class UmbDocumentTreeElement extends UmbDefaultTreeElement {
+};
+UmbDocumentTreeElement = __decorate([
+    customElement(elementName)
+], UmbDocumentTreeElement);
+export { UmbDocumentTreeElement };
+export { UmbDocumentTreeElement as element };

package/dist-cms/packages/documents/documents/tree/document-tree.server.data-source.d.ts

@@ -1,4 +1,4 @@
-import type { UmbDocumentTreeItemModel } from './types.js';
+import type { UmbDocumentTreeChildrenOfRequestArgs, UmbDocumentTreeItemModel, UmbDocumentTreeRootItemsRequestArgs } from './types.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import type { DocumentTreeItemResponseModel } from '../../../../external/backend-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
@@ -8,7 +8,7 @@ import type { UmbControllerHost } from '../../../../libs/controller-api/index.js
  * @class UmbDocumentTreeServerDataSource
  * @extends {UmbTreeServerDataSourceBase}
  */
-export declare class UmbDocumentTreeServerDataSource extends UmbTreeServerDataSourceBase<DocumentTreeItemResponseModel, UmbDocumentTreeItemModel> {
+export declare class UmbDocumentTreeServerDataSource extends UmbTreeServerDataSourceBase<DocumentTreeItemResponseModel, UmbDocumentTreeItemModel, UmbDocumentTreeRootItemsRequestArgs, UmbDocumentTreeChildrenOfRequestArgs> {
     /**
      * Creates an instance of UmbDocumentTreeServerDataSource.
      * @param {UmbControllerHost} host

package/dist-cms/packages/documents/documents/tree/document-tree.server.data-source.js

@@ -1,4 +1,4 @@
-import { UMB_DOCUMENT_ENTITY_TYPE } from '../entity.js';
+import { UMB_DOCUMENT_ENTITY_TYPE, UMB_DOCUMENT_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import { DocumentService } from '../../../../external/backend-api/index.js';
 /**
@@ -24,15 +24,20 @@ export class UmbDocumentTreeServerDataSource extends UmbTreeServerDataSourceBase
 }
 const getRootItems = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
-DocumentService.getTreeDocumentRoot({ skip: args.skip, take: args.take });
+DocumentService.getTreeDocumentRoot({
+    dataTypeId: args.dataType?.unique,
+    skip: args.skip,
+    take: args.take,
+});
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
+    if (args.parent.unique === null) {
         return getRootItems(args);
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return DocumentService.getTreeDocumentChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
+            dataTypeId: args.dataType?.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +46,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 DocumentService.getTreeDocumentAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_DOCUMENT_ENTITY_TYPE : UMB_DOCUMENT_ROOT_ENTITY_TYPE,
+        },
         entityType: UMB_DOCUMENT_ENTITY_TYPE,
         noAccess: item.noAccess,
         isTrashed: item.isTrashed,

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

@@ -18,9 +18,10 @@ const treeStore = {
 };
 const tree = {
     type: 'tree',
-    kind: 'default',
     alias: UMB_DOCUMENT_TREE_ALIAS,
     name: 'Document Tree',
+    api: () => import('./document-tree.context.js'),
+    element: () => import('./document-tree.element.js'),
     meta: {
         repositoryAlias: UMB_DOCUMENT_TREE_REPOSITORY_ALIAS,
     },
@@ -37,7 +38,7 @@ const rootTreeItem = {
     type: 'treeItem',
     kind: 'default',
     alias: 'Umb.TreeItem.Document.Root',
-    name: 'Document Tree Item',
+    name: 'Document Tree Root',
     forEntityTypes: [UMB_DOCUMENT_ROOT_ENTITY_TYPE],
 };
 export const manifests = [

package/dist-cms/packages/documents/documents/tree/tree-item/document-tree-item.context.d.ts

@@ -1,7 +1,7 @@
-import type { UmbDocumentTreeItemModel } from '../types.js';
+import type { UmbDocumentTreeItemModel, UmbDocumentTreeRootModel } from '../types.js';
 import { UmbDefaultTreeItemContext } from '../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-export declare class UmbDocumentTreeItemContext extends UmbDefaultTreeItemContext<UmbDocumentTreeItemModel> {
+export declare class UmbDocumentTreeItemContext extends UmbDefaultTreeItemContext<UmbDocumentTreeItemModel, UmbDocumentTreeRootModel> {
     #private;
     readonly isTrashed: import("rxjs").Observable<boolean>;
     constructor(host: UmbControllerHost);

package/dist-cms/packages/documents/documents/tree/tree-item/document-tree-item.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
+import { css, html, nothing, customElement, state, classMap } from '../../../../../external/lit/index.js';
 import { UMB_APP_LANGUAGE_CONTEXT } from '../../../../language/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UmbTreeItemElementBase } from '../../../../core/tree/index.js';
@@ -44,9 +44,15 @@ let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbTre
         const fallbackName = this.#getVariant(this._defaultCulture)?.name ?? this._item?.variants[0].name ?? 'Unknown';
         return this._variant?.name ?? `(${fallbackName})`;
     }
+    #isDraft() {
+        if (this.#isInvariant()) {
+            return this._item?.variants[0].state === 'Draft';
+        }
+        return this._variant?.state === 'Draft';
+    }
     renderIconContainer() {
         return html `
-			<span id="icon-container" slot="icon">
+			<span id="icon-container" slot="icon" class=${classMap({ draft: this.#isDraft() })}>
 				${this.item?.documentType.icon
             ? html `
 							<umb-icon id="icon" slot="icon" name="${this.item.documentType.icon}"></umb-icon>
@@ -59,9 +65,10 @@ let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbTre
 			</span>
 		`;
     }
-    // TODO: lower opacity if item is not published
     renderLabel() {
-        return html `<span id="label" slot="label">${this.#getLabel()}</span> `;
+        return html `<span id="label" slot="label" class=${classMap({ draft: this.#isDraft() })}
+			>${this.#getLabel()}</span
+		> `;
     }
     static { this.styles = [
         UmbTextStyles,
@@ -85,6 +92,10 @@ let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbTre
 				right: 0;
 				border-radius: 100%;
 			}
+
+			.draft {
+				opacity: 0.6;
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/documents/documents/tree/types.d.ts

@@ -1,8 +1,8 @@
 import type { UmbDocumentEntityType, UmbDocumentRootEntityType } from '../entity.js';
-import type { UmbUniqueTreeItemModel, UmbUniqueTreeRootModel } from '../../../core/tree/index.js';
+import type { UmbTreeChildrenOfRequestArgs, UmbTreeItemModel, UmbTreeRootItemsRequestArgs, UmbTreeRootModel } from '../../../core/tree/index.js';
 import type { DocumentVariantStateModel } from '../../../../external/backend-api/index.js';
 import type { UmbReferenceByUnique } from '../../../core/models/index.js';
-export interface UmbDocumentTreeItemModel extends UmbUniqueTreeItemModel {
+export interface UmbDocumentTreeItemModel extends UmbTreeItemModel {
     entityType: UmbDocumentEntityType;
     noAccess: boolean;
     isTrashed: boolean;
@@ -14,7 +14,7 @@ export interface UmbDocumentTreeItemModel extends UmbUniqueTreeItemModel {
     };
     variants: Array<UmbDocumentTreeItemVariantModel>;
 }
-export interface UmbDocumentTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbDocumentTreeRootModel extends UmbTreeRootModel {
     entityType: UmbDocumentRootEntityType;
 }
 export interface UmbDocumentTreeItemVariantModel {
@@ -23,3 +23,13 @@ export interface UmbDocumentTreeItemVariantModel {
     segment: string | null;
     state: DocumentVariantStateModel | null;
 }
+export interface UmbDocumentTreeRootItemsRequestArgs extends UmbTreeRootItemsRequestArgs {
+    dataType?: {
+        unique: string;
+    };
+}
+export interface UmbDocumentTreeChildrenOfRequestArgs extends UmbTreeChildrenOfRequestArgs {
+    dataType?: {
+        unique: string;
+    };
+}