@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 15.4.21 to 15.4.22

package.json

 {
   "name": "@syncfusion/ej2-grids",
-  "version": "15.4.21",
+  "version": "15.4.22",
   "description": "Essential JS 2 Grid Component",
@@ -10,14 +10,14 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-base": "^15.4.21",
-    "@syncfusion/ej2-data": "^15.4.20",
-    "@syncfusion/ej2-navigations": "^15.4.21",
+    "@syncfusion/ej2-data": "^15.4.22",
+    "@syncfusion/ej2-navigations": "^15.4.22",
     "@syncfusion/ej2-inputs": "^15.4.21",
     "@syncfusion/ej2-calendars": "^15.4.21",
     "@syncfusion/ej2-dropdowns": "^15.4.21",
-    "@syncfusion/ej2-popups": "^15.4.21",
-    "@syncfusion/ej2-buttons": "^15.4.21",
-    "@syncfusion/ej2-lists": "^15.4.20",
-    "@syncfusion/ej2-excel-export": "^15.4.20",
-    "@syncfusion/ej2-pdf-export": "^15.4.21",
-    "@syncfusion/ej2-file-utils": "^15.4.20",
-    "@syncfusion/ej2-compression": "^15.4.20"
+    "@syncfusion/ej2-popups": "^15.4.22",
+    "@syncfusion/ej2-buttons": "^15.4.22",
+    "@syncfusion/ej2-lists": "^15.4.22",
+    "@syncfusion/ej2-excel-export": "^15.4.22",
+    "@syncfusion/ej2-pdf-export": "^15.4.22",
+    "@syncfusion/ej2-file-utils": "^15.4.22",
+    "@syncfusion/ej2-compression": "^15.4.22"
   },
@@ -24,0 +24,0 @@ "devDependencies": {

src/grid/actions/checkbox-filter.d.ts

@@ -91,2 +91,3 @@ import { L10n } from '@syncfusion/ej2-base';
     private static generatePredicate(cols);
+    private static getCaseValue(filter);
     private static getDatePredicate(predicate);
@@ -93,0 +94,0 @@ private static updateDateFilter(filter);

src/grid/actions/checkbox-filter.js

@@ -198,3 +198,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "@syncfusion/ej2-buttons", "../base/constant", "../services/value-formatter", "../base/util", "@syncfusion/ej2-popups", "@syncfusion/ej2-inputs", "@syncfusion/ej2-popups", "../base/util"], function (require, exports, ej2_base_1, util_1, ej2_base_2, ej2_data_1, ej2_buttons_1, events, value_formatter_1, util_2, ej2_popups_1, ej2_inputs_1, ej2_popups_2, util_3) {
         CheckBoxFilter.prototype.btnClick = function (e) {
-            var text = e.target.innerText.toLowerCase();
+            var text = e.target.firstChild.textContent.toLowerCase();
             if (this.getLocalizedLabel(this.isExcel ? 'OK' : 'Filter').toLowerCase() === text) {
@@ -242,7 +242,7 @@ this.fltrBtnHandler();
                 predicate = firstVal.ejpredicate ? firstVal.ejpredicate :
-                    new ej2_data_1.Predicate(firstVal.field, firstVal.operator, firstVal.value, !firstVal.matchcase);
+                    new ej2_data_1.Predicate(firstVal.field, firstVal.operator, firstVal.value, !firstVal.matchCase);
                 for (var j = 1; j < fColl.length; j++) {
                     predicate = fColl[j].ejpredicate !== undefined ?
                         predicate[fColl[j].predicate](fColl[j].ejpredicate) :
-                        predicate[fColl[j].predicate](fColl[j].field, fColl[j].operator, fColl[j].value, !fColl[j].matchcase);
+                        predicate[fColl[j].predicate](fColl[j].field, fColl[j].operator, fColl[j].value, !fColl[j].matchCase);
                 }
@@ -356,3 +356,3 @@ var args = {
                 var res = result_1[_i];
-                this.result[res[this.options.field]] = true;
+                this.result[ej2_base_1.getValue(this.options.field, res)] = true;
             }
@@ -527,3 +527,3 @@ };
                 predicate = first.ejpredicate ? first.ejpredicate :
-                    new ej2_data_1.Predicate(first.field, first.operator, first.value, first.ignoreCase || !first.matchcase);
+                    new ej2_data_1.Predicate(first.field, first.operator, first.value, CheckBoxFilter.getCaseValue(first));
             }
@@ -537,3 +537,3 @@ for (var p = 1; p < len; p++) {
                     else {
-                        predicate.predicates.push(new ej2_data_1.Predicate(cols[p].field, cols[p].operator, cols[p].value, cols[p].ignoreCase || !cols[p].matchcase));
+                        predicate.predicates.push(new ej2_data_1.Predicate(cols[p].field, cols[p].operator, cols[p].value, CheckBoxFilter.getCaseValue(cols[p])));
                     }
@@ -548,3 +548,3 @@ }
                             predicate[cols[p].predicate](cols[p].ejpredicate) :
-                            predicate[(cols[p].predicate)](cols[p].field, cols[p].operator, cols[p].value, cols[p].ignoreCase || !cols[p].matchcase);
+                            predicate[(cols[p].predicate)](cols[p].field, cols[p].operator, cols[p].value, CheckBoxFilter.getCaseValue(cols[p]));
                     }
