@umbraco-cms/backoffice 14.0.0--preview007-2ee36857 → 14.0.0--preview007-06765466

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",

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/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;

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

@@ -15,8 +15,9 @@ 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 _UmbDocumentGridCollectionViewElement_instances, _UmbDocumentGridCollectionViewElement_collectionContext, _UmbDocumentGridCollectionViewElement_onSelect, _UmbDocumentGridCollectionViewElement_onDeselect, _UmbDocumentGridCollectionViewElement_renderCard;
-import { css, html, nothing, customElement, state, repeat } from '../../../../../../external/lit/index.js';
+var _UmbDocumentGridCollectionViewElement_instances, _UmbDocumentGridCollectionViewElement_collectionContext, _UmbDocumentGridCollectionViewElement_observeCollectionContext, _UmbDocumentGridCollectionViewElement_onSelect, _UmbDocumentGridCollectionViewElement_onDeselect, _UmbDocumentGridCollectionViewElement_renderCard, _UmbDocumentGridCollectionViewElement_renderState, _UmbDocumentGridCollectionViewElement_renderProperties;
+import { getPropertyValueByAlias } from '../index.js';
+import { css, html, customElement, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 import { UMB_DEFAULT_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
@@ -30,18 +31,21 @@ let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewEl
         _UmbDocumentGridCollectionViewElement_collectionContext.set(this, void 0);
         this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (instance) => {
             __classPrivateFieldSet(this, _UmbDocumentGridCollectionViewElement_collectionContext, instance, "f");
-            this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").selection.selection, (selection) => (this._selection = selection), 'umbCollectionSelectionObserver');
-            this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").items, (items) => (this._items = items), 'umbCollectionItemsObserver');
+            __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_observeCollectionContext).call(this);
         });
     }
-    //TODO How should we handle url stuff?
+    // TODO: How should we handle url stuff? [?]
     _handleOpenCard(id) {
-        //TODO this will not be needed when cards works as links with href
+        // TODO: this will not be needed when cards works as links with href [?]
         history.pushState(null, '', 'section/content/workspace/document/edit/' + id);
     }
     render() {
-        if (this._loading)
-            nothing;
+        if (this._loading) {
+            return html `<div class="container"><uui-loader></uui-loader></div>`;
+        }
+        if (this._items.length === 0) {
+            return html `<div class="container"><p>${this.localize.term('content_listViewNoItems')}</p></div>`;
+        }
         return html `
 			<div id="document-grid">
 				${repeat(this._items, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_renderCard).call(this, item))}
@@ -51,6 +55,15 @@ let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewEl
 };
 _UmbDocumentGridCollectionViewElement_collectionContext = new WeakMap();
 _UmbDocumentGridCollectionViewElement_instances = new WeakSet();
+_UmbDocumentGridCollectionViewElement_observeCollectionContext = function _UmbDocumentGridCollectionViewElement_observeCollectionContext() {
+    if (!__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f"))
+        return;
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").userDefinedProperties, (userDefinedProperties) => {
+        this._userDefinedProperties = userDefinedProperties;
+    }, 'umbCollectionUserDefinedPropertiesObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").selection.selection, (selection) => (this._selection = selection), 'umbCollectionSelectionObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").items, (items) => (this._items = items), 'umbCollectionItemsObserver');
+};
 _UmbDocumentGridCollectionViewElement_onSelect = function _UmbDocumentGridCollectionViewElement_onSelect(item) {
     __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f")?.selection.select(item.unique ?? '');
 };
@@ -68,9 +81,44 @@ _UmbDocumentGridCollectionViewElement_renderCard = function _UmbDocumentGridColl
 				@selected=${() => __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_onSelect).call(this, item)}
 				@deselected=${() => __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_onDeselect).call(this, item)}>
 				<uui-icon slot="icon" name=${item.icon}></uui-icon>
+				${__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_renderState).call(this, item)} ${__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_renderProperties).call(this, item)}
 			</uui-card-content-node>
 		`;
 };
