@umbraco-cms/backoffice 17.4.2 → 17.5.0-rc

package/dist-cms/vite-config-base.d.ts

@@ -5,6 +5,16 @@ interface UmbViteDefaultConfigArgs {
     external?: string | string[] | RegExp | RegExp[];
     entry?: LibraryOptions['entry'];
     plugins?: UserConfig['plugins'];
+    /**
+     * Coalesces non-entry Rollup chunks smaller than this size (in bytes) into
+     * other chunks. Entry chunks are never removed, so public subpaths remain
+     * stable. Default: 10_000 — coalesces sub-10 KB shared chunks, cutting the
+     * emitted `.js` file count by roughly 70 % across the typical workspace
+     * without changing any public subpath. Pass `0` to disable coalescing.
+     *
+     * See {@link https://rollupjs.org/configuration-options/#output-experimentalminchunksize}.
+     */
+    minChunkSize?: number;
 }
 export declare const getDefaultConfig: (args: UmbViteDefaultConfigArgs) => UserConfig;
 export {};

package/dist-cms/vite-config-base.js

@@ -1,9 +1,11 @@
+const DEFAULT_MIN_CHUNK_SIZE = 10_000;
 export const getDefaultConfig = (args) => {
+    const minChunkSize = args.minChunkSize ?? DEFAULT_MIN_CHUNK_SIZE;
     return {
         build: {
             target: 'es2022',
             lib: {
-                entry: args.entry || ['index.ts', 'manifests.ts', 'umbraco-package.ts'],
+                entry: args.entry || ['index.ts', 'umbraco-package.ts'],
                 formats: ['es'],
             },
             outDir: args.dist,
@@ -11,6 +13,9 @@ export const getDefaultConfig = (args) => {
             sourcemap: true,
             rollupOptions: {
                 external: args.external || [/^@umbraco-cms/],
+                output: {
+                    experimentalMinChunkSize: minChunkSize,
+                },
             },
         },
         plugins: args.plugins,

package/examples/collection/collection/repository/collection.repository.ts

@@ -17,30 +17,40 @@ export class ExampleCollectionRepository
 				entityType: 'example',
 				name: 'Example Item 1',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 1',
+				status: 'Published',
 			},
 			{
 				unique: 'bc9b6e24-4b11-4dd6-8d4e-7c4f70e59f3c',
 				entityType: 'example',
 				name: 'Example Item 2',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 2',
+				status: 'Draft',
 			},
 			{
 				unique: '5a2f4e3a-ef7e-470e-8c3c-3d859c02ae0d',
 				entityType: 'example',
 				name: 'Example Item 3',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 3',
+				status: 'Published',
 			},
 			{
 				unique: 'f4c3d8b8-6d79-4c87-9aa9-56b1d8fda702',
 				entityType: 'example',
 				name: 'Example Item 4',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 4',
+				status: 'Draft',
 			},
 			{
 				unique: 'c9f0a8a3-1b49-4724-bde3-70e31592eb6e',
 				entityType: 'example',
 				name: 'Example Item 5',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 5',
+				status: 'Published',
 			},
 		];
 

package/examples/collection/collection/repository/types.ts

@@ -1,10 +1,10 @@
-import type { UmbCollectionFilterModel } from '@umbraco-cms/backoffice/collection';
+import type { UmbCollectionFilterModel, UmbCollectionItemModel } from '@umbraco-cms/backoffice/collection';
+import type { UmbWithDescriptionModel } from '@umbraco-cms/backoffice/models';
 
-export interface ExampleCollectionItemModel {
-	unique: string;
-	entityType: string;
+export interface ExampleCollectionItemModel extends UmbCollectionItemModel, UmbWithDescriptionModel {
 	name: string;
 	icon: string;
+	status: string;
 }
 
 export interface ExampleCollectionFilterModel extends UmbCollectionFilterModel {}

package/examples/collection/collection/table-view/manifests.ts

@@ -4,14 +4,16 @@ import { UMB_COLLECTION_ALIAS_CONDITION } from '@umbraco-cms/backoffice/collecti
 export const manifests: Array<UmbExtensionManifest> = [
 	{
 		type: 'collectionView',
+		kind: 'table',
 		alias: 'Example.CollectionView.Table',
 		name: 'Example Table Collection View',
-		js: () => import('./collection-view.element.js'),
-		weight: 100,
 		meta: {
-			label: 'Table',
-			icon: 'icon-table',
-			pathName: 'table',
+			columns: [
+				{
+					label: '#general_status',
+					field: 'status',
+				},
+			],
 		},
 		conditions: [
 			{

package/examples/collection/entity-actions/goodbye.action.ts

@@ -0,0 +1,9 @@
+import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
+
+export class ExampleGoodbyeEntityAction extends UmbEntityActionBase<never> {
+	override async execute() {
+		alert(`Goodbye from "${this.args.unique}"!`);
+	}
+}
+
+export { ExampleGoodbyeEntityAction as api };

package/examples/collection/entity-actions/hello.action.ts

@@ -0,0 +1,9 @@
+import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
+
+export class ExampleHelloEntityAction extends UmbEntityActionBase<never> {
+	override async execute() {
+		alert(`Hello from "${this.args.unique}"!`);
+	}
+}
+
+export { ExampleHelloEntityAction as api };

package/examples/collection/entity-actions/manifests.ts

@@ -0,0 +1,26 @@
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'entityAction',
+		kind: 'default',
+		alias: 'Example.EntityAction.Hello',
+		name: 'Example Hello Entity Action',
+		forEntityTypes: ['example'],
+		api: () => import('./hello.action.js'),
+		meta: {
+			icon: 'icon-handshake',
+			label: 'Say Hello',
+		},
+	},
+	{
+		type: 'entityAction',
+		kind: 'default',
+		alias: 'Example.EntityAction.Goodbye',
+		name: 'Example Goodbye Entity Action',
+		forEntityTypes: ['example'],
+		api: () => import('./goodbye.action.js'),
+		meta: {
+			icon: 'icon-chat',
+			label: 'Say Goodbye',
+		},
+	},
+];

package/examples/collection/index.ts

@@ -1,9 +1,11 @@
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as dashboardManifests } from './dashboard-with-collection/manifests.js';
+import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as workspaceViewManifests } from './workspace-view-with-collection/manifests.js';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	...collectionManifests,
 	...dashboardManifests,
+	...entityActionManifests,
 	...workspaceViewManifests,
 ];

package/examples/picker-data-source/example-document-picker-data-source.ts

@@ -1,11 +1,13 @@
 import { getConfigValue } from '@umbraco-cms/backoffice/utils';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 import {
+	UmbDocumentItemDataResolver,
 	UmbDocumentItemRepository,
 	UmbDocumentSearchRepository,
 	UmbDocumentTreeRepository,
 	UMB_DOCUMENT_ENTITY_TYPE,
 } from '@umbraco-cms/backoffice/document';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE } from '@umbraco-cms/backoffice/document-type';
 import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
 import type {
@@ -20,6 +22,7 @@ import type {
 	UmbPickerSearchableDataSource,
 	UmbPickerTreeDataSource,
 } from '@umbraco-cms/backoffice/picker-data-source';
+import type { UmbItemDataResolver } from '@umbraco-cms/backoffice/entity-item';
 import type { UmbReferenceByUnique } from '@umbraco-cms/backoffice/models';
 import type { UmbSearchRequestArgs } from '@umbraco-cms/backoffice/search';
 import type { UmbTreeAncestorsOfRequestArgs } from '@umbraco-cms/backoffice/tree';
@@ -84,6 +87,17 @@ export class ExampleDocumentPickerPropertyEditorDataSource
 		return this.#item.requestItems(uniques);
 	}
 
