@umbraco-cms/backoffice 18.2.1 → 18.3.0-rc

package/dist-cms/packages/media/media/tree/tree-item/media-tree-item.element.js

@@ -11,7 +11,7 @@ let UmbMediaTreeItemElement = class UmbMediaTreeItemElement extends UmbTreeItemE
         return html `
 			<div id="icon-container" slot="icon">
 				<umb-entity-sign-bundle .entityType=${this._item?.entityType} .entityFlags=${this._flags}>
-					${when(this.item?.mediaType.icon, (icon) => html `<umb-icon id="icon" name=${this._getIconToRender(icon)}></umb-icon>`)}
+					${when(this.#contentType?.icon, (icon) => html `<umb-icon id="icon" name=${this._getIconToRender(icon)}></umb-icon>`)}
 				</umb-entity-sign-bundle>
 				${this.#renderStateIcon()}
 			</div>
@@ -22,8 +22,13 @@ let UmbMediaTreeItemElement = class UmbMediaTreeItemElement extends UmbTreeItemE
 			${this._item?.variants[0].name}
 		</span> `;
     }
+    // TODO (V20): drop the `mediaType` fallback when the deprecated field is removed.
+    get #contentType() {
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        return this.item?.contentType ?? this.item?.mediaType;
+    }
     #renderStateIcon() {
