@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -10,14 +10,14 @@ export default [
             values: [
                 {
                     label: 'Number',
-                    value: 'number',
+                    value: 'number'
                 },
                 {
                     label: 'Select',
-                    value: 'select',
+                    value: 'select'
                 },
-            ],
-        },
+            ]
+        }
     },
     {
         weight: 203,
@@ -26,7 +26,7 @@ export 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,
@@ -35,7 +35,7 @@ export 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,
@@ -44,7 +44,7 @@ export 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,
@@ -61,6 +61,6 @@ export default [
                 }
             }
         },
-        input: true,
+        input: true
     },
 ];

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,11 +135,13 @@ 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;
@@ -147,11 +149,13 @@ 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;
@@ -247,11 +251,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) {
@@ -302,20 +306,12 @@ 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) {
@@ -335,15 +331,11 @@ 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);
         }
@@ -370,35 +362,34 @@ 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,
@@ -469,18 +460,14 @@ 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 {
@@ -516,9 +503,8 @@ 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;
@@ -541,16 +527,12 @@ 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)
             });
         }
     }
@@ -574,7 +556,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) {
@@ -614,7 +596,7 @@ export default class EditGridComponent extends NestedArrayComponent {
             this.emptyRow = fastCloneDeep(editRow.data);
         }
         if (this.inlineEditMode) {
-            this.triggerChange();
+            this.triggerChange?.();
         }
         this.emit('editGridAddRow', {
             component: this.component,
@@ -635,9 +617,7 @@ 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) {
@@ -690,9 +670,7 @@ 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' });
@@ -733,7 +711,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);
@@ -828,7 +806,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);
@@ -841,22 +819,17 @@ 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,
-        });
-        this.triggerChange({
-            modified,
-            noPristineChangeOnModified: modified && this.component.rowDrafts,
-            isolateRow: true,
+            instance: this
         });
+        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();
@@ -908,17 +881,13 @@ 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();
@@ -937,8 +906,7 @@ 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;
                 }
@@ -950,8 +918,8 @@ 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) {
-                    changed.instance.root.triggerChange(flags, changed, modified);
+                if (changed.instance.root?.id && (this.root?.id !== changed.instance.root.id)) {
+                    changed.instance.root?.triggerChange?.(flags, changed, modified);
                 }
                 else if (!this.component.modal) {
                     this.triggerRootChange(flags, changed, modified);
@@ -979,7 +947,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);
@@ -988,26 +956,24 @@ 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;
@@ -1023,40 +989,36 @@ 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}`
                 });
             }
         }
@@ -1089,7 +1051,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;
@@ -1103,10 +1065,8 @@ 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'));
                     }
@@ -1117,12 +1077,10 @@ 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');
             }
@@ -1139,9 +1097,7 @@ 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);
@@ -1174,9 +1130,7 @@ export default class EditGridComponent extends NestedArrayComponent {
         }
         if (!Array.isArray(value)) {
             if (typeof value === 'object') {
-                value = [
-                    value,
-                ];
+                value = [value];
             }
             else {
                 return false;
@@ -1206,12 +1160,10 @@ 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,13 +12,8 @@ export default [
         weight: 1000,
         input: true,
         conditional: {
-            json: {
-                '!==': [
-                    { var: 'data.modal' },
-                    true,
-                ],
-            },
-        },
+            json: { '!==': [{ var: 'data.modal' }, true] },
+        }
     },
     {
         type: 'checkbox',