@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -3,6 +3,7 @@ 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"));
@@ -30,20 +31,18 @@ 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;
@@ -95,11 +94,9 @@ 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();
@@ -150,6 +147,7 @@ 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.
@@ -220,6 +218,7 @@ 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');
@@ -244,24 +243,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)) {
@@ -274,7 +273,8 @@ 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);
             }
@@ -282,10 +282,11 @@ class FormComponent extends Component_1.default {
                 return Promise.resolve();
             }
             return this.subFormReady.then(() => {
+                var _a;
                 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,19 +294,16 @@ 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();
                 };
                 if (this.subForm) {
                     if (this.isNestedWizard) {
-                        element = this.root.element;
+                        element = (_a = this.root) === null || _a === void 0 ? void 0 : _a.element;
                     }
                     return this.subForm.attach(element).then(() => {
                         this.valueChanged = this.hasSetValue;
@@ -335,24 +333,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;
@@ -389,7 +387,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;
             }
@@ -414,8 +412,7 @@ 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;
             }
@@ -428,8 +425,7 @@ 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;
@@ -438,10 +434,11 @@ class FormComponent extends Component_1.default {
                 this.component.components = (_a = this.subForm._form) === null || _a === void 0 ? void 0 : _a.components;
                 this.component.display = (_b = this.subForm._form) === null || _b === void 0 ? void 0 : _b.display;
                 this.subForm.on('change', () => {
+                    var _a;
                     if (this.subForm && !this.shouldConditionallyClear()) {
                         this.dataValue = this.subForm.getValue();
-                        this.triggerChange({
-                            noEmit: true,
+                        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, {
+                            noEmit: true
                         });
                     }
                 });
@@ -453,12 +450,10 @@ 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;
         });
@@ -481,17 +476,11 @@ 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;
@@ -506,8 +495,7 @@ 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) {
@@ -562,7 +550,8 @@ class FormComponent extends Component_1.default {
     get shouldSubmit() {
         return (this.subFormReady &&
             (!this.component.hasOwnProperty('reference') || this.component.reference) &&
-            !this.shouldConditionallyClear());
+            !this.shouldConditionallyClear() &&
+            !(this.component.hidden && this.component.clearOnHide));
     }
     /**
      * Returns the data for the subform.
@@ -589,15 +578,12 @@ 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);
@@ -666,10 +652,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(() => {
@@ -684,7 +670,10 @@ 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;
@@ -751,12 +740,13 @@ 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;
     }
     set visible(value) {
+        var _a;
         const isNestedWizard = this.isNestedWizard;
         if (this._visible !== value) {
             this._visible = value;
@@ -775,7 +765,7 @@ class FormComponent extends Component_1.default {
             isNestedWizard ? this.rebuild() : this.redraw();
         }
         if (!value && isNestedWizard) {
-            this.root.redraw();
+            (_a = this.root) === null || _a === void 0 ? void 0 : _a.redraw();
         }
     }
     get parentVisible() {
@@ -846,7 +836,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,6 +4,7 @@ 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>'),
@@ -14,6 +15,7 @@ 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,26 +3,27 @@ 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,12 +32,10 @@ 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;
-            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);
+            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);
             const displayMode = 'wizard';
-            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)));
+            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;
         },
     },
     {
@@ -45,7 +43,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>',
@@ -56,7 +54,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',
@@ -64,7 +62,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',
@@ -72,6 +70,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,34 +43,28 @@ 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());
         }
@@ -87,8 +81,8 @@ class HTMLComponent extends Component_1.default {
                         metadata: submission.metadata || {},
                         submission: submission,
                         data: this.rootValue,
-                        row: this.data,
-                    }),
+                        row: this.data
+                    })
                 };
             }),
             content: this.content,