@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -10,33 +10,21 @@ 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 {
@@ -64,16 +52,10 @@ 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;
@@ -182,7 +164,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();
                 }
@@ -204,13 +186,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);
             }
         });
@@ -256,7 +238,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];
     }
@@ -292,7 +274,8 @@ 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;
@@ -300,9 +283,7 @@ 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.d.ts

@@ -149,7 +149,7 @@ export default class NestedComponent extends Field {
     beforeFocus(): void;
     render(children: any): string;
     renderComponents(components: any): any;
-    attach(element: any): Promise<[void, void]>;
+    attach(element: any): Promise<void>;
     /**
      * Attach the logic to the components.
      * @param {import('@formio/core').Component[]} components - The components to attach logic to.

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,7 +2,8 @@
 import _ from 'lodash';
 import Field from '../field/Field';
 import Components from '../../Components';
-import FormioUtils from '../../../utils/index';
+'';
+import FormioUtils from '../../../utils';
 import { process as processAsync, processSync } from '@formio/core/process';
 /**
  * NestedComponent class.
@@ -52,12 +53,11 @@ export default class NestedComponent extends Field {
      * @param {boolean} value - The collapsed state.
      * @returns {void}
      */
-    collapse(value) {
-        const promise = this.redraw();
+    async collapse(value) {
+        await this.redraw();
         if (!value) {
             this.checkValidity(this.data, !this.pristine);
         }
-        return promise;
     }
     /**
      * Set collapsed state.
@@ -122,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.
@@ -144,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.
@@ -153,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;
         });
     }
@@ -169,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.
@@ -185,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;
         });
     }
@@ -205,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;
@@ -470,23 +470,22 @@ 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,
         });
     }
-    attach(element) {
-        const superPromise = super.attach(element);
+    async attach(element) {
+        await super.attach(element);
         this.loadRefs(element, {
             header: 'single',
             collapsed: this.collapsed,
@@ -511,10 +510,7 @@ export default class NestedComponent extends Field {
                 }
             });
         }
-        return Promise.all([
-            superPromise,
-            childPromise,
-        ]);
+        return await childPromise;
     }
     /**
      * Attach the logic to the components.
@@ -538,7 +534,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 +628,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 +694,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,17 +711,15 @@ 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.
@@ -752,8 +746,7 @@ 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(() => {
@@ -775,13 +768,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();
@@ -802,7 +795,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;
@@ -829,8 +822,7 @@ 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,13 +8,11 @@ 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;
@@ -28,7 +26,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;
     }
@@ -62,9 +60,7 @@ 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');
@@ -84,16 +80,15 @@ 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)) {
@@ -117,20 +112,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) => {
@@ -142,10 +137,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,33 +63,31 @@ 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;
     }
     /**

package/lib/mjs/components/address/Address.d.ts

@@ -72,7 +72,6 @@ export default class AddressComponent extends ContainerComponent {
     render(): string;
     onSelectAddress(address: any, element: any, index: any): void;
     addRow(): void;
-    attach(element: any): Promise<void>;
     addChildComponent(component: any): void;
     clearAddress(element: any, index: any): void;
     getDisplayValue(value?: any): any;