@umbraco-cms/backoffice 14.0.0--preview007-e6045110 → 14.0.0--preview007-772eb996

package/dist-cms/packages/media/media/collection/views/manifests.js

@@ -0,0 +1,39 @@
+import { UMB_MEDIA_GRID_COLLECTION_VIEW_ALIAS, UMB_MEDIA_TABLE_COLLECTION_VIEW_ALIAS } from './index.js';
+import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
+const gridViewManifest = {
+    type: 'collectionView',
+    alias: UMB_MEDIA_GRID_COLLECTION_VIEW_ALIAS,
+    name: 'Media Grid Collection View',
+    element: () => import('./grid/media-grid-collection-view.element.js'),
+    weight: 300,
+    meta: {
+        label: 'Grid',
+        icon: 'icon-grid',
+        pathName: 'grid',
+    },
+    conditions: [
+        {
+            alias: UMB_COLLECTION_ALIAS_CONDITION,
+            match: 'Umb.Collection.Media',
+        },
+    ],
+};
+const tableViewManifest = {
+    type: 'collectionView',
+    alias: UMB_MEDIA_TABLE_COLLECTION_VIEW_ALIAS,
+    name: 'Media Table Collection View',
+    element: () => import('./table/media-table-collection-view.element.js'),
+    weight: 200,
+    meta: {
+        label: 'Table',
+        icon: 'icon-list',
+        pathName: 'table',
+    },
+    conditions: [
+        {
+            alias: UMB_COLLECTION_ALIAS_CONDITION,
+            match: 'Umb.Collection.Media',
+        },
+    ],
+};
+export const manifests = [gridViewManifest, tableViewManifest];

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

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

package/dist-cms/packages/media/media/collection/views/table/column-layouts/media-table-column-name.element.js

@@ -0,0 +1,69 @@
+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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbMediaTableColumnNameElement_instances, _UmbMediaTableColumnNameElement_onClick;
+import { css, customElement, html, property, state } from '../../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '../../../../../../core/modal/index.js';
+let UmbMediaTableColumnNameElement = class UmbMediaTableColumnNameElement extends UmbLitElement {
+    constructor() {
+        super();
+        _UmbMediaTableColumnNameElement_instances.add(this);
+        this._editMediaPath = '';
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath('media')
+            .onSetup(() => {
+            return { data: { entityType: 'media', preset: {} } };
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this._editMediaPath = routeBuilder({});
+        });
+    }
+    render() {
+        return html `<uui-button
+			look="default"
+			color="default"
+			compact
+			href="${this._editMediaPath}edit/${this.value.unique}"
+			label="${this.value.name}"
+			@click=${__classPrivateFieldGet(this, _UmbMediaTableColumnNameElement_instances, "m", _UmbMediaTableColumnNameElement_onClick)}></uui-button>`;
+    }
+};
+_UmbMediaTableColumnNameElement_instances = new WeakSet();
+_UmbMediaTableColumnNameElement_onClick = function _UmbMediaTableColumnNameElement_onClick(event) {
+    // TODO: [LK] Review the `stopPropagation` usage, as it causes a page reload.
+    // But we still need a say to prevent the `umb-table` from triggering a selection event.
+    event.stopPropagation();
+};
+UmbMediaTableColumnNameElement.styles = [
+    css `
+			uui-button {
+				text-align: left;
+			}
+		`,
+];
+__decorate([
+    state()
+], UmbMediaTableColumnNameElement.prototype, "_editMediaPath", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbMediaTableColumnNameElement.prototype, "column", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbMediaTableColumnNameElement.prototype, "item", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbMediaTableColumnNameElement.prototype, "value", void 0);
+UmbMediaTableColumnNameElement = __decorate([
+    customElement('umb-media-table-column-name')
+], UmbMediaTableColumnNameElement);
+export { UmbMediaTableColumnNameElement };
+export default UmbMediaTableColumnNameElement;

package/dist-cms/packages/media/media/{collection-view → collection/views/table}/media-table-collection-view.element.d.ts

