@umbraco-cms/backoffice 14.0.0--preview007-2ee36857 → 14.0.0--preview007-63654dfd

package/dist-cms/custom-elements.json

@@ -3963,7 +3963,7 @@
       "attributes": [
         {
           "name": "value",
-          "type": "ColumnConfig[]",
+          "type": "UmbCollectionColumnConfiguration[]",
           "default": "[]"
         }
       ],
@@ -3971,7 +3971,7 @@
         {
           "name": "value",
           "attribute": "value",
-          "type": "ColumnConfig[]",
+          "type": "UmbCollectionColumnConfiguration[]",
           "default": "[]"
         },
         {
@@ -6314,6 +6314,17 @@
         }
       ]
     },
+    {
+      "name": "umb-workspace-breadcrumb",
+      "path": "./../src/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ]
+    },
     {
       "name": "umb-create-document-collection-action",
       "path": "./../src/packages/documents/documents/collection/action/create-document-collection-action.element.ts",
@@ -6349,6 +6360,47 @@
         }
       ]
     },
+    {
+      "name": "umb-document-table-column-name",
+      "path": "./../src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.ts",
+      "properties": [
+        {
+          "name": "column",
+          "type": "UmbTableColumn"
+        },
+        {
+          "name": "item",
+          "type": "UmbTableItem"
+        },
+        {
+          "name": "value",
+          "type": "UmbDocumentCollectionItemModel"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-document-table-column-state",
+      "path": "./../src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-state.element.ts",
+      "properties": [
+        {
+          "name": "column",
+          "type": "UmbTableColumn"
+        },
+        {
+          "name": "item",
+          "type": "UmbTableItem"
+        },
+        {
+          "name": "value",
+          "type": "UmbDocumentCollectionItemModel"
+        }
+      ]
+    },
     {
       "name": "umb-document-table-collection-view",
       "path": "./../src/packages/documents/documents/collection/views/table/document-table-collection-view.element.ts",
@@ -9238,11 +9290,6 @@
           "name": "value",
           "type": "string",
           "default": "\"\""
-        },
-        {
-          "name": "hidePartialView",
-          "type": "boolean",
-          "default": "false"
         }
       ],
       "properties": [
@@ -9252,12 +9299,6 @@
           "type": "string",
           "default": "\"\""
         },
-        {
-          "name": "hidePartialView",
-          "attribute": "hidePartialView",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "styles",
           "type": "array",
@@ -9282,122 +9323,13 @@
       ]
     },
     {
-      "name": "umb-insert-section-checkbox",
-      "path": "./../src/packages/templating/modals/templating-section-picker/templating-section-picker-input.element.ts",
-      "attributes": [
-        {
-          "name": "show-mandatory",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "show-input",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
+      "name": "umb-templating-page-field-builder-modal",
+      "path": "./../src/packages/templating/modals/templating-page-field-builder/templating-page-field-builder-modal.element.ts",
       "properties": [
-        {
-          "name": "showMandatory",
-          "attribute": "show-mandatory",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "showInput",
-          "attribute": "show-input",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "input"
-        },
-        {
-          "name": "form",
-          "type": "HTMLFormElement | undefined"
-        },
-        {
-          "name": "checkbox",
-          "type": "HTMLFormElement | undefined"
-        },
-        {
-          "name": "snippet",
-          "type": "string"
-        },
-        {
-          "name": "snippetMethod",
-          "type": "((value: string, isMandatory: boolean) => string) | undefined"
-        },
-        {
-          "name": "inputValue"
-        },
-        {
-          "name": "isMandatory"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[null,\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-insert-section-input",
-      "path": "./../src/packages/templating/modals/templating-section-picker/templating-section-picker-input.element.ts",
-      "attributes": [
-        {
-          "name": "show-mandatory",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "show-input",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
-      "properties": [
-        {
-          "name": "showMandatory",
-          "attribute": "show-mandatory",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "showInput",
-          "attribute": "show-input",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "input"
-        },
-        {
-          "name": "form",
-          "type": "HTMLFormElement | undefined"
-        },
-        {
-          "name": "checkbox",
-          "type": "HTMLFormElement | undefined"
-        },
-        {
-          "name": "snippet",
-          "type": "string"
-        },
-        {
-          "name": "snippetMethod",
-          "type": "((value: string, isMandatory: boolean) => string) | undefined"
-        },
-        {
-          "name": "inputValue"
-        },
-        {
-          "name": "isMandatory"
-        },
         {
           "name": "styles",
           "type": "array",
-          "default": "[null,\"UmbTextStyles\",null]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -9405,24 +9337,6 @@
       "name": "umb-templating-section-picker-modal",
       "path": "./../src/packages/templating/modals/templating-section-picker/templating-section-picker-modal.element.ts",
       "properties": [
-        {
-          "name": "checkboxes",
-          "type": "NodeListOf<UmbInsertSectionCheckboxElement>"
-        },
-        {
-          "name": "selectedCheckbox",
-          "type": "UmbInsertSectionCheckboxElement | null | undefined"
-        },
-        {
-          "name": "snippet",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "snippetMethods",
-          "type": "((sectionName: string, isMandatory: boolean) => string)[]",
-          "default": "[\"getRenderBodySnippet\",\"getRenderSectionSnippet\",\"getAddSectionSnippet\"]"
-        },
         {
           "name": "styles",
           "type": "array",

package/dist-cms/packages/core/collection/default/collection-default.context.d.ts

@@ -1,19 +1,19 @@
-import type { UmbCollectionConfiguration, UmbCollectionContext } from '../types.js';
+import type { UmbCollectionColumnConfiguration, UmbCollectionConfiguration, UmbCollectionContext } from '../types.js';
 import { UmbCollectionViewManager } from '../collection-view.manager.js';
-import type { UmbCollectionRepository } from '../../repository/index.js';
 import { UmbContextBase } from '../../../../libs/class-api/index.js';
-import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-import type { UmbApi } from '../../../../libs/extension-api/index.js';
+import { UmbSelectionManager, UmbPaginationManager } from '../../../../shared/utils/index.js';
 import type { ManifestCollection } from '../../extension-registry/index.js';
+import type { UmbApi } from '../../../../libs/extension-api/index.js';
 import type { UmbCollectionFilterModel } from '../index.js';
-import { UmbSelectionManager, UmbPaginationManager } from '../../../../shared/utils/index.js';
+import type { UmbCollectionRepository } from '../../repository/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export declare class UmbDefaultCollectionContext<CollectionItemType = any, FilterModelType extends UmbCollectionFilterModel = any> extends UmbContextBase<UmbDefaultCollectionContext> implements UmbCollectionContext, UmbApi {
     #private;
     readonly items: import("rxjs").Observable<CollectionItemType[]>;
     readonly totalItems: import("rxjs").Observable<number>;
     readonly filter: import("rxjs").Observable<object | FilterModelType>;
-    readonly userDefinedProperties: import("rxjs").Observable<any[]>;
+    readonly userDefinedProperties: import("rxjs").Observable<UmbCollectionColumnConfiguration[]>;
     repository?: UmbCollectionRepository;
     readonly pagination: UmbPaginationManager;
     readonly selection: UmbSelectionManager;

package/dist-cms/packages/core/collection/types.d.ts

@@ -16,7 +16,14 @@ export interface UmbCollectionConfiguration {
     orderDirection?: string;
     pageSize?: number;
     useInfiniteEditor?: boolean;
-    userDefinedProperties?: Array<any>;
+    userDefinedProperties?: Array<UmbCollectionColumnConfiguration>;
+}
+export interface UmbCollectionColumnConfiguration {
+    alias: string;
+    header: string;
+    isSystem: 1 | 0;
+    elementName?: string;
+    nameTemplate?: string;
 }
 export interface UmbCollectionContext {
     setConfig(config: UmbCollectionConfiguration): void;

package/dist-cms/packages/core/components/table/table.element.d.ts

@@ -16,6 +16,11 @@ export interface UmbTableColumn {
     width?: string;
     allowSorting?: boolean;
 }
+export interface UmbTableColumnLayoutElement extends HTMLElement {
+    column: UmbTableColumn;
+    item: UmbTableItem;
+    value: any;
+}
 export interface UmbTableConfig {
     allowSelection: boolean;
     hideIcon?: boolean;

package/dist-cms/packages/core/components/table/table.element.js

@@ -153,7 +153,7 @@ let UmbTableElement = class UmbTableElement extends LitElement {
         if (this.config.hideIcon && !this.config.allowSelection)
             return;
         return html `<uui-table-cell>
-			${when(!this.config.hideIcon, () => html `<uui-icon name=${ifDefined(item.icon)}></uui-icon>`)}
+			${when(!this.config.hideIcon, () => html `<uui-icon name=${ifDefined(item.icon ?? undefined)}></uui-icon>`)}
 			${when(this.config.allowSelection, () => html ` <uui-checkbox
 						label="Select Row"
 						@click=${(e) => e.stopPropagation()}
@@ -170,7 +170,7 @@ let UmbTableElement = class UmbTableElement extends LitElement {
     _renderCellContent(column, item) {
         const value = item.data.find((data) => data.columnAlias === column.alias)?.value;
         if (column.elementName) {
-            const element = document.createElement(column.elementName); // TODO: add interface for UmbTableColumnLayoutElement
+            const element = document.createElement(column.elementName);
             element.column = column;
             element.item = item;
             element.value = value;
@@ -237,6 +237,10 @@ UmbTableElement.styles = [
 				justify-content: space-between;
 				width: 100%;
 			}
+
+			uui-table-cell uui-icon {
+				vertical-align: top;
+			}
 		`,
 ];
 __decorate([

package/dist-cms/packages/core/extension-registry/models/index.d.ts

@@ -30,6 +30,7 @@ import type { ManifestUserProfileApp } from './user-profile-app.model.js';
 import type { ManifestWorkspace } from './workspace.model.js';
 import type { ManifestWorkspaceAction } from './workspace-action.model.js';
 import type { ManifestWorkspaceContext } from './workspace-context.model.js';
+import type { ManifestWorkspaceFooterApp } from './workspace-footer-app.model.js';
 import type { ManifestWorkspaceView } from './workspace-view.model.js';
 import type { ManifestUserPermission } from './user-permission.model.js';
 import type { ManifestUserGranularPermission } from './user-granular-permission.model.js';
@@ -69,6 +70,7 @@ export type * from './user-permission.model.js';
 export type * from './user-profile-app.model.js';
 export type * from './workspace-action.model.js';
 export type * from './workspace-context.model.js';
+export type * from './workspace-footer-app.model.js';
 export type * from './workspace-view.model.js';
 export type * from './workspace.model.js';
-export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestBlockEditorCustomView | ManifestCollection | ManifestCollectionView | ManifestCollectionAction | ManifestDashboard | ManifestDashboardCollection | ManifestDynamicRootOrigin | ManifestDynamicRootQueryStep | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceContext | ManifestWorkspaceView | ManifestUserPermission | ManifestUserGranularPermission | ManifestBase;
+export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestBlockEditorCustomView | ManifestCollection | ManifestCollectionView | ManifestCollectionAction | ManifestDashboard | ManifestDashboardCollection | ManifestDynamicRootOrigin | ManifestDynamicRootQueryStep | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceContext | ManifestWorkspaceFooterApp | ManifestWorkspaceView | ManifestUserPermission | ManifestUserGranularPermission | ManifestBase;

package/dist-cms/packages/core/extension-registry/models/workspace-footer-app.model.d.ts

@@ -0,0 +1,5 @@
+import type { ConditionTypes } from '../conditions/types.js';
+import type { ManifestElementAndApi, ManifestWithDynamicConditions } from '../../../../libs/extension-api/index.js';
+export interface ManifestWorkspaceFooterApp extends ManifestElementAndApi<HTMLElement, any>, ManifestWithDynamicConditions<ConditionTypes> {
+    type: 'workspaceFooterApp';
+}

package/dist-cms/packages/core/extension-registry/models/workspace-footer-app.model.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.js

@@ -5,6 +5,7 @@ export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken('Umb.Modal.Tre
         size: 'small',
     },
     data: {
+        hideTreeRoot: true,
         treeAlias: 'Umb.Tree.Dictionary',
     },
 });

package/dist-cms/packages/core/property-editor/uis/collection-view/config/column-configuration/property-editor-ui-collection-view-column-configuration.element.d.ts

@@ -1,18 +1,13 @@
+import type { UmbCollectionColumnConfiguration } from '../../../../../../core/collection/types.js';
 import type { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../../index.js';
 import { UmbLitElement } from '../../../../../lit-element/index.js';
-interface ColumnConfig {
-    alias: string;
-    header: string;
-    isSystem: 1 | 0;
-    nameTemplate?: string;
-}
 /**
  * @element umb-property-editor-ui-collection-view-column-configuration
  */
 export declare class UmbPropertyEditorUICollectionViewColumnConfigurationElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
-    value: Array<ColumnConfig>;
+    value: Array<UmbCollectionColumnConfiguration>;
     config?: UmbPropertyEditorConfigCollection;
     private _options;
     private _selectEl;

package/dist-cms/packages/core/property-editor/uis/collection-view/config/column-configuration/property-editor-ui-collection-view-column-configuration.element.js

@@ -120,7 +120,7 @@ _UmbPropertyEditorUICollectionViewColumnConfigurationElement_renderTable = funct
 								>Remove</uui-button
 							>
 						</uui-table-cell>
-					</uui-table-row> `)}
+					</uui-table-row>`)}
 		</uui-table>`;
 };
 _UmbPropertyEditorUICollectionViewColumnConfigurationElement_renderSystemFieldRow = function _UmbPropertyEditorUICollectionViewColumnConfigurationElement_renderSystemFieldRow(configuration) {

package/dist-cms/packages/core/workspace/components/workspace-footer/workspace-footer.element.js

@@ -43,6 +43,7 @@ let UmbWorkspaceFooterLayoutElement = class UmbWorkspaceFooterLayoutElement exte
     render() {
         return html `
 			<umb-footer-layout>
+				<umb-extension-slot type="workspaceFooterApp"></umb-extension-slot>
 				<slot></slot>
 				${this._modalContext
             ? html `<uui-button

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

@@ -42,5 +42,6 @@ const mapper = (item) => {
         entityType: UMB_DICTIONARY_ENTITY_TYPE,
         hasChildren: item.hasChildren,
         isFolder: false,
+        icon: 'icon-book-alt',
     };
 };

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

@@ -39,6 +39,7 @@ export class UmbDocumentTypeTreeStore extends UmbUniqueTreeStore {
         _UmbDocumentTypeTreeStore_updateTreeItemMapper.set(this, (item) => {
             return {
                 name: item.name,
+                icon: item.icon,
             };
         });
         new UmbStoreConnector(host, this, UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT, (item) => __classPrivateFieldGet(this, _UmbDocumentTypeTreeStore_createTreeItemMapper, "f").call(this, item), (item) => __classPrivateFieldGet(this, _UmbDocumentTypeTreeStore_updateTreeItemMapper, "f").call(this, item));

package/dist-cms/packages/documents/documents/breadcrumb/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestTypes } from '../../../core/extension-registry/index.js';
+export declare const manifests: Array<ManifestTypes>;

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

@@ -0,0 +1,15 @@
+export const manifests = [
+    {
+        type: 'workspaceFooterApp',
+        alias: 'Umb.WorkspaceFooterApp.Document.Breadcrumb',
+        name: 'Document Breadcrumb Workspace Footer App',
+        weight: 10,
+        element: () => import('./workspace-breadcrumb.element.js'),
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: 'Umb.Workspace.Document',
+            },
+        ],
+    },
+];

package/dist-cms/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.d.ts

@@ -0,0 +1,11 @@
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+export declare class UmbWorkspaceBreadcrumbElement extends UmbLitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbWorkspaceBreadcrumbElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-workspace-breadcrumb': UmbWorkspaceBreadcrumbElement;
+    }
+}

package/dist-cms/packages/documents/documents/breadcrumb/workspace-breadcrumb.element.js

@@ -0,0 +1,21 @@
+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 { UmbTextStyles } from '../../../../shared/style/index.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+// TODO: POC element. This will be updated when the final implementation is done.
+let UmbWorkspaceBreadcrumbElement = class UmbWorkspaceBreadcrumbElement extends UmbLitElement {
+    render() {
+        return html `Document Breadcrumbs here`;
+    }
+};
+UmbWorkspaceBreadcrumbElement.styles = [UmbTextStyles];
+UmbWorkspaceBreadcrumbElement = __decorate([
+    customElement('umb-workspace-breadcrumb')
+], UmbWorkspaceBreadcrumbElement);
+export { UmbWorkspaceBreadcrumbElement };
+export default UmbWorkspaceBreadcrumbElement;

package/dist-cms/packages/documents/documents/collection/action/create-document-collection-action.element.d.ts

@@ -3,9 +3,11 @@ import type { ManifestCollectionAction } from '../../../../core/extension-regist
 export declare class UmbCreateDocumentCollectionActionElement extends UmbLitElement {
     #private;
     private _allowedDocumentTypes;
+    private _createDocumentPath;
     private _documentUnique?;
     private _documentTypeUnique?;
     private _popoverOpen;
+    private _useInfiniteEditor;
     manifest?: ManifestCollectionAction;
     constructor();
     firstUpdated(): Promise<void>;

package/dist-cms/packages/documents/documents/collection/action/create-document-collection-action.element.js

@@ -9,18 +9,30 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _UmbCreateDocumentCollectionActionElement_instances, _UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository, _UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf, _UmbCreateDocumentCollectionActionElement_onPopoverToggle, _UmbCreateDocumentCollectionActionElement_onClick, _UmbCreateDocumentCollectionActionElement_getCreateUrl, _UmbCreateDocumentCollectionActionElement_renderCreateButton, _UmbCreateDocumentCollectionActionElement_renderDropdown;
+var _UmbCreateDocumentCollectionActionElement_instances, _UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository, _UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf, _UmbCreateDocumentCollectionActionElement_onPopoverToggle, _UmbCreateDocumentCollectionActionElement_getCreateUrl, _UmbCreateDocumentCollectionActionElement_renderCreateButton, _UmbCreateDocumentCollectionActionElement_renderDropdown;
 import { html, customElement, property, state, map } from '../../../../../external/lit/index.js';
 import { UmbDocumentTypeStructureRepository } from '../../../document-types/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UMB_DEFAULT_COLLECTION_CONTEXT } from '../../../../core/collection/index.js';
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../index.js';
+import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '../../../../core/modal/index.js';
 let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollectionActionElement extends UmbLitElement {
     constructor() {
         super();
         _UmbCreateDocumentCollectionActionElement_instances.add(this);
         this._allowedDocumentTypes = [];
+        this._createDocumentPath = '';
         this._popoverOpen = false;
+        this._useInfiniteEditor = false;
         _UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository.set(this, new UmbDocumentTypeStructureRepository(this));
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath('document')
+            .onSetup(() => {
+            return { data: { entityType: 'document', preset: {} } };
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this._createDocumentPath = routeBuilder({});
+        });
         this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.observe(workspaceContext.unique, (unique) => {
                 this._documentUnique = unique;
@@ -29,6 +41,11 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
                 this._documentTypeUnique = documentTypeUnique;
             });
         });
+        this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (collectionContext) => {
+            this.observe(collectionContext.filter, (filter) => {
+                this._useInfiniteEditor = filter.useInfiniteEditor == true;
+            });
+        });
     }
     async firstUpdated() {
         if (this._documentTypeUnique) {
@@ -50,13 +67,11 @@ _UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf = async
 _UmbCreateDocumentCollectionActionElement_onPopoverToggle = function _UmbCreateDocumentCollectionActionElement_onPopoverToggle(event) {
     this._popoverOpen = event.newState === 'open';
 };
-_UmbCreateDocumentCollectionActionElement_onClick = function _UmbCreateDocumentCollectionActionElement_onClick(item, e) {
-    e.preventDefault();
-    // TODO: Do anything else here? [LK]
-};
 _UmbCreateDocumentCollectionActionElement_getCreateUrl = function _UmbCreateDocumentCollectionActionElement_getCreateUrl(item) {
-    // TODO: Review how the "Create" URL is generated. [LK]
-    return `section/content/workspace/document/create/${this._documentUnique ?? 'null'}/${item.unique}`;
+    // TODO: [LK] I need help with this. I don't know what the infinity editor URL should be.
+    return this._useInfiniteEditor
+        ? `${this._createDocumentPath}create/${this._documentUnique ?? 'null'}/${item.unique}`
+        : `section/content/workspace/document/create/${this._documentUnique ?? 'null'}/${item.unique}`;
 };
 _UmbCreateDocumentCollectionActionElement_renderCreateButton = function _UmbCreateDocumentCollectionActionElement_renderCreateButton() {
     if (this._allowedDocumentTypes.length !== 1)
@@ -64,7 +79,6 @@ _UmbCreateDocumentCollectionActionElement_renderCreateButton = function _UmbCrea
     const item = this._allowedDocumentTypes[0];
     const label = (this.manifest?.meta.label ?? this.localize.term('general_create')) + ' ' + item.name;
     return html `<uui-button
-			@click=${(e) => __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_onClick).call(this, item, e)}
 			color="default"
 			href=${__classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_getCreateUrl).call(this, item)}
 			label=${label}
@@ -86,10 +100,7 @@ _UmbCreateDocumentCollectionActionElement_renderDropdown = function _UmbCreateDo
 				<umb-popover-layout>
 					<uui-scroll-container>
 						${map(this._allowedDocumentTypes, (item) => html `
-								<uui-menu-item
-									@click=${(e) => __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_onClick).call(this, item, e)}
-									label=${item.name}
-									href=${__classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_getCreateUrl).call(this, item)}>
+								<uui-menu-item label=${item.name} href=${__classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_getCreateUrl).call(this, item)}>
 									<uui-icon slot="icon" name=${item.icon ?? 'icon-document'}></uui-icon>
 								</uui-menu-item>
 							`)}
@@ -101,6 +112,9 @@ _UmbCreateDocumentCollectionActionElement_renderDropdown = function _UmbCreateDo
 __decorate([
     state()
 ], UmbCreateDocumentCollectionActionElement.prototype, "_allowedDocumentTypes", void 0);
+__decorate([
+    state()
+], UmbCreateDocumentCollectionActionElement.prototype, "_createDocumentPath", void 0);
 __decorate([
     state()
 ], UmbCreateDocumentCollectionActionElement.prototype, "_documentUnique", void 0);
@@ -110,6 +124,9 @@ __decorate([
 __decorate([
     state()
 ], UmbCreateDocumentCollectionActionElement.prototype, "_popoverOpen", void 0);
+__decorate([
+    state()
+], UmbCreateDocumentCollectionActionElement.prototype, "_useInfiniteEditor", void 0);
 __decorate([
     property({ attribute: false })
 ], UmbCreateDocumentCollectionActionElement.prototype, "manifest", void 0);

package/dist-cms/packages/documents/documents/collection/views/grid/document-grid-collection-view.element.d.ts

@@ -3,6 +3,7 @@ export declare class UmbDocumentGridCollectionViewElement extends UmbLitElement
     #private;
     private _items;
     private _selection;
+    private _userDefinedProperties?;
     private _loading;
     constructor();
     private _handleOpenCard;