@syncfusion/ej2-grids 18.3.44 → 18.3.50-85492

package/src/grid/base/grid.d.ts

@@ -506,7 +506,7 @@ export declare class GroupSettings extends ChildProperty<GroupSettings> {
     /**
      * The Caption Template allows user to display the string or HTML element in group caption.
      * > It accepts either the
-     * [template string](http://ej2.syncfusion.com/documentation/common/template-engine/) or the HTML element ID.
+     * [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or the HTML element ID.
      * @default ''
      */
     captionTemplate: string;
@@ -669,7 +669,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /** @hidden */
     /**
      * Gets the parent Grid details.
-
+     * @deprecated
      */
     parentDetails: ParentDetails;
     /** @hidden */
@@ -871,7 +871,6 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     enableAutoFill: boolean;
     /**
      * Enables or disables the key board interaction of Grid.
-     * @hidden
      * @default true
      */
     allowKeyboard: boolean;
@@ -926,7 +925,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
      * This helps to load large dataset in Grid.
      * {% codeBlock src='grid/enableInfiniteScrolling/index.md' %}{% endcodeBlock %}
      * @default false
-
+     * @deprecated
      */
     enableInfiniteScrolling: boolean;
     /**
@@ -986,7 +985,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
      * Configures the infinite scroll settings.
      * {% codeBlock src='grid/infiniteScrollSettings/index.md' %}{% endcodeBlock %}
      * @default { enableCache: false, maxBlocks: 5, initialBlocks: 5 }
-
+     * @deprecated
      */
     infiniteScrollSettings: InfiniteScrollSettingsModel;
     /**
@@ -1139,7 +1138,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
      * > * It accepts either [template string](../../common/template-engine/) or HTML element ID.
      * > * The row template must be a table row.
      *
-     * > Check the [`Row Template`](grid/row/) customization.
+     * > Check the [`Row Template`](../../grid/row/) customization.
      */
     rowTemplate: string;
     /**
@@ -1152,7 +1151,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     detailTemplate: string;
     /**
      * Defines Grid options to render child Grid.
-     * It requires the [`queryString`](grid/#querystring-string) for parent
+     * It requires the [`queryString`](/#querystring) for parent
      * and child relationship.
      *
      * > Check the [`Child Grid`](../../grid/hierarchy-grid/) for its configuration.
@@ -1182,9 +1181,9 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * It is used to render grid table rows.
      * If the `dataSource` is an array of JavaScript objects,
-     * then Grid will create instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data/api-dataManager.html)
+     * then Grid will create instance of [`DataManager`](https://ej2.syncfusion.com/documentation/api/data/dataManager/)
      * from this `dataSource`.
-     * If the `dataSource` is an existing [`DataManager`](https://ej2.syncfusion.com/documentation/data/api-dataManager.html),
+     * If the `dataSource` is an existing [`DataManager`](https://ej2.syncfusion.com/documentation/api/data/dataManager/),
      *  the Grid will not initialize a new one.
      *
      * > Check the available [`Adaptors`](../../data/adaptors/) to customize the data operation.
@@ -1426,99 +1425,99 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers before the selected cell is deselecting.
      * @event
-
+     * @deprecated
      */
     cellDeselecting: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when a particular selected cell is deselected.
      * @event
-
+     * @deprecated
      */
     cellDeselected: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when column header element drag (move) starts.
      * @event
-
+     * @deprecated
      */
     columnDragStart: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when column header element is dragged (moved) continuously.
      * @event
-
+     * @deprecated
      */
     columnDrag: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when a column header element is dropped on the target column.
      * @event
-
+     * @deprecated
      */
     columnDrop: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers after print action is completed.
      * @event
-
+     * @deprecated
      */
     printComplete: EmitType<PrintEventArgs>;
     /**
      * Triggers before the print action starts.
      * @event
-
+     * @deprecated
      */
     beforePrint: EmitType<PrintEventArgs>;
     /**
      * Triggers before exporting each cell to PDF document. You can also customize the PDF cells.
      * @event
-
+     * @deprecated
      */
     pdfQueryCellInfo: EmitType<PdfQueryCellInfoEventArgs>;
     /**
      * Triggers before exporting each header cell to PDF document. You can also customize the PDF cells.
      * @event
-
+     * @deprecated
      */
     pdfHeaderQueryCellInfo: EmitType<PdfHeaderQueryCellInfoEventArgs>;
     /**
      * Triggers before exporting aggregate cell to PDF document. You can also customize the PDF cells.
      * @event
-
+     * @deprecated
      */
     pdfAggregateQueryCellInfo: EmitType<AggregateQueryCellInfoEventArgs>;
     /**
      * Triggers before exporting aggregate cell to Excel document. You can also customize the PDF cells.
      * @event
-
+     * @deprecated
      */
     excelAggregateQueryCellInfo: EmitType<AggregateQueryCellInfoEventArgs>;
     /**
      * Triggers before exporting each detail Grid to PDF document.
      * @event
-
+     * @deprecated
      */
     exportDetailDataBound: EmitType<ExportDetailDataBoundEventArgs>;
     /**
      * Triggers before exporting each cell to Excel file.
      * You can also customize the Excel cells.
      * @event
-
+     * @deprecated
      */
     excelQueryCellInfo: EmitType<ExcelQueryCellInfoEventArgs>;
     /**
      * Triggers before exporting each header cell to Excel file.
      * You can also customize the Excel cells.
      * @event
-
+     * @deprecated
      */
     excelHeaderQueryCellInfo: EmitType<ExcelHeaderQueryCellInfoEventArgs>;
     /**
      * Triggers before Grid data is exported to Excel file.
      * @event
-
+     * @deprecated
      */
     beforeExcelExport: EmitType<Object>;
     /**
      * Triggers after Grid data is exported to Excel file.
      * @event
-
+     * @deprecated
      */
     excelExportComplete: EmitType<ExcelExportCompleteArgs>;
     /**
@@ -1530,13 +1529,13 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers after Grid data is exported to PDF document.
      * @event
-
+     * @deprecated
      */
     pdfExportComplete: EmitType<PdfExportCompleteArgs>;
     /**
      * Triggers when row element's before drag(move).
      * @event
-
+     * @deprecated
      */
     rowDragStartHelper: EmitType<RowDragEventArgs>;
     /**
@@ -1555,7 +1554,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers when row elements are dragged (moved) continuously.
      * @event
-
+     * @deprecated
      */
     rowDrag: EmitType<RowDragEventArgs>;
     /**
@@ -1574,25 +1573,25 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers before the columnChooser open.
      * @event
-
+     * @deprecated
      */
     beforeOpenColumnChooser: EmitType<ColumnChooserEventArgs>;
     /**
      * Triggers when records are added in batch mode.
      * @event
-
+     * @deprecated
      */
     batchAdd: EmitType<BatchAddArgs>;
     /**
      * Triggers when records are deleted in batch mode.
      * @event
-
+     * @deprecated
      */
     batchDelete: EmitType<BatchDeleteArgs>;
     /**
      * Triggers when cancel the batch edit changes batch mode.
      * @event
-
+     * @deprecated
      */
     batchCancel: EmitType<BatchCancelArgs>;
     /**
@@ -1652,7 +1651,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers on column resizing.
      * @event
-
+     * @deprecated
      */
     resizing: EmitType<ResizeArgs>;
     /**
@@ -1664,7 +1663,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers when any keyboard keys are pressed inside the grid.
      * @event
-
+     * @deprecated
      */
     keyPressed: EmitType<KeyboardEventArgs>;
     /**
@@ -1676,7 +1675,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers before context menu opens.
      * @event
-
+     * @deprecated
      */
     contextMenuOpen: EmitType<BeforeOpenCloseMenuEventArgs>;
     /**
@@ -1689,7 +1688,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers before column menu opens.
      * @event
-
+     * @deprecated
      */
     columnMenuOpen: EmitType<ColumnMenuOpenEventArgs>;
     /**
@@ -1702,25 +1701,25 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Triggers when the check box state change in checkbox column.
      * @event
-
+     * @deprecated
      */
     checkBoxChange: EmitType<CheckBoxChangeEventArgs>;
     /**
      * Triggers before Grid copy action.
      * @event
-
+     * @deprecated
      */
     beforeCopy: EmitType<BeforeCopyEventArgs>;
     /**
      * Triggers before Grid paste action.
      * @event
-
+     * @deprecated
      */
     beforePaste: EmitType<BeforePasteEventArgs>;
     /**
      * Triggers before Grid autoFill action.
      * @event
-
+     * @deprecated
      */
     beforeAutoFill: EmitType<BeforeAutoFillEventArgs>;
     /**
@@ -1728,39 +1727,39 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
      * In this event,the current view column data and total record count should be assigned to the column `dataSource` based
      * on the action performed.
      * @event
-
+     * @deprecated
      */
     columnDataStateChange: EmitType<ColumnDataStateChangeEventArgs>;
     /**
      * Triggers when the grid actions such as Sorting, Paging, Grouping etc., are done.
      * In this event,the current view data and total record count should be assigned to the `dataSource` based on the action performed.
      * @event
-
+     * @deprecated
      */
     dataStateChange: EmitType<DataStateChangeEventArgs>;
     /**
      * Triggers when the grid data is added, deleted and updated.
      * Invoke the done method from the argument to start render after edit operation.
      * @event
-
+     * @deprecated
      */
     dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
     /**
      * Triggers before exporting each caption row to PDF/Excel/CSV document. You can also customize the export caption row values.
      * @event
-
+     * @deprecated
      */
     exportGroupCaption: EmitType<ExportGroupCaptionEventArgs>;
     /**
      * Triggers when expand the caption row in lazy load grouping.
      * @event
-
+     * @deprecated
      */
     lazyLoadGroupExpand: EmitType<LazyLoadArgs>;
     /**
      * Triggers when collapse the caption row in lazy load grouping.
      * @event
-
+     * @deprecated
      */
     lazyLoadGroupCollapse: EmitType<LazyLoadArgs>;
     /**
@@ -2745,7 +2744,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * Get all filtered records from the Grid and it returns array of objects for the local dataSource, returns a promise object if the Grid has remote data.
      * @return {Object[] | Promise<Object>}
-
+     * @deprecated
      */
     getFilteredRecords(): Object[] | Promise<Object>;
     private getUserAgent;
@@ -2785,7 +2784,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     getHiddenColumns(): Column[];
     /**
      *  calculatePageSizeByParentHeight
-
+     * @deprecated
      */
     calculatePageSizeByParentHeight(containerHeight: number | string): number;
     private getNoncontentHeight;
@@ -2793,7 +2792,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
      *To perform aggregate operation on a column.
      *@param  {AggregateColumnModel} summaryCol - Pass Aggregate Column details.
      *@param  {Object} summaryData - Pass JSON Array for which its field values to be calculated.
-
+     * @deprecated
      */
     getSummaryValues(summaryCol: AggregateColumnModel, summaryData: Object): number;
     /**
@@ -2803,7 +2802,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
     /**
      * @param {number} key - Defines the primary key value.
      * @param {Object} value - Defines the row data.
-
+     * @deprecated
      */
     updateRowValue(key: number, rowData: Object): void;
     /**

package/src/grid/base/grid.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Component, ChildProperty, Browser, closest, extend } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, setValue, getValue, isBlazor, blazorTemplates } from '@syncfusion/ej2-base';
 import { addClass, removeClass, append, remove, updateBlazorTemplate, classList, setStyleAttribute } from '@syncfusion/ej2-base';
@@ -1011,6 +1011,9 @@ var Grid = /** @class */ (function (_super) {
             return;
         }
         this.log('module_missing');
+        if (this.isEllipsisTooltip()) {
+            this.toolTipObj.close();
+        }
         var properties = Object.keys(newProp);
         if (properties.indexOf('columns') > -1) {
             this.updateColumnObject();
@@ -1260,6 +1263,9 @@ var Grid = /** @class */ (function (_super) {
                     this.notify(events.dataSourceModified, {});
                     if (!requireGridRefresh) {
                         this.renderModule.refresh();
+                        if (this.isCheckBoxSelection) {
+                            this.notify(events.beforeRefreshOnDataChange, {});
+                        }
                     }
                 }
                 this.scrollRefresh();
@@ -3139,7 +3145,8 @@ var Grid = /** @class */ (function (_super) {
             parentsUntil(e.target, 'e-gridheader'))) && e.touches) {
             return;
         }
-        if (parentsUntil(e.target, 'e-gridheader') && this.allowRowDragAndDrop) {
+        if (parentsUntil(e.target, 'e-gridheader') && this.allowRowDragAndDrop &&
+            !(parentsUntil(e.target, 'e-filterbarcell'))) {
             e.preventDefault();
         }
         var args = this.getRowInfo(e.target);
@@ -3334,12 +3341,14 @@ var Grid = /** @class */ (function (_super) {
         }
     };
     Grid.prototype.keyActionHandler = function (e) {
-        this.keyPress = e.action !== 'space';
         if (this.isChildGrid(e) ||
             (this.isEdit && e.action !== 'escape' && e.action !== 'enter' && e.action !== 'shiftEnter'
                 && e.action !== 'tab' && e.action !== 'shiftTab')) {
             return;
         }
+        else {
+            this.keyPress = true;
+        }
         if (this.allowKeyboard) {
             if (e.action === 'ctrlPlusP') {
                 e.preventDefault();
@@ -3728,7 +3737,7 @@ var Grid = /** @class */ (function (_super) {
     /**
      * Get all filtered records from the Grid and it returns array of objects for the local dataSource, returns a promise object if the Grid has remote data.
      * @return {Object[] | Promise<Object>}
-
+     * @deprecated
      */
     Grid.prototype.getFilteredRecords = function () {
         if (this.allowFiltering && this.filterSettings.columns.length) {
@@ -3854,7 +3863,7 @@ var Grid = /** @class */ (function (_super) {
     };
     /**
      *  calculatePageSizeByParentHeight
-
+     * @deprecated
      */
     Grid.prototype.calculatePageSizeByParentHeight = function (containerHeight) {
         if (this.allowPaging) {
@@ -3904,7 +3913,7 @@ var Grid = /** @class */ (function (_super) {
      *To perform aggregate operation on a column.
      *@param  {AggregateColumnModel} summaryCol - Pass Aggregate Column details.
      *@param  {Object} summaryData - Pass JSON Array for which its field values to be calculated.
-
+     * @deprecated
      */
     Grid.prototype.getSummaryValues = function (summaryCol, summaryData) {
         return DataUtil.aggregates[summaryCol.type.toLowerCase()](summaryData, summaryCol.field);
@@ -3919,7 +3928,7 @@ var Grid = /** @class */ (function (_super) {
     /**
      * @param {number} key - Defines the primary key value.
      * @param {Object} value - Defines the row data.
-
+     * @deprecated
      */
     Grid.prototype.updateRowValue = function (key, rowData) {
         var args = {

package/src/grid/base/interface.d.ts

@@ -404,6 +404,7 @@ export interface IGrid extends Component<HTMLElement> {
     enableHeaderFocus?: boolean;
     renderTemplates?: Function;
     isReact?: boolean;
+    isVue?: boolean;
     /**
      * @hidden
      * It used to render pager template
@@ -740,9 +741,13 @@ export interface NotifyArgs {
     promise?: Promise<Object>;
 }
 export interface LazyLoadArgs {
+    /** Defines expand/collapse caption row details. */
     groupInfo?: Row<Column>;
+    /** Defines whether get rows from group cache or make a request. */
     enableCaching?: boolean;
+    /** Cancel the expand/collapse action. */
     cancel?: boolean;
+    /** Defines the caption row element. */
     captionRowElement?: HTMLTableRowElement;
 }
 export interface LazyLoadGroupArgs extends LazyLoadArgs {
@@ -1091,9 +1096,13 @@ export interface ExportDetailDataBoundEventArgs {
     exportProperties?: PdfExportProperties | ExcelExportProperties;
 }
 export interface AggregateQueryCellInfoEventArgs {
+    /** Defines the row data associated with this cell. */
     row?: Object;
+    /** Defines the type of the cell */
     type?: AggregateTemplateType;
+    /** Defines the data of the current cell */
     data?: object;
+    /** Defines the style of the current cell. */
     style?: object;
 }
 export interface PdfHeaderQueryCellInfoEventArgs {
@@ -1835,6 +1844,7 @@ export interface IFocus {
     onKeyPress?: Function;
     onClick?: Function;
     onFocus?: Function;
+    target?: HTMLElement;
     jump?: (action: string, current: number[]) => SwapInfo;
     getFocusInfo?: () => FocusInfo;
     getFocusable?: (element: HTMLElement) => HTMLElement;
@@ -2229,6 +2239,9 @@ export interface CaptionTemplateContext {
     /** Gets header text of the grouped column */
     headerText?: string;
 }
+/**
+ * @hidden
+ */
 export interface ActionArgs {
     /**
      * @blazorType string

package/src/grid/base/util.js

@@ -1,7 +1,7 @@
 import { ChildProperty, compile as baseTemplateComplier, setValue, Internationalization, isUndefined, closest } from '@syncfusion/ej2-base';
 import { extend as baseExtend, isNullOrUndefined, getValue, classList } from '@syncfusion/ej2-base';
 import { setStyleAttribute, addClass, attributes, remove, createElement, removeClass } from '@syncfusion/ej2-base';
-import { isObject, isBlazor, Browser } from '@syncfusion/ej2-base';
+import { isObject, isBlazor, Browser, select, selectAll } from '@syncfusion/ej2-base';
 import { DataUtil, Query, DataManager, Predicate, UrlAdaptor, Deferred } from '@syncfusion/ej2-data';
 import { Column } from '../models/column';
 import { calculateRelativeBasedPosition, calculatePosition } from '@syncfusion/ej2-popups';
@@ -490,9 +490,9 @@ export function isEditable(col, type, elem) {
 }
 /** @hidden */
 export function isActionPrevent(inst) {
-    var dlg = inst.element.querySelector('#' + inst.element.id + 'EditConfirm');
+    var dlg = select('#' + inst.element.id + 'EditConfirm', inst.element);
     return inst.editSettings.mode === 'Batch' &&
-        (inst.element.querySelectorAll('.e-updatedtd').length) && inst.editSettings.showConfirmDialog &&
+        (selectAll('.e-updatedtd', inst.element).length) && inst.editSettings.showConfirmDialog &&
         (dlg ? dlg.classList.contains('e-popup-close') : true);
 }
 /** @hidden */

package/src/grid/common/excel-filter-base.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { EventHandler, remove, Browser, isBlazor, updateBlazorTemplate } from '@syncfusion/ej2-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';