@syncfusion/ej2-grids 18.3.44 → 18.3.50-85492

package/helpers/e2e/index.js

@@ -1,6 +1,6 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
 Object.defineProperty(exports, "__esModule", { value: true });
 __export(require("./gridhelper"));

package/license

@@ -1,10 +1,10 @@
-Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
-
-To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
-
-Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
-
-Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
-
-The Syncfusion license that contains the terms and conditions can be found at 
-https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,81 +1,81 @@
-{
-  "_from": "@syncfusion/ej2-grids@*",
-  "_id": "@syncfusion/ej2-grids@18.3.42",
-  "_inBundle": false,
-  "_integrity": "sha512-/kXcExNcgcFbFfNs6TJsqFZNrHmUnFu1CyC8JJlFuh3cS88SfmPme0s7Gv31IFT6WS9grQ+P7cL0n730rDwZDw==",
-  "_location": "/@syncfusion/ej2-grids",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-grids@*",
-    "name": "@syncfusion/ej2-grids",
-    "escapedName": "@syncfusion%2fej2-grids",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-grids",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-spreadsheet",
-    "/@syncfusion/ej2-treegrid",
-    "/@syncfusion/ej2-vue-grids"
-  ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-grids/-/ej2-grids-18.3.42.tgz",
-  "_shasum": "efe26a7cf4f2f565a5f76860fbb8ba5ab7a2052b",
-  "_spec": "@syncfusion/ej2-grids@*",
-  "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~18.3.44",
-    "@syncfusion/ej2-buttons": "~18.3.40",
-    "@syncfusion/ej2-calendars": "~18.3.42",
-    "@syncfusion/ej2-compression": "~18.3.35",
-    "@syncfusion/ej2-data": "~18.3.42",
-    "@syncfusion/ej2-dropdowns": "~18.3.44",
-    "@syncfusion/ej2-excel-export": "~18.3.35",
-    "@syncfusion/ej2-file-utils": "~18.3.35",
-    "@syncfusion/ej2-inputs": "~18.3.44",
-    "@syncfusion/ej2-lists": "~18.3.44",
-    "@syncfusion/ej2-navigations": "~18.3.44",
-    "@syncfusion/ej2-pdf-export": "~18.3.35",
-    "@syncfusion/ej2-popups": "~18.3.35",
-    "@syncfusion/ej2-splitbuttons": "~18.3.40"
-  },
-  "deprecated": false,
-  "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-grids.es2015.js",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "ej2-grids",
-    "web-components",
-    "JavaScript",
-    "TypeScript",
-    "grid",
-    "data",
-    "table"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-grids.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-grids",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/grids"
-  },
-  "typings": "index.d.ts",
-  "version": "18.3.44",
-  "sideEffects": false
-}
+{
+    "_from": "@syncfusion/ej2-grids@*",
+    "_id": "@syncfusion/ej2-grids@18.3.48",
+    "_inBundle": false,
+    "_integrity": "sha512-sC3SV2jJ+KnOgi/IMHcSn+OMBkrpUp9jqhvzzZ9woUyhuBRgU1OS+37PhH6D3b/E+usfKfjvcHGc69dPCFzGPA==",
+    "_location": "/@syncfusion/ej2-grids",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-grids@*",
+      "name": "@syncfusion/ej2-grids",
+      "escapedName": "@syncfusion%2fej2-grids",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/",
+      "/@syncfusion/ej2",
+      "/@syncfusion/ej2-angular-grids",
+      "/@syncfusion/ej2-filemanager",
+      "/@syncfusion/ej2-gantt",
+      "/@syncfusion/ej2-pivotview",
+      "/@syncfusion/ej2-react-grids",
+      "/@syncfusion/ej2-spreadsheet",
+      "/@syncfusion/ej2-treegrid",
+      "/@syncfusion/ej2-vue-grids"
+    ],
+    "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-grids/-/ej2-grids-18.3.48.tgz",
+    "_shasum": "4e60fa0fc9b98a8f1bb8961710855134be361632",
+    "_spec": "@syncfusion/ej2-grids@*",
+    "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~18.3.49",
+      "@syncfusion/ej2-buttons": "~18.3.47",
+      "@syncfusion/ej2-calendars": "~18.3.48",
+      "@syncfusion/ej2-compression": "~18.3.47",
+      "@syncfusion/ej2-data": "~18.3.47",
+      "@syncfusion/ej2-dropdowns": "~18.3.48",
+      "@syncfusion/ej2-excel-export": "~18.3.47",
+      "@syncfusion/ej2-file-utils": "~18.3.47",
+      "@syncfusion/ej2-inputs": "~18.3.48",
+      "@syncfusion/ej2-lists": "~18.3.47",
+      "@syncfusion/ej2-navigations": "~18.3.50",
+      "@syncfusion/ej2-pdf-export": "~18.3.47",
+      "@syncfusion/ej2-popups": "~18.3.50",
+      "@syncfusion/ej2-splitbuttons": "~18.3.50"
+    },
+    "deprecated": false,
+    "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.",
+    "devDependencies": {},
+    "es2015": "./dist/es6/ej2-grids.es2015.js",
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "ej2-grids",
+      "web-components",
+      "JavaScript",
+      "TypeScript",
+      "grid",
+      "data",
+      "table"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-grids.umd.min.js",
+    "module": "./index.js",
+    "name": "@syncfusion/ej2-grids",
+    "repository": {
+      "type": "git",
+      "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/grids"
+    },
+    "typings": "index.d.ts",
+    "version": "18.3.50-85492",
+    "sideEffects": false
+  }

