@formio/js 5.0.0-dev.5925.ef39512 → 5.0.0-dev.5932.9b8cb6d

package/lib/cjs/WebformBuilder.js

@@ -1085,6 +1085,12 @@ 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 {
@@ -1095,6 +1101,7 @@ 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/selectboxes/SelectBoxes.d.ts

@@ -1,8 +1,7 @@
 export default class SelectBoxesComponent extends RadioComponent {
     static savedValueTypes(schema: any): string[];
     constructor(...args: any[]);
-    get emptyValue(): {};
-    get defaultValue(): {};
+    get emptyValue(): any;
     /**
      * Only empty if the values are all false.
      * @param {any} value - The value to check if empty.

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

@@ -65,7 +65,12 @@ class SelectBoxesComponent extends Radio_1.default {
         return info;
     }
     get emptyValue() {
-        return {};
+        return this.component.values.reduce((prev, value) => {
+            if (value.value) {
+                prev[value.value] = false;
+            }
+            return prev;
+        }, {});
     }
     get defaultValue() {
         let defaultValue = this.emptyValue;
@@ -134,6 +139,14 @@ 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;
     }
     /**
@@ -262,6 +275,7 @@ class SelectBoxesComponent extends Radio_1.default {
         else {
             return super.setCustomValidity(messages, dirty, external);
         }
+        ;
     }
     validateValueAvailability(setting, value) {
         if (!(0, utils_1.boolValue)(setting) || !value) {

package/lib/mjs/WebformBuilder.js

@@ -1069,6 +1069,12 @@ 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 {
@@ -1079,6 +1085,7 @@ 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/selectboxes/SelectBoxes.d.ts

@@ -1,8 +1,7 @@
 export default class SelectBoxesComponent extends RadioComponent {
     static savedValueTypes(schema: any): string[];
     constructor(...args: any[]);
-    get emptyValue(): {};
-    get defaultValue(): {};
+    get emptyValue(): any;
     /**
      * Only empty if the values are all false.
      * @param {any} value - The value to check if empty.

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

@@ -67,7 +67,12 @@ export default class SelectBoxesComponent extends RadioComponent {
         return info;
     }
     get emptyValue() {
-        return {};
+        return this.component.values.reduce((prev, value) => {
+            if (value.value) {
+                prev[value.value] = false;
+            }
+            return prev;
+        }, {});
     }
     get defaultValue() {
         let defaultValue = this.emptyValue;
@@ -136,6 +141,14 @@ 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;
     }
     /**
@@ -263,6 +276,7 @@ export default class SelectBoxesComponent extends RadioComponent {
         else {
             return super.setCustomValidity(messages, dirty, external);
         }
+        ;
     }
     validateValueAvailability(setting, value) {
         if (!boolValue(setting) || !value) {

package/package.json

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