@@ -1,17 +1,15 @@
-import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import './column-layouts/media-table-column-name.element.js';
 export declare class UmbMediaTableCollectionViewElement extends UmbLitElement {
-    private _mediaItems?;
+    #private;
+    private _loading;
+    private _userDefinedProperties?;
+    private _items?;
     private _tableConfig;
     private _tableColumns;
     private _tableItems;
     private _selection;
-    private _collectionContext?;
     constructor();
-    private _observeCollectionContext;
-    private _createTableItems;
-    private _handleSelect;
-    private _handleDeselect;
-    private _handleOrdering;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/media/media/collection/views/table/media-table-collection-view.element.js

@@ -0,0 +1,205 @@
+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;
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbMediaTableCollectionViewElement_instances, _UmbMediaTableCollectionViewElement_systemColumns, _UmbMediaTableCollectionViewElement_collectionContext, _UmbMediaTableCollectionViewElement_observeCollectionContext, _UmbMediaTableCollectionViewElement_createTableHeadings, _UmbMediaTableCollectionViewElement_createTableItems, _UmbMediaTableCollectionViewElement_getPropertyValueByAlias, _UmbMediaTableCollectionViewElement_handleSelect, _UmbMediaTableCollectionViewElement_handleDeselect, _UmbMediaTableCollectionViewElement_handleOrdering;
+import { css, html, customElement, state } 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';
+import './column-layouts/media-table-column-name.element.js';
+let UmbMediaTableCollectionViewElement = class UmbMediaTableCollectionViewElement extends UmbLitElement {
+    constructor() {
+        super();
+        _UmbMediaTableCollectionViewElement_instances.add(this);
+        this._loading = false;
+        this._tableConfig = {
+            allowSelection: true,
+        };
+        this._tableColumns = [];
+        _UmbMediaTableCollectionViewElement_systemColumns.set(this, [
+            {
+                name: this.localize.term('general_name'),
+                alias: 'entityName',
+                elementName: 'umb-media-table-column-name',
+                allowSorting: true,
+            },
+        ]);
+        this._tableItems = [];
+        this._selection = [];
+        _UmbMediaTableCollectionViewElement_collectionContext.set(this, void 0);
+        this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (collectionContext) => {
+            __classPrivateFieldSet(this, _UmbMediaTableCollectionViewElement_collectionContext, collectionContext, "f");
+            __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_observeCollectionContext).call(this);
+        });
+    }
+    render() {
+        if (this._loading) {
+            return html `<div class="container"><uui-loader></uui-loader></div>`;
+        }
+        if (this._tableItems.length === 0) {
+            return html `<div class="container"><p>${this.localize.term('content_listViewNoItems')}</p></div>`;
+        }
+        return html `
+			<umb-table
+				.config=${this._tableConfig}
+				.columns=${this._tableColumns}
+				.items=${this._tableItems}
+				.selection=${this._selection}
+				@selected="${__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_handleSelect)}"
+				@deselected="${__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_handleDeselect)}"
+				@ordered="${__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_handleOrdering)}"></umb-table>
+		`;
+    }
+};
+_UmbMediaTableCollectionViewElement_systemColumns = new WeakMap();
+_UmbMediaTableCollectionViewElement_collectionContext = new WeakMap();
+_UmbMediaTableCollectionViewElement_instances = new WeakSet();
+_UmbMediaTableCollectionViewElement_observeCollectionContext = function _UmbMediaTableCollectionViewElement_observeCollectionContext() {
+    if (!__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f"))
+        return;
+    this.observe(__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f").userDefinedProperties, (userDefinedProperties) => {
+        this._userDefinedProperties = userDefinedProperties;
+        __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_createTableHeadings).call(this);
+    }, 'umbCollectionUserDefinedPropertiesObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f").items, (items) => {
+        this._items = items;
+        __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_createTableItems).call(this, this._items);
+    }, 'umbCollectionItemsObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f").selection.selection, (selection) => {
+        this._selection = selection;
+    }, 'umbCollectionSelectionObserver');
+};
+_UmbMediaTableCollectionViewElement_createTableHeadings = function _UmbMediaTableCollectionViewElement_createTableHeadings() {
+    if (this._userDefinedProperties && this._userDefinedProperties.length > 0) {
+        const userColumns = this._userDefinedProperties.map((item) => {
+            return {
+                name: item.header,
+                alias: item.alias,
+                elementName: item.elementName,
+                allowSorting: true,
+            };
+        });
+        this._tableColumns = [...__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_systemColumns, "f"), ...userColumns];
+    }
+    else {
+        this._tableColumns = [...__classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_systemColumns, "f")];
+    }
+};
+_UmbMediaTableCollectionViewElement_createTableItems = function _UmbMediaTableCollectionViewElement_createTableItems(items) {
+    if (this._tableColumns.length === 0) {
+        __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_createTableHeadings).call(this);
+    }
+    this._tableItems = items.map((item) => {
+        if (!item.unique)
+            throw new Error('Item id is missing.');
+        const data = this._tableColumns?.map((column) => {
+            return {
+                columnAlias: column.alias,
+                value: column.elementName ? item : __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_instances, "m", _UmbMediaTableCollectionViewElement_getPropertyValueByAlias).call(this, item, column.alias),
+            };
+        }) ?? [];
+        return {
+            id: item.unique,
+            icon: item.icon,
+            data: data,
+        };
+    });
+};
+_UmbMediaTableCollectionViewElement_getPropertyValueByAlias = function _UmbMediaTableCollectionViewElement_getPropertyValueByAlias(item, alias) {
+    switch (alias) {
+        case 'createDate':
+            return item.createDate.toLocaleString();
+        case 'entityName':
+            return item.name;
+        case 'owner':
+            return item.creator;
+        case 'updateDate':
+            return item.updateDate.toLocaleString();
+        default:
+            return item.values.find((value) => value.alias === alias)?.value ?? '';
+    }
+};
+_UmbMediaTableCollectionViewElement_handleSelect = function _UmbMediaTableCollectionViewElement_handleSelect(event) {
+    event.stopPropagation();
+    const table = event.target;
+    const selection = table.selection;
+    __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f")?.selection.setSelection(selection);
+};
+_UmbMediaTableCollectionViewElement_handleDeselect = function _UmbMediaTableCollectionViewElement_handleDeselect(event) {
+    event.stopPropagation();
+    const table = event.target;
+    const selection = table.selection;
+    __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f")?.selection.setSelection(selection);
+};
+_UmbMediaTableCollectionViewElement_handleOrdering = function _UmbMediaTableCollectionViewElement_handleOrdering(event) {
+    const table = event.target;
+    const orderingColumn = table.orderingColumn;
+    const orderingDesc = table.orderingDesc;
+    __classPrivateFieldGet(this, _UmbMediaTableCollectionViewElement_collectionContext, "f")?.setFilter({
+        orderBy: orderingColumn,
+        orderDirection: orderingDesc ? 'desc' : 'asc',
+    });
+};
+UmbMediaTableCollectionViewElement.styles = [
+    UmbTextStyles,
+    css `
+			:host {
+				display: block;
+				box-sizing: border-box;
+				height: auto;
+				width: 100%;
+				padding: var(--uui-size-space-3) var(--uui-size-space-6);
+			}
+
+			/* TODO: Should we have embedded padding in the table component? */
+			umb-table {
+				padding: 0; /* To fix the embedded padding in the table component. */
+			}
+
+			.container {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+		`,
+];
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_loading", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_userDefinedProperties", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_items", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_tableConfig", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_tableColumns", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_tableItems", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_selection", void 0);
+UmbMediaTableCollectionViewElement = __decorate([
+    customElement('umb-media-table-collection-view')
+], UmbMediaTableCollectionViewElement);
+export { UmbMediaTableCollectionViewElement };
+export default UmbMediaTableCollectionViewElement;

