@umbraco-cms/backoffice 14.0.0-695f1c3f → 14.0.0-709b3cbf

package/dist-cms/packages/documents/document-types/repository/document-type-item.store.d.ts

@@ -0,0 +1,20 @@
+import { DocumentTypeItemResponseModel } from '../../../../external/backend-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbItemStore, UmbStoreBase } from '../../../core/store/index.js';
+/**
+ * @export
+ * @class UmbDocumentTypeItemStore
+ * @extends {UmbStoreBase}
+ * @description - Data Store for Document Type items
+ */
+export declare class UmbDocumentTypeItemStore extends UmbStoreBase<DocumentTypeItemResponseModel> implements UmbItemStore<DocumentTypeItemResponseModel> {
+    /**
+     * Creates an instance of UmbDocumentTypeItemStore.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbDocumentTypeItemStore
+     */
+    constructor(host: UmbControllerHostElement);
+    items(ids: Array<string>): import("rxjs").Observable<DocumentTypeItemResponseModel[]>;
+}
+export declare const UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTypeItemStore, UmbDocumentTypeItemStore>;

package/dist-cms/packages/documents/document-types/repository/document-type-item.store.js

@@ -0,0 +1,23 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbStoreBase } from '../../../core/store/index.js';
+import { UmbArrayState } from '../../../../libs/observable-api/index.js';
+/**
+ * @export
+ * @class UmbDocumentTypeItemStore
+ * @extends {UmbStoreBase}
+ * @description - Data Store for Document Type items
+ */
+export class UmbDocumentTypeItemStore extends UmbStoreBase {
+    /**
+     * Creates an instance of UmbDocumentTypeItemStore.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbDocumentTypeItemStore
+     */
+    constructor(host) {
+        super(host, UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT_TOKEN.toString(), new UmbArrayState([], (x) => x.id));
+    }
+    items(ids) {
+        return this._data.asObservablePart((items) => items.filter((item) => ids.includes(item.id ?? '')));
+    }
+}
+export const UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT_TOKEN = new UmbContextToken('UmbDocumentTypeItemStore');

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

@@ -24,6 +24,11 @@ export declare class UmbDocumentTypeRepository implements UmbTreeRepository<Enti
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
         asObservable: () => import("rxjs").Observable<EntityTreeItemResponseModel[]>;
     }>;