+	/**
+	 * Creates a document item data resolver bound to the given host.
+	 * The resolver reads variant-based names and icons using UMB_VARIANT_CONTEXT,
+	 * so the host must be the element or context that owns the picker in the DOM.
+	 * @param {UmbControllerHost} host The controller host of the picker consumer.
+	 * @returns {UmbItemDataResolver} A resolver that provides language-context-aware metadata for document items.
+	 */
+	createItemDataResolver(host: UmbControllerHost): UmbItemDataResolver {
+		return new UmbDocumentItemDataResolver(host);
+	}
+
 	search(args: UmbSearchRequestArgs) {
 		const allowedContentTypes = this.#getAllowedDocumentTypesConfig();
 		const combinedArgs: UmbDocumentSearchRequestArgs = { ...args, allowedContentTypes };

package/examples/workspace-view-hint/hint-workspace-view.ts

@@ -1,8 +1,6 @@
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { css, html, customElement, LitElement } from '@umbraco-cms/backoffice/external/lit';
 import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
-import { UMB_WORKSPACE_VIEW_CONTEXT } from '@umbraco-cms/backoffice/workspace';
-import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '@umbraco-cms/backoffice/document';
 
 @customElement('example-hint-workspace-view')

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umbraco-cms/backoffice",
   "license": "MIT",
-  "version": "17.4.2",
+  "version": "17.5.0-rc",
   "type": "module",
   "exports": {
     ".": null,
@@ -127,6 +127,8 @@
     "./user-permission": "./dist-cms/packages/user/user-permission/index.js",
     "./user": "./dist-cms/packages/user/user/index.js",
     "./utils": "./dist-cms/packages/core/utils/index.js",
+    "./value-summary": "./dist-cms/packages/core/value-summary/index.js",
+    "./value-type": "./dist-cms/packages/core/value-type/index.js",
     "./validation": "./dist-cms/packages/core/validation/index.js",
     "./variant": "./dist-cms/packages/core/variant/index.js",
     "./view": "./dist-cms/packages/core/view/index.js",
@@ -183,6 +185,7 @@
     "dev": "vite",
     "dev:server": "cross-env VITE_UMBRACO_USE_MSW=off vite",
     "dev:mock": "cross-env VITE_UMBRACO_USE_MSW=on vite",
+    "dev:icon-manager": "npm install --prefix devops/icon-manager && npm run dev --prefix devops/icon-manager",
     "example": "node ./devops/example-runner/index.js",
     "format:fix": "npm run format -- --write",
     "format": "prettier 'src/**/*.ts' --check",
@@ -238,7 +241,7 @@
   },
   "peerDependencies": {
     "element-internals-polyfill": "^3.0.2",
-    "dompurify": "^3.4.0",
+    "dompurify": "^3.4.1",
     "@heximal/expressions": ">=0.1.5 <1.0.0",
     "lit": "^3.3.1",
     "luxon": "^3.7.2",
@@ -246,11 +249,11 @@
     "monaco-editor": ">=0.55.1 <1.0.0",
     "rxjs": "^7.8.2",
     "@microsoft/signalr": "^10.0.0",
-    "@umbraco-ui/uui": "^1.17.3",
-    "@umbraco-ui/uui-css": "^1.17.3",
+    "@umbraco-ui/uui": "^1.18.0",
+    "@umbraco-ui/uui-css": "^1.18.0",
     "@types/diff": "^7.0.2",
     "diff": "^9.0.0",
-    "uuid": "^13.0.0",
+    "uuid": "^14.0.0",
     "@hey-api/openapi-ts": ">=0.85.2 <1.0.0",
     "@tiptap/core": "^3.22.3",
     "@tiptap/extension-image": "^3.22.3",