package/dist-cms/packages/media/media/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../../core/index.js").ManifestCollection | import("../../core/index.js").ManifestCollectionView | import("../../core/index.js").ManifestEntityAction | import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestMenuItemTreeKind | import("../../core/index.js").ManifestPropertyEditorUi | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestTree | import("../../core/index.js").ManifestTreeItem | import("../../core/index.js").ManifestTreeStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceView | import("../../core/index.js").ManifestUserPermission | import("../../core/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi>)[];
+export declare const manifests: (import("../../core/index.js").ManifestCollection | import("../../core/index.js").ManifestCollectionView | import("../../core/index.js").ManifestEntityAction | import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestMenuItemTreeKind | import("../../core/index.js").ManifestPropertyEditorUi | import("../../core/index.js").ManifestSectionView | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestTree | import("../../core/index.js").ManifestTreeItem | import("../../core/index.js").ManifestTreeStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceView | import("../../core/index.js").ManifestUserPermission | import("../../core/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi>)[];

package/dist-cms/packages/media/media/manifests.js

@@ -1,21 +1,21 @@
-import { manifests as collectionViewManifests } from './collection-view/manifests.js';
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as entityActionsManifests } from './entity-actions/manifests.js';
 import { manifests as entityBulkActionsManifests } from './entity-bulk-actions/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as propertyEditorsManifests } from './property-editors/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as sectionViewManifests } from './section-view/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 import { manifests as userPermissionManifests } from './user-permissions/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 export const manifests = [
-    ...collectionViewManifests,
     ...collectionManifests,
     ...entityActionsManifests,
     ...entityBulkActionsManifests,
     ...menuItemManifests,
     ...propertyEditorsManifests,
     ...repositoryManifests,
+    ...sectionViewManifests,
     ...treeManifests,
     ...userPermissionManifests,
     ...workspaceManifests,

package/dist-cms/packages/media/media/section-view/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestSectionView } from '../../../core/extension-registry/index.js';
+export declare const manifests: ManifestSectionView[];

package/dist-cms/packages/media/media/section-view/manifests.js

@@ -0,0 +1,21 @@
+const sectionsViews = [
+    {
+        type: 'sectionView',
+        alias: 'Umb.SectionView.Media',
+        name: 'Media Section View',
+        element: () => import('./media-section-view.element.js'),
+        weight: 200,
+        meta: {
+            label: 'Media',
+            pathname: 'media',
+            icon: 'icon-user',
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.SectionAlias',
+                match: 'Umb.Section.Media',
+            },
+        ],
+    },
+];
+export const manifests = [...sectionsViews];

