@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/_classes/list/editForm/ListComponent.edit.data.js

@@ -20,12 +20,7 @@ exports.default = [
         placeholder: 'Data Source URL',
         tooltip: 'A URL that returns a JSON array to use as the data source.',
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
-            },
+            json: { '===': [{ var: 'data.dataSrc' }, 'url'] },
         },
     },
     {
@@ -50,12 +45,7 @@ exports.default = [
             },
         ],
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
-            },
+            json: { '===': [{ var: 'data.dataSrc' }, 'url'] },
         },
     },
     {
@@ -75,7 +65,7 @@ exports.default = [
                     [
                         'json',
                         'url',
-                        'custom',
+                        'custom'
                     ],
                 ],
             },
@@ -109,12 +99,7 @@ exports.default = [
         label: 'Formio Authenticate',
         tooltip: 'Check this if you would like to use Formio Authentication with the request.',
         conditional: {
-            json: {
-                '===': [
-                    { var: 'data.dataSrc' },
-                    'url',
-                ],
-            },
+            json: { '===': [{ var: 'data.dataSrc' }, 'url'] },
         },
     },
     {
@@ -123,24 +108,12 @@ exports.default = [
         weight: 29,
         key: 'ignoreCache',
         label: 'Disables Storing Request Result in the Cache',
-        tooltip: "Check it if you don't want the requests and its results to be stored in the cache. By default, it is stored and if the Select tries to make the request to the same URL with the same paremetrs, the cached data will be returned. It allows to increase performance, but if the remote source's data is changing quite often and you always need to keep it up-to-date, uncheck this option.",
+        tooltip: 'Check it if you don\'t want the requests and its results to be stored in the cache. By default, it is stored and if the Select tries to make the request to the same URL with the same paremetrs, the cached data will be returned. It allows to increase performance, but if the remote source\'s data is changing quite often and you always need to keep it up-to-date, uncheck this option.',
         conditional: {
-            json: {
-                or: [
-                    {
-                        '===': [
-                            { var: 'data.dataSrc' },
-                            'url',
-                        ],
-                    },
-                    {
-                        '===': [
-                            { var: 'data.dataSrc' },
-                            'resource',
-                        ],
-                    },
-                ],
-            },
+            json: { 'or': [
+                    { '===': [{ var: 'data.dataSrc' }, 'url'] },
+                    { '===': [{ var: 'data.dataSrc' }, 'resource'] },
+                ] },
         },
     },
 ];

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

@@ -15,33 +15,21 @@ class Multivalue extends Field_1.default {
      * @returns {*} - The normalized value.
      */
     normalizeValue(value, flags = {}, emptyValue = this.emptyValue) {
-        const underlyingValueShouldBeArray = core_1.Utils.getModelType(this.component) === 'array' ||
-            this.component.storeas === 'array' ||
-            Array.isArray(emptyValue);
+        const underlyingValueShouldBeArray = core_1.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 {
@@ -69,16 +57,10 @@ class Multivalue extends Field_1.default {
         let value = super.defaultValue;
         if (this.component.multiple) {
             if (lodash_1.default.isArray(value)) {
-                value = !value.length
-                    ? [
-                        super.emptyValue,
-                    ]
-                    : value;
+                value = !value.length ? [super.emptyValue] : value;
             }
             else {
-                value = [
-                    value,
-                ];
+                value = [value];
             }
         }
         return value;
@@ -187,7 +169,7 @@ class Multivalue extends Field_1.default {
             // Delay update slightly to give input mask a chance to run.
             const textCase = lodash_1.default.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();
                 }
@@ -209,13 +191,13 @@ class Multivalue extends Field_1.default {
             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);
             }
         });
@@ -261,7 +243,7 @@ class Multivalue extends Field_1.default {
         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];
     }
@@ -297,7 +279,8 @@ class Multivalue extends Field_1.default {
      */
     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;
@@ -305,9 +288,7 @@ class Multivalue extends Field_1.default {
         }
         let dataValue = this.dataValue || [];
         if (!Array.isArray(dataValue)) {
-            dataValue = [
-                dataValue,
-            ];
+            dataValue = [dataValue];
         }
         if (Array.isArray(value)) {
             dataValue = dataValue.concat(value);

package/lib/cjs/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/cjs/components/_classes/nested/NestedComponent.form.js

@@ -13,12 +13,12 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'data',
-            ignore: true,
+            ignore: true
         },
         {
             key: 'validation',
-            ignore: true,
-        },
+            ignore: true
+        }
     ], ...extend);
 }
 exports.default = default_1;

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

@@ -1,4 +1,13 @@
 'use strict';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,7 +15,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const Field_1 = __importDefault(require("../field/Field"));
 const Components_1 = __importDefault(require("../../Components"));
