@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/mjs/components/_classes/multivalue/Multivalue.js

@@ -10,21 +10,33 @@ export default class Multivalue extends Field {
      * @returns {*} - The normalized value.
      */
     normalizeValue(value, flags = {}, emptyValue = this.emptyValue) {
-        const underlyingValueShouldBeArray = Utils.getModelType(this.component) === 'array' || this.component.storeas === 'array' || Array.isArray(emptyValue);
+        const underlyingValueShouldBeArray = Utils.getModelType(this.component) === 'array' ||
+            this.component.storeas === 'array' ||
+            Array.isArray(emptyValue);
         if (this.component.multiple) {
             if (Array.isArray(value)) {
                 if (underlyingValueShouldBeArray) {
                     if (value.length === 0 || !Array.isArray(value[0])) {
-                        return [value];
+                        return [
+                            value,
+                        ];
                     }
                 }
                 if (value.length === 0) {
-                    return [emptyValue];
+                    return [
+                        emptyValue,
+                    ];
                 }
                 return super.normalizeValue(value, flags);
             }
             else {
-                return super.normalizeValue(value == null ? [emptyValue] : [value], flags);
+                return super.normalizeValue(value == null
+                    ? [
+                        emptyValue,
+                    ]
+                    : [
+                        value,
+                    ], flags);
             }
         }
         else {
@@ -52,10 +64,16 @@ export default class Multivalue extends Field {
         let value = super.defaultValue;
         if (this.component.multiple) {
             if (_.isArray(value)) {
-                value = !value.length ? [super.emptyValue] : value;
+                value = !value.length
+                    ? [
+                        super.emptyValue,
+                    ]
+                    : value;
             }
             else {
-                value = [value];
+                value = [
+                    value,
+                ];
             }
         }
         return value;
@@ -164,7 +182,7 @@ export default class Multivalue extends Field {
             // Delay update slightly to give input mask a chance to run.
             const textCase = _.get(this.component, 'case', 'mixed');
             if (textCase !== 'mixed') {
-                const { selectionStart, selectionEnd, } = element;
+                const { selectionStart, selectionEnd } = element;
                 if (textCase === 'uppercase' && element.value) {
                     element.value = element.value.toUpperCase();
                 }
@@ -186,13 +204,13 @@ export default class Multivalue extends Field {
             if (element.mask) {
                 setTimeout(() => {
                     return this.updateValue(null, {
-                        modified: (this.component.type !== 'hidden')
+                        modified: this.component.type !== 'hidden',
                     }, index);
                 }, 1);
             }
             else {
                 return this.updateValue(null, {
-                    modified: (this.component.type !== 'hidden')
+                    modified: this.component.type !== 'hidden',
                 }, index);
             }
         });
@@ -238,7 +256,7 @@ export default class Multivalue extends Field {
         if (this.multiMasks[maskName]) {
             return this.multiMasks[maskName];
         }
-        const mask = this.component.inputMasks.find(inputMask => inputMask.label === maskName);
+        const mask = this.component.inputMasks.find((inputMask) => inputMask.label === maskName);
         this.multiMasks[maskName] = mask ? mask.mask : this.component.inputMasks[0].mask;
         return this.multiMasks[maskName];
     }
@@ -274,8 +292,7 @@ export default class Multivalue extends Field {
      */
     addNewValue(value) {
         if (value === undefined) {
-            value = this.component.defaultValue ?
-                this.component.defaultValue : this.emptyValue;
+            value = this.component.defaultValue ? this.component.defaultValue : this.emptyValue;
             // If default is an empty aray, default back to empty value.
             if (Array.isArray(value) && value.length === 0) {
                 value = this.emptyValue;
@@ -283,7 +300,9 @@ export default class Multivalue extends Field {
         }
         let dataValue = this.dataValue || [];
         if (!Array.isArray(dataValue)) {
-            dataValue = [dataValue];
+            dataValue = [
+                dataValue,
+            ];
         }
         if (Array.isArray(value)) {
             dataValue = dataValue.concat(value);

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

@@ -8,11 +8,11 @@ export default function (...extend) {
     return Components.baseEditForm([
         {
             key: 'data',
-            ignore: true
+            ignore: true,
         },
         {
             key: 'validation',
-            ignore: true
-        }
+            ignore: true,
+        },
     ], ...extend);
 }

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

@@ -2,8 +2,7 @@
 import _ from 'lodash';
 import Field from '../field/Field';
 import Components from '../../Components';
-'';
-import FormioUtils from '../../../utils';
+import FormioUtils from '../../../utils/index';
 import { process as processAsync, processSync } from '@formio/core/process';
 /**
  * NestedComponent class.
@@ -123,7 +122,7 @@ export default class NestedComponent extends Field {
      */
     set parentVisible(value) {
         super.parentVisible = value;
-        this.components.forEach(component => component.parentVisible = this.visible);
+        this.components.forEach((component) => (component.parentVisible = this.visible));
     }
     /**
      * Get parent visibility.
@@ -145,7 +144,7 @@ export default class NestedComponent extends Field {
      */
     set disabled(disabled) {
         super.disabled = disabled;
-        this.components.forEach((component) => component.parentDisabled = disabled);
+        this.components.forEach((component) => (component.parentDisabled = disabled));
     }
     /**
      * Set parent disabled state.
@@ -154,7 +153,7 @@ export default class NestedComponent extends Field {
      */
     set parentDisabled(value) {
         super.parentDisabled = value;
-        this.components.forEach(component => {
+        this.components.forEach((component) => {
             component.parentDisabled = this.disabled;
         });
     }
@@ -170,7 +169,7 @@ export default class NestedComponent extends Field {
      * @returns {Promise<Array>} - The promise that resolves when all components are ready.
      */
     get ready() {
-        return Promise.all(this.getComponents().map(component => component.ready));
+        return Promise.all(this.getComponents().map((component) => component.ready));
     }
     /**
      * Get currentForm object.
@@ -186,7 +185,7 @@ export default class NestedComponent extends Field {
      */
     set currentForm(instance) {
         super.currentForm = instance;
-        this.getComponents().forEach(component => {
+        this.getComponents().forEach((component) => {
             component.currentForm = instance;
         });
     }
@@ -206,7 +205,7 @@ export default class NestedComponent extends Field {
         this._rowIndex = value;
         this.paths = FormioUtils.getComponentPaths(this.component, this.parent?.component, {
             ...(this.parent?.paths || {}),
-            ...{ dataIndex: value }
+            ...{ dataIndex: value },
         });
         this.eachComponent((component) => {
             component.rowIndex = value;
@@ -471,15 +470,16 @@ export default class NestedComponent extends Field {
     }
     render(children) {
         // If already rendering, don't re-render.
-        return super.render(children || this.renderTemplate(this.templateName, {
-            children: !this.visible ? '' : this.renderComponents(),
-            nestedKey: this.nestedKey,
-            collapsed: this.options.pdf ? false : this.collapsed,
-        }));
+        return super.render(children ||
+            this.renderTemplate(this.templateName, {
+                children: !this.visible ? '' : this.renderComponents(),
+                nestedKey: this.nestedKey,
+                collapsed: this.options.pdf ? false : this.collapsed,
+            }));
     }
     renderComponents(components) {
         components = components || this.getComponents();
-        const children = components.map(component => component.render());
+        const children = components.map((component) => component.render());
         return this.renderTemplate('components', {
             children,
             components,
@@ -538,7 +538,7 @@ export default class NestedComponent extends Field {
         }
         let index = 0;
         const promises = [];
-        Array.prototype.slice.call(element.children).forEach(child => {
+        Array.prototype.slice.call(element.children).forEach((child) => {
             if (!child.getAttribute('data-noattach') && components[index]) {
                 promises.push(components[index].attach(child));
                 index++;
@@ -632,12 +632,12 @@ export default class NestedComponent extends Field {
         // check conditions of parent component first, because it may influence on visibility of it's children
         const check = super.checkConditions(data, flags, row);
         //row data of parent component not always corresponds to row of nested components, use comp.data as row data for children instead
-        this.getComponents().forEach(comp => comp.checkConditions(data, flags, comp.data));
+        this.getComponents().forEach((comp) => comp.checkConditions(data, flags, comp.data));
         return check;
     }
     clearOnHide(show) {
         super.clearOnHide(show);
-        this.getComponents().forEach(component => component.clearOnHide(show));
+        this.getComponents().forEach((component) => component.clearOnHide(show));
     }
     /**
      * Allow components to hook into the next page trigger to perform their own logic.
@@ -698,7 +698,7 @@ export default class NestedComponent extends Field {
             // If we just validated the last component, and there are errors from our parent, then we need to show a model of those errors.
             if (instance &&
                 instance.parent &&
-                (component === components[components.length - 1]) &&
+                component === components[components.length - 1] &&
                 instance.parent.componentModal) {
                 instance.parent.checkModal(instance.parent.childErrors, dirty);
             }
@@ -715,15 +715,17 @@ export default class NestedComponent extends Field {
             processors: [
                 {
                     process: validationProcessorProcess,
-                    processSync: validationProcessorProcess
+                    processSync: validationProcessorProcess,
                 },
                 {
                     process: checkModalProcessorProcess,
-                    processSync: checkModalProcessorProcess
-                }
-            ]
+                    processSync: checkModalProcessorProcess,
+                },
+            ],
         };
-        return async ? processAsync(processorContext).then((scope) => scope.errors) : processSync(processorContext).errors;
+        return async
+            ? processAsync(processorContext).then((scope) => scope.errors)
+            : processSync(processorContext).errors;
     }
     /**
      * Validate a nested component with data, or its own internal data.
@@ -750,7 +752,8 @@ export default class NestedComponent extends Field {
      */
     checkValidity(data = null, dirty = false, row = null, silentCheck = false, childErrors = []) {
         childErrors.push(...this.validate(data, { dirty, silentCheck }));
-        return this.checkComponentValidity(data, dirty, row, { dirty, silentCheck }, childErrors) && childErrors.length === 0;
+        return (this.checkComponentValidity(data, dirty, row, { dirty, silentCheck }, childErrors) &&
+            childErrors.length === 0);
     }
     checkAsyncValidity(data = null, dirty = false, row = null, silentCheck = false) {
         return this.ready.then(() => {
@@ -772,13 +775,13 @@ export default class NestedComponent extends Field {
         return this.dirty && this.getComponents().every((c) => c.isDirty);
     }
     detach() {
-        this.components.forEach(component => {
+        this.components.forEach((component) => {
             component.detach();
         });
         super.detach();
     }
     clear() {
-        this.components.forEach(component => {
+        this.components.forEach((component) => {
             component.clear();
         });
         super.clear();
@@ -799,7 +802,7 @@ export default class NestedComponent extends Field {
         const thisErrors = super.errors;
         return this.getComponents()
             .reduce((errors, comp) => errors.concat(comp.errors || []), thisErrors)
-            .filter(err => err.level !== 'hidden');
+            .filter((err) => err.level !== 'hidden');
     }
     getValue() {
         return this.data;
@@ -826,7 +829,8 @@ export default class NestedComponent extends Field {
         else if (value && component.hasValue(value)) {
             return component.setValue(_.get(value, component.key), flags);
         }
-        else if ((!this.rootPristine || component.visible) && (flags.resetValue || component.shouldAddDefaultValue)) {
+        else if ((!this.rootPristine || component.visible) &&
+            (flags.resetValue || component.shouldAddDefaultValue)) {
             flags.noValidate = !flags.dirty;
             flags.resetValue = true;
             return component.setValue(component.defaultValue, flags);

package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.js

@@ -8,11 +8,13 @@ import NestedDataComponent from '../nesteddata/NestedDataComponent';
 export default class NestedArrayComponent extends NestedDataComponent {
     static schema(...extend) {
         return NestedDataComponent.schema({
-            disableAddingRemovingRows: false
+            disableAddingRemovingRows: false,
         }, ...extend);
     }
     static savedValueTypes() {
-        return [componentValueTypes.array];
+        return [
+            componentValueTypes.array,
+        ];
     }
     componentContext(component) {
         return this.iteratableRows[component.rowIndex].data;
@@ -26,7 +28,7 @@ export default class NestedArrayComponent extends NestedDataComponent {
     set rowIndex(value) {
         this.paths = getComponentPaths(this.component, this.parent?.component, {
             ...(this.parent?.paths || {}),
-            ...{ dataIndex: value }
+            ...{ dataIndex: value },
         });
         this._rowIndex = value;
     }
@@ -60,7 +62,9 @@ export default class NestedArrayComponent extends NestedDataComponent {
     }
     validate(data, flags = {}) {
         data = data || this.data;
-        return this.validateComponents([this.component], data, flags);
+        return this.validateComponents([
+            this.component,
+        ], data, flags);
     }
     checkRow(...args) {
         console.log('Deprecation Warning: checkRow method has been replaced with processRow');
@@ -80,15 +84,16 @@ export default class NestedArrayComponent extends NestedDataComponent {
     hasAddButton() {
         const maxLength = _.get(this.component, 'validate.maxLength');
         const conditionalAddButton = _.get(this.component, 'conditionalAddButton');
-        return !this.component.disableAddingRemovingRows &&
+        return (!this.component.disableAddingRemovingRows &&
             !this.options.readOnly &&
             !this.disabled &&
             this.fullMode &&
             !this.options.preview &&
-            (!maxLength || (this.iteratableRows.length < maxLength)) &&
-            (!conditionalAddButton || this.evaluate(conditionalAddButton, {
-                value: this.dataValue,
-            }, 'show'));
+            (!maxLength || this.iteratableRows.length < maxLength) &&
+            (!conditionalAddButton ||
+                this.evaluate(conditionalAddButton, {
+                    value: this.dataValue,
+                }, 'show')));
     }
     everyComponent(fn, rowIndex, options = {}) {
         if (_.isObject(rowIndex)) {
@@ -112,20 +117,20 @@ export default class NestedArrayComponent extends NestedDataComponent {
     }
     getValueAsString(value, options) {
         if (options?.email) {
-            let result = (`
+            let result = `
         <table border="1" style="width:100%">
           <thead>
             <tr>
-      `);
+      `;
             this.component.components?.forEach((component) => {
                 const label = component.label || component.key;
                 result += `<th style="padding: 5px 10px;">${label}</th>`;
             });
-            result += (`
+            result += `
           </tr>
         </thead>
         <tbody>
-      `);
+      `;
             this.iteratableRows.forEach(({ components }) => {
                 result += '<tr>';
                 _.each(components, (component) => {
@@ -137,10 +142,10 @@ export default class NestedArrayComponent extends NestedDataComponent {
                 });
                 result += '</tr>';
             });
-            result += (`
+            result += `
           </tbody>
         </table>
-      `);
+      `;
             return result;
         }
         if (!value || !value.length) {

package/lib/mjs/components/_classes/nesteddata/NestedDataComponent.js

@@ -6,15 +6,15 @@ import { componentValueTypes, getComponentSavedTypes } from '../../../utils';
 export default class NestedDataComponent extends NestedComponent {
     hasChanged(newValue, oldValue) {
         // If we do not have a value and are getting set to anything other than undefined or null, then we changed.
-        if (newValue !== undefined &&
-            newValue !== null &&
-            !this.hasValue()) {
+        if (newValue !== undefined && newValue !== null && !this.hasValue()) {
             return true;
         }
         return !_.isEqual(newValue, oldValue);
     }
     static savedValueTypes(schema) {
-        return getComponentSavedTypes(schema) || [componentValueTypes.object];
+        return (getComponentSavedTypes(schema) || [
+            componentValueTypes.object,
+        ]);
     }
     get allowData() {
         return true;
@@ -30,27 +30,27 @@ export default class NestedDataComponent extends NestedComponent {
     }
     getValueAsString(value, options) {
         if (options?.email) {
-            let result = (`
+            let result = `
         <table border="1" style="width:100%">
           <tbody>
-      `);
+      `;
             this.everyComponent((component) => {
                 if (component.isInputComponent && component.visible && !component.skipInEmail) {
-                    result += (`
+                    result += `
             <tr>
               <th style="padding: 5px 10px;">${component.label}</th>
               <td style="width:100%;padding:5px 10px;">${component.getView(component.dataValue, options)}</td>
             </tr>
-          `);
+          `;
                 }
             }, {
                 ...options,
                 fromRoot: true,
             });
-            result += (`
+            result += `
           </tbody>
         </table>
-      `);
+      `;
             return result;
         }
         if (_.isEmpty(value)) {
@@ -63,31 +63,33 @@ export default class NestedDataComponent extends NestedComponent {
         return '[Complex Data]';
     }
     getDataValueAsTable(value, options) {
-        let result = (`
+        let result = `
       <table border="1" style="width:100%">
         <tbody>
-    `);
+    `;
         const htmlTagRegExp = new RegExp('<(.*?)>');
         this.everyComponent((component) => {
             if (component.isInputComponent && component.visible && !component.skipInEmail) {
                 const componentValue = component.getView(component.dataValue, options);
-                result += (`
+                result += `
           <tr>
             <th style="padding: 5px 10px;">${component.label}</th>
-            <td style="width:100%;padding:5px 10px;">${component.component && component.component.inputFormat === 'html' && htmlTagRegExp.test(componentValue)
+            <td style="width:100%;padding:5px 10px;">${component.component &&
+                    component.component.inputFormat === 'html' &&
+                    htmlTagRegExp.test(componentValue)
                     ? componentValue
                     : `<input type="text" value="${componentValue.replace(/"/g, '&quot;')}" readonly/>`}</td>
           </tr>
-        `);
+        `;
             }
         }, {
             ...options,
             fromRoot: true,
         });
-        result += (`
+        result += `
         </tbody>
       </table>
-    `);
+    `;
         return result;
     }
     /**