-        if (this.item?.mediaType.collection) {
+        if (this.#contentType?.collection) {
             return this.#renderIsCollectionIcon();
         }
         return nothing;

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

@@ -5,6 +5,14 @@ export interface UmbMediaTreeItemModel extends UmbTreeItemModel {
     entityType: UmbMediaEntityType;
     noAccess: boolean;
     isTrashed: boolean;
+    contentType?: {
+        unique: string;
+        icon: string;
+        collection: UmbReferenceByUnique | null;
+    };
+    /**
+     * @deprecated Use `contentType` instead. This field will be removed in v20.
+     */
     mediaType: {
         unique: string;
         icon: string;
@@ -12,6 +20,8 @@ export interface UmbMediaTreeItemModel extends UmbTreeItemModel {
     };
     variants: Array<UmbMediaTreeItemVariantModel>;
     createDate: string;
+    /** The file extension, without the leading dot and in lowercase. Undefined when the item holds no file. */
+    extension?: string;
 }
 export interface UmbMediaTreeRootModel extends UmbTreeRootModel {
     entityType: UmbMediaRootEntityType;

package/dist-cms/packages/media/media/workspace/media-workspace-editor.element.js

@@ -110,9 +110,9 @@ let UmbMediaWorkspaceEditorElement = class UmbMediaWorkspaceEditorElement extend
         };
     }
     render() {
-        return !this._loading && this._routes && this._routes.length > 0
-            ? html `<umb-router-slot .routes=${this._routes} @init=${this._gotWorkspaceRoute}></umb-router-slot>`
-            : html `<umb-view-loader></umb-view-loader>`;
+        return html `<umb-router-slot .routes=${this._loading ? [] : this._routes} @init=${this._gotWorkspaceRoute}
+			><umb-view-loader></umb-view-loader
+		></umb-router-slot>`;
     }
     static { this.styles = [
         UmbTextStyles,

package/dist-cms/packages/media/media/workspace/media-workspace.context.d.ts

@@ -5,6 +5,7 @@ import { UmbContentDetailWorkspaceContextBase, type UmbContentWorkspaceContext }
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import { type UmbMediaTypeDetailModel } from '../../media-types/index.js';
 import type { UmbVariantId } from '../../../core/variant/index.js';
+import type { UmbEntityModel } from '../../../core/entity/index.js';
 type ContentModel = UmbMediaDetailModel;
 type ContentTypeModel = UmbMediaTypeDetailModel;
 export declare class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceContextBase<ContentModel, UmbMediaDetailRepository, ContentTypeModel, UmbMediaVariantModel> implements UmbContentWorkspaceContext<ContentModel, ContentTypeModel, UmbMediaVariantModel> {
@@ -14,6 +15,7 @@ export declare class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceC
     readonly contentTypeIcon: import("rxjs").Observable<string | null | undefined>;
     constructor(host: UmbControllerHost);
     resetState(): void;
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     create(parent: {
         entityType: string;
         unique: string | null;
@@ -25,6 +27,5 @@ export declare class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceC
      */
     getContentTypeUnique(): string | undefined;
     createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbMediaPropertyDatasetContext;
-    destroy(): void;
 }
 export { UmbMediaWorkspaceContext as api };

package/dist-cms/packages/media/media/workspace/media-workspace.context.js

@@ -1,21 +1,18 @@
 import { UmbMediaTypeDetailRepository } from '../../media-types/repository/detail/media-type-detail.repository.js';
 import { UmbMediaPropertyDatasetContext } from '../property-dataset-context/media-property-dataset-context.js';
 import { UMB_MEDIA_ENTITY_TYPE } from '../entity.js';
-import { UMB_MEDIA_DETAIL_REPOSITORY_ALIAS } from '../constants.js';
+import { UMB_MEDIA_DETAIL_REPOSITORY_ALIAS, UMB_MEDIA_RECYCLE_BIN_ROOT_WORKSPACE_PATH } from '../constants.js';
 import { UMB_CREATE_MEDIA_WORKSPACE_PATH_PATTERN, UMB_EDIT_MEDIA_WORKSPACE_PATH_PATTERN } from '../paths.js';
 import { UmbMediaValidationRepository } from '../repository/validation/media-validation.repository.js';
 import { UMB_MEDIA_COLLECTION_ALIAS } from '../collection/constants.js';
 import { UMB_MEDIA_WORKSPACE_ALIAS, UMB_MEMBER_DETAIL_MODEL_VARIANT_SCAFFOLD } from './constants.js';
+import { UMB_MEDIA_SECTION_PATH } from '../../media-section/paths.js';
 import { UmbContentDetailWorkspaceContextBase } from '../../../content/content/index.js';
-import { UmbEntityRestoredFromRecycleBinEvent, UmbEntityTrashedEvent, UmbIsTrashedEntityContext, } from '../../../core/recycle-bin/index.js';
 import { UmbWorkspaceIsNewRedirectController, UmbWorkspaceIsNewRedirectControllerAlias, } from '../../../core/workspace/index.js';
 import { UMB_MEDIA_TYPE_ENTITY_TYPE } from '../../media-types/index.js';
-import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
 import { UmbEntityContentTypeEntityContext } from '../../../content/content-type/index.js';
 export class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceContextBase {
-    #isTrashedContext;
     #entityContentTypeContext;
-    #actionEventContext;
     constructor(host) {
         super(host, {
             entityType: UMB_MEDIA_ENTITY_TYPE,
@@ -30,15 +27,7 @@ export class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceContextBa
         this.isTrashed = this._data.createObservablePartOfCurrent((data) => data?.isTrashed);
         this.contentTypeUnique = this._data.createObservablePartOfCurrent((data) => data?.mediaType.unique);
         this.contentTypeIcon = this._data.createObservablePartOfCurrent((data) => data?.mediaType.icon);
-        this.#isTrashedContext = new UmbIsTrashedEntityContext(this);
         this.#entityContentTypeContext = new UmbEntityContentTypeEntityContext(this);
-        this.#onRecycleBinEvent = (event) => {
-            const unique = this.getUnique();
-            const entityType = this.getEntityType();
-            if (event.getUnique() !== unique || event.getEntityType() !== entityType)
-                return;
-            this.reload();
-        };
         this.observe(this.contentTypeUnique, (unique) => {
             this.#entityContentTypeContext.setEntityType(unique ? UMB_MEDIA_TYPE_ENTITY_TYPE : undefined);
             this.#entityContentTypeContext.setUnique(unique ?? undefined);
@@ -46,12 +35,6 @@ export class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceContextBa
                 this.structure.loadType(unique);
             }
         }, null);
-        this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (actionEventContext) => {
-            this.#removeEventListeners();
-            this.#actionEventContext = actionEventContext;
-            this.#addEventListeners();
-        });
-        this.observe(this.isTrashed, (isTrashed) => this.#onTrashStateChange(isTrashed), null);
         // TODO: This is done by the content detail base class, so we can remove it from there and only do it here. [NL]
         this.propertyViewGuard.fallbackToPermitted();
         this.propertyWriteGuard.fallbackToPermitted();
@@ -83,9 +66,14 @@ export class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceContextBa
     }
     resetState() {
         super.resetState();
-        this.#isTrashedContext.setIsTrashed(false);
         this.removeUmbControllerByAlias(UmbWorkspaceIsNewRedirectControllerAlias);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique) {
+            return this._data.getCurrent()?.isTrashed ? UMB_MEDIA_RECYCLE_BIN_ROOT_WORKSPACE_PATH : UMB_MEDIA_SECTION_PATH;
+        }
+        return UMB_EDIT_MEDIA_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     /*
      * @deprecated Use `createScaffold` instead.
      */
@@ -106,32 +94,5 @@ export class UmbMediaWorkspaceContext extends UmbContentDetailWorkspaceContextBa
     createPropertyDatasetContext(host, variantId) {
         return new UmbMediaPropertyDatasetContext(host, this, variantId);
     }
-    #addEventListeners() {
-        this.#actionEventContext?.addEventListener(UmbEntityTrashedEvent.TYPE, this.#onRecycleBinEvent);
-        this.#actionEventContext?.addEventListener(UmbEntityRestoredFromRecycleBinEvent.TYPE, this.#onRecycleBinEvent);
-    }
-    #removeEventListeners() {
-        this.#actionEventContext?.removeEventListener(UmbEntityTrashedEvent.TYPE, this.#onRecycleBinEvent);
-        this.#actionEventContext?.removeEventListener(UmbEntityRestoredFromRecycleBinEvent.TYPE, this.#onRecycleBinEvent);
-    }
-    #onRecycleBinEvent;
-    #onTrashStateChange(isTrashed) {
-        this.#isTrashedContext.setIsTrashed(isTrashed ?? false);
-        const guardUnique = `UMB_PREVENT_EDIT_TRASHED_ITEM`;
-        if (!isTrashed) {
-            this.readOnlyGuard.removeRule(guardUnique);
-            return;
-        }
-        const rule = {
-            unique: guardUnique,
-            permitted: true,
-        };
-        // TODO: Change to use property write guard when it supports making the name read-only.
-        this.readOnlyGuard.addRule(rule);
-    }
-    destroy() {
-        this.#removeEventListeners();
-        super.destroy();
-    }
 }
 export { UmbMediaWorkspaceContext as api };

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

@@ -1,4 +1,4 @@
-import { UMB_MEDIA_TYPE_TREE_ALIAS, UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS } from '../tree/constants.js';
+import { UMB_MEDIA_TYPE_TREE_ALIAS } from '../tree/constants.js';
 import { UMB_MEDIA_TYPE_WORKSPACE_ALIAS } from '../workspace/constants.js';
 import { UMB_MEDIA_TYPE_MENU_ITEM_ALIAS } from './constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
@@ -43,32 +43,4 @@ export const manifests = [
             },
         ],
     },
