@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/cjs/components/form/Form.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable max-statements */
 const lodash_1 = __importDefault(require("lodash"));
 const Component_1 = __importDefault(require("../_classes/component/Component"));
 const ComponentModal_1 = __importDefault(require("../_classes/componentModal/ComponentModal"));
@@ -31,18 +30,20 @@ class FormComponent extends Component_1.default {
             group: 'premium',
             documentation: '/userguide/form-building/premium-components#nested-form',
             weight: 110,
-            schema: FormComponent.schema()
+            schema: FormComponent.schema(),
         };
     }
     static savedValueTypes() {
-        return [utils_1.componentValueTypes.object];
+        return [
+            utils_1.componentValueTypes.object,
+        ];
     }
     init() {
         super.init();
         this.formObj = {
             display: this.component.display,
             settings: this.component.settings,
-            components: this.component.components
+            components: this.component.components,
         };
         this.valueChanged = false;
         this.subForm = null;
@@ -94,9 +95,11 @@ class FormComponent extends Component_1.default {
             delete this.component.formRevision;
         }
         // Add revision version if set.
-        if (this.component.revision || this.component.revision === 0 ||
-            this.component.formRevision || this.component.formRevision === 0
-            || this.component.revisionId) {
+        if (this.component.revision ||
+            this.component.revision === 0 ||
+            this.component.formRevision ||
+            this.component.formRevision === 0 ||
+            this.component.revisionId) {
             this.setFormRevision(this.component.revisionId || this.component.revision || this.component.formRevision);
         }
         return this.createSubForm();
@@ -147,7 +150,6 @@ class FormComponent extends Component_1.default {
         }
         return this.subForm.getComponent(path);
     }
-    /* eslint-disable max-statements */
     getSubOptions(options = {}) {
         options.events = this.createEmitter();
         // Make sure to not show the submit button in wizards in the nested forms.
@@ -218,7 +220,6 @@ class FormComponent extends Component_1.default {
         options.parent = this;
         return options;
     }
-    /* eslint-enable max-statements */
     render() {
         if (this.builderMode) {
             return super.render(this.component.label || 'Nested form');
@@ -243,24 +244,24 @@ class FormComponent extends Component_1.default {
             return 'No data provided';
         }
         if (options === null || options === void 0 ? void 0 : 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>
-          `);
+          `;
                 }
             }, Object.assign(Object.assign({}, options), { fromRoot: true }));
-            result += (`
+            result += `
           </tbody>
         </table>
-      `);
+      `;
             return result;
         }
         if (lodash_1.default.isEmpty(value)) {
@@ -273,8 +274,7 @@ class FormComponent extends Component_1.default {
         if (this.builderMode) {
             return super.attach(element);
         }
-        return super.attach(element)
-            .then(() => {
+        return super.attach(element).then(() => {
             if (this.isSubFormLazyLoad() && !this.hasLoadedForm && !this.subFormLoading) {
                 this.createSubForm(true);
             }
@@ -285,7 +285,7 @@ class FormComponent extends Component_1.default {
                 this.empty(element);
                 if (this.options.builder) {
                     this.setContent(element, this.ce('div', {
-                        class: 'text-muted text-center p-2'
+                        class: 'text-muted text-center p-2',
                     }, this.text(this.formObj.title)));
                     return;
                 }
@@ -293,9 +293,12 @@ class FormComponent extends Component_1.default {
                 const postAttach = () => {
                     if (!this.builderMode && this.component.modalEdit) {
                         const modalShouldBeOpened = this.componentModal ? this.componentModal.isOpened : false;
-                        const currentValue = modalShouldBeOpened ? this.componentModal.currentValue : this.dataValue;
+                        const currentValue = modalShouldBeOpened
+                            ? this.componentModal.currentValue
+                            : this.dataValue;
                         this.componentModal = new ComponentModal_1.default(this, element, modalShouldBeOpened, currentValue, this._referenceAttributeName);
-                        this.subForm.element = this.componentModal.refs.componentContent || this.subForm.element;
+                        this.subForm.element =
+                            this.componentModal.refs.componentContent || this.subForm.element;
                         this.setOpenModalElement();
                     }
                     this.calculateValue();
@@ -332,24 +335,24 @@ class FormComponent extends Component_1.default {
         return this._currentForm;
     }
     get hasLoadedForm() {
-        return this.formObj
-            && this.formObj.components
-            && Array.isArray(this.formObj.components)
-            && this.formObj.components.length;
+        return (this.formObj &&
+            this.formObj.components &&
+            Array.isArray(this.formObj.components) &&
+            this.formObj.components.length);
     }
     set currentForm(instance) {
         this._currentForm = instance;
         if (!this.subForm) {
             return;
         }
-        this.subForm.getComponents().forEach(component => {
+        this.subForm.getComponents().forEach((component) => {
             component.currentForm = this;
         });
     }
     get isRevisionChanged() {
-        return lodash_1.default.isNumber(this.subFormRevision)
-            && lodash_1.default.isNumber(this.formObj._vid)
-            && this.formObj._vid !== this.subFormRevision;
+        return (lodash_1.default.isNumber(this.subFormRevision) &&
+            lodash_1.default.isNumber(this.formObj._vid) &&
+            this.formObj._vid !== this.subFormRevision);
     }
     get subFormData() {
         var _a;
@@ -386,7 +389,7 @@ class FormComponent extends Component_1.default {
     updateSubWizards(subForm) {
         var _a, _b;
         if (this.isNestedWizard && ((_a = this.root) === null || _a === void 0 ? void 0 : _a.subWizards) && ((_b = subForm === null || subForm === void 0 ? void 0 : subForm._form) === null || _b === void 0 ? void 0 : _b.display) === 'wizard') {
-            const existedForm = this.root.subWizards.findIndex(form => form.component.form === this.component.form);
+            const existedForm = this.root.subWizards.findIndex((form) => form.component.form === this.component.form);
             if (existedForm !== -1) {
                 this.root.subWizards[existedForm] = this;
             }
@@ -411,7 +414,8 @@ class FormComponent extends Component_1.default {
      * @returns {*} - The subform instance.
      */
     createSubForm(fromAttach, beforeSubmit) {
-        this.subFormReady = this.loadSubForm(fromAttach, beforeSubmit).then((form) => {
+        this.subFormReady = this.loadSubForm(fromAttach, beforeSubmit)
+            .then((form) => {
             if (!form) {
                 return;
             }
@@ -424,7 +428,8 @@ class FormComponent extends Component_1.default {
                 this.subForm.destroy();
             }
             // Render the form.
-            return (new Form_1.default(form, this.getSubOptions())).ready.then((instance) => {
+            return new Form_1.default(form, this.getSubOptions()).ready
+                .then((instance) => {
                 var _a, _b;
                 this.subForm = instance;
                 this.subForm.currentForm = this;
@@ -436,7 +441,7 @@ class FormComponent extends Component_1.default {
                     if (this.subForm && !this.shouldConditionallyClear()) {
                         this.dataValue = this.subForm.getValue();
                         this.triggerChange({
-                            noEmit: true
+                            noEmit: true,
                         });
                     }
                 });
@@ -448,10 +453,12 @@ class FormComponent extends Component_1.default {
                 this.valueChanged = this.hasSetValue;
                 this.onChange();
                 return this.subForm;
-            }).catch((err) => {
+            })
+                .catch((err) => {
                 console.log(err);
             });
-        }).then((subForm) => {
+        })
+            .then((subForm) => {
             this.updateSubWizards(subForm);
             return subForm;
         });
@@ -474,11 +481,17 @@ class FormComponent extends Component_1.default {
     loadSubForm(fromAttach, beforeSubmit) {
         var _a, _b, _c, _d, _e;
         const loadHiddenForm = beforeSubmit && !this.component.clearOnHide;
-        if (this.builderMode || (this.conditionallyHidden() && !loadHiddenForm) || (this.isSubFormLazyLoad() && !fromAttach)) {
+        if (this.builderMode ||
+            (this.conditionallyHidden() && !loadHiddenForm) ||
+            (this.isSubFormLazyLoad() && !fromAttach)) {
             return Promise.resolve();
         }
-        if (this.hasLoadedForm && !this.isRevisionChanged &&
-            !(this.options.pdf && ((_a = this.component) === null || _a === void 0 ? void 0 : _a.useOriginalRevision) && lodash_1.default.isNull(this.subForm) && !this.subFormLoading)) {
+        if (this.hasLoadedForm &&
+            !this.isRevisionChanged &&
+            !(this.options.pdf &&
+                ((_a = this.component) === null || _a === void 0 ? void 0 : _a.useOriginalRevision) &&
+                lodash_1.default.isNull(this.subForm) &&
+                !this.subFormLoading)) {
             // Pass config down to sub forms.
             if (this.root && this.root.form && this.root.form.config && !this.formObj.config) {
                 this.formObj.config = this.root.form.config;
@@ -493,7 +506,8 @@ class FormComponent extends Component_1.default {
                     project: this.root.formio.projectUrl,
                 }
                 : {};
-            return (new Formio_1.Formio(this.formSrc, options)).loadForm({ params: { live: 1 } })
+            return new Formio_1.Formio(this.formSrc, options)
+                .loadForm({ params: { live: 1 } })
                 .then((formObj) => {
                 this.formObj = formObj;
                 if (this.options.pdf && this.component.useOriginalRevision) {
@@ -546,7 +560,9 @@ class FormComponent extends Component_1.default {
      * @returns {*|boolean} - TRUE if the subform should be submitted, FALSE if it should not.
      */
     get shouldSubmit() {
-        return this.subFormReady && (!this.component.hasOwnProperty('reference') || this.component.reference) && !this.shouldConditionallyClear();
+        return (this.subFormReady &&
+            (!this.component.hasOwnProperty('reference') || this.component.reference) &&
+            !this.shouldConditionallyClear());
     }
     /**
      * Returns the data for the subform.
@@ -573,12 +589,15 @@ class FormComponent extends Component_1.default {
                 }
                 this.subForm.nosubmit = false;
                 this.subForm.submitted = true;
-                return this.subForm.submitForm({}, true).then(result => {
+                return this.subForm
+                    .submitForm({}, true)
+                    .then((result) => {
                     this.subForm.loading = false;
                     this.subForm.showAllErrors = false;
                     this.dataValue = result.submission;
                     return this.dataValue;
-                }).catch(err => {
+                })
+                    .catch((err) => {
                     this.subForm.showAllErrors = true;
                     this.subForm.onSubmissionError(err);
                     return Promise.reject(err);
@@ -647,10 +666,10 @@ class FormComponent extends Component_1.default {
         this.valueChanged = true;
         if (this.subForm) {
             const revisionPath = submission._frid ? '_frid' : '_vid';
-            const shouldLoadOriginalRevision = this.useOriginalRevision
-                && (lodash_1.default.isNumber(submission[revisionPath]) || lodash_1.default.isNumber(submission._fvid))
-                && lodash_1.default.isNumber((_a = this.subForm.form) === null || _a === void 0 ? void 0 : _a[revisionPath])
-                && submission._fvid !== this.subForm.form[revisionPath];
+            const shouldLoadOriginalRevision = this.useOriginalRevision &&
+                (lodash_1.default.isNumber(submission[revisionPath]) || lodash_1.default.isNumber(submission._fvid)) &&
+                lodash_1.default.isNumber((_a = this.subForm.form) === null || _a === void 0 ? void 0 : _a[revisionPath]) &&
+                submission._fvid !== this.subForm.form[revisionPath];
             if (shouldLoadOriginalRevision) {
                 this.setFormRevision(submission._frid || submission._fvid);
                 this.createSubForm().then(() => {
@@ -665,10 +684,7 @@ class FormComponent extends Component_1.default {
     }
     setSubFormValue(submission, flags) {
         var _a, _b, _c, _d;
-        const shouldLoadSubmissionById = submission
-            && submission._id
-            && this.subForm.formio
-            && lodash_1.default.isEmpty(submission.data);
+        const shouldLoadSubmissionById = submission && submission._id && this.subForm.formio && lodash_1.default.isEmpty(submission.data);
         const shouldLoadDraftById = this.options.saveDraft && lodash_1.default.isEmpty(submission.data) && lodash_1.default.get(this.subForm, 'submission._id');
         if (shouldLoadSubmissionById || shouldLoadDraftById) {
             const formId = submission.form || this.formObj.form || this.component.form;
@@ -735,7 +751,7 @@ class FormComponent extends Component_1.default {
      */
     get isNestedWizard() {
         var _a, _b, _c, _d, _e;
-        return ((_b = (_a = this.subForm) === null || _a === void 0 ? void 0 : _a._form) === null || _b === void 0 ? void 0 : _b.display) === 'wizard' && ((_e = (_d = (_c = this.parent) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d._form) === null || _e === void 0 ? void 0 : _e.display) === 'wizard';
+        return (((_b = (_a = this.subForm) === null || _a === void 0 ? void 0 : _a._form) === null || _b === void 0 ? void 0 : _b.display) === 'wizard' && ((_e = (_d = (_c = this.parent) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d._form) === null || _e === void 0 ? void 0 : _e.display) === 'wizard');
     }
     get visible() {
         return super.visible;
@@ -830,7 +846,7 @@ class FormComponent extends Component_1.default {
     deleteValue() {
         super.setValue(null, {
             noUpdateEvent: true,
-            noDefault: true
+            noDefault: true,
         });
         this.unset();
     }

package/lib/cjs/components/form/editForm/Form.edit.data.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const utils_1 = __importDefault(require("../../_classes/component/editForm/utils"));
-/* eslint-disable max-len */
 exports.default = [
     utils_1.default.javaScriptValue('Custom Default Value', 'customDefaultValue', 'customDefaultValue', 120, '<p><h4>Example:</h4><pre>value = data.firstName + " " + data.lastName;</pre></p>', '<p><h4>Example:</h4><pre>{"cat": [{"var": "data.firstName"}, " ", {"var": "data.lastName"}]}</pre>'),
     utils_1.default.javaScriptValue('Calculated Value', 'calculateValue', 'calculateValue', 130, '<p><h4>Example:</h4><pre>value = data.a + data.b + data.c;</pre></p>', '<p><h4>Example:</h4><pre>{"+": [{"var": "data.a"}, {"var": "data.b"}, {"var": "data.c"}]}</pre><p><a href="https://help.form.io/userguide/form-building/logic-and-conditions#calculated-values" target="_blank" rel="noopener noreferrer">Click here for an example</a></p>'),
@@ -15,7 +14,6 @@ exports.default = [
         key: 'clearOnHide',
         defaultValue: true,
         tooltip: 'When a field is hidden, clear the value.',
-        input: true
+        input: true,
     },
 ];
-/* eslint-enable max-len */

package/lib/cjs/components/form/editForm/Form.edit.display.js

@@ -3,27 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'labelPosition',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'description',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tooltip',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tabIndex',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'autofocus',
-        ignore: true
+        ignore: true,
     },
 ];
-/* eslint-enable max-len */

package/lib/cjs/components/form/editForm/Form.edit.form.js

@@ -6,7 +6,7 @@ exports.default = [
         input: true,
         dataSrc: 'url',
         data: {
-            url: '/form?limit=1000000&select=_id,title,display'
+            url: '/form?limit=1000000&select=_id,title,display',
         },
         searchField: 'title__regex',
         template: '<span>{{ item.title }}</span>',
@@ -32,10 +32,12 @@ exports.default = [
         tooltip: 'if it is checked, the subform is loaded after navigation to the page with this component within the wizard.',
         input: true,
         customConditional({ instance, data }) {
-            var _a, _b, _c, _d;
-            const formInfo = (_b = (_a = instance.root) === null || _a === void 0 ? void 0 : _a.getComponent('form')) === null || _b === void 0 ? void 0 : _b.defaultDownloadedResources.find(res => res._id === data.form);
+            var _a, _b, _c;
+            const formComp = (_a = instance.root) === null || _a === void 0 ? void 0 : _a.getComponent('form');
+            const formInfo = formComp === null || formComp === void 0 ? void 0 : formComp.defaultDownloadedResources.find((res) => res._id === data.form);
             const displayMode = 'wizard';
-            return ((_d = (_c = instance.options) === null || _c === void 0 ? void 0 : _c.editForm) === null || _d === void 0 ? void 0 : _d.display) === displayMode && formInfo && formInfo.display !== displayMode;
+            return (((_c = (_b = instance.options) === null || _b === void 0 ? void 0 : _b.editForm) === null || _c === void 0 ? void 0 : _c.display) === displayMode &&
+                ((data.form && !formInfo) || (formInfo && formInfo.display !== displayMode)));
         },
     },
     {
@@ -43,7 +45,7 @@ exports.default = [
         input: true,
         dataSrc: 'url',
         data: {
-            url: '/form/{{ data.form }}/v'
+            url: '/form/{{ data.form }}/v',
         },
         searchField: 'title__regex',
         template: '<span>{{ item._vid }}</span>',
@@ -54,7 +56,7 @@ exports.default = [
         weight: 10,
         lazyLoad: true,
         tooltip: 'You can lock the nested form to a specific revision by choosing the revision number here.',
-        customConditional: 'show = !!data.form'
+        customConditional: 'show = !!data.form',
     },
     {
         type: 'checkbox',
@@ -62,7 +64,7 @@ exports.default = [
         weight: 19,
         key: 'useOriginalRevision',
         label: 'Use Original Revision while Submissions Viewing',
-        tooltip: 'Using this option will make form load the original revision (the one which was used to make a submission) when viewing a submission.'
+        tooltip: 'Using this option will make form load the original revision (the one which was used to make a submission) when viewing a submission.',
     },
     {
         type: 'checkbox',
@@ -70,6 +72,6 @@ exports.default = [
         weight: 20,
         key: 'reference',
         label: 'Save as reference',
-        tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.'
-    }
+        tooltip: 'Using this option will save this field as a reference and link its value to the value of the origin record.',
+    },
 ];

package/lib/cjs/components/hidden/Hidden.form.js

@@ -15,19 +15,19 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: Hidden_edit_display_1.default
+            components: Hidden_edit_display_1.default,
         },
         {
             key: 'data',
-            components: Hidden_edit_data_1.default
+            components: Hidden_edit_data_1.default,
         },
         {
             key: 'validation',
-            ignore: true
+            ignore: true,
         },
         {
             key: 'conditional',
-            ignore: true
+            ignore: true,
         },
     ], ...extend);
 }

package/lib/cjs/components/hidden/Hidden.js

@@ -9,7 +9,7 @@ class HiddenComponent extends Input_1.default {
         return Input_1.default.schema({
             type: 'hidden',
             tableView: false,
-            inputType: 'hidden'
+            inputType: 'hidden',
         }, ...extend);
     }
     static get builderInfo() {
@@ -20,7 +20,7 @@ class HiddenComponent extends Input_1.default {
             weight: 0,
             documentation: '/userguide/form-building/data-components#hidden',
             showPreview: false,
-            schema: HiddenComponent.schema()
+            schema: HiddenComponent.schema(),
         };
     }
     get defaultSchema() {

package/lib/cjs/components/hidden/editForm/Hidden.edit.data.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'multiple',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'clearOnHide',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'allowCalculateOverride',
-        ignore: true
+        ignore: true,
     },
 ];

package/lib/cjs/components/hidden/editForm/Hidden.edit.display.js

@@ -3,42 +3,42 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'labelPosition',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'description',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tooltip',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'hideLabel',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'autofocus',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tabindex',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'hidden',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tableView',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'disabled',
-        ignore: true
+        ignore: true,
     },
 ];

package/lib/cjs/components/html/HTML.js

@@ -14,7 +14,7 @@ class HTMLComponent extends Component_1.default {
             attrs: [],
             content: '',
             input: false,
-            persistent: false
+            persistent: false,
         }, ...extend);
     }
     static get builderInfo() {
@@ -25,7 +25,7 @@ class HTMLComponent extends Component_1.default {
             weight: 0,
             documentation: '/userguide/form-building/layout-components#html-element',
             showPreview: false,
-            schema: HTMLComponent.schema()
+            schema: HTMLComponent.schema(),
         };
     }
     static savedValueTypes() {
@@ -43,28 +43,34 @@ class HTMLComponent extends Component_1.default {
             return ` ${this.component.content} `;
         }
         const submission = lodash_1.default.get(this.root, 'submission', {});
-        const content = this.component.content ? this.interpolate(this.sanitize(this.component.content, this.shouldSanitizeValue), {
-            metadata: submission.metadata || {},
-            submission: submission,
-            data: this.rootValue,
-            row: this.data
-        }) : '';
+        const content = this.component.content
+            ? this.interpolate(this.sanitize(this.component.content, this.shouldSanitizeValue), {
+                metadata: submission.metadata || {},
+                submission: submission,
+                data: this.rootValue,
+                row: this.data,
+            })
+            : '';
         return content;
     }
     get singleTags() {
-        return ['br', 'img', 'hr'];
+        return [
+            'br',
+            'img',
+            'hr',
+        ];
     }
     checkRefreshOn(changed) {
         super.checkRefreshOn(changed);
         const isVisible = () => {
             return this.hasCondition() ? !this.conditionallyHidden() : !this.component.hidden;
         };
-        const shouldSetContent = !this.builderMode
-            && this.component.refreshOnChange
-            && this.element
-            && !lodash_1.default.isUndefined(changed)
-            && ((lodash_1.default.isBoolean(changed) && changed) || !lodash_1.default.isEmpty(changed))
-            && isVisible();
+        const shouldSetContent = !this.builderMode &&
+            this.component.refreshOnChange &&
+            this.element &&
+            !lodash_1.default.isUndefined(changed) &&
+            ((lodash_1.default.isBoolean(changed) && changed) || !lodash_1.default.isEmpty(changed)) &&
+            isVisible();
         if (shouldSetContent) {
             this.setContent(this.element, this.renderContent());
         }
@@ -81,8 +87,8 @@ class HTMLComponent extends Component_1.default {
                         metadata: submission.metadata || {},
                         submission: submission,
                         data: this.rootValue,
-                        row: this.data
-                    })
+                        row: this.data,
+                    }),
                 };
             }),
             content: this.content,