@formio/js 5.2.3 → 5.2.4-rc.0

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

@@ -14,7 +14,7 @@ export default function (...extend) {
             label: 'Templates',
             key: 'templates',
             weight: 5,
-            components: EditGridEditTemplates
+            components: EditGridEditTemplates,
         },
         {
             key: 'display',
@@ -26,7 +26,7 @@ export default function (...extend) {
         },
         {
             key: 'validation',
-            components: EditGridEditValidation
+            components: EditGridEditValidation,
         },
     ], ...extend);
 }

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

@@ -135,13 +135,11 @@ export default class EditGridComponent extends NestedArrayComponent {
     get rowTemplate() {
         let rowTemplate;
         if (Evaluator.noeval) {
-            rowTemplate = this.displayAsTable ?
-                templates.tableRow
-                : templates.row;
+            rowTemplate = this.displayAsTable ? templates.tableRow : templates.row;
         }
         else {
-            rowTemplate = this.displayAsTable ?
-                _.get(this.component, 'templates.tableRow', this.defaultRowTemplate)
+            rowTemplate = this.displayAsTable
+                ? _.get(this.component, 'templates.tableRow', this.defaultRowTemplate)
                 : _.get(this.component, 'templates.row', this.defaultRowTemplate);
         }
         return rowTemplate;
@@ -149,13 +147,11 @@ export default class EditGridComponent extends NestedArrayComponent {
     get headerTemplate() {
         let headerTemplate;
         if (Evaluator.noeval) {
-            headerTemplate = this.displayAsTable ?
-                templates.tableHeader
-                : templates.header;
+            headerTemplate = this.displayAsTable ? templates.tableHeader : templates.header;
         }
         else {
-            headerTemplate = this.displayAsTable ?
-                _.get(this.component, 'templates.tableHeader', this.defaultHeaderTemplate)
+            headerTemplate = this.displayAsTable
+                ? _.get(this.component, 'templates.tableHeader', this.defaultHeaderTemplate)
                 : _.get(this.component, 'templates.header', this.defaultHeaderTemplate);
         }
         return headerTemplate;
@@ -251,11 +247,11 @@ export default class EditGridComponent extends NestedArrayComponent {
         this.type = 'editgrid';
     }
     hasRemoveButtons() {
-        return !this.component.disableAddingRemovingRows &&
+        return (!this.component.disableAddingRemovingRows &&
             !this.options.readOnly &&
             !this.disabled &&
             this.fullMode &&
-            (this.dataValue.length > _.get(this.component, 'validate.minLength', 0));
+            this.dataValue.length > _.get(this.component, 'validate.minLength', 0));
     }
     init() {
         if (this.builderMode) {
@@ -306,12 +302,20 @@ export default class EditGridComponent extends NestedArrayComponent {
         });
     }
     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 => _.includes(savedStates, row.state));
+        const savedStates = [
+            EditRowState.Saved,
+            EditRowState.Editing,
+            EditRowState.Draft,
+        ];
+        const savedRows = rows.filter((row) => _.includes(savedStates, row.state));
         this.visibleInHeader = this.visibleInHeader || [];
         const changeVisibleInHeader = (component, isVisible) => {
             if (!isVisible) {
@@ -331,11 +335,15 @@ export default class EditGridComponent extends NestedArrayComponent {
                 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 = _.get(this.component, 'openWhenEmpty') && rows.length === 1 && rows[0].state === EditRowState.New;
+        const isOpenRowWhenEmpty = _.get(this.component, 'openWhenEmpty') &&
+            rows.length === 1 &&
+            rows[0].state === EditRowState.New;
         if (!_.isEmpty(rows) && _.isEmpty(savedRows) && !isOpenRowWhenEmpty) {
             return _.includes(this.visibleInHeader, component.key);
         }
@@ -362,34 +370,35 @@ export default class EditGridComponent extends NestedArrayComponent {
         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(_.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(_.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,
@@ -460,14 +469,18 @@ export default class EditGridComponent extends NestedArrayComponent {
                             }
                             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 && _.intersection(element.classList, ['editRow', 'removeRow']).length) {
+                        if (this.options.pdf &&
+                            _.intersection(element.classList, [
+                                'editRow',
+                                'removeRow',
+                            ]).length) {
                             element.style.display = 'none';
                         }
                         else {
@@ -503,8 +516,9 @@ export default class EditGridComponent extends NestedArrayComponent {
         return instance ? instance.visible : true;
     }
     displayComponentValue(component, header) {
-        return !!((!component.hasOwnProperty('tableView') || component.tableView)
-            && header ? this.isComponentVisibleInSomeRow(component) : _.includes(this.visibleInHeader, component.key));
+        return !!((!component.hasOwnProperty('tableView') || component.tableView) && header
+            ? this.isComponentVisibleInSomeRow(component)
+            : _.includes(this.visibleInHeader, component.key));
     }
     renderRow(row, rowIndex) {
         const dataValue = this.dataValue;
@@ -527,12 +541,16 @@ export default class EditGridComponent extends NestedArrayComponent {
                     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 && !instance.component?.template && htmlTagRegExp.test(view) && instance.component?.inputFormat !== 'html'
+                    return typeof view === 'string' &&
+                        view.length &&
+                        !instance.component?.template &&
+                        htmlTagRegExp.test(view) &&
+                        instance.component?.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),
             });
         }
     }
@@ -556,7 +574,7 @@ export default class EditGridComponent extends NestedArrayComponent {
         return this.builderMode
             ? super.getComponents()
             : _.isNumber(rowIndex)
-                ? (this.editRows[rowIndex]?.components || [])
+                ? this.editRows[rowIndex]?.components || []
                 : this.editRows.reduce((result, row) => result.concat(row.components || []), []);
     }
     destroy(all = false) {
@@ -617,7 +635,9 @@ export default class EditGridComponent extends NestedArrayComponent {
         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) {
@@ -670,7 +690,9 @@ export default class EditGridComponent extends NestedArrayComponent {
     }
     showDialog(rowIndex) {
         const editRow = this.editRows[rowIndex];
-        if (editRow.state === EditRowState.New ? _.isEqual(this.emptyRow, editRow.data) : _.isEqual(editRow.backup, editRow.data)) {
+        if (editRow.state === EditRowState.New
+            ? _.isEqual(this.emptyRow, editRow.data)
+            : _.isEqual(editRow.backup, editRow.data)) {
             return Promise.resolve();
         }
         const wrapper = this.ce('div', { ref: 'confirmationDialog' });
@@ -711,7 +733,7 @@ export default class EditGridComponent extends NestedArrayComponent {
         }
         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 = fastCloneDeep(editRow.data);
@@ -806,7 +828,7 @@ export default class EditGridComponent extends NestedArrayComponent {
                 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);
@@ -819,17 +841,22 @@ export default class EditGridComponent extends NestedArrayComponent {
                 }
             }
         }
-        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();
@@ -881,13 +908,17 @@ export default class EditGridComponent extends NestedArrayComponent {
         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();
@@ -906,7 +937,8 @@ export default class EditGridComponent extends NestedArrayComponent {
         return this.component.components.map((col, colIndex) => {
             if (recreatePartially && currentRowComponents && this.variableTypeComponentsIndexes.length) {
                 const currentComp = currentRowComponents[colIndex];
-                const shouldRecreate = _.includes(this.variableTypeComponentsIndexes, colIndex) && currentComp?.type !== currentComp?.component?.type;
+                const shouldRecreate = _.includes(this.variableTypeComponentsIndexes, colIndex) &&
+                    currentComp?.type !== currentComp?.component?.type;
                 if (!shouldRecreate) {
                     return currentComp;
                 }
@@ -918,7 +950,7 @@ export default class EditGridComponent extends NestedArrayComponent {
             options.row = `${rowIndex}-${colIndex}`;
             options.rowIndex = rowIndex;
             options.onChange = (flags = {}, changed, modified) => {
-                if (changed.instance.root?.id && (this.root?.id !== changed.instance.root.id)) {
+                if (changed.instance.root?.id && this.root?.id !== changed.instance.root.id) {
                     changed.instance.root.triggerChange(flags, changed, modified);
                 }
                 else if (!this.component.modal) {
@@ -947,7 +979,7 @@ export default class EditGridComponent extends NestedArrayComponent {
         });
     }
     hasOpenRows() {
-        return this.editRows.some(row => this.isOpen(row));
+        return this.editRows.some((row) => this.isOpen(row));
     }
     getAttachedData(data = null) {
         const ourData = fastCloneDeep(data || this._data || this.rootValue);
@@ -956,24 +988,26 @@ export default class EditGridComponent extends NestedArrayComponent {
     }
     shouldValidateDraft(editRow) {
         // 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 &&
             !this.root?.pristine &&
             !this.hasOpenRows()) ||
-            this.root?.submitted;
+            this.root?.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) {
         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 = fastCloneDeep(this.rootValue);
             const editGridValue = _.get(rootValue, this.path, []);
             editGridValue[editRow.rowIndex] = editRow.data;
@@ -989,36 +1023,40 @@ export default class EditGridComponent extends NestedArrayComponent {
                 parent: this.component,
                 parentPaths: {
                     ...this.paths,
-                    dataIndex: editRow.rowIndex
+                    dataIndex: editRow.rowIndex,
                 },
                 processors: [
                     {
                         process: validationProcessorProcess,
-                        processSync: validationProcessorProcess
-                    }
-                ]
+                        processSync: validationProcessorProcess,
+                    },
+                ],
             }).errors;
-            editRow.errors = (this.component.modal || this.component.rowDrafts)
-                ? errors
-                : errors.filter((err) => _.find(this.visibleErrors, ['component.id', err.component.id]));
+            editRow.errors =
+                this.component.modal || this.component.rowDrafts
+                    ? errors
+                    : errors.filter((err) => _.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}`,
                 });
             }
         }
@@ -1051,7 +1089,7 @@ export default class EditGridComponent extends NestedArrayComponent {
         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;
@@ -1065,8 +1103,10 @@ export default class EditGridComponent extends NestedArrayComponent {
                 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'));
                     }
@@ -1077,10 +1117,12 @@ export default class EditGridComponent extends NestedArrayComponent {
                 }
             }
             // 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 || this.root?.submitted)) {
+            if (!silentCheck &&
+                (dirty || this.dirty) &&
+                (!this.component.rowDrafts || this.root?.submitted)) {
                 this.setCustomValidity(this.t(this.errorMessage('invalidRowsError')), dirty);
                 this.removeClass(this.element, 'has-error');
             }
@@ -1097,7 +1139,9 @@ export default class EditGridComponent extends NestedArrayComponent {
         if (allRowErrors.length && this.root?.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);
@@ -1130,7 +1174,9 @@ export default class EditGridComponent extends NestedArrayComponent {
         }
         if (!Array.isArray(value)) {
             if (typeof value === 'object') {
-                value = [value];
+                value = [
+                    value,
+                ];
             }
             else {
                 return false;
@@ -1160,10 +1206,12 @@ export default class EditGridComponent extends NestedArrayComponent {
         });
         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/mjs/components/editgrid/editForm/EditGrid.edit.data.js

@@ -5,7 +5,7 @@ export 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',
@@ -13,6 +13,6 @@ export default [
     },
     {
         key: 'multiple',
-        ignore: true
+        ignore: true,
     },
 ];

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

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

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

@@ -11,10 +11,10 @@ export 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.noeval || Evaluator.protectedEval) && !data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -27,10 +27,10 @@ export 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.noeval || Evaluator.protectedEval) && data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -45,10 +45,10 @@ export 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.noeval || Evaluator.protectedEval) && !data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -63,10 +63,10 @@ export 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.noeval || Evaluator.protectedEval) && data.displayAsTable;
-        }
+        },
     },
     {
         type: 'textarea',
@@ -78,10 +78,10 @@ export 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.noeval || Evaluator.protectedEval;
-        }
+        },
     },
     {
         type: 'textfield',
@@ -89,7 +89,7 @@ export 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',
@@ -97,7 +97,7 @@ export 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,
@@ -105,7 +105,7 @@ export 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',
@@ -113,7 +113,7 @@ export 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',
@@ -121,6 +121,6 @@ export 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.',
+    },
 ];