-    {
-        type: 'workspaceContext',
-        kind: 'menuStructure',
-        name: 'Media Type Folder Menu Structure Workspace Context',
-        alias: 'Umb.Context.MediaTypeFolder.Menu.Structure',
-        api: () => import('./media-type-menu-structure.context.js'),
-        meta: {
-            menuItemAlias: UMB_MEDIA_TYPE_MENU_ITEM_ALIAS,
-        },
-        conditions: [
-            {
-                alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                match: UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS,
-            },
-        ],
-    },
-    {
-        type: 'workspaceFooterApp',
-        kind: 'menuBreadcrumb',
-        alias: 'Umb.WorkspaceFooterApp.MediaTypeFolder.Breadcrumb',
-        name: 'Media Type Folder Breadcrumb Workspace Footer App',
-        conditions: [
-            {
-                alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                match: UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS,
-            },
-        ],
-    },
 ];

package/dist-cms/packages/media/media-types/property-editors/media-type-picker/manifests.js

@@ -4,6 +4,7 @@ export const manifest = {
     name: 'Media Type Picker Property Editor UI',
     element: () => import('./property-editor-ui-media-type-picker.element.js'),
     meta: {
+        supportsVariantChange: true,
         label: 'Media Type Picker',
         icon: 'icon-media-dashed-line',
         group: '#propertyEditorUIGroups_advanced',

package/dist-cms/packages/media/media-types/property-type/media-type-property-type-item-ref.element.js

@@ -9,7 +9,7 @@ import { UMB_EDIT_MEDIA_TYPE_WORKSPACE_PATH_PATTERN } from '../paths.js';
 import { customElement, html, ifDefined, nothing, property, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../core/router/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_MODAL, umbGenerateWorkspaceLink } from '../../../core/workspace/index.js';
 let UmbMediaTypePropertyTypeItemRefElement = class UmbMediaTypePropertyTypeItemRefElement extends UmbLitElement {
     constructor() {
         super();
@@ -25,11 +25,14 @@ let UmbMediaTypePropertyTypeItemRefElement = class UmbMediaTypePropertyTypeItemR
             this._editPath = routeBuilder({});
         });
     }
-    #getHref() {
+    #getLink() {
         if (!this.item?.unique)
             return;
-        const path = UMB_EDIT_MEDIA_TYPE_WORKSPACE_PATH_PATTERN.generateLocal({ unique: this.item.mediaType.unique });
-        return `${this._editPath}/${path}`;
+        return umbGenerateWorkspaceLink({
+            pattern: UMB_EDIT_MEDIA_TYPE_WORKSPACE_PATH_PATTERN,
+            params: { unique: this.item.mediaType.unique },
+            routePath: this._editPath,
+        });
     }
     #getName() {
         const mediaTypeName = this.item?.mediaType.name ?? 'Unknown';