package/src/grid/actions/batch-edit.js

@@ -1,4 +1,4 @@
-import { extend, addClass, removeClass, setValue, isBlazor, closest } from '@syncfusion/ej2-base';
+import { extend, addClass, removeClass, setValue, isBlazor, closest, select } from '@syncfusion/ej2-base';
 import { remove, classList, updateBlazorTemplate, blazorTemplates, resetBlazorTemplate } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 import { CellType } from '../base/enum';
@@ -866,7 +866,7 @@ var BatchEdit = /** @class */ (function () {
             }
             _this.renderer.update(cellEditArgs);
             _this.parent.notify(events.batchEditFormRendered, cellEditArgs);
-            _this.form = gObj.element.querySelector('#' + gObj.element.id + 'EditForm');
+            _this.form = select('#' + gObj.element.id + 'EditForm', gObj.element);
             gObj.editModule.applyFormValidation([col]);
             _this.parent.element.querySelector('.e-gridpopup').style.display = 'none';
         });

package/src/grid/actions/dialog-edit.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 { NormalEdit } from './normal-edit';
 /**
  * `DialogEdit` module is used to handle dialog editing actions.

package/src/grid/actions/edit.js

@@ -1,4 +1,4 @@
-import { closest, addClass } from '@syncfusion/ej2-base';
+import { closest, addClass, select } from '@syncfusion/ej2-base';
 import { extend, getValue, resetBlazorTemplate, updateBlazorTemplate, isBlazor } from '@syncfusion/ej2-base';
 import { remove } from '@syncfusion/ej2-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
@@ -709,7 +709,7 @@ var Edit = /** @class */ (function () {
         var frzCols = gObj.getFrozenColumns();
         var form = this.parent.editSettings.mode !== 'Dialog' ?
             gObj.element.querySelector('.e-gridform') :
-            document.querySelector('#' + gObj.element.id + '_dialogEdit_wrapper').querySelector('.e-gridform');
+            select('#' + gObj.element.id + '_dialogEdit_wrapper .e-gridform', document);
         var mForm = gObj.element.querySelectorAll('.e-gridform')[1];
         var rules = {};
         var mRules = {};
@@ -781,7 +781,7 @@ var Edit = /** @class */ (function () {
                 > (parseInt(closest(inputElement, '.e-row').getAttribute('aria-rowindex'), 10) || 0));
         }
         return this.parent.editSettings.mode !== 'Dialog' ? isFHdr ? this.parent.getHeaderTable() : this.parent.getContentTable() :
-            document.querySelector('#' + this.parent.element.id + '_dialogEdit_wrapper');
+            select('#' + this.parent.element.id + '_dialogEdit_wrapper', document);
     };
     Edit.prototype.validationComplete = function (args) {
         if (this.parent.isEdit) {
@@ -837,7 +837,7 @@ var Edit = /** @class */ (function () {
         }
         var table = isInline ?
             (isFHdr ? this.parent.getHeaderTable() : this.parent.getContentTable()) :
-            document.querySelector('#' + this.parent.element.id + '_dialogEdit_wrapper').querySelector('.e-dlg-content');
+            select('#' + this.parent.element.id + '_dialogEdit_wrapper .e-dlg-content', document);
         var client = table.getBoundingClientRect();
         var left = isInline ?
             this.parent.element.getBoundingClientRect().left : client.left;

package/src/grid/actions/excel-export.js

@@ -715,8 +715,17 @@ var ExcelExport = /** @class */ (function () {
     ExcelExport.prototype.getAggreateValue = function (cellType, template, cell, row) {
         var templateFn = {};
         templateFn[getEnumValue(CellType, cell.cellType)] = compile(template);
-        /* tslint:disable-next-line:max-line-length */
-        var txt = (templateFn[getEnumValue(CellType, cell.cellType)](row.data[cell.column.field ? cell.column.field : cell.column.columnName]));
+        var txt;
+        var data = row.data[cell.column.field ? cell.column.field : cell.column.columnName];
+        if (this.parent.isReact || this.parent.isVue) {
+            txt = (templateFn[getEnumValue(CellType, cell.cellType)](data, this.parent));
+            if (this.parent.isReact) {
+                this.parent.renderTemplates();
+            }
+        }
+        else {
+            txt = (templateFn[getEnumValue(CellType, cell.cellType)](data));
+        }
         return txt[0].textContent;
     };
     ExcelExport.prototype.mergeOptions = function (JSON1, JSON2) {

package/src/grid/actions/excel-filter.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 { ExcelFilterBase } from '../common/excel-filter-base';
 import { CheckBoxFilter } from './checkbox-filter';
 import * as events from '../base/constant';

package/src/grid/actions/foreign-key.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 { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
 import { DataManager, Query, Deferred, Predicate, DataUtil } from '@syncfusion/ej2-data';
 import { initForeignKeyColumn, getForeignKeyData, generateQuery } from '../base/constant';

package/src/grid/actions/group.js

@@ -845,7 +845,7 @@ var Group = /** @class */ (function () {
                             };
                         }
                         else {
-                            args = { requestType: 'ungrouping', type: events.actionBegin };
+                            args = { columnName: this.colName, requestType: 'ungrouping', type: events.actionBegin };
                         }
                         if (!this.groupSettings.showGroupedColumn) {
                             var columns = e.oldProperties[prop];

package/src/grid/actions/infinite-scroll.d.ts

@@ -3,6 +3,7 @@ import { ServiceLocator } from '../services/service-locator';
 import { Action } from '../base/enum';
 /**
  * Infinite Scrolling class
+ * @hidden
  */
 export declare class InfiniteScroll implements IAction {
     private parent;

package/src/grid/actions/infinite-scroll.js

@@ -6,6 +6,7 @@ import * as events from '../base/constant';
 import { getScrollBarWidth, ensureLastRow, ensureFirstRow, getEditedDataIndex, resetRowIndex, setRowElements } from '../base/util';
 /**
  * Infinite Scrolling class
+ * @hidden
  */
 var InfiniteScroll = /** @class */ (function () {
     /**

package/src/grid/actions/inline-edit.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 { NormalEdit } from './normal-edit';
 /**
  * `InlineEdit` module is used to handle inline editing actions.

package/src/grid/actions/normal-edit.js

@@ -1,4 +1,4 @@
-import { extend, isBlazor } from '@syncfusion/ej2-base';
+import { extend, isBlazor, select } from '@syncfusion/ej2-base';
 import { remove, isNullOrUndefined, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';
 import { parentsUntil, isGroupAdaptive, refreshForeignData, getObject } from '../base/util';
 import * as events from '../base/constant';
@@ -201,7 +201,7 @@ var NormalEdit = /** @class */ (function () {
             previousData: this.previousData, selectedRow: gObj.selectedRowIndex, foreignKeyData: {}
         });
         var isDlg = gObj.editSettings.mode === 'Dialog';
-        var dlgWrapper = document.querySelector('#' + gObj.element.id + '_dialogEdit_wrapper');
+        var dlgWrapper = select('#' + gObj.element.id + '_dialogEdit_wrapper', document);
         var dlgForm = isDlg ? dlgWrapper.querySelector('.e-gridform') : gObj.element.querySelector('.e-gridform');
         var data = { virtualData: {}, isAdd: false };
         this.parent.notify(events.getVirtualData, data);
@@ -336,7 +336,7 @@ var NormalEdit = /** @class */ (function () {
             this.parent.notify(events.toolbarRefresh, {});
         }
         if (!(this.parent.isCheckBoxSelection || this.parent.selectionSettings.type === 'Multiple')
-            || (!this.parent.isPersistSelection)) {
+            || (!this.parent.isPersistSelection) && !this.parent.selectionSettings.checkboxOnly) {
             if (this.parent.editSettings.mode !== 'Dialog') {
                 if (isBlazor() && this.parent.isServerRendered) {
                     var rowIndex = 'editRowIndex';

package/src/grid/actions/page.js

@@ -239,7 +239,9 @@ var Page = /** @class */ (function () {
         if (this.parent.isDestroyed) {
             return;
         }
-        this.parent.addEventListener('created', this.handlers.created.bind(this));
+        if (this.parent.isReact) {
+            this.parent.addEventListener('created', this.handlers.created.bind(this));
+        }
         this.parent.on(events.initialLoad, this.handlers.load, this);
         this.parent.on(events.initialEnd, this.handlers.end, this); //For initial rendering
         this.parent.on(events.dataReady, this.handlers.ready, this);
@@ -279,7 +281,9 @@ var Page = /** @class */ (function () {
         if (this.parent.isDestroyed) {
             return;
         }
-        this.parent.removeEventListener('created', this.handlers.created);
+        if (this.parent.isReact) {
+            this.parent.removeEventListener('created', this.handlers.created);
+        }
         this.parent.off('pager-refresh', this.renderReactPagerTemplate);
         this.parent.off(events.initialLoad, this.handlers.load);
         this.parent.off(events.initialEnd, this.handlers.end); //For initial rendering

package/src/grid/actions/pdf-export.js

@@ -738,7 +738,7 @@ var PdfExport = /** @class */ (function () {
         }
         documentHeader.graphics.drawLine(pen, x1, y1, x2, y2);
     };
-    /* tslint:disable-next-line:no-any */ /* tslint:disable-next-line:max-line-length */
+    /* tslint:disable-next-line:no-any */ /* tslint:disable-next-line:max-line-length */ /* tslint:disable-next-line:max-func-body-length */
     PdfExport.prototype.processAggregates = function (sRows, pdfGrid, border, font, brush, backgroundBrush, isCaption, captionRow, groupIndex, isGroupedFooter) {
         for (var _i = 0, sRows_1 = sRows; _i < sRows_1.length; _i++) {
             var row = sRows_1[_i];
@@ -796,8 +796,17 @@ var PdfExport = /** @class */ (function () {
                         var result = this.getTemplateFunction(templateFn, i, leastCaptionSummaryIndex, cell);
                         templateFn = result.templateFunction;
                         leastCaptionSummaryIndex = result.leastCaptionSummaryIndex;
-                        /* tslint:disable-next-line:max-line-length */
-                        var txt = (templateFn[getEnumValue(CellType, cell.cellType)](row.data[cell.column.field ? cell.column.field : cell.column.columnName]));
+                        var txt = void 0;
+                        var data = row.data[cell.column.field ? cell.column.field : cell.column.columnName];
+                        if (this.parent.isReact || this.parent.isVue) {
+                            txt = (templateFn[getEnumValue(CellType, cell.cellType)](data, this.parent));
+                            if (this.parent.isReact) {
+                                this.parent.renderTemplates();
+                            }
+                        }
+                        else {
+                            txt = (templateFn[getEnumValue(CellType, cell.cellType)](data));
+                        }
                         value.push(txt[0].textContent);
                         isEmpty = false;
                     }

package/src/grid/actions/print.js

@@ -1,4 +1,4 @@
-import { print as printWindow, createElement, detach, classList } from '@syncfusion/ej2-base';
+import { print as printWindow, createElement, detach, classList, selectAll } from '@syncfusion/ej2-base';
 import { getPrintGridModel } from '../base/util';
 import { Grid } from '../base/grid';
 import * as events from '../base/constant';
@@ -188,13 +188,13 @@ var Print = /** @class */ (function () {
         if (!depth) {
             return;
         }
-        var groupCaption = element.querySelectorAll(id + "captioncell.e-groupcaption");
+        var groupCaption = selectAll(id + "captioncell.e-groupcaption", element);
         var colSpan = groupCaption[depth - 1].getAttribute('colspan');
         for (var i = 0; i < groupCaption.length; i++) {
             groupCaption[i].setAttribute('colspan', colSpan);
         }
-        var colGroups = element.querySelectorAll("colgroup" + id + "colGroup");
-        var contentColGroups = element.querySelector('.e-content').querySelectorAll('colgroup');
+        var colGroups = selectAll("colgroup" + id + "colGroup", element);
+        var contentColGroups = selectAll('.e-content colgroup', element);
         this.hideColGroup(colGroups, depth);
         this.hideColGroup(contentColGroups, depth);
     };

package/src/grid/actions/resize.js

@@ -686,9 +686,12 @@ var Resize = /** @class */ (function () {
         };
     };
     Resize.prototype.doubleTapEvent = function (e) {
+        var _this = this;
         if (this.getUserAgent() && this.isDblClk) {
             if (!this.tapped) {
-                this.tapped = setTimeout(this.timeoutHandler(), 300);
+                this.tapped = setTimeout(function () {
+                    _this.tapped = null;
+                }, 300);
             }
             else {
                 clearTimeout(this.tapped);

package/src/grid/actions/row-reorder.js

@@ -453,7 +453,7 @@ var RowDD = /** @class */ (function () {
     RowDD.prototype.removeFirstRowBorder = function (element) {
         if (this.parent.element.getElementsByClassName('e-firstrow-dragborder').length > 0 && element &&
             element.rowIndex !== 0) {
-            this.parent.element.getElementsByClassName('e-firstrow-dragborder')[0].remove();
+            remove(this.parent.element.getElementsByClassName('e-firstrow-dragborder')[0]);
         }
     };
     RowDD.prototype.removeLastRowBorder = function (element) {
@@ -461,7 +461,7 @@ var RowDD = /** @class */ (function () {
             this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') !==
                 element.getAttribute('data-uid');
         if (this.parent.element.getElementsByClassName('e-lastrow-dragborder').length > 0 && element && islastRowIndex) {
-            this.parent.element.getElementsByClassName('e-lastrow-dragborder')[0].remove();
+            remove(this.parent.element.getElementsByClassName('e-lastrow-dragborder')[0]);
         }
     };
     RowDD.prototype.removeBorder = function (element) {