-const index_1 = __importDefault(require("../../../utils/index"));
+'';
+const utils_1 = __importDefault(require("../../../utils"));
 const process_1 = require("@formio/core/process");
 /**
  * NestedComponent class.
@@ -57,11 +67,12 @@ class NestedComponent extends Field_1.default {
      * @returns {void}
      */
     collapse(value) {
-        const promise = this.redraw();
-        if (!value) {
-            this.checkValidity(this.data, !this.pristine);
-        }
-        return promise;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.redraw();
+            if (!value) {
+                this.checkValidity(this.data, !this.pristine);
+            }
+        });
     }
     /**
      * Set collapsed state.
@@ -126,7 +137,7 @@ class NestedComponent extends Field_1.default {
      */
     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.
@@ -148,7 +159,7 @@ class NestedComponent extends Field_1.default {
      */
     set disabled(disabled) {
         super.disabled = disabled;
-        this.components.forEach((component) => (component.parentDisabled = disabled));
+        this.components.forEach((component) => component.parentDisabled = disabled);
     }
     /**
      * Set parent disabled state.
@@ -157,7 +168,7 @@ class NestedComponent extends Field_1.default {
      */
     set parentDisabled(value) {
         super.parentDisabled = value;
-        this.components.forEach((component) => {
+        this.components.forEach(component => {
             component.parentDisabled = this.disabled;
         });
     }
@@ -173,7 +184,7 @@ class NestedComponent extends Field_1.default {
      * @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.
@@ -189,7 +200,7 @@ class NestedComponent extends Field_1.default {
      */
     set currentForm(instance) {
         super.currentForm = instance;
-        this.getComponents().forEach((component) => {
+        this.getComponents().forEach(component => {
             component.currentForm = instance;
         });
     }
@@ -208,7 +219,7 @@ class NestedComponent extends Field_1.default {
     set rowIndex(value) {
         var _a, _b;
         this._rowIndex = value;
-        this.paths = index_1.default.getComponentPaths(this.component, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component, Object.assign(Object.assign({}, (((_b = this.parent) === null || _b === void 0 ? void 0 : _b.paths) || {})), { dataIndex: value }));
+        this.paths = utils_1.default.getComponentPaths(this.component, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component, Object.assign(Object.assign({}, (((_b = this.parent) === null || _b === void 0 ? void 0 : _b.paths) || {})), { dataIndex: value }));
         this.eachComponent((component) => {
             component.rowIndex = value;
         });
@@ -317,7 +328,7 @@ class NestedComponent extends Field_1.default {
         if (this.componentMatches && this.componentMatches[path]) {
             return this.componentMatches[path];
         }
-        path = index_1.default.getStringFromComponentPath(path);
+        path = utils_1.default.getStringFromComponentPath(path);
         const matches = {
             path: undefined,
             fullPath: undefined,
@@ -330,7 +341,7 @@ class NestedComponent extends Field_1.default {
         this.everyComponent((component) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
             // All searches are relative to this component so replace this path from the child paths.
-            index_1.default.componentMatches(component.component, {
+            utils_1.default.componentMatches(component.component, {
                 path: (_b = (_a = component.paths) === null || _a === void 0 ? void 0 : _a.path) === null || _b === void 0 ? void 0 : _b.replace(new RegExp(`^${(_c = this.paths) === null || _c === void 0 ? void 0 : _c.path}\\.?`), ''),
                 fullPath: (_e = (_d = component.paths) === null || _d === void 0 ? void 0 : _d.fullPath) === null || _e === void 0 ? void 0 : _e.replace(new RegExp(`^${(_f = this.paths) === null || _f === void 0 ? void 0 : _f.fullPath}\\.?`), ''),
                 localPath: (_h = (_g = component.paths) === null || _g === void 0 ? void 0 : _g.localPath) === null || _h === void 0 ? void 0 : _h.replace(new RegExp(`^${(_j = this.paths) === null || _j === void 0 ? void 0 : _j.localPath}\\.?`), ''),
@@ -342,7 +353,7 @@ class NestedComponent extends Field_1.default {
                 return match;
             });
         });
-        this.componentMatches[path] = (_a = index_1.default.getBestMatch(matches)) === null || _a === void 0 ? void 0 : _a.instance;
+        this.componentMatches[path] = (_a = utils_1.default.getBestMatch(matches)) === null || _a === void 0 ? void 0 : _a.instance;
         return this.componentMatches[path];
     }
     /**
@@ -385,7 +396,7 @@ class NestedComponent extends Field_1.default {
         options.localRoot = this.localRoot;
         options.skipInit = true;
         if (!(options.display === 'pdf' && this.builderMode)) {
-            component.id = index_1.default.getRandomComponentId();
+            component.id = utils_1.default.getRandomComponentId();
         }
         const comp = Components_1.default.create(component, options, data, true);
         comp.init();
@@ -474,51 +485,52 @@ class NestedComponent extends Field_1.default {
     }
     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);
-        this.loadRefs(element, {
-            header: 'single',
-            collapsed: this.collapsed,
-            [this.nestedKey]: 'single',
-            messageContainer: 'single-scope',
+        const _super = Object.create(null, {
+            attach: { get: () => super.attach }
         });
-        let childPromise = Promise.resolve();
-        if (this.refs[this.nestedKey]) {
-            childPromise = this.attachComponents(this.refs[this.nestedKey]);
-        }
-        if (!this.visible) {
-            this.attachComponentsLogic();
-        }
-        if (this.component.collapsible && this.refs.header) {
-            this.addEventListener(this.refs.header, 'click', () => {
-                this.collapsed = !this.collapsed;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.attach.call(this, element);
+            this.loadRefs(element, {
+                header: 'single',
+                collapsed: this.collapsed,
+                [this.nestedKey]: 'single',
+                messageContainer: 'single-scope',
             });
-            this.addEventListener(this.refs.header, 'keydown', (e) => {
-                if (e.keyCode === 13 || e.keyCode === 32) {
-                    e.preventDefault();
+            let childPromise = Promise.resolve();
+            if (this.refs[this.nestedKey]) {
+                childPromise = this.attachComponents(this.refs[this.nestedKey]);
+            }
+            if (!this.visible) {
+                this.attachComponentsLogic();
+            }
+            if (this.component.collapsible && this.refs.header) {
+                this.addEventListener(this.refs.header, 'click', () => {
                     this.collapsed = !this.collapsed;
-                }
-            });
-        }
-        return Promise.all([
-            superPromise,
-            childPromise,
-        ]);
+                });
+                this.addEventListener(this.refs.header, 'keydown', (e) => {
+                    if (e.keyCode === 13 || e.keyCode === 32) {
+                        e.preventDefault();
+                        this.collapsed = !this.collapsed;
+                    }
+                });
+            }
+            return yield childPromise;
+        });
     }
     /**
      * Attach the logic to the components.
@@ -542,7 +554,7 @@ class NestedComponent extends Field_1.default {
         }
         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++;
@@ -637,12 +649,12 @@ class NestedComponent extends Field_1.default {
         // 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.
@@ -704,7 +716,7 @@ class NestedComponent extends Field_1.default {
             // 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);
             }
@@ -721,17 +733,15 @@ class NestedComponent extends Field_1.default {
             processors: [
                 {
                     process: validationProcessorProcess,
-                    processSync: validationProcessorProcess,
+                    processSync: validationProcessorProcess
                 },
                 {
                     process: checkModalProcessorProcess,
-                    processSync: checkModalProcessorProcess,
-                },
-            ],
+                    processSync: checkModalProcessorProcess
+                }
+            ]
         };
-        return async
-            ? (0, process_1.process)(processorContext).then((scope) => scope.errors)
-            : (0, process_1.processSync)(processorContext).errors;
+        return async ? (0, process_1.process)(processorContext).then((scope) => scope.errors) : (0, process_1.processSync)(processorContext).errors;
     }
     /**
      * Validate a nested component with data, or its own internal data.
@@ -758,8 +768,7 @@ class NestedComponent extends Field_1.default {
      */
     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(() => {
@@ -781,13 +790,13 @@ class NestedComponent extends Field_1.default {
         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();
@@ -808,7 +817,7 @@ class NestedComponent extends Field_1.default {
         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;
@@ -835,8 +844,7 @@ class NestedComponent extends Field_1.default {
         else if (value && component.hasValue(value)) {
             return component.setValue(lodash_1.default.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/cjs/components/_classes/nestedarray/NestedArrayComponent.js

@@ -12,13 +12,11 @@ const NestedDataComponent_1 = __importDefault(require("../nesteddata/NestedDataC
 class NestedArrayComponent extends NestedDataComponent_1.default {
     static schema(...extend) {
         return NestedDataComponent_1.default.schema({
-            disableAddingRemovingRows: false,
+            disableAddingRemovingRows: false
         }, ...extend);
     }
     static savedValueTypes() {
-        return [
-            utils_2.componentValueTypes.array,
-        ];
+        return [utils_2.componentValueTypes.array];
     }
     componentContext(component) {
         return this.iteratableRows[component.rowIndex].data;
@@ -64,9 +62,7 @@ class NestedArrayComponent extends NestedDataComponent_1.default {
     }
     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');
@@ -86,16 +82,15 @@ class NestedArrayComponent extends NestedDataComponent_1.default {
     hasAddButton() {
         const maxLength = lodash_1.default.get(this.component, 'validate.maxLength');
         const conditionalAddButton = lodash_1.default.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 (lodash_1.default.isObject(rowIndex)) {
@@ -120,20 +115,20 @@ class NestedArrayComponent extends NestedDataComponent_1.default {
     getValueAsString(value, options) {
         var _a;
         if (options === null || options === void 0 ? void 0 : options.email) {
-            let result = `
+            let result = (`
         <table border="1" style="width:100%">
           <thead>
             <tr>
-      `;
+      `);
             (_a = this.component.components) === null || _a === void 0 ? void 0 : _a.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>';
                 lodash_1.default.each(components, (component) => {
@@ -145,10 +140,10 @@ class NestedArrayComponent extends NestedDataComponent_1.default {
                 });
                 result += '</tr>';
             });
-            result += `
+            result += (`
           </tbody>
         </table>
-      `;
+      `);
             return result;
         }
         if (!value || !value.length) {