@umbraco-cms/backoffice 18.2.1 → 18.3.0-rc

package/dist-cms/packages/core/auth/auth.context.d.ts

@@ -92,18 +92,22 @@ export declare class UmbAuthContext extends UmbContextBase {
      */
     getLatestToken(): Promise<string>;
     /**
-     * Forces a token refresh against the server (calls `/token`) and returns true if successful.
+     * Forces a token refresh against the server (calls `/token`).
      * Use this when you need to unconditionally refresh — e.g. session timeout keep-alive.
      * For per-request token handling, prefer {@link configureClient} which skips the network
      * call when the access token is still valid.
      * Uses Web Locks to deduplicate concurrent refresh requests across tabs.
      * @memberof UmbAuthContext
-     * @returns {Promise<boolean>} True if the refresh succeeded, otherwise false
+     * @returns {Promise<boolean>} True if a usable access token is in hand, otherwise false.
+     * A refresh whose session was superseded while it was in flight reports on the newer
+     * session rather than on the request's own outcome.
      */
     validateToken(): Promise<boolean>;
     /**
      * Attempts to refresh the token using Web Locks to prevent concurrent refresh requests.
-     * @returns {Promise<boolean>} True if the refresh was successful, otherwise false.
+     * @returns {Promise<boolean>} True if a usable access token is in hand, otherwise false.
+     * A refresh whose session was superseded while it was in flight reports on the newer
+     * session rather than on the request's own outcome.
      */
     makeRefreshTokenRequest(): Promise<boolean>;
     /**

package/dist-cms/packages/core/auth/auth.context.js

@@ -369,20 +369,24 @@ export class UmbAuthContext extends UmbContextBase {
         return '[redacted]';
     }
     /**
-     * Forces a token refresh against the server (calls `/token`) and returns true if successful.
+     * Forces a token refresh against the server (calls `/token`).
      * Use this when you need to unconditionally refresh — e.g. session timeout keep-alive.
      * For per-request token handling, prefer {@link configureClient} which skips the network
      * call when the access token is still valid.
      * Uses Web Locks to deduplicate concurrent refresh requests across tabs.
      * @memberof UmbAuthContext
-     * @returns {Promise<boolean>} True if the refresh succeeded, otherwise false
+     * @returns {Promise<boolean>} True if a usable access token is in hand, otherwise false.
+     * A refresh whose session was superseded while it was in flight reports on the newer
+     * session rather than on the request's own outcome.
      */
     async validateToken() {
         return this.#isBypassed || this.makeRefreshTokenRequest();
     }
     /**
      * Attempts to refresh the token using Web Locks to prevent concurrent refresh requests.
-     * @returns {Promise<boolean>} True if the refresh was successful, otherwise false.
+     * @returns {Promise<boolean>} True if a usable access token is in hand, otherwise false.
+     * A refresh whose session was superseded while it was in flight reports on the newer
+     * session rather than on the request's own outcome.
      */
     async makeRefreshTokenRequest() {
         // A previous refresh was definitively rejected — retrying cannot succeed
@@ -421,25 +425,38 @@ export class UmbAuthContext extends UmbContextBase {
     /**
      * Performs the actual refresh request and applies the result.
      * A definitive rejection (e.g. `invalid_grant`) marks the session as dead, so every
-     * subsequent API request does not fire its own doomed refresh attempt. When the rejected
-     * refresh belonged to an established session, the user is also timed out so the
-     * re-authentication flow starts. Transient failures (network errors, 5xx) leave the
-     * session state untouched so a later attempt can retry.
-     * @returns {Promise<boolean>} True if the refresh succeeded, otherwise false.
+     * subsequent API request does not fire its own doomed refresh attempt, and times the
+     * user out so the re-authentication flow starts. An outcome that belongs to a session
+     * which has since been superseded is discarded and reported against the newer session
+     * instead, so neither this method nor its callers disturb that session. Transient
+     * failures (network errors, 5xx) leave the session state untouched so a later attempt
+     * can retry.
+     * @returns {Promise<boolean>} True if a usable access token is in hand, otherwise false.
      */
     async #performRefresh() {
-        // A rejection with no session in hand means nobody is signed in — not that a session
-        // expired. Timing out there re-authenticates in a popup and leaves the caller to
-        // navigate, where a cold boot needs the ordinary login redirect.
-        const hadSession = !!this.#session.getValue();
+        // Capture the session being refreshed so the outcome can be attributed to it.
+        const sessionBefore = this.#session.getValue();
         const result = await this.#client.refreshToken();
+        // A newer session replaced the one being refreshed — a sign-in completed via the
+        // sessionUpdate broadcast while the request was in flight. Whatever came back
+        // describes the superseded session, so it says nothing about the session now in
+        // hand: applying a success would overwrite the newer timings (and re-broadcast
+        // them), and applying a failure would tear down a session that is perfectly valid.
+        // Report on the session actually held instead. Mirrors the identity check in
+        // makeRefreshTokenRequest().
+        if (this.#session.getValue() !== sessionBefore) {
+            return this.#isAccessTokenValid();
+        }
         if (result.response) {
             this.#updateSession(result.response.expiresIn, result.response.issuedAt);
             return true;
         }
+        // A rejection with no session in hand means nobody is signed in — not that a session
+        // expired. Timing out there re-authenticates in a popup and leaves the caller to
+        // navigate, where a cold boot needs the ordinary login redirect.
         if (result.fatal) {
             this.#sessionDead = true;
-            if (hadSession) {
+            if (sessionBefore) {
                 this.timeOut();
             }
         }

package/dist-cms/packages/core/backend-api/types.gen.d.ts

@@ -630,6 +630,7 @@ export type DocumentBlueprintResponseModel = {
 };
 export type DocumentBlueprintTreeItemResponseModel = {
     documentType?: null | DocumentTypeReferenceResponseModel;
+    variants: Array<DocumentVariantItemResponseModel>;
     isFolder: boolean;
     noAccess: boolean;
     name: string;
@@ -646,6 +647,7 @@ export type DocumentCollectionResponseModel = {
     updater?: null | string;
     creator?: null | string;
     sortOrder: number;
+    hasChildren: boolean;
     id: string;
     flags: Array<FlagModel>;
     values: Array<DocumentValueResponseModel>;
@@ -1365,8 +1367,10 @@ export type ManifestResponseModel = {
 };
 export type MediaCollectionResponseModel = {
     mediaType: MediaTypeCollectionReferenceResponseModel;
+    extension?: null | string;
     creator?: null | string;
     sortOrder: number;
+    hasChildren: boolean;
     id: string;
     flags: Array<FlagModel>;
     values: Array<MediaValueResponseModel>;
@@ -1381,6 +1385,7 @@ export type MediaItemResponseModel = {
     parent?: null | ReferenceByIdModel;
     hasChildren: boolean;
     mediaType: MediaTypeReferenceResponseModel;
+    extension?: null | string;
     variants: Array<VariantItemResponseModel>;
     id: string;
     flags: Array<FlagModel>;
@@ -1403,6 +1408,7 @@ export type MediaResponseModel = {
 };
 export type MediaTreeItemResponseModel = {
     mediaType: MediaTypeReferenceResponseModel;
+    extension?: null | string;
     variants: Array<VariantItemResponseModel>;
     noAccess: boolean;
     isTrashed: boolean;
@@ -15801,6 +15807,7 @@ export type GetFilterUserData = {
         orderDirection?: DirectionModel;
         userGroupIds?: Array<string>;
         userStates?: Array<UserStateModel>;
+        userKinds?: Array<UserKindModel>;
         filter?: string;
     };
     url: '/umbraco/management/api/v1/filter/user';

package/dist-cms/packages/core/collection/components/collection-action-bundle.element.d.ts

@@ -1,6 +1,9 @@
+import { nothing } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbCollectionActionBundleElement extends UmbLitElement {
-    render(): import("lit-html").TemplateResult<1>;
+    private _hideCollectionActions;
+    constructor();
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static readonly styles: import("lit").CSSResult[];
 }
 declare global {

package/dist-cms/packages/core/collection/components/collection-action-bundle.element.js

@@ -4,10 +4,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { css, customElement, html } from '../../../../external/lit/index.js';
+import { UMB_COLLECTION_CONTEXT } from '../default/collection-default.context-token.js';
+import { css, customElement, html, nothing, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 let UmbCollectionActionBundleElement = class UmbCollectionActionBundleElement extends UmbLitElement {
+    constructor() {
+        super();
+        this._hideCollectionActions = false;
+        /**
+         * We observe hideCollectionActions until we have conditions on Collection Actions. To avoid Action appearing in modals, later we will make it possible and remove this. [NL]
+         */
+        this.consumeContext(UMB_COLLECTION_CONTEXT, (context) => {
+            this.observe(context?.hideCollectionActions, (hideCollectionActions) => (this._hideCollectionActions = hideCollectionActions ?? false), 'umbCollectionHideCollectionActionsObserver');
+        });
+    }
     render() {
+        if (this._hideCollectionActions)
+            return nothing;
         return html `<umb-extension-with-api-slot type="collectionAction"></umb-extension-with-api-slot>`;
     }
     static { this.styles = [
@@ -18,6 +31,9 @@ let UmbCollectionActionBundleElement = class UmbCollectionActionBundleElement ex
 		`,
     ]; }
 };
+__decorate([
+    state()
+], UmbCollectionActionBundleElement.prototype, "_hideCollectionActions", void 0);
 UmbCollectionActionBundleElement = __decorate([
     customElement('umb-collection-action-bundle')
 ], UmbCollectionActionBundleElement);

package/dist-cms/packages/core/collection/components/collection-view-bundle.element.d.ts

@@ -4,7 +4,6 @@ export declare class UmbCollectionViewBundleElement extends UmbLitElement {
     #private;
     private _views;
     private _currentView?;
-    private _collectionRootPathName?;
     constructor();
     private _popover?;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;

package/dist-cms/packages/core/collection/components/collection-view-bundle.element.js

@@ -9,17 +9,11 @@ import { css, customElement, html, nothing, query, repeat, state } from '../../.
 import { observeMultiple } from '../../../../libs/observable-api/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 import { UmbTextStyles } from '../../style/index.js';
-import { UMB_ROUTE_CONTEXT } from '../../router/index.js';
 let UmbCollectionViewBundleElement = class UmbCollectionViewBundleElement extends UmbLitElement {
     #collectionContext;
     constructor() {
         super();
         this._views = [];
-        this.consumeContext(UMB_ROUTE_CONTEXT, (context) => {
-            this.observe(context?.activePath, (activePath) => {
-                this._collectionRootPathName = activePath;
-            });
-        });
         this.consumeContext(UMB_COLLECTION_CONTEXT, (context) => {
             this.#collectionContext = context;
             this.#observeCollection();
@@ -28,15 +22,17 @@ let UmbCollectionViewBundleElement = class UmbCollectionViewBundleElement extend
     #observeCollection() {
         if (!this.#collectionContext)
             return;
-        this.observe(this.#collectionContext.view.currentView, (currentView) => {
-            if (!currentView)
-                return;
-            this._currentView = this._views.find((view) => view.alias === currentView.alias);
-        }, 'umbCurrentCollectionViewObserver');
-        this.observe(observeMultiple([this.#collectionContext.view.views, this.#collectionContext.viewLayouts]), ([manifests, viewLayouts]) => {
+        // The available views and the current one are resolved together, as the current view is presented through the
+        // layout of one of the available views.
+        this.observe(observeMultiple([
+            this.#collectionContext.view.views,
+            this.#collectionContext.viewLayouts,
+            this.#collectionContext.view.currentView,
+        ]), ([manifests, viewLayouts, currentView]) => {
             if (!manifests?.length && !viewLayouts?.length)
                 return;
             this._views = this.#mapManifestToViewLayout(manifests, viewLayouts);
+            this._currentView = this._views.find((view) => view.manifest.alias === currentView?.alias);
         }, 'umbCollectionViewsAndLayoutsObserver');
     }
     #mapManifestToViewLayout(manifests, viewLayouts) {
@@ -47,23 +43,22 @@ let UmbCollectionViewBundleElement = class UmbCollectionViewBundleElement extend
                 if (!viewManifest)
                     return;
                 layouts.push({
-                    alias: viewManifest.alias,
+                    manifest: viewManifest,
                     label: viewLayout.name ?? viewManifest.meta.label,
                     icon: viewLayout.icon ?? viewManifest.meta.icon,
-                    pathName: viewManifest.meta.pathName,
                 });
             });
             return layouts;
         }
         // fallback on the 'collectionView' manifests
         return manifests.map((manifest) => ({
-            alias: manifest.alias,
+            manifest,
             label: manifest.meta.label,
             icon: manifest.meta.icon,
-            pathName: manifest.meta.pathName,
         }));
     }
-    #onClick() {
+    #onClick(view) {
+        this.#collectionContext?.view.setCurrentView(view.manifest);
         setTimeout(() => {
             // TODO: This ignorer is just neede for JSON SCHEMA TO WORK, As its not updated with latest TS jet.
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -77,13 +72,17 @@ let UmbCollectionViewBundleElement = class UmbCollectionViewBundleElement extend
         if (this._views.length <= 1)
             return nothing;
         return html `
-			<uui-button compact popovertarget="collection-view-bundle-popover" label="status">
+			<uui-button
+				compact
+				popovertarget="collection-view-bundle-popover"
+				label=${this.localize.term('general_switchView')}
+				data-mark="collection:switch-view">
 				<umb-icon name=${this._currentView.icon}></umb-icon>
 			</uui-button>
 			<uui-popover-container id="collection-view-bundle-popover" placement="bottom-end">
 				<umb-popover-layout>
 					<div class="filter-dropdown">
-						${repeat(this._views, (view) => view.alias, (view) => this.#renderItem(view))}
+						${repeat(this._views, (view) => view.manifest.alias, (view) => this.#renderItem(view))}
 					</div>
 				</umb-popover-layout>
 			</uui-popover-container>
@@ -92,10 +91,10 @@ let UmbCollectionViewBundleElement = class UmbCollectionViewBundleElement extend
     #renderItem(view) {
         return html `
 			<uui-menu-item
-				label=${view.label}
-				href="${this._collectionRootPathName}/${view.pathName}"
-				@click-label=${() => this.#onClick()}
-				?active=${view.alias === this._currentView?.alias}>
+				label=${this.localize.string(view.label)}
+				@click-label=${() => this.#onClick(view)}
+				?active=${view.manifest.alias === this._currentView?.manifest.alias}
+				data-mark="collection:switch-view:${view.manifest.alias}">
 				<umb-icon slot="icon" name=${view.icon}></umb-icon>
 			</uui-menu-item>
 		`;
@@ -121,9 +120,6 @@ __decorate([
 __decorate([
     state()
 ], UmbCollectionViewBundleElement.prototype, "_currentView", void 0);
-__decorate([
-    state()
-], UmbCollectionViewBundleElement.prototype, "_collectionRootPathName", void 0);
 __decorate([
     query('#collection-view-bundle-popover')
 ], UmbCollectionViewBundleElement.prototype, "_popover", void 0);

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

@@ -30,6 +30,8 @@ export declare class UmbDefaultCollectionContext<CollectionItemType extends {
     readonly filter: import("rxjs").Observable<object | FilterModelType>;
     protected _selectOnly: UmbBooleanState<undefined>;
     readonly selectOnly: import("rxjs").Observable<boolean | undefined>;
+    readonly hideItemActions: import("rxjs").Observable<boolean>;
+    readonly hideCollectionActions: import("rxjs").Observable<boolean>;
     readonly workspacePathBuilder: import("rxjs").Observable<UmbModalRouteBuilder | undefined>;
     readonly userDefinedProperties: import("rxjs").Observable<UmbCollectionColumnConfiguration[]>;
     readonly viewLayouts: import("rxjs").Observable<UmbCollectionLayoutConfiguration[]>;

package/dist-cms/packages/core/collection/default/collection-default.context.js

@@ -21,6 +21,8 @@ const ORDER_MEMORY_UNIQUE = 'UmbCollectionOrder';
 const PAGINATION_MEMORY_UNIQUE = 'UmbCollectionPagination';
 export class UmbDefaultCollectionContext extends UmbContextBase {
     #config;
+    #hideItemActions;
+    #hideCollectionActions;
     #workspacePathBuilder;
     #userDefinedProperties;
     #viewLayouts;
@@ -45,6 +47,10 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
         this.filter = this._filter.asObservable();
         this._selectOnly = new UmbBooleanState(undefined);
         this.selectOnly = this._selectOnly.asObservable();
+        this.#hideItemActions = new UmbBooleanState(false);
+        this.hideItemActions = this.#hideItemActions.asObservable();
+        this.#hideCollectionActions = new UmbBooleanState(false);
+        this.hideCollectionActions = this.#hideCollectionActions.asObservable();
         this.#workspacePathBuilder = new UmbBasicState(undefined);
         this.workspacePathBuilder = this.#workspacePathBuilder.asObservable();
         this.#userDefinedProperties = new UmbArrayState([], (x) => x.alias);
@@ -150,6 +156,8 @@ export class UmbDefaultCollectionContext extends UmbContextBase {
         if (!this.#config)
             return;
         this.#configureSelection();
+        this.#hideItemActions.setValue(this.#config.hideItemActions ?? false);
+        this.#hideCollectionActions.setValue(this.#config.hideCollectionActions ?? false);
         this.bulkAction.setConfig(this.#config.bulkActionConfiguration);
         // Observe bulk actions to enable selection when bulk actions are available
         // Bulk Actions are an integrated part of a Collection so we handle it here instead of a configuration

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

@@ -1,7 +1,7 @@
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbCollectionDefaultElement extends UmbLitElement {
     #private;
-    private _routes;
+    private _viewElement?;
     private _hasItems;
     private _emptyLabel?;
     private _initialLoadDone;

package/dist-cms/packages/core/collection/default/collection-default.element.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbDefaultCollectionContext } from './collection-default.context.js';
 import { UMB_COLLECTION_CONTEXT } from './collection-default.context-token.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { createExtensionElement } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 import { UmbTextStyles } from '../../style/index.js';
@@ -27,13 +28,12 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
     #collectionContext;
     constructor() {
         super();
-        this._routes = [];
         this._hasItems = false;
         this._initialLoadDone = false;
         this.consumeContext(UMB_COLLECTION_CONTEXT, async (context) => {
             this.#collectionContext = context;
             this.#observeIsLoading();
-            this.#observeCollectionRoutes();
+            this.#observeCurrentView();
             this.#observeTotalItems();
             this.#getEmptyStateLabel();
             this.#collectionContext?.loadCollection();
@@ -55,12 +55,25 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
             }
         }, 'umbCollectionIsLoadingObserver');
     }
-    #observeCollectionRoutes() {
+    #observeCurrentView() {
         if (!this.#collectionContext)
             return;
-        this.observe(this.#collectionContext.view.routes, (routes) => {
-            this._routes = routes;
-        }, 'umbCollectionRoutesObserver');
+        this.observe(this.#collectionContext.view.currentView, async (manifest) => {
+            if (!manifest) {
+                this._viewElement = undefined;
+                return;
+            }
+            const element = await createExtensionElement(manifest);
+            // Views are imported on demand, so a slow import must not replace the view that became the current one
+            // while it was in flight.
+            if (manifest.alias !== this.#collectionContext?.view.getCurrentView()?.alias)
+                return;
+            if (element) {
+                element.setAttribute('data-mark', `collection-view:${manifest.alias}`);
+                element.manifest = manifest;
+            }
+            this._viewElement = element;
+        }, 'umbCollectionCurrentViewObserver');
     }
     #observeTotalItems() {
         if (!this.#collectionContext)
@@ -80,10 +93,10 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
 		`;
     }
     #renderBody() {
-        if (!this._initialLoadDone || !this._routes.length)
+        if (!this._initialLoadDone || !this._viewElement)
             return html `<umb-view-loader></umb-view-loader>`;
         return html `
-			<umb-router-slot id="router" .routes=${this._routes}></umb-router-slot>
+			<div id="view">${this._viewElement}</div>
 			${this.renderToolbar()} ${this._hasItems ? this.#renderContent() : this._renderEmptyState()}
 		`;
     }
@@ -117,11 +130,13 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
 				height: 100%;
 			}
 
-			#router {
+			/* Sizes to the view it holds, so the empty state below it is not pushed out of sight when the view is empty. */
+			#view {
+				position: relative;
 				visibility: hidden;
 			}
 
-			.has-items #router {
+			.has-items #view {
 				visibility: visible;
 			}
 
@@ -133,11 +148,6 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
 				animation: fadeIn 200ms 200ms forwards;
 			}
 
-			router-slot {
-				width: 100%;
-				height: 100%;
-			}
-
 			@keyframes fadeIn {
 				100% {
 					opacity: 100%;
@@ -148,7 +158,7 @@ let UmbCollectionDefaultElement = class UmbCollectionDefaultElement extends UmbL
 };
 __decorate([
     state()
-], UmbCollectionDefaultElement.prototype, "_routes", void 0);
+], UmbCollectionDefaultElement.prototype, "_viewElement", void 0);
 __decorate([
     state()
 ], UmbCollectionDefaultElement.prototype, "_hasItems", void 0);

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

@@ -20,6 +20,15 @@ export interface UmbCollectionConfiguration {
     orderDirection?: string;
     pageSize?: number;
     noItemsLabel?: string;
+    /**
+     * Suppresses the per-item action menu. Set it where an action on an item would not make sense in the surroundings,
+     * such as a picker, so that actions registered by anyone are suppressed rather than only the ones we know about.
+     */
+    hideItemActions?: boolean;
+    /**
+     * Suppresses the collection action bundle in the toolbar, on the same terms as `hideItemActions`.
+     */
+    hideCollectionActions?: boolean;
     userDefinedProperties?: Array<UmbCollectionColumnConfiguration>;
     selectionConfiguration?: UmbCollectionSelectionConfiguration;
     bulkActionConfiguration?: UmbCollectionBulkActionConfiguration;

package/dist-cms/packages/core/collection/view/card/card-collection-view.element.js

@@ -29,7 +29,7 @@ let UmbCardCollectionViewElement = class UmbCardCollectionViewElement extends Um
 			?selected=${this._isSelectedItem(item.unique)}
 			@selected=${() => this._selectItem(item.unique)}
 			@deselected=${() => this._deselectItem(item.unique)}>
-			<umb-entity-actions-bundle slot="actions"></umb-entity-actions-bundle>
+			${this._hideItemActions ? nothing : html `<umb-entity-actions-bundle slot="actions"></umb-entity-actions-bundle>`}
 		</umb-entity-collection-item-card>`;
     }
     static { this.styles = [

package/dist-cms/packages/core/collection/view/card/manifests.js

@@ -11,7 +11,7 @@ export const manifests = [
             element: UmbCardCollectionViewElement,
             weight: 800,
             meta: {
-                label: 'Cards',
+                label: '#collection_cardViewLabel',
                 icon: 'icon-grid',
                 pathName: 'cards',
             },

package/dist-cms/packages/core/collection/view/collection-view.extension.d.ts

@@ -5,7 +5,9 @@ export interface ManifestCollectionView extends ManifestElement, ManifestWithDyn
 }
 export interface MetaCollectionView {
     /**
-     * The friendly name of the collection view
+     * The friendly name of the collection view.
+     * Core collection views use localization keys prefixed with `#` (e.g. `"#collection_tableViewLabel"`).
+     * @example ["#collection_tableViewLabel", "Table"]
      */
     label: string;
     /**
@@ -15,6 +17,8 @@ export interface MetaCollectionView {
     icon: string;
     /**
      * The URL pathname for this collection view that can be deep linked to by sharing the url
+     * @deprecated Deprecated since v18. Collection views are no longer routed, so this pathname is unused. Scheduled
+     * for removal in Umbraco 20.
      */
     pathName: string;
 }

package/dist-cms/packages/core/collection/view/collection-view.manager.d.ts

@@ -22,8 +22,20 @@ export declare class UmbCollectionViewManager extends UmbControllerBase {
     #private;
     readonly views: import("rxjs").Observable<ManifestCollectionView[]>;
     readonly currentView: import("rxjs").Observable<ManifestCollectionView | undefined>;
-    readonly routes: import("rxjs").Observable<UmbRoute[]>;
-    readonly rootPathName: import("rxjs").Observable<string>;
+    /**
+     * A route per view.
+     * @returns {Observable<Array<UmbRoute>>} An always empty observable.
+     * @deprecated Deprecated since v18. The views of a collection are no longer routed, so this observable is always
+     * empty. Observe `currentView` and switch view with `setCurrentView` instead. Scheduled for removal in Umbraco 20.
+     */
+    get routes(): import("rxjs").Observable<UmbRoute[]>;
+    /**
+     * The path the view routes were resolved against.
+     * @returns {Observable<string>} An always empty observable.
+     * @deprecated Deprecated since v18. The views of a collection are no longer routed, so this observable is always
+     * empty. Scheduled for removal in Umbraco 20.
+     */
+    get rootPathName(): import("rxjs").Observable<string>;
     /**
      * @param {UmbControllerHost} host - The controller host this manager is bound to.
      * @param {UmbCollectionViewManagerArgs} [args] - Optional construction arguments.