@formio/js 5.0.0-rc.84 → 5.0.0-rc.86

package/dist/formio.utils.min.js.LICENSE.txt

@@ -20,7 +20,7 @@
 
 /*! @license DOMPurify 3.1.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.6/LICENSE */
 
-/*! formiojs v5.0.0-rc.84 | https://unpkg.com/formiojs@5.0.0-rc.84/LICENSE.txt */
+/*! formiojs v5.0.0-rc.85 | https://unpkg.com/formiojs@5.0.0-rc.85/LICENSE.txt */
 
 /**
  * @license

package/lib/cjs/Wizard.js

@@ -715,7 +715,7 @@ class Wizard extends Webform_1.default {
         }
         else {
             this.currentPage.components.forEach((comp) => comp.setPristine(false));
-            this.scrollIntoView(this.element);
+            this.scrollIntoView(this.element, true);
             return Promise.reject(this.showErrors(errors, true));
         }
     }

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -1061,7 +1061,7 @@ declare class Component extends Element {
      */
     elementInfo(): any;
     autofocus(): void;
-    scrollIntoView(element?: any): void;
+    scrollIntoView(element: any, verticalOnly: any): void;
     focus(index?: number): void;
     /**
      * Get `Formio` instance for working with files

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

@@ -3421,12 +3421,12 @@ class Component extends Element_1.default {
             this.on('render', () => this.focus(), true);
         }
     }
-    scrollIntoView(element = this.element) {
+    scrollIntoView(element = this.element, verticalOnly) {
         if (!element) {
             return;
         }
         const { left, top } = element.getBoundingClientRect();
-        window.scrollTo(left + window.scrollX, top + window.scrollY);
+        window.scrollTo(verticalOnly ? window.scrollX : left + window.scrollX, top + window.scrollY);
     }
     focus(index = (this.refs.input.length - 1)) {
         var _a, _b;

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

@@ -683,9 +683,12 @@ class NestedComponent extends Field_1.default {
         return this.getComponents().reduce((valid, comp) => comp.isValid(data, dirty) && valid, super.isValid(data, dirty));
     }
     validationProcessor({ scope, data, row, instance, component }, flags) {
+        var _a;
         const { dirty } = flags;
         if (this.root.hasExtraPages && this.page !== this.root.page) {
-            instance = this.getComponent(component.path);
+            instance = ((_a = this.childComponentsMap) === null || _a === void 0 ? void 0 : _a.hasOwnProperty(component.path))
+                ? this.childComponentsMap[component.path]
+                : this.getComponent(component.path);
         }
         if (!instance) {
             return;

package/lib/cjs/components/radio/Radio.js

@@ -286,14 +286,15 @@ class RadioComponent extends ListComponent_1.default {
     setItems(items) {
         const listData = [];
         items === null || items === void 0 ? void 0 : items.forEach((item, i) => {
+            const valueAtProperty = lodash_1.default.get(item, this.component.valueProperty);
             this.loadedOptions[i] = {
-                value: this.component.valueProperty ? item[this.component.valueProperty] : item,
-                label: this.component.valueProperty ? this.itemTemplate(item, item[this.component.valueProperty]) : this.itemTemplate(item, item, i)
+                value: this.component.valueProperty ? valueAtProperty : item,
+                label: this.component.valueProperty ? this.itemTemplate(item, valueAtProperty) : this.itemTemplate(item, item, i)
             };
-            listData.push(this.templateData[this.component.valueProperty ? item[this.component.valueProperty] : i]);
-            if ((this.component.valueProperty || !this.isRadio) && (lodash_1.default.isUndefined(item[this.component.valueProperty]) ||
-                (!this.isRadio && lodash_1.default.isObject(item[this.component.valueProperty])) ||
-                (!this.isRadio && lodash_1.default.isBoolean(item[this.component.valueProperty])))) {
+            listData.push(this.templateData[this.component.valueProperty ? valueAtProperty : i]);
+            if ((this.component.valueProperty || !this.isRadio) && (lodash_1.default.isUndefined(valueAtProperty) ||
+                (!this.isRadio && lodash_1.default.isObject(valueAtProperty)) ||
+                (!this.isRadio && lodash_1.default.isBoolean(valueAtProperty)))) {
                 this.loadedOptions[i].invalid = true;
             }
         });

package/lib/cjs/components/radio/fixtures/comp12.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    let components: {
+        label: string;
+        optionsLabelPosition: string;
+        tableView: boolean;
+        dataSrc: string;
+        values: {
+            label: string;
+            value: string;
+            shortcut: string;
+        }[];
+        valueProperty: string;
+        validateWhenHidden: boolean;
+        key: string;
+        type: string;
+        data: {
+            url: string;
+            headers: {
+                key: string;
+                value: string;
+            }[];
+        };
+        template: string;
+        authenticate: boolean;
+        input: boolean;
+        inputType: string;
+    }[];
+}
+export default _default;

package/lib/cjs/components/radio/fixtures/comp12.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    components: [
+        {
+            "label": "Select Boxes",
+            "optionsLabelPosition": "right",
+            "tableView": false,
+            "dataSrc": "url",
+            "values": [
+                {
+                    "label": "",
+                    "value": "",
+                    "shortcut": ""
+                }
+            ],
+            "valueProperty": "data.name",
+            "validateWhenHidden": false,
+            "key": "selectBoxes",
+            "type": "selectboxes",
+            "data": {
+                "url": "https://remote-dev.form.io/projectId/name/submission",
+                "headers": [
+                    {
+                        "key": "",
+                        "value": ""
+                    }
+                ]
+            },
+            "template": "<span>{{ item.data.name }}</span>",
+            "authenticate": true,
+            "input": true,
+            "inputType": "checkbox"
+        }
+    ]
+};

package/lib/cjs/components/radio/fixtures/index.d.ts

@@ -9,4 +9,5 @@ import comp8 from './comp8';
 import comp9 from './comp9';
 import comp10 from './comp10';
 import comp11 from './comp11';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11 };
+import comp12 from './comp12';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12 };

package/lib/cjs/components/radio/fixtures/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -26,3 +26,5 @@ const comp10_1 = __importDefault(require("./comp10"));
 exports.comp10 = comp10_1.default;
 const comp11_1 = __importDefault(require("./comp11"));
 exports.comp11 = comp11_1.default;
+const comp12_1 = __importDefault(require("./comp12"));
+exports.comp12 = comp12_1.default;

package/lib/mjs/Wizard.js

@@ -705,7 +705,7 @@ export default class Wizard extends Webform {
         }
         else {
             this.currentPage.components.forEach((comp) => comp.setPristine(false));
-            this.scrollIntoView(this.element);
+            this.scrollIntoView(this.element, true);
             return Promise.reject(this.showErrors(errors, true));
         }
     }

package/lib/mjs/components/_classes/component/Component.d.ts

@@ -1061,7 +1061,7 @@ declare class Component extends Element {
      */
     elementInfo(): any;
     autofocus(): void;
