@umbraco-cms/backoffice 17.1.0 → 17.2.0-rc2

package/examples/collection/collection/filter/manifests.ts

@@ -0,0 +1,17 @@
+import { EXAMPLE_COLLECTION_ALIAS } from '../constants.js';
+import { UMB_COLLECTION_ALIAS_CONDITION } from '@umbraco-cms/backoffice/collection';
+
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'collectionTextFilter',
+		kind: 'default',
+		alias: 'Example.Collection.TextFilter',
+		name: 'Example Collection Text Filter',
+		conditions: [
+			{
+				alias: UMB_COLLECTION_ALIAS_CONDITION,
+				match: EXAMPLE_COLLECTION_ALIAS,
+			},
+		],
+	},
+];

package/examples/collection/collection/manifests.ts

@@ -4,6 +4,7 @@ import { manifests as cardViewManifests } from './card-view/manifests.js';
 import { manifests as refViewManifests } from './ref-view/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as tableViewManifests } from './table-view/manifests.js';
+import { manifests as filterManifests } from './filter/manifests.js';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	{
@@ -19,4 +20,5 @@ export const manifests: Array<UmbExtensionManifest> = [
 	...refViewManifests,
 	...repositoryManifests,
 	...tableViewManifests,
+	...filterManifests,
 ];

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

@@ -53,35 +53,35 @@ const customItems: Array<ExampleCollectionItemModel> = [
 		unique: '1',
 		entityType: 'example',
 		name: 'Example 1',
-		icon: 'icon-shape-triangle yellow',
+		icon: 'icon-shape-triangle blue',
 		isPickable: true,
 	},
 	{
 		unique: '2',
 		entityType: 'example',
 		name: 'Example 2',
-		icon: 'icon-shape-triangle yellow',
+		icon: 'icon-shape-triangle blue',
 		isPickable: true,
 	},
 	{
 		unique: '3',
 		entityType: 'example',
 		name: 'Example 3',
-		icon: 'icon-shape-triangle yellow',
+		icon: 'icon-shape-triangle blue',
 		isPickable: true,
 	},
 	{
 		unique: '4',
 		entityType: 'example',
 		name: 'Example 4',
-		icon: 'icon-shape-triangle yellow',
+		icon: 'icon-shape-triangle blue',
 		isPickable: false,
 	},
 	{
 		unique: '5',
 		entityType: 'example',
 		name: 'Example 5',
-		icon: 'icon-shape-triangle yellow',
+		icon: 'icon-shape-triangle blue',
 		isPickable: true,
 	},
 ];

package/examples/picker-data-source/index.ts

@@ -1,3 +1,4 @@
+import { manifests as withThumbnailManifests } from './with-thumbnail/manifests.js';
 import { UMB_PICKER_DATA_SOURCE_TYPE } from '@umbraco-cms/backoffice/picker-data-source';
 
 export const manifests: Array<UmbExtensionManifest> = [
@@ -101,4 +102,5 @@ export const manifests: Array<UmbExtensionManifest> = [
 			description: 'Pick a user',
 		},
 	},
+	...withThumbnailManifests,
 ];

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