@@ -555,7 +555,16 @@ }
         };
+        CheckBoxFilter.getCaseValue = function (filter) {
+            if (ej2_base_1.isNullOrUndefined(filter.ignoreCase) && ej2_base_1.isNullOrUndefined(filter.matchCase)) {
+                return false;
+            }
+            else if (ej2_base_1.isNullOrUndefined(filter.ignoreCase)) {
+                return !filter.matchCase;
+            }
+            else {
+                return filter.ignoreCase;
+            }
+        };
         CheckBoxFilter.getDatePredicate = function (predicate) {
-            if (['equal', 'notequal'].indexOf(predicate.operator) === -1) {
-                if (predicate.value instanceof Date) {
-                    predicate.ignoreCase = false;
-                }
+            if (predicate.value instanceof Date) {
+                predicate.ignoreCase = (['equal', 'notequal'].indexOf(predicate.operator) === -1) ? false : true;
             }
@@ -562,0 +571,0 @@ return new ej2_data_1.Predicate(predicate.field, predicate.operator, predicate.value, predicate.ignoreCase);

src/grid/actions/column-chooser.d.ts

@@ -79,2 +79,3 @@ import { ServiceLocator } from '../services/service-locator';
     private refreshCheckboxState();
+    private checkState(element, state);
     private createCheckBox(label, checked, uid);
@@ -81,0 +82,0 @@ private renderCheckbox(column);

src/grid/actions/column-chooser.js

@@ -78,2 +78,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "@syncfusion/ej2-base", "../base/constant", "@syncfusion/ej2-popups", "../base/util", "@syncfusion/ej2-buttons"], function (require, exports, ej2_base_1, ej2_data_1, ej2_base_2, events, ej2_popups_1, util_1, ej2_buttons_1) {
                         this.dlgObj.hide();
+                        this.refreshCheckboxState();
                         this.isDlgOpen = false;
@@ -363,8 +364,13 @@ }
                     element.checked = true;
+                    this.checkState(element.parentElement.querySelector('.e-icons'), true);
                 }
                 else {
                     element.checked = false;
+                    this.checkState(element.parentElement.querySelector('.e-icons'), false);
                 }
             }
         };
