@formio/js 5.0.0-dev.5932.9b8cb6d → 5.0.0-dev.5933.606556f

package/lib/cjs/WebformBuilder.js

@@ -1085,12 +1085,6 @@ class WebformBuilder extends Component_1.default {
                     parentComponent.tabs[tabIndex].splice(index, 1, newComp);
                     newComp.checkValidity = () => true;
                     newComp.build(defaultValueComponent.element);
-                    if (this.preview && !this.preview.defaultChanged) {
-                        const defaultValue = lodash_1.default.get(this.preview._data, this.editForm._data.key);
-                        if (lodash_1.default.isObject(defaultValue) && !lodash_1.default.isArray(defaultValue)) {
-                            this.editForm._data.defaultValue = defaultValue;
-                        }
-                    }
                 }
             }
             else {
@@ -1101,7 +1095,6 @@ class WebformBuilder extends Component_1.default {
                     path.unshift(component.key);
                     dataPath = (0, utils_1.getStringFromComponentPath)(path);
                 }
-                this.preview.defaultChanged = true;
                 lodash_1.default.set(this.preview._data, dataPath, changed.value);
                 lodash_1.default.set(this.webform._data, dataPath, changed.value);
             }

package/lib/cjs/components/datagrid/DataGrid.js

@@ -413,6 +413,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         });
         this.checkConditions();
         this.triggerChange();
+        this.triggerChange({ modified: true });
         this.redraw().then(() => {
             this.focusOnNewRowElement(this.rows[index]);
         });
@@ -492,6 +493,9 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             const options = lodash_1.default.clone(this.options);
             options.name += `[${rowIndex}]`;
             options.row = `${rowIndex}-${colIndex}`;
+            options.onChange = (flags, changed, modified) => {
+                this.triggerChange({ modified });
+            };
             let columnComponent;
             if (this.builderMode) {
                 col.id = col.id + rowIndex;

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -139,14 +139,6 @@ class SelectBoxesComponent extends Radio_1.default {
             checkedValues.forEach((value) => selectData.push(this.templateData[value]));
             lodash_1.default.set(submission.metadata.selectData, this.path, selectData);
         }
-        // Ensure that for dataSrc == 'values' that there are not any other superfluous values.
-        if (this.component.dataSrc === 'values') {
-            for (const key in value) {
-                if (!this.component.values.find((val) => val.value === key)) {
-                    delete value[key];
-                }
-            }
-        }
         return value;
     }
     /**

package/lib/mjs/WebformBuilder.js

@@ -1069,12 +1069,6 @@ export default class WebformBuilder extends Component {
                     parentComponent.tabs[tabIndex].splice(index, 1, newComp);
                     newComp.checkValidity = () => true;
                     newComp.build(defaultValueComponent.element);
-                    if (this.preview && !this.preview.defaultChanged) {
-                        const defaultValue = _.get(this.preview._data, this.editForm._data.key);
-                        if (_.isObject(defaultValue) && !_.isArray(defaultValue)) {
-                            this.editForm._data.defaultValue = defaultValue;
-                        }
-                    }
                 }
             }
             else {
@@ -1085,7 +1079,6 @@ export default class WebformBuilder extends Component {
                     path.unshift(component.key);
                     dataPath = getStringFromComponentPath(path);
                 }
-                this.preview.defaultChanged = true;
                 _.set(this.preview._data, dataPath, changed.value);
                 _.set(this.webform._data, dataPath, changed.value);
             }

package/lib/mjs/components/datagrid/DataGrid.js

@@ -410,6 +410,7 @@ export default class DataGridComponent extends NestedArrayComponent {
         });
         this.checkConditions();
         this.triggerChange();
+        this.triggerChange({ modified: true });
         this.redraw().then(() => {
             this.focusOnNewRowElement(this.rows[index]);
         });
@@ -488,6 +489,9 @@ export default class DataGridComponent extends NestedArrayComponent {
             const options = _.clone(this.options);
             options.name += `[${rowIndex}]`;
             options.row = `${rowIndex}-${colIndex}`;
+            options.onChange = (flags, changed, modified) => {
+                this.triggerChange({ modified });
+            };
             let columnComponent;
             if (this.builderMode) {
                 col.id = col.id + rowIndex;

package/lib/mjs/components/selectboxes/SelectBoxes.js

@@ -141,14 +141,6 @@ export default class SelectBoxesComponent extends RadioComponent {
             checkedValues.forEach((value) => selectData.push(this.templateData[value]));
             _.set(submission.metadata.selectData, this.path, selectData);
         }
-        // Ensure that for dataSrc == 'values' that there are not any other superfluous values.
-        if (this.component.dataSrc === 'values') {
-            for (const key in value) {
-                if (!this.component.values.find((val) => val.value === key)) {
-                    delete value[key];
-                }
-            }
-        }
         return value;
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5932.9b8cb6d",
+  "version": "5.0.0-dev.5933.606556f",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {