@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/cjs/components/editgrid/EditGrid.form.js

@@ -19,7 +19,7 @@ function default_1(...extend) {
             label: 'Templates',
             key: 'templates',
             weight: 5,
-            components: EditGrid_edit_templates_1.default
+            components: EditGrid_edit_templates_1.default,
         },
         {
             key: 'display',
@@ -31,7 +31,7 @@ function default_1(...extend) {
         },
         {
             key: 'validation',
-            components: EditGrid_edit_validation_1.default
+            components: EditGrid_edit_validation_1.default,
         },
     ], ...extend);
 }

package/lib/cjs/components/editgrid/EditGrid.js

@@ -140,13 +140,11 @@ class EditGridComponent extends NestedArrayComponent_1.default {
     get rowTemplate() {
         let rowTemplate;
         if (utils_1.Evaluator.noeval) {
-            rowTemplate = this.displayAsTable ?
-                components_1.editgrid.tableRow
-                : components_1.editgrid.row;
+            rowTemplate = this.displayAsTable ? components_1.editgrid.tableRow : components_1.editgrid.row;
         }
         else {
-            rowTemplate = this.displayAsTable ?
-                lodash_1.default.get(this.component, 'templates.tableRow', this.defaultRowTemplate)
+            rowTemplate = this.displayAsTable
+                ? lodash_1.default.get(this.component, 'templates.tableRow', this.defaultRowTemplate)
                 : lodash_1.default.get(this.component, 'templates.row', this.defaultRowTemplate);
         }
         return rowTemplate;
@@ -154,13 +152,11 @@ class EditGridComponent extends NestedArrayComponent_1.default {
     get headerTemplate() {
         let headerTemplate;
         if (utils_1.Evaluator.noeval) {
-            headerTemplate = this.displayAsTable ?
-                components_1.editgrid.tableHeader
-                : components_1.editgrid.header;
+            headerTemplate = this.displayAsTable ? components_1.editgrid.tableHeader : components_1.editgrid.header;
         }
         else {
-            headerTemplate = this.displayAsTable ?
-                lodash_1.default.get(this.component, 'templates.tableHeader', this.defaultHeaderTemplate)
+            headerTemplate = this.displayAsTable
+                ? lodash_1.default.get(this.component, 'templates.tableHeader', this.defaultHeaderTemplate)
                 : lodash_1.default.get(this.component, 'templates.header', this.defaultHeaderTemplate);
         }
         return headerTemplate;
@@ -256,11 +252,11 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         this.type = 'editgrid';
     }
     hasRemoveButtons() {
-        return !this.component.disableAddingRemovingRows &&
+        return (!this.component.disableAddingRemovingRows &&
             !this.options.readOnly &&
             !this.disabled &&
             this.fullMode &&
-            (this.dataValue.length > lodash_1.default.get(this.component, 'validate.minLength', 0));
+            this.dataValue.length > lodash_1.default.get(this.component, 'validate.minLength', 0));
     }
     init() {
         if (this.builderMode) {
@@ -311,12 +307,20 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         });
     }
     isOpen(editRow) {
-        return [EditRowState.New, EditRowState.Editing, EditRowState.Viewing].includes(editRow.state);
+        return [
+            EditRowState.New,
+            EditRowState.Editing,
+            EditRowState.Viewing,
+        ].includes(editRow.state);
     }
     isComponentVisibleInSomeRow(component) {
         const rows = this.editRows;
-        const savedStates = [EditRowState.Saved, EditRowState.Editing, EditRowState.Draft];
-        const savedRows = rows.filter(row => lodash_1.default.includes(savedStates, row.state));
+        const savedStates = [
+            EditRowState.Saved,
+            EditRowState.Editing,
+            EditRowState.Draft,
+        ];
+        const savedRows = rows.filter((row) => lodash_1.default.includes(savedStates, row.state));
         this.visibleInHeader = this.visibleInHeader || [];
         const changeVisibleInHeader = (component, isVisible) => {
             if (!isVisible) {
@@ -336,11 +340,15 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 comp.checkConditions();
             });
             const isVisible = checkComponent ? checkComponent.visible : true;
-            [...this.components].forEach((comp) => this.removeComponent(comp, this.components));
+            [
+                ...this.components,
+            ].forEach((comp) => this.removeComponent(comp, this.components));
             changeVisibleInHeader(component, isVisible);
             return isVisible;
         }
-        const isOpenRowWhenEmpty = lodash_1.default.get(this.component, 'openWhenEmpty') && rows.length === 1 && rows[0].state === EditRowState.New;
+        const isOpenRowWhenEmpty = lodash_1.default.get(this.component, 'openWhenEmpty') &&
+            rows.length === 1 &&
+            rows[0].state === EditRowState.New;
         if (!lodash_1.default.isEmpty(rows) && lodash_1.default.isEmpty(savedRows) && !isOpenRowWhenEmpty) {
             return lodash_1.default.includes(this.visibleInHeader, component.key);
         }
@@ -367,34 +375,35 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         const headerTemplate = this.headerTemplate;
         const t = this.t.bind(this);
         const templateName = this.displayAsTable ? 'editgridTable' : 'editgrid';
-        return super.render(children || this.renderTemplate(templateName, {
-            ref: {
-                row: this.rowRef,
-                addRow: this.addRowRef,
-                saveRow: this.saveRowRef,
-                cancelRow: this.cancelRowRef,
-            },
-            header: this.renderString(headerTemplate, {
-                displayValue: (component) => this.displayComponentValue(component, true),
-                components: this.component.components,
-                value: dataValue,
-                t
-            }),
-            footer: this.renderString(lodash_1.default.get(this.component, 'templates.footer'), {
-                components: this.component.components,
-                value: dataValue,
-                t
-            }),
-            rows: this.editRows.map(this.renderRow.bind(this)),
-            openRows: this.editRows.map((row) => this.isOpen(row)),
-            errors: this.editRows.map((row) => row.error),
-            hasAddButton: this.hasAddButton(),
-            hasRemoveButtons: this.hasRemoveButtons(),
-        }));
+        return super.render(children ||
+            this.renderTemplate(templateName, {
+                ref: {
+                    row: this.rowRef,
+                    addRow: this.addRowRef,
+                    saveRow: this.saveRowRef,
+                    cancelRow: this.cancelRowRef,
+                },
+                header: this.renderString(headerTemplate, {
+                    displayValue: (component) => this.displayComponentValue(component, true),
+                    components: this.component.components,
+                    value: dataValue,
+                    t,
+                }),
+                footer: this.renderString(lodash_1.default.get(this.component, 'templates.footer'), {
+                    components: this.component.components,
+                    value: dataValue,
+                    t,
+                }),
+                rows: this.editRows.map(this.renderRow.bind(this)),
+                openRows: this.editRows.map((row) => this.isOpen(row)),
+                errors: this.editRows.map((row) => row.error),
+                hasAddButton: this.hasAddButton(),
+                hasRemoveButtons: this.hasRemoveButtons(),
+            }));
     }
     renderComponents(components) {
         components = components || this.getComponents();
-        const children = components.map(component => component.render());
+        const children = components.map((component) => component.render());
         const templateName = this.displayAsTable && this.prevHasAddButton ? 'tableComponents' : 'components';
         return this.renderTemplate(templateName, {
             children,
@@ -466,14 +475,18 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                             }
                             this.emit(eventName, {
                                 component: this.component,
-                                data: this.dataValue[rowIndex]
+                                data: this.dataValue[rowIndex],
                             });
                         },
-                    }
-                ].forEach(({ className, event, action, }) => {
+                    },
+                ].forEach(({ className, event, action }) => {
                     const elements = row.getElementsByClassName(className);
                     Array.prototype.forEach.call(elements, (element) => {
-                        if (this.options.pdf && lodash_1.default.intersection(element.classList, ['editRow', 'removeRow']).length) {
+                        if (this.options.pdf &&
+                            lodash_1.default.intersection(element.classList, [
+                                'editRow',
+                                'removeRow',
+                            ]).length) {
                             element.style.display = 'none';
                         }
                         else {
@@ -509,8 +522,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return instance ? instance.visible : true;
     }
     displayComponentValue(component, header) {
-        return !!((!component.hasOwnProperty('tableView') || component.tableView)
-            && header ? this.isComponentVisibleInSomeRow(component) : lodash_1.default.includes(this.visibleInHeader, component.key));
+        return !!((!component.hasOwnProperty('tableView') || component.tableView) && header
+            ? this.isComponentVisibleInSomeRow(component)
+            : lodash_1.default.includes(this.visibleInHeader, component.key));
     }
     renderRow(row, rowIndex) {
         const dataValue = this.dataValue;
@@ -534,12 +548,16 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                     const view = instance ? instance.getView(data || instance.dataValue) : '';
                     // If there is an html tag in view, don't allow it to be injected in template
                     const htmlTagRegExp = new RegExp('<(.*?)>');
-                    return typeof view === 'string' && view.length && !((_a = instance.component) === null || _a === void 0 ? void 0 : _a.template) && htmlTagRegExp.test(view) && ((_b = instance.component) === null || _b === void 0 ? void 0 : _b.inputFormat) !== 'html'
+                    return typeof view === 'string' &&
+                        view.length &&
+                        !((_a = instance.component) === null || _a === void 0 ? void 0 : _a.template) &&
+                        htmlTagRegExp.test(view) &&
+                        ((_b = instance.component) === null || _b === void 0 ? void 0 : _b.inputFormat) !== 'html'
                         ? `<input type="text" value="${view.replace(/"/g, '&quot;')}" readonly/>`
                         : view;
                 },
                 state: this.editRows[rowIndex].state,
-                t: this.t.bind(this)
+                t: this.t.bind(this),
             });
         }
     }
@@ -564,7 +582,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return this.builderMode
             ? super.getComponents()
             : lodash_1.default.isNumber(rowIndex)
-                ? (((_a = this.editRows[rowIndex]) === null || _a === void 0 ? void 0 : _a.components) || [])
+                ? ((_a = this.editRows[rowIndex]) === null || _a === void 0 ? void 0 : _a.components) || []
                 : this.editRows.reduce((result, row) => result.concat(row.components || []), []);
     }
     destroy(all = false) {
@@ -625,7 +643,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         editRow.willBeSaved = false;
         const { components } = editRow;
         modalContent.innerHTML = this.renderComponents(components);
-        const dialog = this.component.modal ? this.createModal(modalContent, {}, () => this.showDialog(rowIndex)) : undefined;
+        const dialog = this.component.modal
+            ? this.createModal(modalContent, {}, () => this.showDialog(rowIndex))
+            : undefined;
         dialog.classList.add(`editgrid-row-modal-${this.id}`);
         editRow.dialog = dialog;
         if (this.alert) {
@@ -678,7 +698,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
     }
     showDialog(rowIndex) {
         const editRow = this.editRows[rowIndex];
-        if (editRow.state === EditRowState.New ? lodash_1.default.isEqual(this.emptyRow, editRow.data) : lodash_1.default.isEqual(editRow.backup, editRow.data)) {
+        if (editRow.state === EditRowState.New
+            ? lodash_1.default.isEqual(this.emptyRow, editRow.data)
+            : lodash_1.default.isEqual(editRow.backup, editRow.data)) {
             return Promise.resolve();
         }
         const wrapper = this.ce('div', { ref: 'confirmationDialog' });
@@ -719,7 +741,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         }
         editRow.prevState = editRow.state;
         editRow.state = this.options.readOnly ? EditRowState.Viewing : EditRowState.Editing;
-        if (this.lazyLoad && (editRow.components.length === 0)) {
+        if (this.lazyLoad && editRow.components.length === 0) {
             editRow.components = this.createRowComponents(editRow.data, rowIndex);
         }
         const dataSnapshot = (0, utils_1.fastCloneDeep)(editRow.data);
@@ -815,7 +837,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 case EditRowState.New: {
                     const newIndex = dataValue.length;
                     dataValue.push(editRow.data);
-                    editRow.components.forEach(component => component.rowIndex = newIndex);
+                    editRow.components.forEach((component) => (component.rowIndex = newIndex));
                     if (rowIndex !== newIndex) {
                         this.editRows.splice(rowIndex, 1);
                         this.editRows.splice(newIndex, 0, editRow);
@@ -828,17 +850,22 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 }
             }
         }
-        editRow.state = this.component.rowDrafts && errors.length ? EditRowState.Draft : EditRowState.Saved;
+        editRow.state =
+            this.component.rowDrafts && errors.length ? EditRowState.Draft : EditRowState.Saved;
         editRow.backup = null;
         this.updateValue();
         this.emit('editGridSaveRow', {
             component: this.component,
             row: editRow.data,
-            instance: this
+            instance: this,
+        });
+        this.triggerChange({
+            modified,
+            noPristineChangeOnModified: modified && this.component.rowDrafts,
+            isolateRow: true,
         });
-        this.triggerChange({ modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
         if (this.component.rowDrafts) {
-            editRow.components.forEach(comp => comp.setPristine(this.pristine));
+            editRow.components.forEach((comp) => comp.setPristine(this.pristine));
         }
         this.checkValidity(null, true);
         this.redraw();
@@ -890,13 +917,17 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         this.removeSubmissionMetadataRow(rowIndex);
         this.splice(rowIndex);
         this.emit('editGridDeleteRow', {
-            index: rowIndex
+            index: rowIndex,
         });
         this.editRows.splice(rowIndex, 1);
         this.openWhenEmpty();
         this.updateRowsComponents(rowIndex);
         this.updateValue();
-        this.triggerChange({ modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
+        this.triggerChange({
+            modified,
+            noPristineChangeOnModified: modified && this.component.rowDrafts,
+            isolateRow: true,
+        });
         this.checkValidity(null, true);
         this.checkData();
         this.redraw();
@@ -916,7 +947,8 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             var _a;
             if (recreatePartially && currentRowComponents && this.variableTypeComponentsIndexes.length) {
                 const currentComp = currentRowComponents[colIndex];
-                const shouldRecreate = lodash_1.default.includes(this.variableTypeComponentsIndexes, colIndex) && (currentComp === null || currentComp === void 0 ? void 0 : currentComp.type) !== ((_a = currentComp === null || currentComp === void 0 ? void 0 : currentComp.component) === null || _a === void 0 ? void 0 : _a.type);
+                const shouldRecreate = lodash_1.default.includes(this.variableTypeComponentsIndexes, colIndex) &&
+                    (currentComp === null || currentComp === void 0 ? void 0 : currentComp.type) !== ((_a = currentComp === null || currentComp === void 0 ? void 0 : currentComp.component) === null || _a === void 0 ? void 0 : _a.type);
                 if (!shouldRecreate) {
                     return currentComp;
                 }
@@ -929,7 +961,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             options.rowIndex = rowIndex;
             options.onChange = (flags = {}, changed, modified) => {
                 var _a, _b;
-                if (((_a = changed.instance.root) === null || _a === void 0 ? void 0 : _a.id) && (((_b = this.root) === null || _b === void 0 ? void 0 : _b.id) !== changed.instance.root.id)) {
+                if (((_a = changed.instance.root) === null || _a === void 0 ? void 0 : _a.id) && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.id) !== changed.instance.root.id) {
                     changed.instance.root.triggerChange(flags, changed, modified);
                 }
                 else if (!this.component.modal) {
@@ -955,7 +987,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         });
     }
     hasOpenRows() {
-        return this.editRows.some(row => this.isOpen(row));
+        return this.editRows.some((row) => this.isOpen(row));
     }
     getAttachedData(data = null) {
         const ourData = (0, utils_1.fastCloneDeep)(data || this._data || this.rootValue);
@@ -965,25 +997,27 @@ class EditGridComponent extends NestedArrayComponent_1.default {
     shouldValidateDraft(editRow) {
         var _a, _b;
         // Draft rows should be validated only when there was an attempt to submit a form
-        return (editRow.state === EditRowState.Draft &&
+        return ((editRow.state === EditRowState.Draft &&
             !this.pristine &&
             !((_a = this.root) === null || _a === void 0 ? void 0 : _a.pristine) &&
             !this.hasOpenRows()) ||
-            ((_b = this.root) === null || _b === void 0 ? void 0 : _b.submitted);
+            ((_b = this.root) === null || _b === void 0 ? void 0 : _b.submitted));
     }
     shouldValidateRow(editRow, dirty, fromSubmission) {
-        return this.shouldValidateDraft(editRow) ||
+        return (this.shouldValidateDraft(editRow) ||
             editRow.state === EditRowState.New ||
             editRow.state === EditRowState.Editing ||
             editRow.alerts ||
             fromSubmission ||
-            dirty;
+            dirty);
     }
     validateRow(editRow, dirty, forceSilentCheck, fromSubmission) {
         var _a;
         editRow.errors = [];
         if (this.shouldValidateRow(editRow, dirty, fromSubmission)) {
-            const silentCheck = forceSilentCheck === false ? false : ((this.component.rowDrafts && !this.shouldValidateDraft(editRow)) || forceSilentCheck);
+            const silentCheck = forceSilentCheck === false
+                ? false
+                : (this.component.rowDrafts && !this.shouldValidateDraft(editRow)) || forceSilentCheck;
             const rootValue = (0, utils_1.fastCloneDeep)(this.rootValue);
             const editGridValue = lodash_1.default.get(rootValue, this.path, []);
             editGridValue[editRow.rowIndex] = editRow.data;
@@ -1001,31 +1035,35 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 processors: [
                     {
                         process: validationProcessorProcess,
-                        processSync: validationProcessorProcess
-                    }
-                ]
+                        processSync: validationProcessorProcess,
+                    },
+                ],
             }).errors;
-            editRow.errors = (this.component.modal || this.component.rowDrafts)
-                ? errors
-                : errors.filter((err) => lodash_1.default.find(this.visibleErrors, ['component.id', err.component.id]));
+            editRow.errors =
+                this.component.modal || this.component.rowDrafts
+                    ? errors
+                    : errors.filter((err) => lodash_1.default.find(this.visibleErrors, [
+                        'component.id',
+                        err.component.id,
+                    ]));
         }
         // TODO: this is essentially running its own custom validation and should be moved into a validation rule
         if (this.component.validate && this.component.validate.row) {
             const valid = this.evaluate(this.component.validate.row, {
-                valid: (editRow.length === 0),
-                row: editRow.data
+                valid: editRow.length === 0,
+                row: editRow.data,
             }, 'valid', true);
             if (valid.toString() !== 'true') {
                 editRow.errors.push({
                     type: 'error',
                     rowError: true,
-                    message: valid.toString()
+                    message: valid.toString(),
                 });
             }
             if (valid === null) {
                 editRow.errors.push({
                     type: 'error',
-                    message: `Invalid row validation for ${this.key}`
+                    message: `Invalid row validation for ${this.key}`,
                 });
             }
         }
@@ -1059,7 +1097,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         const { silentCheck, fromSubmission } = options;
         const superValid = super.checkComponentValidity(data, dirty, row, options, errors);
         // If super tells us that component invalid and there is no need to update alerts, just return false
-        if (!superValid && (!this.alert && !this.hasOpenRows())) {
+        if (!superValid && !this.alert && !this.hasOpenRows()) {
             return false;
         }
         let rowsEditing = false;
@@ -1073,8 +1111,10 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 const rowContainer = this.rowRefs[index];
                 if (rowContainer) {
                     const errorContainer = rowContainer.querySelector('.editgrid-row-error');
-                    if (rowErrors.length && errorContainer && (!this.component.rowDrafts || this.shouldValidateDraft(editRow))) {
-                        const rowError = rowErrors.find(error => error.rowError);
+                    if (rowErrors.length &&
+                        errorContainer &&
+                        (!this.component.rowDrafts || this.shouldValidateDraft(editRow))) {
+                        const rowError = rowErrors.find((error) => error.rowError);
                         this.addClass(errorContainer, 'help-block');
                         errorContainer.textContent = this.t(rowError ? rowError.message : this.errorMessage('invalidRowError'));
                     }
@@ -1085,10 +1125,12 @@ class EditGridComponent extends NestedArrayComponent_1.default {
                 }
             }
             // If this is a dirty check, and any rows are still editing, we need to throw validation error.
-            rowsEditing |= (dirty && this.isOpen(editRow));
+            rowsEditing |= dirty && this.isOpen(editRow);
         });
         if (allRowErrors.length) {
-            if (!silentCheck && (dirty || this.dirty) && (!this.component.rowDrafts || ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submitted))) {
+            if (!silentCheck &&
+                (dirty || this.dirty) &&
+                (!this.component.rowDrafts || ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submitted))) {
                 this.setCustomValidity(this.t(this.errorMessage('invalidRowsError')), dirty);
                 this.removeClass(this.element, 'has-error');
             }
@@ -1105,7 +1147,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         if (allRowErrors.length && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.submitted) && !message) {
             this._errors = this.setCustomValidity(message, dirty);
             errors.push(...this._errors);
-            this.root.showErrors([message]);
+            this.root.showErrors([
+                message,
+            ]);
         }
         else {
             this._errors = this.setCustomValidity(message, dirty);
@@ -1138,7 +1182,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         }
         if (!Array.isArray(value)) {
             if (typeof value === 'object') {
-                value = [value];
+                value = [
+                    value,
+                ];
             }
             else {
                 return false;
@@ -1168,10 +1214,12 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         });
         let { length: dataLength } = this.dataValue;
         // If the last row is a new row, then do not remove it.
-        if (this.editRows[dataLength] && (this.editRows[dataLength].state === EditRowState.New)) {
-            dataLength = (dataLength + 1);
+        if (this.editRows[dataLength] && this.editRows[dataLength].state === EditRowState.New) {
+            dataLength = dataLength + 1;
         }
-        this.editRows.slice(dataLength).forEach((editRow, index) => this.baseRemoveRow(dataLength + index));
+        this.editRows
+            .slice(dataLength)
+            .forEach((editRow, index) => this.baseRemoveRow(dataLength + index));
         this.editRows = this.editRows.slice(0, dataLength);
         this.openWhenEmpty();
         this.updateOnChange(flags, changed);

package/lib/cjs/components/editgrid/editForm/EditGrid.edit.data.js

@@ -7,7 +7,7 @@ exports.default = [
         weight: 105,
         key: 'inlineEdit',
         label: 'Inline Editing',
-        tooltip: 'Check this if you would like your changes within \'edit\' mode to be committed directly to the submission object as that row is being changed',
+        tooltip: "Check this if you would like your changes within 'edit' mode to be committed directly to the submission object as that row is being changed",
     },
     {
         key: 'defaultValue',
@@ -15,6 +15,6 @@ exports.default = [
     },
     {
         key: 'multiple',
-        ignore: true
+        ignore: true,
     },
 ];

package/lib/cjs/components/editgrid/editForm/EditGrid.edit.display.js

@@ -14,8 +14,13 @@ exports.default = [
         weight: 1000,
         input: true,
         conditional: {
-            json: { '!==': [{ var: 'data.modal' }, true] },
-        }
+            json: {
+                '!==': [
+                    { var: 'data.modal' },
+                    true,
+                ],
+            },
+        },
     },
     {
         type: 'checkbox',

package/lib/cjs/components/editgrid/editForm/EditGrid.edit.templates.js

@@ -13,10 +13,10 @@ exports.default = [
         input: true,
         placeholder: '/*** Lodash Template Code ***/',
         description: 'Two available variables. "value" is the array of row data and "components" is the array of components in the grid.',
-        tooltip: 'This is the <a href=\'https://lodash.com/docs/4.17.5#template\'>Lodash Template</a> used to render the header of the Edit grid.',
+        tooltip: "This is the <a href='https://lodash.com/docs/4.17.5#template'>Lodash Template</a> used to render the header of the Edit grid.",
         customConditional({ data }) {
             return (!Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval) && !data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -29,10 +29,10 @@ exports.default = [
         input: true,
         placeholder: '/*** Lodash Template Code ***/',
         description: 'Two available variables. "value" is the array of row data and "components" is the array of components in the grid.',
-        tooltip: 'This is the <a href=\'https://lodash.com/docs/4.17.5#template\'>Lodash Template</a> used to render the header of the Edit grid.',
+        tooltip: "This is the <a href='https://lodash.com/docs/4.17.5#template'>Lodash Template</a> used to render the header of the Edit grid.",
         customConditional({ data }) {
             return (!Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval) && data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -47,10 +47,10 @@ exports.default = [
         description: 'Three available variables. "row" is an object of one row\'s data, "components"' +
             ' is the array of components in the grid and "state" is current row\'s state (can be "draft" or "saved").' +
             ' To add click events, add the classes "editRow" and "removeRow" to elements.',
-        tooltip: 'This is the <a href=\'https://lodash.com/docs/4.17.5#template\'>Lodash Template</a> used to render each row of the Edit grid.',
+        tooltip: "This is the <a href='https://lodash.com/docs/4.17.5#template'>Lodash Template</a> used to render each row of the Edit grid.",
         customConditional({ data }) {
             return (!Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval) && !data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -65,10 +65,10 @@ exports.default = [
         description: 'Three available variables. "row" is an object of one row\'s data, "components"' +
             ' is the array of components in the grid and "state" is current row\'s state (can be "draft" or "saved").' +
             ' To add click events, add the classes "editRow" and "removeRow" to elements.',
-        tooltip: 'This is the <a href=\'https://lodash.com/docs/4.17.5#template\'>Lodash Template</a> used to render each row of the Edit grid.',
+        tooltip: "This is the <a href='https://lodash.com/docs/4.17.5#template'>Lodash Template</a> used to render each row of the Edit grid.",
         customConditional({ data }) {
             return (!Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval) && data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -80,10 +80,10 @@ exports.default = [
         input: true,
         placeholder: '/*** Lodash Template Code ***/',
         description: 'Two available variables. "value" is the array of row data and "components" is the array of components in the grid.',
-        tooltip: 'This is the <a href=\'https://lodash.com/docs/4.17.5#template\'>Lodash Template</a> used to render the footer of the Edit grid.',
+        tooltip: "This is the <a href='https://lodash.com/docs/4.17.5#template'>Lodash Template</a> used to render the footer of the Edit grid.",
         customConditional() {
             return !Evaluator_1.Evaluator.noeval || Evaluator_1.Evaluator.protectedEval;
-        }
+        },
     },
     {
         type: 'textfield',
@@ -91,7 +91,7 @@ exports.default = [
         key: 'rowClass',
         label: 'Row CSS Class',
         placeholder: 'Row CSS Class',
-        tooltip: 'CSS class to add to the edit row wrapper.'
+        tooltip: 'CSS class to add to the edit row wrapper.',
     },
     {
         type: 'textfield',
@@ -99,7 +99,7 @@ exports.default = [
         key: 'addAnother',
         label: 'Add Another Text',
         placeholder: 'Add Another',
-        tooltip: 'Set the text of the Add Another button.'
+        tooltip: 'Set the text of the Add Another button.',
     },
     {
         weight: 70,
@@ -107,7 +107,7 @@ exports.default = [
         label: 'Display as Modal',
         tooltip: 'Display a modal to add or edit entries in the table',
         key: 'modal',
-        input: true
+        input: true,
     },
     {
         type: 'textfield',
@@ -115,7 +115,7 @@ exports.default = [
         key: 'saveRow',
         label: 'Save Row Text',
         placeholder: 'Save',
-        tooltip: 'Set the text of the Save Row button.'
+        tooltip: 'Set the text of the Save Row button.',
     },
     {
         type: 'textfield',
@@ -123,6 +123,6 @@ exports.default = [
         key: 'removeRow',
         label: 'Remove Row Text',
         placeholder: 'Remove',
-        tooltip: 'Set the text of the remove Row button.'
-    }
+        tooltip: 'Set the text of the remove Row button.',
+    },
 ];