@@ -0,0 +1,83 @@
+import blueFlowersImgUrl from './images/blue-flowers-small.jpg';
+import redflowersImgUrl from './images/red-flowers-small.jpg';
+import branchImgUrl from './images/branch-small.jpg';
+import grassImgUrl from './images/grass-small.jpg';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import type { UmbCollectionFilterModel, UmbCollectionItemModel } from '@umbraco-cms/backoffice/collection';
+import type { UmbWithThumbnailModel } from '@umbraco-cms/backoffice/models';
+import type { UmbPickerCollectionDataSource } from '@umbraco-cms/backoffice/picker-data-source';
+
+interface ExampleThumbnailCollectionItemModel extends UmbCollectionItemModel, UmbWithThumbnailModel {}
+
+export class ExampleCustomPickerCollectionPropertyEditorDataSource
+	extends UmbControllerBase
+	implements UmbPickerCollectionDataSource<ExampleThumbnailCollectionItemModel>
+{
+	async requestCollection(args: UmbCollectionFilterModel) {
+		// TODO: use args to filter/paginate etc
+		console.log(args);
+		const data = {
+			items: customItems,
+			total: customItems.length,
+		};
+
+		return { data };
+	}
+
+	async requestItems(uniques: Array<string>) {
+		const items = customItems.filter((x) => uniques.includes(x.unique));
+		return { data: items };
+	}
+}
+
+export { ExampleCustomPickerCollectionPropertyEditorDataSource as api };
+
+const customItems: Array<ExampleThumbnailCollectionItemModel> = [
+	{
+		unique: '1',
+		entityType: 'example',
+		name: 'Example 1',
+		icon: 'icon-shape-triangle',
+		thumbnail: {
+			src: blueFlowersImgUrl,
+			alt: 'Example 1 thumbnail',
+		},
+	},
+	{
+		unique: '2',
+		entityType: 'example',
+		name: 'Example 2',
+		icon: 'icon-shape-triangle',
+		thumbnail: {
+			src: redflowersImgUrl,
+			alt: 'Example 2 thumbnail',
+		},
+	},
+	{
+		unique: '3',
+		entityType: 'example',
+		name: 'Example 3',
+		icon: 'icon-shape-triangle',
+		thumbnail: null,
+	},
+	{
+		unique: '4',
+		entityType: 'example',
+		name: 'Example 4',
+		icon: 'icon-shape-triangle',
+		thumbnail: {
+			src: branchImgUrl,
+			alt: 'Example 4 thumbnail',
+		},
+	},
+	{
+		unique: '5',
+		entityType: 'example',
+		name: 'Example 5',
+		icon: 'icon-shape-triangle',
+		thumbnail: {
+			src: grassImgUrl,
+			alt: 'Example 5 thumbnail',
+		},
+	},
+];

package/examples/picker-data-source/with-thumbnail/manifests.ts

@@ -0,0 +1,16 @@
+import { UMB_PICKER_DATA_SOURCE_TYPE } from '@umbraco-cms/backoffice/picker-data-source';
+
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'propertyEditorDataSource',
+		dataSourceType: UMB_PICKER_DATA_SOURCE_TYPE,
+		alias: 'Umb.PropertyEditorDataSource.CustomWithThumbnailPickerCollection',
+		name: 'Custom With Thumbnail Picker Collection Data Source',
+		api: () => import('./example-custom-with-thumbnail-picker-collection-data-source.js'),
+		meta: {
+			label: 'Example Items With Thumbnails (Collection)',
+			icon: 'icon-list',
+			description: 'Pick example items with thumbnails from a collection',
+		},
+	},
+];

package/examples/workspace-context-initial-name/index.ts

@@ -1,4 +1,5 @@
 import {
+	UMB_CONTENT_WORKSPACE_IS_LOADED_CONDITION_ALIAS,
 	UMB_WORKSPACE_CONDITION_ALIAS,
 	UMB_WORKSPACE_ENTITY_IS_NEW_CONDITION_ALIAS,
 } from '@umbraco-cms/backoffice/workspace';
@@ -17,6 +18,9 @@ export const manifests: Array<UmbExtensionManifest> = [
 			{
 				alias: UMB_WORKSPACE_ENTITY_IS_NEW_CONDITION_ALIAS,
 			},
+			{
+				alias: UMB_CONTENT_WORKSPACE_IS_LOADED_CONDITION_ALIAS,
+			},
 		],
 	},
 ];

package/examples/workspace-context-initial-name/workspace-context.ts

