@aemforms/af-core 0.22.54 → 0.22.56

package/lib/BaseNode.js

@@ -19,6 +19,8 @@ exports.editableProperties = [
     'description',
     'visible',
     'enabled',
+    'valid',
+    'errorMessage',
     'readOnly',
     'enum',
     'enumNames',
@@ -33,7 +35,6 @@ exports.editableProperties = [
 ];
 exports.dynamicProps = [
     ...exports.editableProperties,
-    'valid',
     'index',
     'activeChild'
 ];

package/lib/Field.d.ts

@@ -33,6 +33,7 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
     get enabled(): boolean | undefined;
     set enabled(e: boolean | undefined);
     get valid(): any;
+    set valid(e: any);
     get validity(): any;
     get emptyValue(): "" | null | undefined;
     get enum(): any[] | undefined;
@@ -59,6 +60,7 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
     toString(): any;
     getErrorMessage(constraint: keyof (ConstraintsMessages)): string;
     get errorMessage(): string | undefined;
+    set errorMessage(e: string | undefined);
     get screenReaderText(): string | undefined;
     _getConstraintObject(): {
         enum: (constraint: any, inputVal: any) => {
@@ -184,6 +186,7 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
         dataRef?: string | null | undefined;
         lang?: string | undefined;
         ':type': string;
+        appliedCssClassNames?: string | undefined;
         label?: import("./types").Label | undefined;
         visible?: boolean | undefined;
         name?: string | undefined;

package/lib/Field.js

@@ -204,6 +204,13 @@ class Field extends Scriptable_1.default {
         var _a, _b;
         return (_b = (_a = this._jsonModel) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.valid;
     }
+    set valid(e) {
+        const validity = {
+            valid: e
+        };
+        this._setProperty('valid', e);
+        this._setProperty('validity', validity);
+    }
     get validity() {
         return this._jsonModel.validity;
     }
@@ -416,6 +423,10 @@ class Field extends Scriptable_1.default {
     get errorMessage() {
         return this._jsonModel.errorMessage;
     }
+    set errorMessage(e) {
+        this._setProperty('errorMessage', e);
+        this._setProperty('validationMessage', e);
+    }
     get screenReaderText() {
         return this._jsonModel.screenReaderText;
     }
@@ -665,9 +676,11 @@ class Field extends Scriptable_1.default {
             'validity': Object.assign({ valid: false }, (constraint != null ? { [types_1.constraintKeys[constraint]]: true } : {}))
         };
         const updates = this._applyUpdates(['valid', 'errorMessage', 'validationMessage', 'validity'], changes);
-        this.triggerValidationEvent(updates);
         const changeAction = new Events_1.Change({ changes: [].concat(Object.values(updates)) });
-        this.dispatch(changeAction);
+        if (changeAction.payload.changes.length !== 0) {
+            this.triggerValidationEvent(updates);
+            this.dispatch(changeAction);
+        }
     }
 }
 __decorate([
@@ -699,6 +712,9 @@ __decorate([
 __decorate([
     (0, BaseNode_1.dependencyTracked)()
 ], Field.prototype, "value", null);
+__decorate([
+    (0, BaseNode_1.dependencyTracked)()
+], Field.prototype, "errorMessage", null);
 __decorate([
     (0, BaseNode_1.include)('text-input', 'date-input', 'file-input', 'email')
 ], Field.prototype, "format", null);

package/lib/Form.d.ts

@@ -51,6 +51,7 @@ declare class Form extends Container<FormJson> implements FormModel {
         dataRef?: string | null | undefined;
         lang?: string | undefined;
         ':type'?: string | undefined;
+        appliedCssClassNames?: string | undefined;
         label?: import("./types/Json").Label | undefined;
         enabled?: boolean | undefined;
         visible?: boolean | undefined;

package/lib/types/Json.d.ts

@@ -68,6 +68,7 @@ export declare type BaseJson = TranslationBaseJson & RulesJson & ConstraintsJson
     dataRef?: string | null;
     lang?: string;
     ':type'?: string;
+    appliedCssClassNames?: string;
     label?: Label;
     enabled?: boolean;
     visible?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aemforms/af-core",
-  "version": "0.22.54",
+  "version": "0.22.56",
   "description": "Core Module for Forms Runtime",
   "author": "Adobe Systems",
   "license": "Adobe Proprietary",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@adobe/json-formula": "0.1.50",
-    "@aemforms/af-formatters": "^0.22.54"
+    "@aemforms/af-formatters": "^0.22.56"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",