+_UmbDocumentGridCollectionViewElement_renderState = function _UmbDocumentGridCollectionViewElement_renderState(item) {
+    switch (item.state) {
+        case 'Published':
+            return html `<uui-tag slot="tag" color="positive" look="secondary"
+					>${this.localize.term('content_published')}</uui-tag
+				>`;
+        case 'PublishedPendingChanges':
+            return html `<uui-tag slot="tag" color="warning" look="secondary"
+					>${this.localize.term('content_publishedPendingChanges')}</uui-tag
+				>`;
+        case 'Draft':
+            return html `<uui-tag slot="tag" color="default" look="secondary"
+					>${this.localize.term('content_unpublished')}</uui-tag
+				>`;
+        case 'NotCreated':
+            return html `<uui-tag slot="tag" color="danger" look="secondary"
+					>${this.localize.term('content_notCreated')}</uui-tag
+				>`;
+        default:
+            // TODO: [LK] Check if we have a `SplitPascalCase`-esque utility function that could be used here.
+            return html `<uui-tag slot="tag" color="danger" look="secondary"
+					>${item.state.replace(/([A-Z])/g, ' $1')}</uui-tag
+				>`;
+    }
+};
+_UmbDocumentGridCollectionViewElement_renderProperties = function _UmbDocumentGridCollectionViewElement_renderProperties(item) {
+    if (!this._userDefinedProperties)
+        return;
+    return html `
+			<ul>
+				${repeat(this._userDefinedProperties, (column) => column.alias, (column) => html `<li><span>${column.header}:</span> ${getPropertyValueByAlias(item, column.alias)}</li>`)}
+			</ul>
+		`;
+};
 UmbDocumentGridCollectionViewElement.styles = [
     UmbTextStyles,
     css `
@@ -79,6 +127,12 @@ UmbDocumentGridCollectionViewElement.styles = [
 				flex-direction: column;
 			}
 
+			.container {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+
 			#document-grid {
 				display: grid;
 				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
@@ -89,6 +143,16 @@ UmbDocumentGridCollectionViewElement.styles = [
 				width: 100%;
 				height: 180px;
 			}
+
+			ul {
+				list-style: none;
+				padding-inline-start: 0px;
+				margin: 0;
+			}
+
+			ul > li > span {
+				font-weight: 700;
+			}
 		`,
 ];
 __decorate([
@@ -97,6 +161,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentGridCollectionViewElement.prototype, "_selection", void 0);
+__decorate([
+    state()
+], UmbDocumentGridCollectionViewElement.prototype, "_userDefinedProperties", void 0);
 __decorate([
     state()
 ], UmbDocumentGridCollectionViewElement.prototype, "_loading", void 0);

package/dist-cms/packages/documents/documents/collection/views/index.d.ts

@@ -1 +1,3 @@
+import type { UmbDocumentCollectionItemModel } from '../types.js';
 export { UMB_DOCUMENT_GRID_COLLECTION_VIEW_ALIAS, UMB_DOCUMENT_TABLE_COLLECTION_VIEW_ALIAS } from './manifests.js';
+export declare function getPropertyValueByAlias(item: UmbDocumentCollectionItemModel, alias: string): string | null | undefined;

package/dist-cms/packages/documents/documents/collection/views/index.js

@@ -1 +1,21 @@
 export { UMB_DOCUMENT_GRID_COLLECTION_VIEW_ALIAS, UMB_DOCUMENT_TABLE_COLLECTION_VIEW_ALIAS } from './manifests.js';
+export function getPropertyValueByAlias(item, alias) {
+    switch (alias) {
+        case 'createDate':
+            return item.createDate.toLocaleString();
+        case 'entityName':
+            return item.name;
+        case 'entityState':
+            return item.state.replace(/([A-Z])/g, ' $1');
+        case 'owner':
+            return item.creator;
+        case 'published':
+            return item.state !== 'Draft' ? 'True' : 'False';
+        case 'updateDate':
+            return item.updateDate.toLocaleString();
+        case 'updater':
+            return item.updater;
+        default:
+            return item.values.find((value) => value.alias === alias)?.value ?? '';
+    }
+}

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.d.ts

@@ -0,0 +1,19 @@
+import type { UmbDocumentCollectionItemModel } from '../../../types.js';
+import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+import type { UmbTableColumn, UmbTableColumnLayoutElement, UmbTableItem } from '../../../../../../core/components/index.js';
+export declare class UmbDocumentTableColumnNameElement extends UmbLitElement implements UmbTableColumnLayoutElement {
+    #private;
+    private _editDocumentPath;
+    column: UmbTableColumn;
+    item: UmbTableItem;
+    value: UmbDocumentCollectionItemModel;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbDocumentTableColumnNameElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-table-column-name': UmbDocumentTableColumnNameElement;
+    }
+}