+        ColumnChooser.prototype.checkState = function (element, state) {
+            state ? ej2_base_1.classList(element, ['e-check'], ['e-uncheck']) : ej2_base_1.classList(element, ['e-uncheck'], ['e-check']);
+        };
         ColumnChooser.prototype.createCheckBox = function (label, checked, uid) {
@@ -417,3 +423,3 @@ var cbox = checked ? this.cBoxTrue.cloneNode(true) : this.cBoxFalse.cloneNode(true);
         ColumnChooser.prototype.getModuleName = function () {
-            return 'ColumnChooser';
+            return 'columnChooser';
         };
@@ -420,0 +426,0 @@ return ColumnChooser;

src/grid/actions/data.js

@@ -186,3 +186,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/util", "../base/constant", "../services/value-formatter", "../actions/checkbox-filter"], function (require, exports, ej2_base_1, ej2_data_1, util_1, events, value_formatter_1, checkbox_filter_1) {
             var value = new Date(filterObject.value);
-            if (filterObject.operator === 'equal' || filterObject.operator === 'notequal') {
+            if (filterObject.operator === 'equal' || filterObject.operator === 'notEqual') {
                 prevDate = new Date(value.setDate(value.getDate() - 1));
@@ -196,3 +196,3 @@ nextDate = new Date(value.setDate(value.getDate() + 2));
                 }
-                else if (filterObject.operator === 'notequal') {
+                else if (filterObject.operator === 'notEqual') {
                     prevObj.operator = 'lessthanorequal';
@@ -199,0 +199,0 @@ nextObj.operator = 'greaterthanorequal';

src/grid/actions/edit.js

@@ -211,3 +211,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../renderer/edit-renderer", "../renderer/boolean-edit-cell", "../renderer/dropdown-edit-cell", "../renderer/numeric-edit-cell", "../renderer/default-edit-cell", "./inline-edit", "./batch-edit", "./dialog-edit", "@syncfusion/ej2-popups", "../base/util", "@syncfusion/ej2-inputs", "../renderer/datepicker-edit-cell"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, ej2_base_4, events, edit_renderer_1, boolean_edit_cell_1, dropdown_edit_cell_1, numeric_edit_cell_1, default_edit_cell_1, inline_edit_1, batch_edit_1, dialog_edit_1, ej2_popups_1, util_1, ej2_inputs_1, datepicker_edit_cell_1) {
                 case 'date':
-                    if (col.editType !== 'datepicker') {
+                    if (col.editType !== 'datepicker' && value && value.length) {
                         val = new Date(value);
@@ -214,0 +214,0 @@ }

src/grid/actions/excel-filter.d.ts

@@ -70,2 +70,3 @@ import { FilterSettings } from '../base/grid';
     private renderOperatorUI(column, table, elementID, predicates, isFirst?);
+    private dropDownOpen(args);
     private getSelectedValue(text);
@@ -72,0 +73,0 @@ private dropSelectedVal(col, predicates, isFirst?);

src/grid/actions/excel-filter.js

@@ -352,2 +352,3 @@ var __extends = (this && this.__extends) || (function () {
                 text: selectedValue,
+                open: this.dropDownOpen.bind(this),
                 enableRtl: this.parent.enableRtl
@@ -359,2 +360,5 @@ });
         };
+        ExcelFilter.prototype.dropDownOpen = function (args) {
+            args.popup.element.style.zIndex = (this.dialogObj.zIndex + 1).toString();
+        };
         ExcelFilter.prototype.getSelectedValue = function (text) {
@@ -361,0 +365,0 @@ var selectedField = new ej2_data_1.DataManager(this.optrData).executeLocal(new ej2_data_1.Query().where('text', 'equal', text));

src/grid/actions/export-helper.js

@@ -191,3 +191,3 @@ define(["require", "exports", "./../models/row", "../base/enum", "@syncfusion/ej2-base", "../models/cell", "./../services/value-formatter"], function (require, exports, row_1, enum_1, ej2_base_1, cell_1, value_formatter_1) {
         ExportValueFormatter.prototype.returnFormattedValue = function (args, customFormat) {
-            if (!ej2_base_1.isNullOrUndefined(args.value)) {
+            if (!ej2_base_1.isNullOrUndefined(args.value) && args.value) {
                 return this.valueFormatter.getFormatFunction(customFormat)(args.value);
@@ -201,3 +201,3 @@ }
             if (args.column.type === 'number' && args.column.format !== undefined && args.column.format !== '') {
-                return this.internationalization.getNumberFormat({ format: args.column.format })(args.value);
+                return args.value ? this.internationalization.getNumberFormat({ format: args.column.format })(args.value) : '';
             }
@@ -204,0 +204,0 @@ else if (args.column.type === 'boolean') {

src/grid/actions/filter.d.ts

@@ -80,4 +80,2 @@ import { FilterSettings } from '../base/grid';
     private filterMenuClose(args);
-    private columnMenuFilter(args);
-    private filterDialogOpen(col, target, left?, top?);
     /**
@@ -103,2 +101,4 @@ * Filters grid row by column name with given options.
     private checkAlreadyColFiltered(field);
+    private columnMenuFilter(args);
+    private filterDialogOpen(col, target, left?, top?);
     /**
@@ -105,0 +105,0 @@ * Removes filtered column by field name.

src/grid/actions/filter.js

@@ -27,3 +27,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/constant", "../base/enum", "../renderer/row-renderer", "../models/cell", "../models/row", "../renderer/filter-cell-renderer", "../base/util", "../renderer/filter-menu-renderer", "../actions/checkbox-filter", "../actions/excel-filter"], function (require, exports, ej2_base_1, util_1, ej2_base_2, ej2_data_1, events, enum_1, row_renderer_1, cell_1, row_1, filter_cell_renderer_1, util_2, filter_menu_renderer_1, checkbox_filter_1, excel_filter_1) {
                 if (gObj.columns.length) {
-                    var fltrElem = gObj.element.querySelector('.e-filterbar');
+                    var fltrElem = this.parent.element.querySelector('.e-filterbar');
                     if (fltrElem) {
@@ -174,3 +174,8 @@ ej2_base_2.remove(fltrElem);
             this.parent.on(events.columnPositionChanged, this.columnPositionChanged, this);
-            this.parent.on(events.headerRefreshed, this.render, this);
+            if (this.parent.frozenColumns) {
+                this.parent.on(events.freezeRefresh, this.render, this);
+            }
+            else {
+                this.parent.on(events.headerRefreshed, this.render, this);
+            }
             this.parent.on(events.contentReady, this.initialEnd, this);
@@ -200,29 +205,2 @@ this.parent.on(events.filterMenuClose, this.filterMenuClose, this);
         };
-        Filter.prototype.columnMenuFilter = function (args) {
-            this.column = args.col;
-            var ele = ej2_base_1.closest(args.target, '#' + args.id);
-            if (args.isClose && !ele) {
-                this.filterModule.closeDialog();
-            }
-            else if (ele) {
-                this.filterDialogOpen(this.column, args.target);
-            }
-        };
-        Filter.prototype.filterDialogOpen = function (col, target, left, top) {
-            var gObj = this.parent;
-            if (this.filterModule) {
-                this.filterModule.closeDialog();
-            }
-            this.filterModule = new this.type[col.filter.type || this.parent.filterSettings.type](this.parent, gObj.filterSettings, this.serviceLocator, this.customOperators, this);
-            this.filterModule.openDialog({
-                type: col.type, field: col.field, displayName: col.headerText,
-                dataSource: col.filter.dataSource || gObj.dataSource, format: col.format,
-                filteredColumns: gObj.filterSettings.columns, target: target,
-                sortedColumns: gObj.sortSettings.columns, formatFn: col.getFormatter(),
-                parserFn: col.getParser(), query: gObj.query, template: col.getFilterItemTemplate(),
-                hideSearchbox: ej2_base_1.isNullOrUndefined(col.filter.hideSearchbox) ? false : col.filter.hideSearchbox,
-                handler: this.filterHandler.bind(this), localizedStrings: {},
-                position: { X: left, Y: top }
-            });
-        };
         Filter.prototype.filterByColumn = function (fieldName, filterOperator, filterValue, predicate, matchCase, actualFilterValue, actualOperator) {
@@ -294,5 +272,2 @@ var gObj = this.parent;
                         break;
-                    case 'type':
-                        this.parent.refreshHeader();
-                        break;
                 }
@@ -325,2 +300,29 @@ }
         };
+        Filter.prototype.columnMenuFilter = function (args) {
+            this.column = args.col;
+            var ele = ej2_base_1.closest(args.target, '#' + args.id);
+            if (args.isClose && !ele) {
+                this.filterModule.closeDialog();
+            }
+            else if (ele) {
+                this.filterDialogOpen(this.column, args.target);
+            }
+        };
+        Filter.prototype.filterDialogOpen = function (col, target, left, top) {
+            var gObj = this.parent;
+            if (this.filterModule) {
+                this.filterModule.closeDialog();
+            }
+            this.filterModule = new this.type[col.filter.type || this.parent.filterSettings.type](this.parent, gObj.filterSettings, this.serviceLocator, this.customOperators, this);
+            this.filterModule.openDialog({
+                type: col.type, field: col.field, displayName: col.headerText,
+                dataSource: col.filter.dataSource || gObj.dataSource, format: col.format,
+                filteredColumns: gObj.filterSettings.columns, target: target,
+                sortedColumns: gObj.sortSettings.columns, formatFn: col.getFormatter(),
+                parserFn: col.getParser(), query: gObj.query, template: col.getFilterItemTemplate(),
+                hideSearchbox: ej2_base_1.isNullOrUndefined(col.filter.hideSearchbox) ? false : col.filter.hideSearchbox,
+                handler: this.filterHandler.bind(this), localizedStrings: gObj.getLocaleConstants(),
+                position: { X: left, Y: top }
+            });
+        };
         Filter.prototype.removeFilteredColsByField = function (field, isClearFilterBar) {
@@ -459,4 +461,6 @@ var fCell;
         Filter.prototype.onTimerTick = function () {
-            var filterElement = this.parent.getHeaderContent()
-                .querySelector('#' + this.column.field + '_filterBarcell');
+            var filterElement = this.element.querySelector('#' + this.column.field + '_filterBarcell');
+            if (!filterElement && this.parent.frozenColumns) {
+                filterElement = this.parent.getHeaderContent().querySelector('#' + this.column.field + '_filterBarcell');
+            }
             var filterValue = JSON.parse(JSON.stringify(filterElement.value));
@@ -463,0 +467,0 @@ this.stopTimer();

src/grid/actions/resize.js

@@ -285,2 +285,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "../services/width-controller", "../base/constant", "../base/util"], function (require, exports, ej2_base_1, width_controller_1, events, util_1) {
             this.parent.trigger(events.resizeStop, args);
+            ej2_base_1.closest(this.element, '.e-headercell').classList.add('e-resized');
             this.refresh();
@@ -287,0 +288,0 @@ this.doubleTapEvent(e);

src/grid/actions/scroll.js

@@ -234,7 +234,7 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant", "../services/width-controller"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, util_1, constant_1, width_controller_1) {
             if (!this.parent.enableVirtualization) {
-                this.content.scrollLeft = this.previousValues.left;
+                this.content.scrollLeft = this.header.scrollLeft;
                 this.content.scrollTop = this.previousValues.top;
             }
             if (!this.parent.enableColumnVirtualization) {
-                this.content.scrollLeft = this.previousValues.left;
+                this.content.scrollLeft = this.header.scrollLeft;
             }
@@ -241,0 +241,0 @@ };

src/grid/actions/selection.js

@@ -499,5 +499,7 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/util", "../base/constant", "../base/enum"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, ej2_data_1, util_1, events, enum_1) {
             this.target = cell;
-            cell.setAttribute('aria-selected', 'true');
-            if (!this.preventFocus) {
-                this.focus.onClick({ target: cell }, true);
+            if (!ej2_base_2.isNullOrUndefined(cell)) {
+                cell.setAttribute('aria-selected', 'true');
+                if (!this.preventFocus) {
+                    this.focus.onClick({ target: cell }, true);
+                }
             }
@@ -504,0 +506,0 @@ };

src/grid/actions/show-hide.d.ts

@@ -27,2 +27,3 @@ import { Column } from '../models/column';
     hide(columnName: string | string[], hideBy?: string): void;
+    private batchChanges(handler, columnName, showHide?);
     private getToggleFields(key);
@@ -29,0 +30,0 @@ private getColumns(keys, getKeyBy?);

src/grid/actions/show-hide.js

@@ -9,2 +9,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, util_1, events) {
         ShowHide.prototype.show = function (columnName, showBy) {
+            if (this.batchChanges(this.show, columnName, showBy)) {
+                return;
+            }
             var keys = this.getToggleFields(columnName);
@@ -18,2 +21,5 @@ var columns = this.getColumns(keys, showBy);
         ShowHide.prototype.hide = function (columnName, hideBy) {
+            if (this.batchChanges(this.hide, columnName, hideBy)) {
+                return;
+            }
             var keys = this.getToggleFields(columnName);
@@ -26,2 +32,12 @@ var columns = this.getColumns(keys, hideBy);
         };
+        ShowHide.prototype.batchChanges = function (handler, columnName, showHide) {
+            if (util_1.isActionPrevent(this.parent)) {
+                this.parent.notify(events.preventBatch, {
+                    instance: this, handler: handler,
+                    arg1: columnName, arg2: showHide
+                });
+                return true;
+            }
+            return false;
+        };
         ShowHide.prototype.getToggleFields = function (key) {
@@ -28,0 +44,0 @@ var finalized = [];

src/grid/actions/sort.js

@@ -219,3 +219,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant", "../services/aria-service"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, util_1, events, aria_service_1) {
                 !e.target.classList.contains('e-stackedheadercelldiv') &&
-                !e.target.classList.contains('e-rhandler') &&
+                !(target.classList.contains('e-resized')) &&
                 !e.target.classList.contains('e-columnmenu') &&
@@ -234,2 +234,5 @@ !e.target.classList.contains('e-filtermenudiv')) {
             }
+            if (target) {
+                target.classList.remove('e-resized');
+            }
         };
@@ -236,0 +239,0 @@ Sort.prototype.keyPressed = function (e) {

src/grid/base/grid-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, ChildProperty, Browser, closest, extend } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, append, remove, classList } from '@syncfusion/ej2-base';import { Property, Collection, Complex, Event, NotifyPropertyChanges, INotifyPropertyChanged, L10n } from '@syncfusion/ej2-base';import { EventHandler, KeyboardEvents, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';import { Query, DataManager } from '@syncfusion/ej2-data';import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';import { createSpinner, hideSpinner, showSpinner, Tooltip } from '@syncfusion/ej2-popups';import { iterateArrayOrObject, prepareColumns, parentsUntil, wrap, templateCompiler } from './util';import * as events from '../base/constant';import { IRenderer, IValueFormatter, IFilterOperator, IIndex, RowDataBoundEventArgs, QueryCellInfoEventArgs } from './interface';import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails, ContextMenuItemModel } from './interface';import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, ExcelExportProperties, PdfExportProperties } from './interface';import { ColumnMenuOpenEventArgs } from './interface';import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs, ICustomOptr } from './interface';import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';import { BeforeBatchAddArgs, BeforeBatchDeleteArgs, BeforeBatchSaveArgs, ResizeArgs, ColumnMenuItemModel } from './interface';import { BatchAddArgs, BatchDeleteArgs, BeginEditArgs, CellEditArgs, CellSaveArgs, BeforeDataBoundArgs, RowInfo } from './interface';import { DetailDataBoundEventArgs, ColumnChooserEventArgs, AddEventArgs, SaveEventArgs, EditEventArgs, DeleteEventArgs } from './interface';import { SearchEventArgs, SortEventArgs, ISelectedCell, EJ2Intance, BeforeCopyEventArgs, CheckBoxChangeEventArgs } from './interface';import { Render } from '../renderer/render';import { Column, ColumnModel } from '../models/column';import { Action, SelectionType, GridLine, RenderType, SortDirection, SelectionMode, PrintMode, FilterType, FilterBarMode } from './enum';import { WrapMode, ToolbarItems, ContextMenuItem, ColumnMenuItem, ToolbarItem } from './enum';import { Data } from '../actions/data';import { CellRendererFactory } from '../services/cell-render-factory';import { ServiceLocator } from '../services/service-locator';import { ValueFormatter } from '../services/value-formatter';import { RendererFactory } from '../services/renderer-factory';import { ColumnWidthService } from '../services/width-controller';import { AriaService } from '../services/aria-service';import { FocusStrategy } from '../services/focus-strategy';import { PageSettingsModel, AggregateRowModel } from '../models/models';import { PageSettings } from '../models/page-settings';import { Sort } from '../actions/sort';import { Page } from '../actions/page';import { Selection } from '../actions/selection';import { Filter } from '../actions/filter';import { Search } from '../actions/search';import { Resize } from '../actions/resize';import { Reorder } from '../actions/reorder';import { RowDD } from '../actions/row-reorder';import { ShowHide } from '../actions/show-hide';import { Scroll } from '../actions/scroll';import { Group } from '../actions/group';import { Print } from '../actions/print';import { DetailRow } from '../actions/detail-row';import { Toolbar } from '../actions/toolbar';import { AggregateRow } from '../models/aggregate';import { Edit } from '../actions/edit';import { Row } from '../models/row';import { ColumnChooser } from '../actions/column-chooser';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Clipboard } from '../actions/clipboard';import { CommandColumn } from '../actions/command-column';import { ContextMenu } from '../actions/context-menu';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { ColumnMenu } from '../actions/column-menu';
+import { Component, ModuleDeclaration, ChildProperty, Browser, closest, extend } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, append, remove, classList } from '@syncfusion/ej2-base';import { Property, Collection, Complex, Event, NotifyPropertyChanges, INotifyPropertyChanged, L10n } from '@syncfusion/ej2-base';import { EventHandler, KeyboardEvents, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';import { Query, DataManager } from '@syncfusion/ej2-data';import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';import { createSpinner, hideSpinner, showSpinner, Tooltip } from '@syncfusion/ej2-popups';import { iterateArrayOrObject, prepareColumns, parentsUntil, wrap, templateCompiler } from './util';import * as events from '../base/constant';import { IRenderer, IValueFormatter, IFilterOperator, IIndex, RowDataBoundEventArgs, QueryCellInfoEventArgs } from './interface';import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails, ContextMenuItemModel } from './interface';import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, ExcelExportProperties, PdfExportProperties } from './interface';import { ColumnMenuOpenEventArgs, RecordDoubleClickEventArgs } from './interface';import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs, ICustomOptr } from './interface';import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';import { BeforeBatchAddArgs, BeforeBatchDeleteArgs, BeforeBatchSaveArgs, ResizeArgs, ColumnMenuItemModel } from './interface';import { BatchAddArgs, BatchDeleteArgs, BeginEditArgs, CellEditArgs, CellSaveArgs, BeforeDataBoundArgs, RowInfo } from './interface';import { DetailDataBoundEventArgs, ColumnChooserEventArgs, AddEventArgs, SaveEventArgs, EditEventArgs, DeleteEventArgs } from './interface';import { SearchEventArgs, SortEventArgs, ISelectedCell, EJ2Intance, BeforeCopyEventArgs, CheckBoxChangeEventArgs } from './interface';import { Render } from '../renderer/render';import { Column, ColumnModel } from '../models/column';import { Action, SelectionType, GridLine, RenderType, SortDirection, SelectionMode, PrintMode, FilterType, FilterBarMode } from './enum';import { WrapMode, ToolbarItems, ContextMenuItem, ColumnMenuItem, ToolbarItem } from './enum';import { Data } from '../actions/data';import { CellRendererFactory } from '../services/cell-render-factory';import { ServiceLocator } from '../services/service-locator';import { ValueFormatter } from '../services/value-formatter';import { RendererFactory } from '../services/renderer-factory';import { ColumnWidthService } from '../services/width-controller';import { AriaService } from '../services/aria-service';import { FocusStrategy } from '../services/focus-strategy';import { PageSettingsModel, AggregateRowModel } from '../models/models';import { PageSettings } from '../models/page-settings';import { Sort } from '../actions/sort';import { Page } from '../actions/page';import { Selection } from '../actions/selection';import { Filter } from '../actions/filter';import { Search } from '../actions/search';import { Resize } from '../actions/resize';import { Reorder } from '../actions/reorder';import { RowDD } from '../actions/row-reorder';import { ShowHide } from '../actions/show-hide';import { Scroll } from '../actions/scroll';import { Group } from '../actions/group';import { Print } from '../actions/print';import { DetailRow } from '../actions/detail-row';import { Toolbar } from '../actions/toolbar';import { AggregateRow } from '../models/aggregate';import { Edit } from '../actions/edit';import { Row } from '../models/row';import { ColumnChooser } from '../actions/column-chooser';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Clipboard } from '../actions/clipboard';import { CommandColumn } from '../actions/command-column';import { ContextMenu } from '../actions/context-menu';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { ColumnMenu } from '../actions/column-menu';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -926,2 +926,8 @@
     /**
+     * Triggers when record is double clicked.
+     * @event 
+     */
+    recordDoubleClick?: EmitType<RecordDoubleClickEventArgs>;
+
+    /**
      * Triggers before any row selection occurs.
@@ -928,0 +934,0 @@ * @event

src/grid/base/grid.d.ts

@@ -10,3 +10,3 @@ import { Component, ModuleDeclaration, ChildProperty } from '@syncfusion/ej2-base';
 import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, ExcelExportProperties, PdfExportProperties } from './interface';
-import { ColumnMenuOpenEventArgs } from './interface';
+import { ColumnMenuOpenEventArgs, RecordDoubleClickEventArgs } from './interface';
 import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs, ICustomOptr } from './interface';
@@ -1017,2 +1017,7 @@ import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';
     /**
+     * Triggers when record is double clicked.
+     * @event
+     */
+    recordDoubleClick: EmitType<RecordDoubleClickEventArgs>;
+    /**
      * Triggers before any row selection occurs.
@@ -1019,0 +1024,0 @@ * @event

src/grid/base/interface.d.ts

@@ -640,2 +640,20 @@ import { Component, NumberFormatOptions, DateFormatOptions, EmitType, KeyboardEventArgs } from '@syncfusion/ej2-base';
 }
+export interface RecordDoubleClickEventArgs {
+    /** Defines the target element. */
+    target?: Element;
+    /** Defines the cell element. */
+    cell?: Element;
+    /** Defines the cell index. */
+    cellIndex?: number;
+    /** Defines the column object. */
+    column?: Column;
+    /** Defines the name of the event. */
+    name?: string;
+    /** Defines the row element. */
+    row?: Element;
+    /** Defines the current row data. */
+    rowData?: Object;
+    /** Defines the row index. */
+    rowIndex?: number;
+}
 export interface RowSelectingEventArgs extends RowSelectEventArgs {
@@ -642,0 +660,0 @@ /** Defines whether CTRL key is pressed. */

src/grid/renderer/filter-cell-renderer.js

@@ -88,2 +88,3 @@ var __extends = (this && this.__extends) || (function () {
                 }
+                this.appendHtml(node, innerDIV);
                 if ((ej2_base_1.isNullOrUndefined(column.allowFiltering) || column.allowFiltering) && !ej2_base_1.isNullOrUndefined(column.filterBarTemplate)) {
@@ -97,3 +98,2 @@ var templateWrite = column.filterBarTemplate.write;
                 }
-                this.appendHtml(node, innerDIV);
             }
@@ -100,0 +100,0 @@ return node;

src/grid/services/focus-strategy.js

@@ -338,3 +338,3 @@ var __extends = (this && this.__extends) || (function () {
             var target = e.target;
-            target = (target.classList.contains('e-rowcell') ? target : ej2_base_1.closest(target, 'td'));
+            target = (target.classList.contains('e-rowcell') ? target : ej2_base_1.closest(target, 'td.e-rowcell'));
             if (!target) {
@@ -341,0 +341,0 @@ return;

src/grid/services/width-controller.js

@@ -79,4 +79,7 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../models/column"], function (require, exports, ej2_base_1, ej2_base_2, constant_1, column_1) {
             var result = 0;
+            var classList = ['e-gridheader', 'e-gridfooter', 'e-groupdroparea', 'e-gridpager', 'e-toolbar'];
             while (sibling) {
-                result += sibling.offsetHeight;
+                if (classList.some(function (value) { return sibling.classList.contains(value); })) {
+                    result += sibling.offsetHeight;
+                }
                 sibling = sibling[direction + 'ElementSibling'];
@@ -83,0 +86,0 @@ }

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

19927033

decreased by-18.76%

Number of package files

265

decreased by-28.76%

Lines of code

242028

decreased by-9.14%

Dependency changes

• Updated@syncfusion/ej2-buttons@^15.4.22

• Updated@syncfusion/ej2-compression@^15.4.22

• Updated@syncfusion/ej2-data@^15.4.22

• Updated@syncfusion/ej2-excel-export@^15.4.22

• Updated@syncfusion/ej2-file-utils@^15.4.22

• Updated@syncfusion/ej2-lists@^15.4.22

• Updated@syncfusion/ej2-navigations@^15.4.22

• Updated@syncfusion/ej2-pdf-export@^15.4.22

• Updated@syncfusion/ej2-popups@^15.4.22