@formio/js 5.0.0-dev.5830.bf15879 → 5.0.0-dev.5834.98680ce

package/lib/cjs/Webform.js

@@ -1253,7 +1253,7 @@ class Webform extends NestedDataComponent_1.default {
         const errors = shouldValidate
             ? this.validate(value.data, Object.assign(Object.assign({}, flags), { noValidate: false, process: 'change' }))
             : [];
-        value.isValid = errors.length === 0;
+        value.isValid = (errors || []).filter(err => !err.fromServer).length === 0;
         this.loading = false;
         if (this.submitted) {
             // show server errors while they are not cleaned/fixed

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/cjs/components/time/Time.js

@@ -56,12 +56,6 @@ class TimeComponent extends TextField_1.default {
         }
         return value;
     }
-    get validationValue() {
-        if ((Array.isArray(this.rawData) && !this.rawData.length) || !this.rawData) {
-            return this.dataValue;
-        }
-        return this.rawData;
-    }
     get inputInfo() {
         const info = super.inputInfo;
         info.attr.type = this.component.inputType;

package/lib/mjs/Webform.js

@@ -1259,7 +1259,7 @@ export default class Webform extends NestedDataComponent {
                 process: 'change'
             })
             : [];
-        value.isValid = errors.length === 0;
+        value.isValid = (errors || []).filter(err => !err.fromServer).length === 0;
         this.loading = false;
         if (this.submitted) {
             // show server errors while they are not cleaned/fixed

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/lib/mjs/components/time/Time.js

@@ -51,12 +51,6 @@ export default class TimeComponent extends TextFieldComponent {
         }
         return value;
     }
-    get validationValue() {
-        if ((Array.isArray(this.rawData) && !this.rawData.length) || !this.rawData) {
-            return this.dataValue;
-        }
-        return this.rawData;
-    }
     get inputInfo() {
         const info = super.inputInfo;
         info.attr.type = this.component.inputType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5830.bf15879",
+  "version": "5.0.0-dev.5834.98680ce",
   "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.160.d45b496",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",