@umbraco-cms/backoffice 14.3.0-rc → 14.3.0

package/dist-cms/custom-elements.json

@@ -3304,6 +3304,10 @@
         {
           "name": "data-path",
           "type": "string | undefined"
+        },
+        {
+          "name": "ownerEntityType",
+          "type": "string | undefined"
         }
       ],
       "properties": [
@@ -3316,6 +3320,11 @@
           "attribute": "data-path",
           "type": "string | undefined"
         },
+        {
+          "name": "ownerEntityType",
+          "attribute": "ownerEntityType",
+          "type": "string | undefined"
+        },
         {
           "name": "styles",
           "type": "array",
@@ -4683,6 +4692,41 @@
         }
       ]
     },
+    {
+      "name": "umb-unsupported-property",
+      "path": "./../src/packages/core/property/unsupported-property/unsupported-property.element.ts",
+      "attributes": [
+        {
+          "name": "alias",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "schema",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "schema",
+          "attribute": "schema",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-restore-from-recycle-bin-modal",
       "path": "./../src/packages/core/recycle-bin/entity-action/restore-from-recycle-bin/modal/restore-from-recycle-bin-modal.element.ts",

package/dist-cms/packages/block/block/workspace/block-element-manager.d.ts

@@ -5,7 +5,7 @@ import { UmbContentTypeStructureManager } from '../../../core/content-type/index
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import { type UmbClassInterface, UmbControllerBase } from '../../../../libs/class-api/index.js';
 import type { UmbVariantId } from '../../../core/variant/index.js';
-import { UmbValidationContext } from '../../../core/validation/index.js';
+import { UmbValidationController } from '../../../core/validation/index.js';
 export declare class UmbBlockElementManager extends UmbControllerBase {
     #private;
     readonly data: import("rxjs/internal/Observable").Observable<UmbBlockDataType | undefined>;
@@ -13,7 +13,7 @@ export declare class UmbBlockElementManager extends UmbControllerBase {
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
     readonly contentTypeId: import("rxjs/internal/Observable").Observable<string | undefined>;
     readonly structure: UmbContentTypeStructureManager<UmbContentTypeModel>;
-    readonly validation: UmbValidationContext;
+    readonly validation: UmbValidationController;
     constructor(host: UmbControllerHost, dataPathPropertyName: string);
     reset(): void;
     setVariantId(variantId: UmbVariantId | undefined): void;

package/dist-cms/packages/block/block/workspace/block-element-manager.js

@@ -3,7 +3,7 @@ import { UmbContentTypeStructureManager } from '../../../core/content-type/index
 import { UmbClassState, UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbControllerBase } from '../../../../libs/class-api/index.js';
 import { UmbDocumentTypeDetailRepository } from '../../../documents/document-types/index.js';
-import { UmbValidationContext } from '../../../core/validation/index.js';
+import { UmbValidationController } from '../../../core/validation/index.js';
 export class UmbBlockElementManager extends UmbControllerBase {
     //
     #data;
@@ -23,7 +23,7 @@ export class UmbBlockElementManager extends UmbControllerBase {
         this.unique = this.#data.asObservablePart((data) => data?.udi);
         this.contentTypeId = this.#data.asObservablePart((data) => data?.contentTypeKey);
         this.structure = new UmbContentTypeStructureManager(this, new UmbDocumentTypeDetailRepository(this));
-        this.validation = new UmbValidationContext(this);
+        this.validation = new UmbValidationController(this);
         this.#updateLock = 0;
         this.finishPropertyValueChange = () => {
             this.#updateLock--;

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-properties.element.d.ts

@@ -9,6 +9,7 @@ export declare class UmbBlockWorkspaceViewEditPropertiesElement extends UmbLitEl
     set containerId(value: string | null | undefined);
     _propertyStructure: Array<UmbPropertyTypeModel>;
     _dataPaths?: Array<string>;
+    private _ownerEntityType?;
     constructor();
     render(): unknown;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-properties.element.js

@@ -32,6 +32,7 @@ let UmbBlockWorkspaceViewEditPropertiesElement = class UmbBlockWorkspaceViewEdit
         this._propertyStructure = [];
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#blockWorkspace = workspaceContext;
+            this._ownerEntityType = this.#blockWorkspace.getEntityType();
             this.#setStructureManager();
         });
     }
@@ -53,6 +54,7 @@ let UmbBlockWorkspaceViewEditPropertiesElement = class UmbBlockWorkspaceViewEdit
         return repeat(this._propertyStructure, (property) => property.alias, (property, index) => html `<umb-property-type-based-property
 					class="property"
 					data-path=${this._dataPaths[index]}
+					.ownerEntityType=${this._ownerEntityType}
 					.property=${property}
 					${umbDestroyOnDisconnect()}></umb-property-type-based-property>`);
     }
@@ -80,6 +82,9 @@ __decorate([
 __decorate([
     state()
 ], UmbBlockWorkspaceViewEditPropertiesElement.prototype, "_dataPaths", void 0);
+__decorate([
+    state()
+], UmbBlockWorkspaceViewEditPropertiesElement.prototype, "_ownerEntityType", void 0);
 UmbBlockWorkspaceViewEditPropertiesElement = __decorate([
     customElement('umb-block-workspace-view-edit-properties')
 ], UmbBlockWorkspaceViewEditPropertiesElement);

package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.js

@@ -48,7 +48,7 @@ let UmbPropertyEditorUIBlockGridElement = class UmbPropertyEditorUIBlockGridElem
     }
     constructor() {
         super();
-        this.#validationContext = new UmbValidationContext(this).provide();
+        this.#validationContext = new UmbValidationContext(this);
         this.#context = new UmbBlockGridManagerContext(this);
         //
         this._value = {

package/dist-cms/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.js

@@ -104,7 +104,7 @@ let UmbPropertyEditorUIBlockListElement = class UmbPropertyEditorUIBlockListElem
                 this.#entriesContext.setLayouts(model);
             },
         });
-        this.#validationContext = new UmbValidationContext(this).provide();
+        this.#validationContext = new UmbValidationContext(this);
         //#catalogueModal: UmbModalRouteRegistrationController<typeof UMB_BLOCK_CATALOGUE_MODAL.DATA, undefined>;
         this._value = {
             layout: {},

package/dist-cms/packages/core/components/code-block/code-block.element.js

@@ -76,7 +76,7 @@ let UmbCodeBlockElement = class UmbCodeBlockElement extends LitElement {
 			pre,
 			code {
 				word-wrap: normal;
-				white-space: pre-line;
+				white-space: pre;
 			}
 
 			#header {

package/dist-cms/packages/core/content-type/components/property-type-based-property/property-type-based-property.element.d.ts

@@ -6,10 +6,16 @@ export declare class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     get property(): UmbPropertyTypeModel | undefined;
     private _property?;
     dataPath?: string;
+    get ownerEntityType(): string | undefined;
+    set ownerEntityType(value: string | undefined);
+    private _ownerEntityType?;
     private _propertyEditorUiAlias?;
+    private _propertyEditorSchemaAlias?;
+    private _isUnsupported?;
     private _dataTypeData?;
     private _dataTypeDetailRepository;
     private _dataTypeObserver?;
+    private _checkSchemaSupport;
     private _observeDataType;
     render(): import("lit-html").TemplateResult<1> | undefined;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/core/content-type/components/property-type-based-property/property-type-based-property.element.js

@@ -10,6 +10,7 @@ import { UmbDataTypeDetailRepository } from '../../../../data-type/index.js';
 import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';
 import { UmbTextStyles } from '../../../style/index.js';
+import { UMB_UNSUPPORTED_EDITOR_SCHEMA_ALIASES } from '../../../property/index.js';
 let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -26,7 +27,21 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
     get property() {
         return this._property;
     }
+    get ownerEntityType() {
+        return this._ownerEntityType;
+    }
+    set ownerEntityType(value) {
+        // Change this to ownerSchemaEditorAlias and retrieve the correct information.
+        this._ownerEntityType = value;
+    }
     #contentPropertyContext;
+    async _checkSchemaSupport() {
+        if (!this._ownerEntityType || !this._propertyEditorSchemaAlias)
+            return;
+        if (this._ownerEntityType in UMB_UNSUPPORTED_EDITOR_SCHEMA_ALIASES) {
+            this._isUnsupported = UMB_UNSUPPORTED_EDITOR_SCHEMA_ALIASES[this._ownerEntityType].includes(this._propertyEditorSchemaAlias);
+        }
+    }
     async _observeDataType(dataTypeUnique) {
         this._dataTypeObserver?.destroy();
         if (dataTypeUnique) {
@@ -37,6 +52,8 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
                 this.#contentPropertyContext.setDataType(contextValue);
                 this._dataTypeData = dataType?.values;
                 this._propertyEditorUiAlias = dataType?.editorUiAlias || undefined;
+                this._propertyEditorSchemaAlias = dataType?.editorAlias || undefined;
+                this._checkSchemaSupport();
                 // If there is no UI, we will look up the Property editor model to find the default UI alias:
                 if (!this._propertyEditorUiAlias && dataType?.editorAlias) {
                     //use 'dataType.editorAlias' to look up the extension in the registry:
@@ -57,6 +74,12 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
     render() {
         if (!this._propertyEditorUiAlias || !this._property?.alias)
             return;
+        if (this._isUnsupported) {
+            return html `<umb-unsupported-property
+				.alias=${this._property.alias}
+				.ownerEntityType=${this._ownerEntityType}
+				.schema=${this._propertyEditorSchemaAlias}></umb-unsupported-property>`;
+        }
         return html `
 			<umb-property
 				.dataPath=${this.dataPath}
@@ -85,9 +108,18 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'data-path' })
 ], UmbPropertyTypeBasedPropertyElement.prototype, "dataPath", void 0);
+__decorate([
+    property({ type: String })
+], UmbPropertyTypeBasedPropertyElement.prototype, "ownerEntityType", null);
 __decorate([
     state()
 ], UmbPropertyTypeBasedPropertyElement.prototype, "_propertyEditorUiAlias", void 0);
+__decorate([
+    state()
+], UmbPropertyTypeBasedPropertyElement.prototype, "_propertyEditorSchemaAlias", void 0);
+__decorate([
+    state()
+], UmbPropertyTypeBasedPropertyElement.prototype, "_isUnsupported", void 0);
 __decorate([
     state()
 ], UmbPropertyTypeBasedPropertyElement.prototype, "_dataTypeData", void 0);

package/dist-cms/packages/core/property/index.d.ts

@@ -3,3 +3,4 @@ export * from './property-dataset/index.js';
 export * from './property-layout/index.js';
 export * from './property/index.js';
 export * from './types/index.js';
+export * from './unsupported-property/index.js';

package/dist-cms/packages/core/property/index.js

@@ -3,3 +3,4 @@ export * from './property-dataset/index.js';
 export * from './property-layout/index.js';
 export * from './property/index.js';
 export * from './types/index.js';
+export * from './unsupported-property/index.js';

package/dist-cms/packages/core/property/types/index.d.ts

@@ -1 +1,2 @@
 export * from './property-value-data.type.js';
+export * from './unsupported-properties.type.js';

package/dist-cms/packages/core/property/types/index.js

@@ -1 +1,2 @@
 export * from './property-value-data.type.js';
+export * from './unsupported-properties.type.js';

package/dist-cms/packages/core/property/types/unsupported-properties.type.d.ts

@@ -0,0 +1 @@
+export type UmbUnsupportedEditorSchemaAliases = Record<string, Array<string>>;

package/dist-cms/packages/core/property/types/unsupported-properties.type.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/core/property/unsupported-property/index.d.ts

@@ -0,0 +1,2 @@
+export * from './utils.js';
+export * from './unsupported-property.element.js';

package/dist-cms/packages/core/property/unsupported-property/index.js

@@ -0,0 +1,2 @@
+export * from './utils.js';
+export * from './unsupported-property.element.js';

package/dist-cms/packages/core/property/unsupported-property/unsupported-property.element.d.ts

@@ -0,0 +1,15 @@
+import { UmbLitElement } from '../../lit-element/index.js';
+/**
+ *  @description Component for displaying an unsupported property
+ */
+export declare class UmbUnsupportedPropertyElement extends UmbLitElement {
+    alias: string;
+    schema: string;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-unsupported-property': UmbUnsupportedPropertyElement;
+    }
+}

package/dist-cms/packages/core/property/unsupported-property/unsupported-property.element.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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, property } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../lit-element/index.js';
+import { UmbTextStyles } from '../../style/index.js';
+/**
+ *  @description Component for displaying an unsupported property
+ */
+let UmbUnsupportedPropertyElement = class UmbUnsupportedPropertyElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.alias = '';
+        this.schema = '';
+    }
+    render() {
+        return html `<div id="not-supported">
+			<umb-localize key="blockEditor_propertyEditorNotSupported" .args=${[this.alias, this.schema]}></umb-localize>
+		</div>`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			:host {
+				display: block;
+				padding: var(--uui-size-layout-1) 0;
+			}
+
+			#not-supported {
+				background-color: var(--uui-color-danger);
+				color: var(--uui-color-surface);
+				padding: var(--uui-size-space-4);
+				border-radius: var(--uui-border-radius);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ type: String })
+], UmbUnsupportedPropertyElement.prototype, "alias", void 0);
+__decorate([
+    property({ type: String })
+], UmbUnsupportedPropertyElement.prototype, "schema", void 0);
+UmbUnsupportedPropertyElement = __decorate([
+    customElement('umb-unsupported-property')
+], UmbUnsupportedPropertyElement);
+export { UmbUnsupportedPropertyElement };

package/dist-cms/packages/core/property/unsupported-property/utils.d.ts

@@ -0,0 +1,2 @@
+import type { UmbUnsupportedEditorSchemaAliases } from '../types/index.js';
+export declare const UMB_UNSUPPORTED_EDITOR_SCHEMA_ALIASES: UmbUnsupportedEditorSchemaAliases;

package/dist-cms/packages/core/property/unsupported-property/utils.js

@@ -0,0 +1,3 @@
+export const UMB_UNSUPPORTED_EDITOR_SCHEMA_ALIASES = {
+    block: ['Umbraco.ImageCropper', 'Umbraco.UploadField'],
+};

package/dist-cms/packages/core/property-type/workspace/property-type-workspace.context.js

@@ -21,7 +21,7 @@ export class UmbPropertyTypeWorkspaceContext extends UmbSubmittableWorkspaceCont
         this.data = this.#data.asObservable();
         this.name = this.#data.asObservablePart((data) => data?.name);
         this.unique = this.#data.asObservablePart((data) => data?.id);
-        this.addValidationContext(new UmbValidationContext(this).provide());
+        this.addValidationContext(new UmbValidationContext(this));
         const manifest = args.manifest;
         this.#entityType = manifest.meta?.entityType;
         this.#init = this.consumeContext(UMB_CONTENT_TYPE_WORKSPACE_CONTEXT, (context) => {

package/dist-cms/packages/core/validation/context/index.d.ts

@@ -1,2 +1,4 @@
 export * from './validation.context.js';
 export * from './validation.context-token.js';
+export * from './server-model-validator.context-token.js';
+export * from './server-model-validator.context.js';

package/dist-cms/packages/core/validation/context/index.js

@@ -1,2 +1,4 @@
 export * from './validation.context.js';
 export * from './validation.context-token.js';
+export * from './server-model-validator.context-token.js';
+export * from './server-model-validator.context.js';

package/dist-cms/packages/core/validation/{controllers → context}/server-model-validator.context.js

@@ -1,5 +1,5 @@
 import { UmbDataPathPropertyValueQuery } from '../utils/index.js';
-import { UMB_VALIDATION_CONTEXT } from '../context/validation.context-token.js';
+import { UMB_VALIDATION_CONTEXT } from './validation.context-token.js';
 import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY } from '../const.js';
 import { UMB_SERVER_MODEL_VALIDATOR_CONTEXT } from './server-model-validator.context-token.js';
 import { UmbContextBase } from '../../../../libs/class-api/index.js';

package/dist-cms/packages/core/validation/context/validation.context-token.d.ts

@@ -1,3 +1,3 @@
-import type { UmbValidationContext } from './validation.context.js';
+import type { UmbValidationController } from '../controllers/validation.controller.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export declare const UMB_VALIDATION_CONTEXT: UmbContextToken<UmbValidationContext, UmbValidationContext>;
+export declare const UMB_VALIDATION_CONTEXT: UmbContextToken<UmbValidationController, UmbValidationController>;

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

@@ -1,89 +1,18 @@
-import type { UmbValidator } from '../interfaces/validator.interface.js';
-import type { UmbValidationMessageTranslator } from '../translators/index.js';
-import { UmbValidationMessagesManager } from './validation-messages.manager.js';
-import { type UmbClassInterface, UmbControllerBase } from '../../../../libs/class-api/index.js';
+import { UmbValidationController } from '../controllers/validation.controller.js';
+import type { UmbClassInterface } from '../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 /**
  * Validation Context is the core of Validation.
  * It hosts Validators that has to validate for the context to be valid.
  * It can also be used as a Validator as part of a parent Validation Context.
  */
-export declare class UmbValidationContext extends UmbControllerBase implements UmbValidator {
-    #private;
-    translationDataOf(path: string): any;
-    setTranslationData(data: any): void;
-    getTranslationData(): any;
-    readonly messages: UmbValidationMessagesManager;
+export declare class UmbValidationContext extends UmbValidationController {
     constructor(host: UmbControllerHost);
-    /**
-     * Add a path translator to this validation context.
-     * @param translator
-     */
-    addTranslator(translator: UmbValidationMessageTranslator): Promise<void>;
-    /**
-     * Remove a path translator from this validation context.
-     * @param translator
-     */
-    removeTranslator(translator: UmbValidationMessageTranslator): Promise<void>;
     /**
      * Provides the validation context to the current host, if not already provided to a different host.
-     * @returns instance {UmbValidationContext} - Returns it self.
-     */
-    provide(): UmbValidationContext;
-    /**
-     * Provide this validation context to a specific controller host.
-     * This can be used to Host a validation context in a Workspace, but provide it on a certain scope, like a specific Workspace View.
-     * @param controllerHost {UmbClassInterface}
+     * @deprecated No need to provide, this happens automatically. (Do notice this was necessary in 14.3.-rc, but removed in 14.3 release)
+     * @returns instance {UmbValidationController} - Returns it self.
      */
+    provide(): UmbValidationController;
     provideAt(controllerHost: UmbClassInterface): void;
-    /**
-     * Define a specific data path for this validation context.
-     * This will turn this validation context into a sub-context of the parent validation context.
-     * This means that a two-way binding for messages will be established between the parent and the sub-context.
-     * And it will inherit the Translation Data from its parent.
-     *
-     * messages and data will be localizes accordingly to the given data path.
-     * @param dataPath {string} - The data path to bind this validation context to.
-     * @example
-     * ```ts
-     * const validationContext = new UmbValidationContext(host);
-     * validationContext.setDataPath("$.values[?(@.alias='my-property')].value");
-     * ```
-     *
-     * A message with the path: '$.values[?(@.alias='my-property')].value.innerProperty', will for above example become '$.innerProperty' for the local Validation Context.
-     */
-    setDataPath(dataPath: string): void;
-    /**
-     * Get if this context is valid.
-     * Notice this does not verify the validity.
-     * @returns {boolean}
-     */
-    get isValid(): boolean;
-    /**
-     * Add a validator to this context.
-     * This validator will have to be valid for the context to be valid.
-     * If the context is in validation mode, the validator will be validated immediately.
-     * @param validator { UmbValidator } - The validator to add to this context.
-     */
-    addValidator(validator: UmbValidator): void;
-    /**
-     * Remove a validator from this context.
-     * @param validator {UmbValidator} - The validator to remove from this context.
-     */
-    removeValidator(validator: UmbValidator): void;
-    /**
-     * Validate this context, all the validators of this context will be validated.
-     * Notice its a recursive check meaning sub validation contexts also validates their validators.
-     * @returns succeed {Promise<boolean>} - Returns a promise that resolves to true if the validator succeeded, this depends on the validators and wether forceSucceed is set.
-     */
-    validate(): Promise<void>;
-    /**
-     * Focus the first invalid element that this context can find.
-     */
-    focusFirstInvalidElement(): void;
-    /**
-     * Reset the validation state of this context.
-     */
-    reset(): void;
-    destroy(): void;
 }