@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc2

package/examples/entity-content-type-condition/index.ts

@@ -1,43 +1,24 @@
-import {
-	UMB_WORKSPACE_CONTENT_TYPE_ALIAS_CONDITION_ALIAS,
-	UMB_WORKSPACE_CONTENT_TYPE_UNIQUE_CONDITION,
-} from '@umbraco-cms/backoffice/content-type';
+import { UMB_ENTITY_CONTENT_TYPE_UNIQUE_CONDITION_ALIAS } from '@umbraco-cms/backoffice/content-type';
+import { UMB_DOCUMENT_ENTITY_TYPE } from '@umbraco-cms/backoffice/document';
 
-const workspaceViewAlias: UmbExtensionManifest = {
-	type: 'workspaceView',
-	alias: 'Example.WorkspaceView.EntityContentTypeAliasCondition',
-	name: 'Example Workspace View With Entity Content Type Alias Condition',
-	element: () => import('./content-type-alias-condition-workspace-view.element.js'),
-	meta: {
-		icon: 'icon-bus',
-		label: 'Conditional (Alias)',
-		pathname: 'conditional-alias',
-	},
-	conditions: [
-		{
-			alias: UMB_WORKSPACE_CONTENT_TYPE_ALIAS_CONDITION_ALIAS,
-			//match: 'blogPost',
-			oneOf: ['blogPost', 'mediaType1'],
+export const manifests = [
+	{
+		type: 'entityAction',
+		kind: 'default',
+		alias: 'Example.EntityAction.EntityContentTypeUniqueCondition',
+		name: 'Example Entity Action With Entity Content Type Unique Condition',
+		api: () => import('./unique-condition-entity-action.js'),
+		forEntityTypes: [UMB_DOCUMENT_ENTITY_TYPE],
+		meta: {
+			icon: 'icon-science',
+			label: 'Conditional (Content Type Unique)',
 		},
-	],
-};
-
-const workspaceViewUnique: UmbExtensionManifest = {
-	type: 'workspaceView',
-	alias: 'Example.WorkspaceView.EntityContentTypeUniqueCondition',
-	name: 'Example Workspace View With Content Type Unique Condition',
-	element: () => import('./content-type-unique-condition-workspace-view.element.js'),
-	meta: {
-		icon: 'icon-science',
-		label: 'Conditional (Unique)',
-		pathname: 'conditional-unique',
+		conditions: [
+			{
+				alias: UMB_ENTITY_CONTENT_TYPE_UNIQUE_CONDITION_ALIAS,
+				match: '6bcb87dc-76b4-4ef7-9139-5750fd10d4ff',
+				//oneOf: ['6bcb87dc-76b4-4ef7-9139-5750fd10d4ff'], // Example uniques
+			},
+		],
 	},
-	conditions: [
-		{
-			alias: UMB_WORKSPACE_CONTENT_TYPE_UNIQUE_CONDITION,
-			oneOf: ['721e85d3-0a2d-4f99-be55-61a5c5ed5c14', '1b88975d-60d0-4b84-809a-4a4deff38a66'], // Example uniques
-		},
-	],
-};
-
-export const manifests = [workspaceViewAlias, workspaceViewUnique];
+];

package/examples/entity-content-type-condition/unique-condition-entity-action.ts

@@ -0,0 +1,9 @@
+import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
+
+export class ExampleUniqueConditionEntityAction extends UmbEntityActionBase<never> {
+	override async execute() {
+		console.log('hello world');
+	}
+}
+
+export { ExampleUniqueConditionEntityAction as api };

package/examples/picker-data-source/example-custom-picker-collection-data-source.ts

@@ -1,27 +1,42 @@
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 import type { UmbCollectionFilterModel, UmbCollectionItemModel } from '@umbraco-cms/backoffice/collection';
-import type { UmbItemModel } from '@umbraco-cms/backoffice/entity-item';
+import type { UmbWithDescriptionModel } from '@umbraco-cms/backoffice/models';
+import { UmbObjectState } from '@umbraco-cms/backoffice/observable-api';
 import type {
 	UmbPickerCollectionDataSource,
-	UmbPickerSearchableDataSource,
+	UmbPickerCollectionDataSourceTextFilterFeature,
 } from '@umbraco-cms/backoffice/picker-data-source';
-import type { UmbSearchRequestArgs } from '@umbraco-cms/backoffice/search';
 
-interface ExampleCollectionItemModel extends UmbCollectionItemModel {
+interface ExampleCollectionItemModel extends UmbCollectionItemModel, UmbWithDescriptionModel {
 	isPickable: boolean;
 }
 
 export class ExampleCustomPickerCollectionPropertyEditorDataSource
 	extends UmbControllerBase
-	implements UmbPickerCollectionDataSource<ExampleCollectionItemModel>, UmbPickerSearchableDataSource
+	implements UmbPickerCollectionDataSource<ExampleCollectionItemModel>
 {
+	#supportsTextFilter = new UmbObjectState<UmbPickerCollectionDataSourceTextFilterFeature>({ enabled: true });
+
+	public readonly features = {
+		supportsTextFilter: this.#supportsTextFilter.asObservable(),
+	};
+
 	collectionPickableFilter = (item: ExampleCollectionItemModel) => item.isPickable;
 
 	async requestCollection(args: UmbCollectionFilterModel) {
-		// TODO: use args to filter/paginate etc
-		console.log(args);
+		const skip = args.skip ?? 0;
+		const take = args.take ?? 100;
+
+		const filterText = args.filter?.toLowerCase() ?? '';
+
+		const filteredItems = filterText
+			? customItems.filter((item) => item.name?.toLowerCase().includes(filterText))
+			: customItems;
+
+		const paginatedItems = filteredItems.slice(skip, skip + take);
+
 		const data = {
-			items: customItems,
+			items: paginatedItems,
 			total: customItems.length,
 		};
 
@@ -32,18 +47,6 @@ export class ExampleCustomPickerCollectionPropertyEditorDataSource
 		const items = customItems.filter((x) => uniques.includes(x.unique));
 		return { data: items };
 	}
-
-	async search(args: UmbSearchRequestArgs) {
-		const items = customItems.filter((item) => item.name?.toLowerCase().includes(args.query.toLowerCase()));
-		const total = items.length;
-
-		const data = {
-			items,
-			total,
-		};
-
-		return { data };
-	}
 }
 
 export { ExampleCustomPickerCollectionPropertyEditorDataSource as api };
@@ -54,6 +57,7 @@ const customItems: Array<ExampleCollectionItemModel> = [
 		entityType: 'example',
 		name: 'Example 1',
 		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 1',
 		isPickable: true,
 	},
 	{
@@ -61,6 +65,7 @@ const customItems: Array<ExampleCollectionItemModel> = [
 		entityType: 'example',
 		name: 'Example 2',
 		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 2',
 		isPickable: true,
 	},
 	{
@@ -68,6 +73,7 @@ const customItems: Array<ExampleCollectionItemModel> = [
 		entityType: 'example',
 		name: 'Example 3',
 		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 3',
 		isPickable: true,
 	},
 	{
@@ -75,6 +81,7 @@ const customItems: Array<ExampleCollectionItemModel> = [
 		entityType: 'example',
 		name: 'Example 4',
 		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 4',
 		isPickable: false,
 	},
 	{
@@ -82,6 +89,87 @@ const customItems: Array<ExampleCollectionItemModel> = [
 		entityType: 'example',
 		name: 'Example 5',
 		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 5',
+		isPickable: true,
+	},
+	{
+		unique: '6',
+		entityType: 'example',
+		name: 'Example 6',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 6',
+		isPickable: true,
+	},
+	{
+		unique: '7',
+		entityType: 'example',
+		name: 'Example 7',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 7',
+		isPickable: true,
+	},
+	{
+		unique: '8',
+		entityType: 'example',
+		name: 'Example 8',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 8',
+		isPickable: true,
+	},
+	{
+		unique: '9',
+		entityType: 'example',
+		name: 'Example 9',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 9',
+		isPickable: false,
+	},
+	{
+		unique: '10',
+		entityType: 'example',
+		name: 'Example 10',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 10',
+		isPickable: true,
+	},
+	{
+		unique: '11',
+		entityType: 'example',
+		name: 'Example 11',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 11',
+		isPickable: true,
+	},
+	{
+		unique: '12',
+		entityType: 'example',
+		name: 'Example 12',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 12',
+		isPickable: true,
+	},
+	{
+		unique: '13',
+		entityType: 'example',
+		name: 'Example 13',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 13',
+		isPickable: true,
+	},
+	{
+		unique: '14',
+		entityType: 'example',
+		name: 'Example 14',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 14',
+		isPickable: false,
+	},
+	{
+		unique: '15',
+		entityType: 'example',
+		name: 'Example 15',
+		icon: 'icon-shape-triangle blue',
+		description: 'This is an example item 15',
 		isPickable: true,
 	},
 ];

package/examples/{entity-content-type-condition → workspace-content-type-condition}/content-type-alias-condition-workspace-view.element.ts

@@ -3,8 +3,8 @@ import { html, customElement, state, css } from '@umbraco-cms/backoffice/externa
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 
-@customElement('example-content-type-alias-condition-workspace-view')
-export class ExampleContentTypeAliasConditionWorkspaceViewElement extends UmbLitElement {
+@customElement('example-workspace-content-type-alias-condition-workspace-view')
+export class ExampleWorkspaceContentTypeAliasConditionWorkspaceViewElement extends UmbLitElement {
 	@state()
 	private _contentTypeAliases: string[] = [];
 
@@ -39,10 +39,10 @@ export class ExampleContentTypeAliasConditionWorkspaceViewElement extends UmbLit
 	];
 }
 
-export { ExampleContentTypeAliasConditionWorkspaceViewElement as element };
+export { ExampleWorkspaceContentTypeAliasConditionWorkspaceViewElement as element };
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'example-content-type-alias-condition-workspace-view': ExampleContentTypeAliasConditionWorkspaceViewElement;
+		'example-workspace-content-type-alias-condition-workspace-view': ExampleWorkspaceContentTypeAliasConditionWorkspaceViewElement;
 	}
 }

package/examples/{entity-content-type-condition → workspace-content-type-condition}/content-type-unique-condition-workspace-view.element.ts

@@ -3,8 +3,8 @@ import { html, customElement, state, css } from '@umbraco-cms/backoffice/externa
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 
-@customElement('example-content-type-unique-condition-workspace-view')
-export class ExampleContentTypeUniqueConditionWorkspaceViewElement extends UmbLitElement {
+@customElement('example-workspace-content-type-unique-condition-workspace-view')
+export class ExampleWorkspaceContentTypeUniqueConditionWorkspaceViewElement extends UmbLitElement {
 	@state()
 	private _contentTypeUniques: string[] = [];
 
@@ -39,10 +39,10 @@ export class ExampleContentTypeUniqueConditionWorkspaceViewElement extends UmbLi
 	];
 }
 
-export { ExampleContentTypeUniqueConditionWorkspaceViewElement as element };
+export { ExampleWorkspaceContentTypeUniqueConditionWorkspaceViewElement as element };
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'example-content-type-unique-condition-workspace-view': ExampleContentTypeUniqueConditionWorkspaceViewElement;
+		'example-workspace-content-type-unique-condition-workspace-view': ExampleWorkspaceContentTypeUniqueConditionWorkspaceViewElement;
 	}
 }

package/examples/workspace-content-type-condition/index.ts

@@ -0,0 +1,43 @@
+import {
+	UMB_WORKSPACE_CONTENT_TYPE_ALIAS_CONDITION_ALIAS,
+	UMB_WORKSPACE_CONTENT_TYPE_UNIQUE_CONDITION,
+} from '@umbraco-cms/backoffice/content-type';
+
+const workspaceViewAlias: UmbExtensionManifest = {
+	type: 'workspaceView',
+	alias: 'Example.WorkspaceView.WorkspaceContentTypeAliasCondition',
+	name: 'Example Workspace View With Entity Content Type Alias Condition',
+	element: () => import('./content-type-alias-condition-workspace-view.element.js'),
+	meta: {
+		icon: 'icon-bus',
+		label: 'Conditional (Alias)',
+		pathname: 'conditional-alias',
+	},
+	conditions: [
+		{
+			alias: UMB_WORKSPACE_CONTENT_TYPE_ALIAS_CONDITION_ALIAS,
+			//match: 'blogPost',
+			oneOf: ['blogPost', 'mediaType1'],
+		},
+	],
+};
+
+const workspaceViewUnique: UmbExtensionManifest = {
+	type: 'workspaceView',
+	alias: 'Example.WorkspaceView.WorkspaceContentTypeUniqueCondition',
+	name: 'Example Workspace View With Content Type Unique Condition',
+	element: () => import('./content-type-unique-condition-workspace-view.element.js'),
+	meta: {
+		icon: 'icon-science',
+		label: 'Conditional (Unique)',
+		pathname: 'conditional-unique',
+	},
+	conditions: [
+		{
+			alias: UMB_WORKSPACE_CONTENT_TYPE_UNIQUE_CONDITION,
+			oneOf: ['721e85d3-0a2d-4f99-be55-61a5c5ed5c14', '1b88975d-60d0-4b84-809a-4a4deff38a66'], // Example uniques
+		},
+	],
+};
+
+export const manifests = [workspaceViewAlias, workspaceViewUnique];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umbraco-cms/backoffice",
   "license": "MIT",
-  "version": "17.2.2",
+  "version": "17.3.0-rc2",
   "type": "module",
   "exports": {
     ".": null,
@@ -22,6 +22,7 @@
     "./block-custom-view": "./dist-cms/packages/block/block-custom-view/index.js",
     "./block-grid": "./dist-cms/packages/block/block-grid/index.js",
     "./block-list": "./dist-cms/packages/block/block-list/index.js",
+    "./block-single": "./dist-cms/packages/block/block-single/index.js",
     "./block-rte": "./dist-cms/packages/block/block-rte/index.js",
     "./block-type": "./dist-cms/packages/block/block-type/index.js",
     "./block": "./dist-cms/packages/block/block/index.js",
@@ -52,6 +53,7 @@
     "./entity-flag": "./dist-cms/packages/core/entity-flag/index.js",
     "./entity": "./dist-cms/packages/core/entity/index.js",
     "./event": "./dist-cms/packages/core/event/index.js",
+    "./extension": "./dist-cms/packages/core/extension/index.js",
     "./extension-registry": "./dist-cms/packages/core/extension-registry/index.js",
     "./health-check": "./dist-cms/packages/health-check/index.js",
     "./help": "./dist-cms/packages/help/index.js",
@@ -237,28 +239,28 @@
   "peerDependencies": {
     "element-internals-polyfill": "^3.0.2",
     "dompurify": "^3.3.0",
-    "@heximal/expressions": "^0.1.5",
+    "@heximal/expressions": ">=0.1.5 <1.0.0",
     "lit": "^3.3.1",
     "luxon": "^3.7.2",
     "marked": "^17.0.1",
-    "monaco-editor": "^0.55.1",
+    "monaco-editor": ">=0.55.1 <1.0.0",
     "rxjs": "^7.8.2",
     "@microsoft/signalr": "^10.0.0",
-    "@umbraco-ui/uui": "^1.17.0",
-    "@umbraco-ui/uui-css": "^1.17.0",
+    "@umbraco-ui/uui": "^1.17.2",
+    "@umbraco-ui/uui-css": "^1.17.1",
     "@types/diff": "^7.0.2",
     "diff": "^8.0.3",
     "uuid": "^13.0.0",
-    "@hey-api/openapi-ts": "^0.85.0",
-    "@tiptap/core": "3.16.0",
-    "@tiptap/extension-image": "3.16.0",
-    "@tiptap/extension-subscript": "3.16.0",
-    "@tiptap/extension-superscript": "3.16.0",
-    "@tiptap/extension-table": "3.16.0",
-    "@tiptap/extension-text-align": "3.16.0",
-    "@tiptap/extension-text-style": "3.16.0",
-    "@tiptap/starter-kit": "3.16.0",
-    "@tiptap/extensions": "3.16.0",
-    "@tiptap/pm": "3.16.0"
+    "@hey-api/openapi-ts": ">=0.85.0 <1.0.0",
+    "@tiptap/core": "^3.16.0",
+    "@tiptap/extension-image": "^3.16.0",
+    "@tiptap/extension-subscript": "^3.16.0",
+    "@tiptap/extension-superscript": "^3.16.0",
+    "@tiptap/extension-table": "^3.16.0",
+    "@tiptap/extension-text-align": "^3.16.0",
+    "@tiptap/extension-text-style": "^3.16.0",
+    "@tiptap/starter-kit": "^3.16.0",
+    "@tiptap/extensions": "^3.16.0",
+    "@tiptap/pm": "^3.16.0"
   }
 }