@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/day/editForm/Day.edit.validation.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'validate.required',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'validate.unique',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 0,
@@ -15,7 +15,7 @@ exports.default = [
         label: 'Require Day',
         tooltip: 'A required field must be filled in before the form can be submitted.',
         key: 'fields.day.required',
-        input: true,
+        input: true
     },
     {
         weight: 10,
@@ -23,7 +23,7 @@ exports.default = [
         label: 'Require Month',
         tooltip: 'A required field must be filled in before the form can be submitted.',
         key: 'fields.month.required',
-        input: true,
+        input: true
     },
     {
         weight: 20,
@@ -31,14 +31,14 @@ exports.default = [
         label: 'Require Year',
         tooltip: 'A required field must be filled in before the form can be submitted.',
         key: 'fields.year.required',
-        input: true,
+        input: true
     },
     {
         weight: 40,
         type: 'textfield',
         label: 'Minimum Day',
         placeholder: 'yyyy-MM-dd',
-        tooltip: "A minimum date that can be set. You can also use Moment.js functions. For example: \n \n moment().subtract(10, 'days')",
+        tooltip: 'A minimum date that can be set. You can also use Moment.js functions. For example: \n \n moment().subtract(10, \'days\')',
         key: 'minDate',
         input: true,
     },
@@ -47,7 +47,7 @@ exports.default = [
         type: 'textfield',
         label: 'Maximum Day',
         placeholder: 'yyyy-MM-dd',
-        tooltip: "A maximum day that can be set. You can also use Moment.js functions. For example: \n \n moment().add(10, 'days')",
+        tooltip: 'A maximum day that can be set. You can also use Moment.js functions. For example: \n \n moment().add(10, \'days\')',
         key: 'maxDate',
         input: true,
     },

package/lib/cjs/components/day/editForm/Day.edit.year.js

@@ -15,14 +15,14 @@ exports.default = [
             values: [
                 {
                     label: 'Number',
-                    value: 'number',
+                    value: 'number'
                 },
                 {
                     label: 'Select',
-                    value: 'select',
+                    value: 'select'
                 },
-            ],
-        },
+            ]
+        }
     },
     {
         weight: 203,
@@ -31,7 +31,7 @@ exports.default = [
         key: 'fields.year.minYear',
         label: 'Minimum Year',
         placeholder: '1900',
-        tooltip: 'The minimum year that can be entered.',
+        tooltip: 'The minimum year that can be entered.'
     },
     {
         weight: 204,
@@ -40,7 +40,7 @@ exports.default = [
         key: 'fields.year.maxYear',
         label: 'Maximum Year',
         placeholder: '2030',
-        tooltip: 'The maximum year that can be entered.',
+        tooltip: 'The maximum year that can be entered.'
     },
     {
         weight: 210,
@@ -49,7 +49,7 @@ exports.default = [
         key: 'fields.year.placeholder',
         label: 'Placeholder',
         placeholder: 'Year Placeholder',
-        tooltip: 'The placeholder text that will appear when Year field is empty.',
+        tooltip: 'The placeholder text that will appear when Year field is empty.'
     },
     {
         weight: 215,
@@ -66,6 +66,6 @@ exports.default = [
                 }
             }
         },
-        input: true,
+        input: true
     },
 ];

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,11 +140,13 @@ 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;
@@ -152,11 +154,13 @@ 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;
@@ -252,11 +256,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) {
@@ -307,20 +311,12 @@ 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) {
@@ -340,15 +336,11 @@ 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);
         }
@@ -375,35 +367,34 @@ 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,
@@ -475,18 +466,14 @@ 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 {
@@ -522,9 +509,8 @@ 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;
@@ -548,16 +534,12 @@ 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)
             });
         }
     }
@@ -582,7 +564,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) {
@@ -612,6 +594,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return editRow;
     }
     addRow() {
+        var _a;
         if (this.options.readOnly) {
             return;
         }
@@ -622,7 +605,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             this.emptyRow = (0, utils_1.fastCloneDeep)(editRow.data);
         }
         if (this.inlineEditMode) {
-            this.triggerChange();
+            (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
         }
         this.emit('editGridAddRow', {
             component: this.component,
@@ -643,9 +626,7 @@ 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) {
@@ -698,9 +679,7 @@ 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' });
@@ -741,7 +720,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);
@@ -813,7 +792,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         }
     }
     saveRow(rowIndex, modified) {
-        var _a, _b;
+        var _a, _b, _c;
         const editRow = this.editRows[rowIndex];
         if (this.options.readOnly) {
             return;
@@ -837,7 +816,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);
@@ -850,22 +829,17 @@ 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,
-        });
-        this.triggerChange({
-            modified,
-            noPristineChangeOnModified: modified && this.component.rowDrafts,
-            isolateRow: true,
+            instance: this
         });
+        (_c = this.triggerChange) === null || _c === void 0 ? void 0 : _c.call(this, { 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();
@@ -909,6 +883,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return editRow;
     }
     removeRow(rowIndex, modified) {
+        var _a;
         if (this.options.readOnly) {
             return;
         }
@@ -917,17 +892,13 @@ 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,
-        });
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
         this.checkValidity(null, true);
         this.checkData();
         this.redraw();
@@ -947,8 +918,7 @@ 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;
                 }
@@ -960,9 +930,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             options.row = `${rowIndex}-${colIndex}`;
             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) {
-                    changed.instance.root.triggerChange(flags, changed, modified);
+                var _a, _b, _c, _d;
+                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)) {
+                    (_d = (_c = changed.instance.root) === null || _c === void 0 ? void 0 : _c.triggerChange) === null || _d === void 0 ? void 0 : _d.call(_c, flags, changed, modified);
                 }
                 else if (!this.component.modal) {
                     this.triggerRootChange(flags, changed, modified);
@@ -987,7 +957,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);
@@ -997,27 +967,25 @@ 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;
@@ -1035,35 +1003,31 @@ 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}`
                 });
             }
         }
@@ -1093,11 +1057,11 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return true;
     }
     checkComponentValidity(data, dirty, row, options = {}, errors = []) {
-        var _a, _b;
+        var _a, _b, _c;
         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;
@@ -1111,10 +1075,8 @@ 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'));
                     }
@@ -1125,12 +1087,10 @@ 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');
             }
@@ -1147,9 +1107,7 @@ 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,
-            ]);
+            (_c = this.root) === null || _c === void 0 ? void 0 : _c.showErrors([message]);
         }
         else {
             this._errors = this.setCustomValidity(message, dirty);
@@ -1182,9 +1140,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         }
         if (!Array.isArray(value)) {
             if (typeof value === 'object') {
-                value = [
-                    value,
-                ];
+                value = [value];
             }
             else {
                 return false;
@@ -1214,12 +1170,10 @@ 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
     },
 ];