-    scrollIntoView(element?: any): void;
+    scrollIntoView(element: any, verticalOnly: any): void;
     focus(index?: number): void;
     /**
      * Get `Formio` instance for working with files

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

@@ -3386,12 +3386,12 @@ export default class Component extends Element {
             this.on('render', () => this.focus(), true);
         }
     }
-    scrollIntoView(element = this.element) {
+    scrollIntoView(element = this.element, verticalOnly) {
         if (!element) {
             return;
         }
         const { left, top } = element.getBoundingClientRect();
-        window.scrollTo(left + window.scrollX, top + window.scrollY);
+        window.scrollTo(verticalOnly ? window.scrollX : left + window.scrollX, top + window.scrollY);
     }
     focus(index = (this.refs.input.length - 1)) {
         if ('beforeFocus' in this.parent) {

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

@@ -681,7 +681,9 @@ export default class NestedComponent extends Field {
     validationProcessor({ scope, data, row, instance, component }, flags) {
         const { dirty } = flags;
         if (this.root.hasExtraPages && this.page !== this.root.page) {
-            instance = this.getComponent(component.path);
+            instance = this.childComponentsMap?.hasOwnProperty(component.path)
+                ? this.childComponentsMap[component.path]
+                : this.getComponent(component.path);
         }
         if (!instance) {
             return;

package/lib/mjs/components/radio/Radio.js

@@ -286,14 +286,15 @@ export default class RadioComponent extends ListComponent {
     setItems(items) {
         const listData = [];
         items?.forEach((item, i) => {
+            const valueAtProperty = _.get(item, this.component.valueProperty);
             this.loadedOptions[i] = {
-                value: this.component.valueProperty ? item[this.component.valueProperty] : item,
-                label: this.component.valueProperty ? this.itemTemplate(item, item[this.component.valueProperty]) : this.itemTemplate(item, item, i)
+                value: this.component.valueProperty ? valueAtProperty : item,
+                label: this.component.valueProperty ? this.itemTemplate(item, valueAtProperty) : this.itemTemplate(item, item, i)
             };
-            listData.push(this.templateData[this.component.valueProperty ? item[this.component.valueProperty] : i]);
-            if ((this.component.valueProperty || !this.isRadio) && (_.isUndefined(item[this.component.valueProperty]) ||
-                (!this.isRadio && _.isObject(item[this.component.valueProperty])) ||
-                (!this.isRadio && _.isBoolean(item[this.component.valueProperty])))) {
+            listData.push(this.templateData[this.component.valueProperty ? valueAtProperty : i]);
+            if ((this.component.valueProperty || !this.isRadio) && (_.isUndefined(valueAtProperty) ||
+                (!this.isRadio && _.isObject(valueAtProperty)) ||
+                (!this.isRadio && _.isBoolean(valueAtProperty)))) {
                 this.loadedOptions[i].invalid = true;
             }
         });

package/lib/mjs/components/radio/fixtures/comp12.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    let components: {
+        label: string;
+        optionsLabelPosition: string;
+        tableView: boolean;
+        dataSrc: string;
+        values: {
+            label: string;
+            value: string;
+            shortcut: string;
+        }[];
+        valueProperty: string;
+        validateWhenHidden: boolean;
+        key: string;
+        type: string;
+        data: {
+            url: string;
+            headers: {
+                key: string;
+                value: string;
+            }[];
+        };
+        template: string;
+        authenticate: boolean;
+        input: boolean;
+        inputType: string;
+    }[];
+}
+export default _default;

package/lib/mjs/components/radio/fixtures/comp12.js

@@ -0,0 +1,34 @@
+export default {
+    components: [
+        {
+            "label": "Select Boxes",
+            "optionsLabelPosition": "right",
+            "tableView": false,
+            "dataSrc": "url",
+            "values": [
+                {
+                    "label": "",
+                    "value": "",
+                    "shortcut": ""
+                }
+            ],
+            "valueProperty": "data.name",
+            "validateWhenHidden": false,
+            "key": "selectBoxes",
+            "type": "selectboxes",
+            "data": {
+                "url": "https://remote-dev.form.io/projectId/name/submission",
+                "headers": [
+                    {
+                        "key": "",
+                        "value": ""
+                    }
+                ]
+            },
+            "template": "<span>{{ item.data.name }}</span>",
+            "authenticate": true,
+            "input": true,
+            "inputType": "checkbox"
+        }
+    ]
+};

package/lib/mjs/components/radio/fixtures/index.d.ts

@@ -9,4 +9,5 @@ import comp8 from './comp8';
 import comp9 from './comp9';
 import comp10 from './comp10';
 import comp11 from './comp11';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11 };
+import comp12 from './comp12';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12 };

package/lib/mjs/components/radio/fixtures/index.js

@@ -9,4 +9,5 @@ import comp8 from './comp8';
 import comp9 from './comp9';
 import comp10 from './comp10';
 import comp11 from './comp11';
-export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11 };
+import comp12 from './comp12';
+export { comp1, comp2, comp3, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.84",
+  "version": "5.0.0-rc.86",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -81,7 +81,7 @@
   "dependencies": {
     "@formio/bootstrap": "3.0.0-rc.37",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "2.3.0-rc.3",
+    "@formio/core": "2.3.0-rc.6",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",