@formio/js 5.0.0-dev.5826.02fa4d9 → 5.0.0-dev.5829.56191dc

package/lib/cjs/Wizard.d.ts

@@ -105,6 +105,7 @@ declare class Wizard extends Webform {
     pageId(page: any): any;
     onChange(flags: any, changed: any, modified: any, changes: any): void;
     checkValidity(data: any, dirty: any, row: any, currentPageOnly: any, childErrors?: any[]): any;
+    showErrors(errors: any, triggerEvent: any): void | any[];
     focusOnComponent(key: any): void | Promise<void>;
 }
 declare namespace Wizard {

package/lib/cjs/Wizard.js

@@ -924,6 +924,17 @@ class Wizard extends Webform_1.default {
         }
         return super.errors;
     }
+    showErrors(errors, triggerEvent) {
+        if (this.hasExtraPages) {
+            this.subWizards.forEach((subWizard) => {
+                if (Array.isArray(subWizard.errors)) {
+                    errors = [...errors, ...subWizard.errors];
+                }
+            });
+        }
+        ;
+        return super.showErrors(errors, triggerEvent);
+    }
     focusOnComponent(key) {
         const component = this.getComponent(key);
         if (component) {
@@ -931,7 +942,7 @@ class Wizard extends Webform_1.default {
             while (!(topPanel.parent instanceof Wizard)) {
                 topPanel = topPanel.parent;
             }
-            const pageIndex = this.pages.findIndex(page => page === topPanel);
+            const pageIndex = this.pages.findIndex(page => page.id === topPanel.id);
             if (pageIndex >= 0) {
                 const page = this.pages[pageIndex];
                 if (page && page !== this.currentPage) {

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

@@ -881,6 +881,11 @@ declare class Component extends Element {
      * @returns {boolean} - If the value changed.
      */
     setValue(value: any, flags?: any): boolean;
+    /**
+     * Returns if the value (e.g. array) should be divided between several inputs
+     * @returns {boolean}
+     */
+    isSingleInputValue(): boolean;
     /**
      * Set the value at a specific index.
      * @param {number} index - The index to set the value at.

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

@@ -2586,11 +2586,18 @@ class Component extends Element_1.default {
         }
         for (const i in this.refs.input) {
             if (this.refs.input.hasOwnProperty(i)) {
-                this.setValueAt(i, isArray ? value[i] : value, flags);
+                this.setValueAt(i, isArray && !this.isSingleInputValue() ? value[i] : value, flags);
             }
         }
         return changed;
     }
+    /**
+     * Returns if the value (e.g. array) should be divided between several inputs
+     * @returns {boolean}
+     */
+    isSingleInputValue() {
+        return false;
+    }
     /**
      * Set the value at a specific index.
      * @param {number} index - The index to set the value at.

package/lib/cjs/components/textarea/TextArea.d.ts

@@ -19,6 +19,13 @@ export default class TextAreaComponent extends TextFieldComponent {
     setContent(element: any, content: any, forceSanitize: any): void;
     setReadOnlyValue(value: any, index: any): void;
     get isJsonValue(): any;
+    /**
+   * Normalize values coming into updateValue. For example, depending on the configuration, string value `"true"` will be normalized to boolean `true`.
+   * @param {*} value - The value to normalize
+   * @returns {*} - Returns the normalized value
+   */
+    normalizeValue(value: any): any;
+    normalizeSingleValue(value: any): any;
     setConvertedValue(value: any, index: any): any;
     setAsyncConvertedValue(value: any): Promise<any>;
     setImagesUrl(images: any): Promise<any>;

package/lib/cjs/components/textarea/TextArea.js

@@ -309,6 +309,26 @@ class TextAreaComponent extends TextField_1.default {
     get isJsonValue() {
         return this.component.as && this.component.as === 'json';
     }
+    /**
+   * Normalize values coming into updateValue. For example, depending on the configuration, string value `"true"` will be normalized to boolean `true`.
+   * @param {*} value - The value to normalize
+   * @returns {*} - Returns the normalized value
+   */
+    normalizeValue(value) {
+        if (this.component.multiple && Array.isArray(value)) {
+            return value.map((singleValue) => this.normalizeSingleValue(singleValue));
+        }
+        return super.normalizeValue(this.normalizeSingleValue(value));
+    }
+    normalizeSingleValue(value) {
+        if (lodash_1.default.isNil(value)) {
+            return;
+        }
+        return this.isJsonValue ? value : String(value);
+    }
+    isSingleInputValue() {
+        return !this.component.multiple;
+    }
     setConvertedValue(value, index) {
         if (this.isJsonValue && !lodash_1.default.isNil(value)) {
             try {

package/lib/mjs/Wizard.d.ts

@@ -105,6 +105,7 @@ declare class Wizard extends Webform {
     pageId(page: any): any;
     onChange(flags: any, changed: any, modified: any, changes: any): void;
     checkValidity(data: any, dirty: any, row: any, currentPageOnly: any, childErrors?: any[]): any;
+    showErrors(errors: any, triggerEvent: any): void | any[];
     focusOnComponent(key: any): void | Promise<void>;
 }
 declare namespace Wizard {

package/lib/mjs/Wizard.js

@@ -911,6 +911,17 @@ export default class Wizard extends Webform {
         }
         return super.errors;
     }
+    showErrors(errors, triggerEvent) {
+        if (this.hasExtraPages) {
+            this.subWizards.forEach((subWizard) => {
+                if (Array.isArray(subWizard.errors)) {
+                    errors = [...errors, ...subWizard.errors];
+                }
+            });
+        }
+        ;
+        return super.showErrors(errors, triggerEvent);
+    }
     focusOnComponent(key) {
         const component = this.getComponent(key);
         if (component) {
@@ -918,7 +929,7 @@ export default class Wizard extends Webform {
             while (!(topPanel.parent instanceof Wizard)) {
                 topPanel = topPanel.parent;
             }
-            const pageIndex = this.pages.findIndex(page => page === topPanel);
+            const pageIndex = this.pages.findIndex(page => page.id === topPanel.id);
             if (pageIndex >= 0) {
                 const page = this.pages[pageIndex];
                 if (page && page !== this.currentPage) {

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

@@ -881,6 +881,11 @@ declare class Component extends Element {
      * @returns {boolean} - If the value changed.
      */
     setValue(value: any, flags?: any): boolean;
+    /**
+     * Returns if the value (e.g. array) should be divided between several inputs
+     * @returns {boolean}
+     */
+    isSingleInputValue(): boolean;
     /**
      * Set the value at a specific index.
      * @param {number} index - The index to set the value at.

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

@@ -2552,11 +2552,18 @@ export default class Component extends Element {
         }
         for (const i in this.refs.input) {
             if (this.refs.input.hasOwnProperty(i)) {
-                this.setValueAt(i, isArray ? value[i] : value, flags);
+                this.setValueAt(i, isArray && !this.isSingleInputValue() ? value[i] : value, flags);
             }
         }
         return changed;
     }
+    /**
+     * Returns if the value (e.g. array) should be divided between several inputs
+     * @returns {boolean}
+     */
+    isSingleInputValue() {
+        return false;
+    }
     /**
      * Set the value at a specific index.
      * @param {number} index - The index to set the value at.

package/lib/mjs/components/textarea/TextArea.d.ts

@@ -19,6 +19,13 @@ export default class TextAreaComponent extends TextFieldComponent {
     setContent(element: any, content: any, forceSanitize: any): void;
     setReadOnlyValue(value: any, index: any): void;
     get isJsonValue(): any;
+    /**
+   * Normalize values coming into updateValue. For example, depending on the configuration, string value `"true"` will be normalized to boolean `true`.
+   * @param {*} value - The value to normalize
+   * @returns {*} - Returns the normalized value
+   */
+    normalizeValue(value: any): any;
+    normalizeSingleValue(value: any): any;
     setConvertedValue(value: any, index: any): any;
     setAsyncConvertedValue(value: any): Promise<any>;
     setImagesUrl(images: any): Promise<any>;

package/lib/mjs/components/textarea/TextArea.js

@@ -304,6 +304,26 @@ export default class TextAreaComponent extends TextFieldComponent {
     get isJsonValue() {
         return this.component.as && this.component.as === 'json';
     }
+    /**
+   * Normalize values coming into updateValue. For example, depending on the configuration, string value `"true"` will be normalized to boolean `true`.
+   * @param {*} value - The value to normalize
+   * @returns {*} - Returns the normalized value
+   */
+    normalizeValue(value) {
+        if (this.component.multiple && Array.isArray(value)) {
+            return value.map((singleValue) => this.normalizeSingleValue(singleValue));
+        }
+        return super.normalizeValue(this.normalizeSingleValue(value));
+    }
+    normalizeSingleValue(value) {
+        if (_.isNil(value)) {
+            return;
+        }
+        return this.isJsonValue ? value : String(value);
+    }
+    isSingleInputValue() {
+        return !this.component.multiple;
+    }
     setConvertedValue(value, index) {
         if (this.isJsonValue && !_.isNil(value)) {
             try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5826.02fa4d9",
+  "version": "5.0.0-dev.5829.56191dc",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -82,7 +82,7 @@
   "dependencies": {
     "@formio/bootstrap": "3.0.0-dev.98.17ba6ea",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "2.1.0-dev.146.e57530c",
+    "@formio/core": "v2.1.0-dev.156.78a83fd",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",