@@ -10,7 +10,6 @@ export class ExampleWorkspaceContextNameManipulation extends UmbControllerBase {
 
 		this.consumeContext(UMB_CONTENT_WORKSPACE_CONTEXT, async (workspace) => {
 			if (!workspace) return;
-			await workspace.isLoaded();
 			// Set the name if it's already empty (We do not want to overwrite if it's a Blueprint)
 			// Notice we need to provide a Variant-ID to getName, as Document names are variant specific. Here we get the Invariant name — this will need to be extended if you are looking to support multiple variants.
 			const variantId = UmbVariantId.CreateInvariant();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umbraco-cms/backoffice",
   "license": "MIT",
-  "version": "17.1.0",
+  "version": "17.2.0-rc2",
   "type": "module",
   "exports": {
     ".": null,
@@ -145,6 +145,9 @@
   "files": [
     "dist-cms",
     "examples",
+    "umbraco-package-schema.json",
+    "custom-elements.json",
+    "vscode-html-custom-data.json",
     "README.md"
   ],
   "repository": {
@@ -163,7 +166,7 @@
     "backoffice:test:e2e": "npx playwright test",
     "build-storybook": "npm run wc-analyze && storybook build",
     "build:for:cms": "npm run build && npm run build:workspaces && npm run generate:manifest && npm run package:validate && node ./devops/build/copy-to-cms.js",
-    "build:for:npm": "npm run build -- --declaration && npm run generate:manifest && npm run package:validate",
+    "build:for:npm": "npm run build -- --declaration && npm run package:validate",
     "build:for:static": "cross-env VITE_UMBRACO_USE_MSW=on vite build",
     "build:vite": "tsc && vite build --mode staging",
     "build:workspaces": "npm run build -ws --if-present",
@@ -172,6 +175,7 @@
     "check": "npm run lint:errors && npm run compile && npm run build-storybook && npm run generate:jsonschema:dist",
     "check:paths": "node ./devops/build/check-path-length.js dist-cms 120",
     "check:circular": "node ./devops/circular/index.js src",
+    "check:duplicate-class-names": "node ./devops/check-duplicate-class-names/index.js src --ignore-tests --ignore-stories",
     "check:module-dependencies": "node ./devops/module-dependencies/index.js",
     "compile": "tsc",
     "dev": "vite",
@@ -184,7 +188,7 @@
     "generate:icons": "node ./devops/icons/index.js",
     "generate:overrides": "node ./devops/tsc/index.js",
     "generate:jsonschema:imports": "node ./devops/json-schema-generator/index.js",
-    "generate:jsonschema:dist": "npm run generate:jsonschema -- --out dist-cms/umbraco-package-schema.json tsconfig.json UmbracoPackage",
+    "generate:jsonschema:dist": "npm run generate:jsonschema -- --out ./umbraco-package-schema.json tsconfig.json UmbracoPackage",
     "generate:jsonschema": "typescript-json-schema --skipLibCheck --ignoreErrors --excludePrivate --required --include \"./src/json-schema/umbraco-package-schema.ts\"",
     "generate:check-const-test": "node ./devops/generate-check-const-test/index.js",
     "lint:errors": "npm run lint -- --quiet",
@@ -204,8 +208,8 @@
     "test:examples:dev": "npm run generate:check-const-test && web-test-runner --config ./web-test-runner.dev.config.mjs --files \"./examples/**/*.test.ts\"",
     "test:examples:watch": "npm run generate:check-const-test && web-test-runner --watch --config ./web-test-runner.dev.config.mjs --files \"./examples/**/*.test.ts\"",
     "test:examples:browser": "npm run generate:check-const-test && web-test-runner --config ./web-test-runner.dev.config.mjs --files \"./examples/**/*.test.ts\" --manual",
-    "wc-analyze:vscode": "wca **/*.element.ts --format vscode --outFile dist-cms/vscode-html-custom-data.json",
-    "wc-analyze": "wca **/*.element.ts --outFile dist-cms/custom-elements.json",
+    "wc-analyze:vscode": "wca **/*.element.ts --format vscode --outFile ./vscode-html-custom-data.json",
+    "wc-analyze": "wca **/*.element.ts --outFile ./custom-elements.json",
     "generate:tsconfig": "node ./devops/tsconfig/index.js",
     "generate:manifest": "node ./devops/build/create-umbraco-package.js",
     "package:validate": "node ./devops/package/validate-exports.js",
@@ -240,21 +244,21 @@
     "monaco-editor": "^0.55.1",
     "rxjs": "^7.8.2",
     "@microsoft/signalr": "^10.0.0",
-    "@umbraco-ui/uui": "^1.16.0",
-    "@umbraco-ui/uui-css": "^1.16.0",
+    "@umbraco-ui/uui": "^1.17.0-rc.5",
+    "@umbraco-ui/uui-css": "^1.17.0-rc.5",
     "@types/diff": "^7.0.2",
-    "diff": "^7.0.0",
+    "diff": "^8.0.3",
     "uuid": "^13.0.0",
     "@hey-api/openapi-ts": "^0.85.0",
-    "@tiptap/core": "3.6.2",
-    "@tiptap/extension-image": "3.6.2",
-    "@tiptap/extension-subscript": "3.6.2",
-    "@tiptap/extension-superscript": "3.6.2",
-    "@tiptap/extension-table": "3.6.2",
-    "@tiptap/extension-text-align": "3.6.2",
-    "@tiptap/extension-text-style": "3.6.2",
-    "@tiptap/starter-kit": "3.6.2",
-    "@tiptap/extensions": "3.6.2",
-    "@tiptap/pm": "3.6.2"
+    "@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"
   }
 }