package/dist-cms/packages/media/media/section-view/media-section-view.element.d.ts

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

package/dist-cms/packages/media/media/section-view/media-section-view.element.js

@@ -0,0 +1,73 @@
+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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbMediaSectionViewElement_routes;
+import { UMB_MEDIA_COLLECTION_ALIAS } from '../collection/index.js';
+import { css, html, customElement } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { UmbCollectionElement } from '../../../core/collection/index.js';
+let UmbMediaSectionViewElement = class UmbMediaSectionViewElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        _UmbMediaSectionViewElement_routes.set(this, [
+            {
+                path: 'collection',
+                component: () => {
+                    // TODO: [LK] Work-in-progress. Need to get the data-type configuration for the Media Collection.
+                    const config = {
+                        unique: '',
+                        dataTypeId: 'dt-collectionView',
+                        allowedEntityBulkActions: {
+                            allowBulkCopy: true,
+                            allowBulkDelete: true,
+                            allowBulkMove: true,
+                            allowBulkPublish: false,
+                            allowBulkUnpublish: false,
+                        },
+                        orderBy: 'entityName',
+                        orderDirection: 'asc',
+                        pageSize: 50,
+                        useInfiniteEditor: false,
+                        userDefinedProperties: undefined,
+                    };
+                    const element = new UmbCollectionElement();
+                    element.alias = UMB_MEDIA_COLLECTION_ALIAS;
+                    element.config = config;
+                    return element;
+                },
+            },
+            {
+                path: '',
+                redirectTo: 'collection',
+            },
+        ]);
+    }
+    render() {
+        return html `<umb-router-slot id="router-slot" .routes=${__classPrivateFieldGet(this, _UmbMediaSectionViewElement_routes, "f")}></umb-router-slot>`;
+    }
+};
+_UmbMediaSectionViewElement_routes = new WeakMap();
+UmbMediaSectionViewElement.styles = [
+    css `
+			:host {
+				height: 100%;
+			}
+
+			#router-slot {
+				height: calc(100% - var(--umb-header-layout-height));
+			}
+		`,
+];
+UmbMediaSectionViewElement = __decorate([
+    customElement('umb-media-section-view')
+], UmbMediaSectionViewElement);
+export { UmbMediaSectionViewElement };
+export default UmbMediaSectionViewElement;

package/dist-cms/packages/media/section.manifests.d.ts

@@ -1,2 +1,2 @@
-import type { ManifestDashboardCollection, ManifestSection } from '../core/extension-registry/index.js';
-export declare const manifests: (import("../core/extension-registry/index.js").ManifestSectionSidebarApp | ManifestDashboardCollection | ManifestSection)[];
+import type { ManifestSection } from '../core/extension-registry/index.js';
+export declare const manifests: (import("../core/extension-registry/index.js").ManifestSectionSidebarApp | ManifestSection)[];

package/dist-cms/packages/media/section.manifests.js

@@ -1,4 +1,3 @@
-import { UMB_MEDIA_DETAIL_REPOSITORY_ALIAS } from './media/repository/index.js';
 const sectionAlias = 'Umb.Section.Media';
 const section = {
     type: 'section',
@@ -7,27 +6,10 @@ const section = {
     weight: 500,
     meta: {
         label: 'Media',
-        pathname: 'media',
+        pathname: 'media-management',
     },
     conditions: [],
 };
-const dashboards = [
-    {
-        type: 'dashboardCollection',
-        alias: 'Umb.Dashboard.MediaCollection',
-        name: 'Media Dashboard',
-        weight: 10,
-        meta: {
-            label: 'Media',
-            pathname: 'media-management',
-            repositoryAlias: UMB_MEDIA_DETAIL_REPOSITORY_ALIAS,
-        },
-        conditions: {
-            sections: [sectionAlias],
-            entityType: 'media',
-        },
-    },
-];
 const menuSectionSidebarApp = {
     type: 'sectionSidebarApp',
     kind: 'menu',
@@ -45,4 +27,4 @@ const menuSectionSidebarApp = {
         },
     ],
 };
-export const manifests = [section, menuSectionSidebarApp, ...dashboards];
+export const manifests = [section, menuSectionSidebarApp];

package/dist-cms/packages/user/user/collection/repository/user-collection.server.data-source.js

@@ -36,7 +36,7 @@ export class UmbUserCollectionServerDataSource {
      * @memberof UmbUserCollectionServerDataSource
      */
     async getCollection(filter) {
-        const { data, error } = await tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbUserCollectionServerDataSource_host, "f"), UserResource.getUserFilter(filter));
+        const { data, error } = await tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbUserCollectionServerDataSource_host, "f"), UserResource.getFilterUser(filter));
         if (error) {
             return { error };
         }