@@ -42,11 +45,13 @@ let UmbMediaTypePropertyTypeItemRefElement = class UmbMediaTypePropertyTypeItemR
     render() {
         if (!this.item)
             return nothing;
+        const link = this.#getLink();
         return html `
 			<uui-ref-node
 				name=${this.#getName()}
 				detail=${this.#getDetail()}
-				href=${ifDefined(this.#getHref())}
+				href=${ifDefined(link?.href)}
+				target=${ifDefined(link?.target)}
 				?readonly=${this.readonly}
 				?standalone=${this.standalone}>
 				<slot name="actions" slot="actions"></slot>

package/dist-cms/packages/media/media-types/repository/detail/server-data-source/media-type-detail.server.request-manager.d.ts

@@ -1,7 +1,7 @@
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { type CreateMediaTypeRequestModel, type MediaTypeResponseModel, type UpdateMediaTypeRequestModel } from '../../../../../core/backend-api/index.js';
 import { UmbManagementApiDetailDataRequestManager } from '../../../../../management-api/index.js';
-export declare class UmbManagementApiMediaTypeDetailDataRequestManager extends UmbManagementApiDetailDataRequestManager<MediaTypeResponseModel, UpdateMediaTypeRequestModel, CreateMediaTypeRequestModel> {
+export declare class UmbManagementApiMediaTypeDetailDataRequestManager extends UmbManagementApiDetailDataRequestManager<MediaTypeResponseModel, CreateMediaTypeRequestModel, UpdateMediaTypeRequestModel> {
     #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.repository.d.ts

@@ -14,21 +14,28 @@ export declare class UmbMediaTypeStructureRepository extends UmbContentTypeStruc
         }[];
         error?: undefined;
     }>;
-    requestMediaTypesOf({ fileExtension, skip, take, }: {
+    /**
+     * Returns the media types that allow the given file extension. Pages through them all unless an explicit
+     * `skip`/`take` is given, in which case only that page is returned.
+     * @param {object} args - The file extension to match, and optionally the single page to return.
+     * @returns {Promise} A promise resolving to the matching media types, or an empty array if the request failed.
+     * @memberof UmbMediaTypeStructureRepository
+     */
+    requestMediaTypesOf({ fileExtension, skip, take }: {
         fileExtension: string;
         skip?: number;
         take?: number;
-    }): Promise<{
-        matchedFileExtension: boolean;
-        name: string;
-        description: string | null;
-        icon: string | null;
-        unique: import("../../../../core/entity/index.js").UmbEntityUnique;
-        entityType: string;
-    }[]>;
+    }): Promise<UmbAllowedMediaTypeModel[]>;
+    /**
+     * Returns the media types that represent folders. Pages through them all unless an explicit `skip`/`take` is
+     * given, in which case only that page is returned.
+     * @param {object} args - Optionally the single page to return.
+     * @returns {Promise} A promise resolving to the folder media types, or an empty array if the request failed.
+     * @memberof UmbMediaTypeStructureRepository
+     */
     requestMediaTypesOfFolders({ skip, take }?: {
-        skip?: number | undefined;
-        take?: number | undefined;
+        skip?: number;
+        take?: number;
     }): Promise<UmbAllowedMediaTypeModel[]>;
 }
 export default UmbMediaTypeStructureRepository;

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.repository.js

@@ -1,5 +1,8 @@
 import { UmbMediaTypeStructureServerDataSource } from './media-type-structure.server.data-source.js';
 import { UmbContentTypeStructureRepositoryBase } from '../../../../content/content-type/index.js';
+import { fetchAllPages } from '../../../../core/repository/index.js';
+// Mirrors the server's default `take` for the media type item endpoints.
+const MEDIA_TYPE_PAGE_SIZE = 100;
 export class UmbMediaTypeStructureRepository extends UmbContentTypeStructureRepositoryBase {
     constructor(host) {
         super(host, UmbMediaTypeStructureServerDataSource);
@@ -10,11 +13,33 @@ export class UmbMediaTypeStructureRepository extends UmbContentTypeStructureRepo
     async requestAllowedParentsOf(unique) {
         return this.#mediaTypeDataSource.getAllowedParentsOf(unique);
     }
-    async requestMediaTypesOf({ fileExtension, skip = 0, take = 100, }) {
-        return this.#mediaTypeDataSource.getMediaTypesOfFileExtension({ fileExtension, skip, take });
+    /**
+     * Returns the media types that allow the given file extension. Pages through them all unless an explicit
+     * `skip`/`take` is given, in which case only that page is returned.
+     * @param {object} args - The file extension to match, and optionally the single page to return.
+     * @returns {Promise} A promise resolving to the matching media types, or an empty array if the request failed.
+     * @memberof UmbMediaTypeStructureRepository
+     */
+    async requestMediaTypesOf({ fileExtension, skip, take }) {
+        const { data } = await this.#requestPagedOrAll((pageSkip, pageTake) => this.#mediaTypeDataSource.getMediaTypesOfFileExtension({ fileExtension, skip: pageSkip, take: pageTake }), { skip, take });
+        return data?.items ?? [];
     }
-    async requestMediaTypesOfFolders({ skip = 0, take = 100 } = {}) {
-        return this.#mediaTypeDataSource.getMediaTypesOfFolders({ skip, take });
+    /**
+     * Returns the media types that represent folders. Pages through them all unless an explicit `skip`/`take` is
+     * given, in which case only that page is returned.
+     * @param {object} args - Optionally the single page to return.
+     * @returns {Promise} A promise resolving to the folder media types, or an empty array if the request failed.
+     * @memberof UmbMediaTypeStructureRepository
+     */
+    async requestMediaTypesOfFolders({ skip, take } = {}) {
+        const { data } = await this.#requestPagedOrAll((pageSkip, pageTake) => this.#mediaTypeDataSource.getMediaTypesOfFolders({ skip: pageSkip, take: pageTake }), { skip, take });
+        return data?.items ?? [];
+    }
+    #requestPagedOrAll(fetchPage, { skip, take }) {
+        if (skip !== undefined || take !== undefined) {
+            return fetchPage(skip ?? 0, take ?? MEDIA_TYPE_PAGE_SIZE);
+        }
+        return fetchAllPages(fetchPage, MEDIA_TYPE_PAGE_SIZE);
     }
 }
 export default UmbMediaTypeStructureRepository;

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.server.data-source.d.ts

@@ -2,6 +2,7 @@ import type { UmbAllowedMediaTypeModel, UmbMediaTypeStructureDataSource } from '
 import { UmbContentTypeStructureServerDataSourceBase } from '../../../../content/content-type/index.js';
 import type { AllowedMediaTypeModel } from '../../../../core/backend-api/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbDataSourceResponse, UmbPagedModel } from '../../../../core/repository/index.js';
 /**
  * @class UmbMediaTypeStructureServerDataSource
  * @augments {UmbContentTypeStructureServerDataSourceBase}
@@ -13,18 +14,11 @@ export declare class UmbMediaTypeStructureServerDataSource extends UmbContentTyp
         fileExtension: string;
         skip: number;
         take: number;
-    }): Promise<{
-        matchedFileExtension: boolean;
-        name: string;
-        description: string | null;
-        icon: string | null;
-        unique: import("../../../../core/entity/index.js").UmbEntityUnique;
-        entityType: string;
-    }[]>;
+    }): Promise<UmbDataSourceResponse<UmbPagedModel<UmbAllowedMediaTypeModel>>>;
     getMediaTypesOfFolders({ skip, take }: {
         skip: number;
         take: number;
-    }): Promise<UmbAllowedMediaTypeModel[]>;
+    }): Promise<UmbDataSourceResponse<UmbPagedModel<UmbAllowedMediaTypeModel>>>;
     getAllowedParentsOf(unique: string): Promise<{
         error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError;
         data?: undefined;

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.server.data-source.js

@@ -13,10 +13,10 @@ export class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructu
         this.#host = host;
     }
     getMediaTypesOfFileExtension({ fileExtension, skip, take }) {
-        return getAllowedMediaTypesOfExtension({ fileExtension, skip, take });
+        return getAllowedMediaTypesOfExtension(this.#host, { fileExtension, skip, take });
     }
     getMediaTypesOfFolders({ skip, take }) {
-        return getAllowedMediaTypesOfFolders({ skip, take });
+        return getAllowedMediaTypesOfFolders(this.#host, { skip, take });
     }
     async getAllowedParentsOf(unique) {
         const { data, error } = await tryExecute(this.#host, MediaTypeService.getMediaTypeByIdAllowedParents({
@@ -32,17 +32,19 @@ export class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructu
         return { data: mappedData };
     }
 }
-const getAllowedChildrenOf = (unique, parentContentUnique) => {
+const getAllowedChildrenOf = (unique, parentContentUnique, paging) => {
     if (unique) {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return MediaTypeService.getMediaTypeByIdAllowedChildren({
             path: { id: unique },
-            query: { parentContentKey: parentContentUnique ?? undefined },
+            query: { parentContentKey: parentContentUnique ?? undefined, skip: paging?.skip, take: paging?.take },
         });
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
-        return MediaTypeService.getMediaTypeAllowedAtRoot({});
+        return MediaTypeService.getMediaTypeAllowedAtRoot({
+            query: { skip: paging?.skip, take: paging?.take },
+        });
     }
 };
 const mapper = (item) => {
@@ -54,16 +56,26 @@ const mapper = (item) => {
         icon: item.icon || null,
     };
 };
-const getAllowedMediaTypesOfFolders = async ({ skip, take }) => {
+const getAllowedMediaTypesOfFolders = async (host, { skip, take }) => {
+    const { data, error } = await tryExecute(host, 
     // eslint-disable-next-line local-rules/no-direct-api-import
-    const { data } = await MediaTypeService.getItemMediaTypeFolders({ query: { skip, take } });
-    return data.items.map((item) => mapper(item));
+    MediaTypeService.getItemMediaTypeFolders({ query: { skip, take } }));
+    if (!data) {
+        return { error };
+    }
+    return { data: { items: data.items.map((item) => mapper(item)), total: data.total } };
 };
-const getAllowedMediaTypesOfExtension = async ({ fileExtension, skip, take, }) => {
+const getAllowedMediaTypesOfExtension = async (host, { fileExtension, skip, take }) => {
+    const { data, error } = await tryExecute(host, 
     // eslint-disable-next-line local-rules/no-direct-api-import
-    const { data } = await MediaTypeService.getItemMediaTypeAllowed({ query: { fileExtension, skip, take } });
-    return data.items.map((item) => ({
-        ...mapper(item),
-        matchedFileExtension: item.matchedFileExtension,
-    }));
+    MediaTypeService.getItemMediaTypeAllowed({ query: { fileExtension, skip, take } }));
+    if (!data) {
+        return { error };
+    }
+    return {
+        data: {
+            items: data.items.map((item) => ({ ...mapper(item), matchedFileExtension: item.matchedFileExtension })),
+            total: data.total,
+        },
+    };
 };

package/dist-cms/packages/media/media-types/tree/folder/manifests.js

@@ -1,7 +1,10 @@
 import { UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE } from '../../entity.js';
+import { UMB_MEDIA_TYPE_MENU_ITEM_ALIAS } from '../../menu/constants.js';
 import { UMB_MEDIA_TYPE_FOLDER_REPOSITORY_ALIAS } from './repository/constants.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
+import { UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS } from './workspace/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../../core/workspace/index.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -23,6 +26,34 @@ export const manifests = [
             folderRepositoryAlias: UMB_MEDIA_TYPE_FOLDER_REPOSITORY_ALIAS,
         },
     },
+    {
+        type: 'workspaceContext',
+        kind: 'menuStructure',
+        name: 'Media Type Folder Menu Structure Workspace Context',
+        alias: 'Umb.Context.MediaTypeFolder.Menu.Structure',
+        api: () => import('../../menu/media-type-menu-structure.context.js'),
+        meta: {
+            menuItemAlias: UMB_MEDIA_TYPE_MENU_ITEM_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceFooterApp',
+        kind: 'menuBreadcrumb',
+        alias: 'Umb.WorkspaceFooterApp.MediaTypeFolder.Breadcrumb',
+        name: 'Media Type Folder Breadcrumb Workspace Footer App',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
     ...repositoryManifests,
     ...workspaceManifests,
 ];

package/dist-cms/packages/media/media-types/tree/folder/workspace/media-type-folder-workspace.context.d.ts

@@ -1,8 +1,10 @@
 import type { UmbMediaTypeFolderRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from '../../../../../core/workspace/index.js';
+import type { UmbEntityModel } from '../../../../../core/entity/index.js';
 import type { UmbFolderModel } from '../../../../../core/tree/index.js';
 export declare class UmbMediaTypeFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbFolderModel, UmbMediaTypeFolderRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
 }
 export { UmbMediaTypeFolderWorkspaceContext as api };

package/dist-cms/packages/media/media-types/tree/folder/workspace/media-type-folder-workspace.context.js

@@ -1,5 +1,7 @@
 import { UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE } from '../../../entity.js';
 import { UMB_MEDIA_TYPE_FOLDER_REPOSITORY_ALIAS } from '../constants.js';
+import { UMB_MEDIA_TYPE_ROOT_WORKSPACE_PATH } from '../../../paths.js';
+import { UMB_EDIT_MEDIA_TYPE_FOLDER_WORKSPACE_PATH_PATTERN } from './paths.js';
 import { UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS } from './constants.js';
 import { UmbMediaTypeFolderWorkspaceEditorElement } from './media-type-folder-editor.element.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../../core/workspace/index.js';
@@ -21,5 +23,10 @@ export class UmbMediaTypeFolderWorkspaceContext extends UmbEntityNamedDetailWork
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_MEDIA_TYPE_ROOT_WORKSPACE_PATH;
+        return UMB_EDIT_MEDIA_TYPE_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
 }
 export { UmbMediaTypeFolderWorkspaceContext as api };

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

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

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

@@ -1,7 +1,12 @@
 import { UMB_MEDIA_TYPE_ENTITY_TYPE, UMB_MEDIA_TYPE_ROOT_ENTITY_TYPE, UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE, } from '../entity.js';
+import { UMB_MEDIA_TYPE_ROOT_WORKSPACE_ALIAS } from '../media-type-root/constants.js';
 import { UMB_MEDIA_TYPE_TREE_ALIAS, UMB_MEDIA_TYPE_TREE_REPOSITORY_ALIAS } from './constants.js';
 import { manifests as folderManifests } from './folder/manifests.js';
 import { manifests as treeItemChildrenManifest } from './tree-item-children/manifests.js';
+import { manifests as viewManifests } from './views/manifests.js';
+import { UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS } from './folder/workspace/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+import { UMB_TREE_ALIAS_CONDITION } from '../../../core/tree/index.js';
 export const manifests = [
     {
         type: 'repository',
@@ -25,6 +30,39 @@ export const manifests = [
         name: 'Media Type Tree Item',
         forEntityTypes: [UMB_MEDIA_TYPE_ENTITY_TYPE, UMB_MEDIA_TYPE_ROOT_ENTITY_TYPE, UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE],
     },
+    {
+        type: 'treeAction',
+        kind: 'create',
+        name: 'Media Type Tree Create Action',
+        alias: 'Umb.TreeAction.MediaType.Create',
+        conditions: [
+            {
+                alias: UMB_TREE_ALIAS_CONDITION,
+                match: UMB_MEDIA_TYPE_TREE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceView',
+        kind: 'tree',
+        // TODO (V20): rename alias to 'Umb.WorkspaceView.MediaType.Tree' — kept as the old
+        // TreeItemChildrenCollection alias so existing plugin conditions/overrides don't break.
+        alias: 'Umb.WorkspaceView.MediaType.TreeItemChildrenCollection',
+        name: 'Media Type Tree Item Children Workspace View',
+        meta: {
+            label: '#tree_children',
+            pathname: 'children',
+            icon: 'icon-bulleted-list',
+            treeAlias: UMB_MEDIA_TYPE_TREE_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                oneOf: [UMB_MEDIA_TYPE_ROOT_WORKSPACE_ALIAS, UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS],
+            },
+        ],
+    },
     ...folderManifests,
     ...treeItemChildrenManifest,
+    ...viewManifests,
 ];

package/dist-cms/packages/media/media-types/tree/tree-item-children/collection/constants.d.ts

@@ -1,2 +1,5 @@
 export * from './repository/constants.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_MEDIA_TYPE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = "Umb.Collection.MediaType.TreeItemChildren";

package/dist-cms/packages/media/media-types/tree/tree-item-children/collection/constants.js

@@ -1,2 +1,5 @@
 export * from './repository/constants.js';
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_MEDIA_TYPE_TREE_ITEM_CHILDREN_COLLECTION_ALIAS = 'Umb.Collection.MediaType.TreeItemChildren';

package/dist-cms/packages/media/media-types/tree/tree-item-children/collection/repository/constants.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export declare const UMB_MEDIA_TYPE_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = "Umb.Repository.MediaType.TreeItemChildrenCollection";

package/dist-cms/packages/media/media-types/tree/tree-item-children/collection/repository/constants.js

@@ -1 +1,4 @@
+/**
+ * @deprecated Deprecated since v17. Scheduled for removal in Umbraco 20.
+ */
 export const UMB_MEDIA_TYPE_TREE_ITEM_CHILDREN_COLLECTION_REPOSITORY_ALIAS = 'Umb.Repository.MediaType.TreeItemChildrenCollection';