+    requestItems(ids: Array<string>): Promise<{
+        data: import("../../../../external/backend-api/index.js").DocumentTypeItemResponseModel[] | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
+        asObservable: () => import("rxjs").Observable<import("../../../../external/backend-api/index.js").DocumentTypeItemResponseModel[]>;
+    }>;
     requestItemsLegacy(ids: Array<string>): Promise<{
         data: any[] | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
@@ -43,28 +48,7 @@ export declare class UmbDocumentTypeRepository implements UmbTreeRepository<Enti
     byId(id: string): Promise<import("rxjs").Observable<DocumentTypeResponseModel | undefined>>;
     requestAllowedChildTypesOf(id: string): Promise<import("../../../../shared/repository/index.js").DataSourceResponse<any>>;
     create(documentType: ItemType): Promise<{
-        data: {
-            alias?: string | undefined;
-            name?: string | undefined;
-            description?: string | null | undefined;
-            icon?: string | undefined;
-            allowedAsRoot?: boolean | undefined;
-            variesByCulture?: boolean | undefined;
-            variesBySegment?: boolean | undefined;
-            isElement?: boolean | undefined;
-            properties?: import("../../../../external/backend-api/index.js").PropertyTypeModelBaseModel[] | undefined;
-            containers?: import("../../../../external/backend-api/index.js").PropertyTypeContainerModelBaseModel[] | undefined;
-            allowedContentTypes?: import("../../../../external/backend-api/index.js").ContentTypeSortModel[] | undefined;
-            compositions?: import("../../../../external/backend-api/index.js").ContentTypeCompositionModel[] | undefined;
-            id?: string | undefined;
-            allowedTemplateIds?: string[] | undefined;
-            defaultTemplateId?: string | null | undefined;
-            cleanup?: import("../../../../external/backend-api/index.js").ContentTypeCleanupModel | undefined;
-        };
-        error?: undefined;
-    } | {
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
-        data?: undefined;
     }>;
     save(id: string, item: UpdateDocumentTypeRequestModel): Promise<{
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;

package/dist-cms/packages/documents/document-types/repository/document-type.repository.js

@@ -2,6 +2,8 @@ import { UmbDocumentTypeTreeServerDataSource } from './sources/document-type.tre
 import { UmbDocumentTypeServerDataSource } from './sources/document-type.server.data.js';
 import { UMB_DOCUMENT_TYPE_TREE_STORE_CONTEXT_TOKEN } from './document-type.tree.store.js';
 import { UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN } from './document-type.store.js';
+import { UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT_TOKEN } from './document-type-item.store.js';
+import { UmbDocumentTypeItemServerDataSource } from './sources/document-type-item.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
 import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../core/notification/index.js';
 export class UmbDocumentTypeRepository {
@@ -11,12 +13,15 @@ export class UmbDocumentTypeRepository {
     #treeStore;
     #detailDataSource;
     #detailStore;
+    #itemSource;
+    #itemStore;
     #notificationContext;
     constructor(host) {
         this.#host = host;
         // TODO: figure out how spin up get the correct data source
         this.#treeSource = new UmbDocumentTypeTreeServerDataSource(this.#host);
         this.#detailDataSource = new UmbDocumentTypeServerDataSource(this.#host);
+        this.#itemSource = new UmbDocumentTypeItemServerDataSource(this.#host);
         this.#init = Promise.all([
             new UmbContextConsumerController(this.#host, UMB_DOCUMENT_TYPE_TREE_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#treeStore = instance;
@@ -24,12 +29,14 @@ export class UmbDocumentTypeRepository {
             new UmbContextConsumerController(this.#host, UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#detailStore = instance;
             }),
+            new UmbContextConsumerController(this.#host, UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT_TOKEN, (instance) => {
+                this.#itemStore = instance;
+            }),
             new UmbContextConsumerController(this.#host, UMB_NOTIFICATION_CONTEXT_TOKEN, (instance) => {
                 this.#notificationContext = instance;
             }),
         ]);
     }
-    // TODO: Trash
     // TODO: Move
     async requestTreeRoot() {
         await this.#init;
@@ -60,6 +67,16 @@ export class UmbDocumentTypeRepository {
         }
         return { data, error, asObservable: () => this.#treeStore.childrenOf(parentId) };
     }
+    async requestItems(ids) {
+        if (!ids)
+            throw new Error('Document Type Ids are missing');
+        await this.#init;
+        const { data, error } = await this.#itemSource.getItems(ids);
+        if (data) {
+            this.#itemStore?.appendItems(data);
+        }
+        return { data, error, asObservable: () => this.#itemStore.items(ids) };
+    }
     async requestItemsLegacy(ids) {
         await this.#init;
         if (!ids) {
@@ -117,25 +134,13 @@ export class UmbDocumentTypeRepository {
     // Could potentially be general methods:
     async create(documentType) {
         if (!documentType || !documentType.id)
-            throw new Error('Template is missing');
+            throw new Error('Document Type is missing');
         await this.#init;
-        const { error, data } = await this.#detailDataSource.insert(documentType);
-        if (!error && data) {
-            // TODO: The parts here is a hack, when we can trust the IDs we send, then this should be removed/changed:
-            const splitResultUrl = data.split('/');
-            const newId = splitResultUrl[splitResultUrl.length - 1];
-            // Temporary hack while we are not in control of IDs:
-            const newDocument = { ...(await this.requestById(newId)).data };
-            if (newDocument) {
-                const notification = { data: { message: `Document Type created` } };
-                this.#notificationContext?.peek('positive', notification);
-                await this.requestRootTreeItems();
-                // TODO: currently we cannot put this data into our store, cause we don't have the right ID, as the server currently changes it (and other ids of it, container-id and property-id)
-                //this.#detailStore?.append(newDocument);
-                //const treeItem = createTreeItem(newDocument);
-                //this.#treeStore?.appendItems([treeItem]);
-                return { data: newDocument };
-            }
+        const { error } = await this.#detailDataSource.insert(documentType);
+        if (!error) {
+            this.#detailStore?.append(documentType);
+            const treeItem = createTreeItem(documentType);
+            this.#treeStore?.appendItems([treeItem]);
         }
         return { error };
     }
@@ -170,9 +175,10 @@ export class UmbDocumentTypeRepository {
             // TODO: we currently don't use the detail store for anything.
             // Consider to look up the data before fetching from the server.
             // Consider notify a workspace if a template is deleted from the store while someone is editing it.
+            // TODO: would be nice to align the stores on methods/methodNames.
             this.#detailStore?.remove([id]);
             this.#treeStore?.removeItem(id);
-            // TODO: would be nice to align the stores on methods/methodNames.
+            this.#itemStore?.removeItem(id);
         }
         return { error };
     }

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

@@ -1,5 +1,6 @@
-import { ManifestRepository, ManifestStore, ManifestTreeStore } from '../../../core/extension-registry/index.js';
+import { ManifestItemStore, ManifestRepository, ManifestStore, ManifestTreeStore } from '../../../core/extension-registry/index.js';
 export declare const DOCUMENT_TYPE_REPOSITORY_ALIAS = "Umb.Repository.DocumentType";
 export declare const DOCUMENT_TYPE_STORE_ALIAS = "Umb.Store.DocumentType";
 export declare const DOCUMENT_TYPE_TREE_STORE_ALIAS = "Umb.Store.DocumentTypeTree";
-export declare const manifests: (ManifestRepository | ManifestStore | ManifestTreeStore)[];
+export declare const DOCUMENT_TYPE_ITEM_STORE_ALIAS = "Umb.Store.DocumentTypeItem";
+export declare const manifests: (ManifestItemStore | ManifestRepository | ManifestStore | ManifestTreeStore)[];

package/dist-cms/packages/documents/document-types/repository/manifests.js

@@ -1,3 +1,4 @@
+import { UmbDocumentTypeItemStore } from './document-type-item.store.js';
 import { UmbDocumentTypeRepository } from './document-type.repository.js';
 import { UmbDocumentTypeStore } from './document-type.store.js';
 import { UmbDocumentTypeTreeStore } from './document-type.tree.store.js';
@@ -10,6 +11,7 @@ const repository = {
 };
 export const DOCUMENT_TYPE_STORE_ALIAS = 'Umb.Store.DocumentType';
 export const DOCUMENT_TYPE_TREE_STORE_ALIAS = 'Umb.Store.DocumentTypeTree';
+export const DOCUMENT_TYPE_ITEM_STORE_ALIAS = 'Umb.Store.DocumentTypeItem';
 const store = {
     type: 'store',
     alias: DOCUMENT_TYPE_STORE_ALIAS,
@@ -22,4 +24,10 @@ const treeStore = {
     name: 'Document Type Tree Store',
     class: UmbDocumentTypeTreeStore,
 };
-export const manifests = [repository, store, treeStore];
+const itemStore = {
+    type: 'itemStore',
+    alias: DOCUMENT_TYPE_ITEM_STORE_ALIAS,
+    name: 'Document Type Item Store',
+    class: UmbDocumentTypeItemStore,
+};
+export const manifests = [repository, store, treeStore, itemStore];

package/dist-cms/packages/documents/document-types/repository/sources/document-type-item.server.data.d.ts

@@ -0,0 +1,25 @@
+import type { UmbItemDataSource } from '../../../../../shared/repository/index.js';
+import { DocumentTypeItemResponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+/**
+ * A data source for Document Type items that fetches data from the server
+ * @export
+ * @class UmbDocumentTypeItemServerDataSource
+ * @implements {UmbItemDataSource}
+ */
+export declare class UmbDocumentTypeItemServerDataSource implements UmbItemDataSource<DocumentTypeItemResponseModel> {
+    #private;
+    /**
+     * Creates an instance of UmbDocumentTypeItemServerDataSource.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    constructor(host: UmbControllerHostElement);
+    /**
+     * Fetches the items for the given ids from the server
+     * @param {Array<string>} ids
+     * @return {*}
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    getItems(ids: Array<string>): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<DocumentTypeItemResponseModel[]>>;
+}

package/dist-cms/packages/documents/document-types/repository/sources/document-type-item.server.data.js

@@ -0,0 +1,32 @@
+import { DocumentTypeResource } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
+/**
+ * A data source for Document Type items that fetches data from the server
+ * @export
+ * @class UmbDocumentTypeItemServerDataSource
+ * @implements {UmbItemDataSource}
+ */
+export class UmbDocumentTypeItemServerDataSource {
+    #host;
+    /**
+     * Creates an instance of UmbDocumentTypeItemServerDataSource.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    constructor(host) {
+        this.#host = host;
+    }
+    /**
+     * Fetches the items for the given ids from the server
+     * @param {Array<string>} ids
+     * @return {*}
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    async getItems(ids) {
+        if (!ids)
+            throw new Error('Ids are missing');
+        return tryExecuteAndNotify(this.#host, DocumentTypeResource.getDocumentTypeItem({
+            id: ids,
+        }));
+    }
+}

package/dist-cms/packages/documents/document-types/repository/sources/document-type.server.data.d.ts

@@ -37,7 +37,7 @@ export declare class UmbDocumentTypeServerDataSource implements UmbDataSource<Cr
      * @return {*}
      * @memberof UmbDocumentTypeServerDataSource
      */
-    insert(documentType: CreateDocumentTypeRequestModel): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<any>>;
+    insert(documentType: CreateDocumentTypeRequestModel): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<string>>;
     /**
      * Updates a Document Type on the server
      * @param {string} id

package/dist-cms/packages/documents/document-types/repository/sources/document-type.server.data.js

@@ -72,18 +72,7 @@ export class UmbDocumentTypeServerDataSource {
      */
     async insert(documentType) {
         if (!documentType)
-            throw new Error('Document is missing');
-        //if (!document.id) throw new Error('ID is missing');
-        documentType = { ...documentType };
-        // TODO: Hack to remove some props that ruins the document-type post end-point.
-        documentType.id = undefined;
-        // TODO: Investigate if this matters (should go away anyway when we have the end-point accepts us defining the ids.)
-        documentType.properties = documentType.properties?.map((prop) => {
-            return {
-                ...prop,
-                id: undefined,
-            };
-        });
+            throw new Error('Document Type is missing');
         return tryExecuteAndNotify(this.#host, DocumentTypeResource.postDocumentType({
             requestBody: documentType,
         }));

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.js

@@ -7,24 +7,24 @@ export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
         super(host, 'Umb.Workspace.DocumentType', new UmbDocumentTypeRepository(host));
         this.structure = new UmbContentTypePropertyStructureManager(this.host, this.repository);
         // General for content types:
-        this.data = this.structure.ownerDocumentType;
-        this.name = this.structure.ownerDocumentTypeObservablePart((data) => data?.name);
-        this.alias = this.structure.ownerDocumentTypeObservablePart((data) => data?.alias);
-        this.description = this.structure.ownerDocumentTypeObservablePart((data) => data?.description);
-        this.icon = this.structure.ownerDocumentTypeObservablePart((data) => data?.icon);
-        this.allowedAsRoot = this.structure.ownerDocumentTypeObservablePart((data) => data?.allowedAsRoot);
-        this.variesByCulture = this.structure.ownerDocumentTypeObservablePart((data) => data?.variesByCulture);
-        this.variesBySegment = this.structure.ownerDocumentTypeObservablePart((data) => data?.variesBySegment);
-        this.isElement = this.structure.ownerDocumentTypeObservablePart((data) => data?.isElement);
-        this.allowedContentTypes = this.structure.ownerDocumentTypeObservablePart((data) => data?.allowedContentTypes);
-        this.compositions = this.structure.ownerDocumentTypeObservablePart((data) => data?.compositions);
+        this.data = this.structure.ownerContentType;
+        this.name = this.structure.ownerContentTypeObservablePart((data) => data?.name);
+        this.alias = this.structure.ownerContentTypeObservablePart((data) => data?.alias);
+        this.description = this.structure.ownerContentTypeObservablePart((data) => data?.description);
+        this.icon = this.structure.ownerContentTypeObservablePart((data) => data?.icon);
+        this.allowedAsRoot = this.structure.ownerContentTypeObservablePart((data) => data?.allowedAsRoot);
+        this.variesByCulture = this.structure.ownerContentTypeObservablePart((data) => data?.variesByCulture);
+        this.variesBySegment = this.structure.ownerContentTypeObservablePart((data) => data?.variesBySegment);
+        this.isElement = this.structure.ownerContentTypeObservablePart((data) => data?.isElement);
+        this.allowedContentTypes = this.structure.ownerContentTypeObservablePart((data) => data?.allowedContentTypes);
+        this.compositions = this.structure.ownerContentTypeObservablePart((data) => data?.compositions);
         // Document type specific:
-        this.allowedTemplateIds = this.structure.ownerDocumentTypeObservablePart((data) => data?.allowedTemplateIds);
-        this.defaultTemplateId = this.structure.ownerDocumentTypeObservablePart((data) => data?.defaultTemplateId);
-        this.cleanup = this.structure.ownerDocumentTypeObservablePart((data) => data?.defaultTemplateId);
+        this.allowedTemplateIds = this.structure.ownerContentTypeObservablePart((data) => data?.allowedTemplateIds);
+        this.defaultTemplateId = this.structure.ownerContentTypeObservablePart((data) => data?.defaultTemplateId);
+        this.cleanup = this.structure.ownerContentTypeObservablePart((data) => data?.defaultTemplateId);
     }
     getData() {
-        return this.structure.getOwnerDocumentType() || {};
+        return this.structure.getOwnerContentType() || {};
     }
     getEntityId() {
         return this.getData().id;
@@ -33,42 +33,42 @@ export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
         return 'document-type';
     }
     setName(name) {
-        this.structure.updateOwnerDocumentType({ name });
+        this.structure.updateOwnerContentType({ name });
     }
     setAlias(alias) {
-        this.structure.updateOwnerDocumentType({ alias });
+        this.structure.updateOwnerContentType({ alias });
     }
     setDescription(description) {
-        this.structure.updateOwnerDocumentType({ description });
+        this.structure.updateOwnerContentType({ description });
     }
     // TODO: manage setting icon color alias?
     setIcon(icon) {
-        this.structure.updateOwnerDocumentType({ icon });
+        this.structure.updateOwnerContentType({ icon });
     }
     setAllowedAsRoot(allowedAsRoot) {
-        this.structure.updateOwnerDocumentType({ allowedAsRoot });
+        this.structure.updateOwnerContentType({ allowedAsRoot });
     }
     setVariesByCulture(variesByCulture) {
-        this.structure.updateOwnerDocumentType({ variesByCulture });
+        this.structure.updateOwnerContentType({ variesByCulture });
     }
     setVariesBySegment(variesBySegment) {
-        this.structure.updateOwnerDocumentType({ variesBySegment });
+        this.structure.updateOwnerContentType({ variesBySegment });
     }
     setIsElement(isElement) {
-        this.structure.updateOwnerDocumentType({ isElement });
+        this.structure.updateOwnerContentType({ isElement });
     }
     setAllowedContentTypes(allowedContentTypes) {
-        this.structure.updateOwnerDocumentType({ allowedContentTypes });
+        this.structure.updateOwnerContentType({ allowedContentTypes });
     }
     setCompositions(compositions) {
-        this.structure.updateOwnerDocumentType({ compositions });
+        this.structure.updateOwnerContentType({ compositions });
     }
     // Document type specific:
     setAllowedTemplateIds(allowedTemplateIds) {
-        this.structure.updateOwnerDocumentType({ allowedTemplateIds });
+        this.structure.updateOwnerContentType({ allowedTemplateIds });
     }
     setDefaultTemplateId(defaultTemplateId) {
-        this.structure.updateOwnerDocumentType({ defaultTemplateId });
+        this.structure.updateOwnerContentType({ defaultTemplateId });
     }
     async create(parentId) {
         const { data } = await this.structure.createScaffold(parentId);

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.js

@@ -88,9 +88,13 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
     #requestRemoveTab(tab) {
         const Message = {
             headline: 'Delete tab',
-            content: html `<umb-localize key="contentTypeEditor_confirmDeleteTabMessage" .args=${[tab?.name ?? tab?.id]}>Are you sure you want to delete the tab <strong>${tab?.name ?? tab?.id}</strong></umb-localize>
+            content: html `<umb-localize key="contentTypeEditor_confirmDeleteTabMessage" .args=${[tab?.name ?? tab?.id]}
+					>Are you sure you want to delete the tab <strong>${tab?.name ?? tab?.id}</strong></umb-localize
+				>
 				<div style="color:var(--uui-color-danger-emphasis)">
-					<umb-localize key="contentTypeEditor_confirmDeleteTabNotice">This will delete all items that doesn't belong to a composition.</umb-localize>
+					<umb-localize key="contentTypeEditor_confirmDeleteTabNotice"
+						>This will delete all items that doesn't belong to a composition.</umb-localize
+					>
 				</div>`,
             confirmLabel: this.localize.term('actions_delete'),
             color: 'danger',
@@ -135,7 +139,7 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
             newName = 'Unnamed';
             event.target.value = 'Unnamed';
         }
-        const changedName = this._workspaceContext?.structure.makeContainerNameUniqueForOwnerDocument(newName, 'Tab', tab.id);
+        const changedName = this._workspaceContext?.structure.makeContainerNameUniqueForOwnerContentType(newName, 'Tab', tab.id);
         // Check if it collides with another tab name of this same document-type, if so adjust name:
         if (changedName) {
             newName = changedName;
@@ -220,7 +224,7 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
 			</uui-button>
 			<uui-button label=${this.localize.term('general_reorder')} compact>
 				<uui-icon name="umb:navigation"></uui-icon>
-			<umb-localize key="general_reorder">Reorder</umb-localize>
+				<umb-localize key="general_reorder">Reorder</umb-localize>
 			</uui-button>
 		</div>`;
     }

package/dist-cms/packages/documents/documents/entity-actions/create/create-document-modal.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbCreateDocumentModalData, UmbCreateDocumentModalResult } from '../../../../core/modal/index.js';
+import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+export declare class UmbCreateDocumentModalElement extends UmbModalBaseElement<UmbCreateDocumentModalData, UmbCreateDocumentModalResult> {
+    #private;
+    private _allowedDocumentTypes;
+    private _headline;
+    firstUpdated(): Promise<void>;
+    private _handleCancel;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbCreateDocumentModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-create-document-modal': UmbCreateDocumentModalElement;
+    }
+}

package/dist-cms/packages/documents/{document-types/modals/allowed-document-types/allowed-document-types-modal.element.js → documents/entity-actions/create/create-document-modal.element.js}

@@ -5,47 +5,38 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from "../../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
-import { UmbDocumentRepository } from '../../../documents/index.js';
-export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesModalElement extends UmbModalBaseElement {
+import { UmbDocumentRepository } from '../../index.js';
+export let UmbCreateDocumentModalElement = class UmbCreateDocumentModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
         this.#documentRepository = new UmbDocumentRepository(this);
         this._allowedDocumentTypes = [];
+        this._headline = 'Create';
     }
     #documentRepository;
-    connectedCallback() {
-        super.connectedCallback();
-        const parentId = this.data?.parentId;
-        const parentName = this.data?.parentName;
-        if (parentName) {
-            this._headline = `Create at '${parentName}'`;
-        }
-        else {
-            this._headline = `Create`;
-        }
-        if (parentId) {
-            // TODO: Support root aka. id of null? or maybe its an active prop, like 'atRoot'.
-            // TODO: show error
-            this._retrieveAllowedChildrenOf(parentId);
-        }
-        else {
-            this._retrieveAllowedChildrenOfRoot();
+    async firstUpdated() {
+        const documentId = this.data?.id || null;
+        this.#retrieveAllowedDocumentTypesOf(documentId);
+        if (documentId) {
+            this.#retrieveHeadline(documentId);
         }
     }
-    async _retrieveAllowedChildrenOf(id) {
+    async #retrieveAllowedDocumentTypesOf(id) {
         const { data } = await this.#documentRepository.requestAllowedDocumentTypesOf(id);
         if (data) {
             // TODO: implement pagination, or get 1000?
             this._allowedDocumentTypes = data.items;
         }
     }
-    async _retrieveAllowedChildrenOfRoot() {
-        const { data } = await this.#documentRepository.requestAllowedDocumentTypesAtRoot();
+    async #retrieveHeadline(id) {
+        if (!id)
+            return;
+        const { data } = await this.#documentRepository.requestById(id);
         if (data) {
-            // TODO: implement pagination, or get 1000?
-            this._allowedDocumentTypes = data.items;
+            // TODO: we need to get the correct variant context here
+            this._headline = `Create at ${data.variants?.[0].name}`;
         }
     }
     _handleCancel() {
@@ -54,10 +45,10 @@ export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesMo
     #onClick(event) {
         event.stopPropagation();
         const target = event.target;
-        const documentTypeKey = target.dataset.id;
-        if (!documentTypeKey)
+        const documentTypeId = target.dataset.id;
+        if (!documentTypeId)
             throw new Error('No document type id found');
-        this.modalContext?.submit({ documentTypeKey });
+        this.modalContext?.submit({ documentTypeId });
     }
     render() {
         return html `
@@ -65,10 +56,10 @@ export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesMo
 				<uui-box>
 					${this._allowedDocumentTypes.length === 0 ? html `<p>No allowed types</p>` : nothing}
 					${this._allowedDocumentTypes.map((item) => html `
-								<uui-menu-item data-id=${ifDefined(item.id)} @click=${this.#onClick} label="${ifDefined(item.name)}">
-									${item.icon ? html `<uui-icon slot="icon" name=${item.icon}></uui-icon>` : nothing}
-								</uui-menu-item>
-							`)}
+							<uui-menu-item data-id=${ifDefined(item.id)} @click=${this.#onClick} label="${ifDefined(item.name)}">
+								${item.icon ? html `<uui-icon slot="icon" name=${item.icon}></uui-icon>` : nothing}
+							</uui-menu-item>
+						`)}
 				</uui-box>
 				<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._handleCancel}">Cancel</uui-button>
 			</umb-body-layout>
@@ -78,11 +69,11 @@ export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesMo
 };
 __decorate([
     state()
-], UmbAllowedDocumentTypesModalElement.prototype, "_allowedDocumentTypes", void 0);
+], UmbCreateDocumentModalElement.prototype, "_allowedDocumentTypes", void 0);
 __decorate([
     state()
-], UmbAllowedDocumentTypesModalElement.prototype, "_headline", void 0);
-UmbAllowedDocumentTypesModalElement = __decorate([
-    customElement('umb-allowed-document-types-modal')
-], UmbAllowedDocumentTypesModalElement);
-export default UmbAllowedDocumentTypesModalElement;
+], UmbCreateDocumentModalElement.prototype, "_headline", void 0);
+UmbCreateDocumentModalElement = __decorate([
+    customElement('umb-create-document-modal')
+], UmbCreateDocumentModalElement);
+export default UmbCreateDocumentModalElement;

package/dist-cms/packages/documents/documents/entity-actions/create/create.action.d.ts

@@ -5,7 +5,5 @@ export declare class UmbCreateDocumentEntityAction extends UmbEntityActionBase<U
     #private;
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
     execute(): Promise<void>;
-    private _executeWithParent;
-    private _executeAtRoot;
     private _openModal;
 }

package/dist-cms/packages/documents/documents/entity-actions/create/create.action.js

@@ -1,5 +1,5 @@
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_ALLOWED_DOCUMENT_TYPES_MODAL, } from '../../../../core/modal/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CREATE_DOCUMENT_MODAL as UMB_CREATE_DOCUMENT_MODAL, } from '../../../../core/modal/index.js';
 import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
 export class UmbCreateDocumentEntityAction extends UmbEntityActionBase {
     #modalContext;
@@ -10,34 +10,18 @@ export class UmbCreateDocumentEntityAction extends UmbEntityActionBase {
         });
     }
     async execute() {
-        if (this.unique) {
-            await this._executeWithParent();
-        }
-        else {
-            await this._executeAtRoot();
-        }
-    }
-    async _executeWithParent() {
-        // TODO: what to do if modal service is not available?
         if (!this.repository)
             return;
-        const { data } = await this.repository.requestById(this.unique);
-        if (data && data.contentTypeId) {
-            // TODO: We need to get the APP language context, use its VariantId to retrieve the right variant. The variant of which we get the name from.
-            this._openModal(data.contentTypeId, data.variants?.[0]?.name);
-        }
+        this._openModal(this.unique || null);
     }
-    async _executeAtRoot() {
-        this._openModal(null);
-    }
-    async _openModal(parentId, parentName) {
+    async _openModal(id) {
+        // TODO: what to do if modal service is not available?
         if (!this.#modalContext)
             return;
-        const modalContext = this.#modalContext.open(UMB_ALLOWED_DOCUMENT_TYPES_MODAL, {
-            parentId: parentId,
-            parentName: parentName,
+        const modalContext = this.#modalContext.open(UMB_CREATE_DOCUMENT_MODAL, {
+            id,
         });
-        const { documentTypeKey } = await modalContext.onSubmit();
+        const { documentTypeId: documentTypeKey } = await modalContext.onSubmit();
         // TODO: how do we want to generate these urls?
         history.pushState(null, '', `section/content/workspace/document/create/${this.unique ?? 'null'}/${documentTypeKey}`);
     }

package/dist-cms/packages/documents/documents/entity-actions/create/manifests.d.ts

@@ -0,0 +1,2 @@
+import { ManifestEntityAction, ManifestModal } from '../../../../core/extension-registry/index.js';
+export declare const manifests: (ManifestModal | ManifestEntityAction)[];