@formio/js 5.0.0-dev.5846.796fec1 → 5.0.0-dev.5847.72f1bf3

package/lib/cjs/Webform.js

@@ -710,7 +710,6 @@ class Webform extends NestedDataComponent_1.default {
      */
     onSetSubmission(submission, flags = {}) {
         this.submissionSet = true;
-        flags.submission = structuredClone(submission);
         this.triggerChange(flags);
         this.emit('beforeSetSubmission', submission);
         this.setValue(submission, flags);
@@ -1248,10 +1247,9 @@ class Webform extends NestedDataComponent_1.default {
             this.pristine = false;
         }
         this.checkData(value.data, flags);
-        let shouldValidate = flags.noValidate ? false :
-            lodash_1.default.isUndefined(flags.noValidate) ||
-                flags.fromIframe ||
-                (flags.fromSubmission && this.rootPristine && this.pristine);
+        const shouldValidate = !flags.noValidate ||
+            flags.fromIframe ||
+            (flags.fromSubmission && this.rootPristine && this.pristine && flags.changed);
         const errors = shouldValidate
             ? this.validate(value.data, Object.assign(Object.assign({}, flags), { noValidate: false, process: 'change' }))
             : [];

package/lib/cjs/components/_classes/component/Component.js

@@ -2456,6 +2456,7 @@ class Component extends Element_1.default {
             return;
         }
         lodash_1.default.set(this._data, this.key, value);
+        return;
     }
     /**
      * Splice a value from the dataValue.
@@ -2958,19 +2959,17 @@ class Component extends Element_1.default {
      * @returns {boolean} - TRUE if the component is valid.
      */
     showValidationErrors(errors, data, row, flags) {
-        var _a;
         if (flags.silentCheck) {
             return [];
         }
-        let dirty = this.dirty || flags.dirty;
         if (this.options.alwaysDirty) {
-            dirty = true;
+            flags.dirty = true;
         }
-        if (flags.fromSubmission && !lodash_1.default.isUndefined(lodash_1.default.get((_a = flags === null || flags === void 0 ? void 0 : flags.submission) === null || _a === void 0 ? void 0 : _a.data, this.key)) && !(this.pristine && this.protected)) {
-            dirty = true;
+        if (flags.fromSubmission && this.hasValue(data)) {
+            flags.dirty = this.pristine && this.component.protected ? false : true;
         }
-        this.setDirty(dirty);
-        return this.setComponentValidity(errors, dirty, flags.silentCheck, flags.fromSubmission);
+        this.setDirty(flags.dirty);
+        return this.setComponentValidity(errors, flags.dirty, flags.silentCheck, flags.fromSubmission);
     }
     /**
      * Perform a component validation.

package/lib/cjs/components/_classes/nested/NestedComponent.js

@@ -827,23 +827,22 @@ class NestedComponent extends Field_1.default {
     }
     setNestedValue(component, value, flags = {}) {
         component._data = this.componentContext(component);
-        let componentFlags = Object.assign({}, flags);
         if (component.type === 'button') {
             return false;
         }
         if (component.type === 'components') {
             if (component.tree && component.hasValue(value)) {
-                return component.setValue(lodash_1.default.get(value, component.key), componentFlags);
+                return component.setValue(lodash_1.default.get(value, component.key), flags);
             }
-            return component.setValue(value, componentFlags);
+            return component.setValue(value, flags);
         }
         else if (value && component.hasValue(value)) {
-            return component.setValue(lodash_1.default.get(value, component.key), componentFlags);
+            return component.setValue(lodash_1.default.get(value, component.key), flags);
         }
         else if ((!this.rootPristine || component.visible) && component.shouldAddDefaultValue) {
-            componentFlags.noValidate = !componentFlags.dirty;
-            componentFlags.resetValue = true;
-            return component.setValue(component.defaultValue, componentFlags);
+            flags.noValidate = !flags.dirty;
+            flags.resetValue = true;
+            return component.setValue(component.defaultValue, flags);
         }
     }
     setValue(value, flags = {}) {

package/lib/cjs/components/editgrid/EditGrid.js

@@ -983,7 +983,6 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             editRow.state === EditRowState.New ||
             editRow.state === EditRowState.Editing ||
             editRow.alerts ||
-            this.dirty ||
             dirty;
     }
     validateRow(editRow, dirty, forceSilentCheck) {

package/lib/mjs/Webform.js

@@ -708,7 +708,6 @@ export default class Webform extends NestedDataComponent {
      */
     onSetSubmission(submission, flags = {}) {
         this.submissionSet = true;
-        flags.submission = structuredClone(submission);
         this.triggerChange(flags);
         this.emit('beforeSetSubmission', submission);
         this.setValue(submission, flags);
@@ -1250,10 +1249,9 @@ export default class Webform extends NestedDataComponent {
             this.pristine = false;
         }
         this.checkData(value.data, flags);
-        let shouldValidate = flags.noValidate ? false :
-            _.isUndefined(flags.noValidate) ||
-                flags.fromIframe ||
-                (flags.fromSubmission && this.rootPristine && this.pristine);
+        const shouldValidate = !flags.noValidate ||
+            flags.fromIframe ||
+            (flags.fromSubmission && this.rootPristine && this.pristine && flags.changed);
         const errors = shouldValidate
             ? this.validate(value.data, {
                 ...flags,

package/lib/mjs/components/_classes/component/Component.js

@@ -2422,6 +2422,7 @@ export default class Component extends Element {
             return;
         }
         _.set(this._data, this.key, value);
+        return;
     }
     /**
      * Splice a value from the dataValue.
@@ -2925,15 +2926,14 @@ export default class Component extends Element {
         if (flags.silentCheck) {
             return [];
         }
-        let dirty = this.dirty || flags.dirty;
         if (this.options.alwaysDirty) {
-            dirty = true;
+            flags.dirty = true;
         }
-        if (flags.fromSubmission && !_.isUndefined(_.get(flags?.submission?.data, this.key)) && !(this.pristine && this.protected)) {
-            dirty = true;
+        if (flags.fromSubmission && this.hasValue(data)) {
+            flags.dirty = this.pristine && this.component.protected ? false : true;
         }
-        this.setDirty(dirty);
-        return this.setComponentValidity(errors, dirty, flags.silentCheck, flags.fromSubmission);
+        this.setDirty(flags.dirty);
+        return this.setComponentValidity(errors, flags.dirty, flags.silentCheck, flags.fromSubmission);
     }
     /**
      * Perform a component validation.

package/lib/mjs/components/_classes/nested/NestedComponent.js

@@ -822,23 +822,22 @@ export default class NestedComponent extends Field {
     }
     setNestedValue(component, value, flags = {}) {
         component._data = this.componentContext(component);
-        let componentFlags = { ...flags };
         if (component.type === 'button') {
             return false;
         }
         if (component.type === 'components') {
             if (component.tree && component.hasValue(value)) {
-                return component.setValue(_.get(value, component.key), componentFlags);
+                return component.setValue(_.get(value, component.key), flags);
             }
-            return component.setValue(value, componentFlags);
+            return component.setValue(value, flags);
         }
         else if (value && component.hasValue(value)) {
-            return component.setValue(_.get(value, component.key), componentFlags);
+            return component.setValue(_.get(value, component.key), flags);
         }
         else if ((!this.rootPristine || component.visible) && component.shouldAddDefaultValue) {
-            componentFlags.noValidate = !componentFlags.dirty;
-            componentFlags.resetValue = true;
-            return component.setValue(component.defaultValue, componentFlags);
+            flags.noValidate = !flags.dirty;
+            flags.resetValue = true;
+            return component.setValue(component.defaultValue, flags);
         }
     }
     setValue(value, flags = {}) {

package/lib/mjs/components/editgrid/EditGrid.js

@@ -973,7 +973,6 @@ export default class EditGridComponent extends NestedArrayComponent {
             editRow.state === EditRowState.New ||
             editRow.state === EditRowState.Editing ||
             editRow.alerts ||
-            this.dirty ||
             dirty;
     }
     validateRow(editRow, dirty, forceSilentCheck) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5846.796fec1",
+  "version": "5.0.0-dev.5847.72f1bf3",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {