@syncfusion/ej2-treegrid 19.3.46 → 19.3.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.46
+*  version : 19.3.55
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@19.3.45",
+  "_id": "@syncfusion/ej2-treegrid@19.3.53",
   "_inBundle": false,
-  "_integrity": "sha512-zngq2f0aFnVTsGy3CvXHSe4JGFNJq23fD5ktzhw0hTJ3C4LDLXjbg6/OhSexnAKpepE6R9SdA8BN7ei3bQUyyg==",
+  "_integrity": "sha512-Z/LVb/49/OB2E5RfAdGBhYIzZPC4UTL3FLHkIwHIVuNI+dvP6+VMwRID54qqG01YiuVdkxpuk15UzfBeXEzs5Q==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.3.45.tgz",
-  "_shasum": "7152af0fd89d150e816bd75dfccd8692e8f13b30",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.3.53.tgz",
+  "_shasum": "a52a629c706c322c28b139bd916dd151872304c0",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-data": "~19.3.46",
-    "@syncfusion/ej2-grids": "~19.3.46",
-    "@syncfusion/ej2-popups": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.54",
+    "@syncfusion/ej2-data": "~19.3.53",
+    "@syncfusion/ej2-grids": "~19.3.55",
+    "@syncfusion/ej2-popups": "~19.3.53"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -60,6 +60,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.46",
+  "version": "19.3.55",
   "sideEffects": false
 }

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

@@ -277,7 +277,7 @@ var BatchEdit = /** @class */ (function () {
             focusModule.getContent().matrix.current = [actualIndex, focusModule.getContent().matrix.current[1]];
         }
     };
-    BatchEdit.prototype.beforeBatchDelete = function () {
+    BatchEdit.prototype.beforeBatchDelete = function (args) {
         if (!this.batchRecords.length) {
             this.batchRecords = extendArray(this.parent.grid.getCurrentViewRecords());
             this.currentViewRecords = extendArray(this.parent.grid.getCurrentViewRecords());
@@ -287,9 +287,19 @@ var BatchEdit = /** @class */ (function () {
         var row = [];
         var records = [];
         var primarykey = this.parent.grid.getPrimaryKeyFieldNames()[0];
-        var data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
-        var childs = findChildrenRecords(data);
-        var uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
+        var data;
+        var childs;
+        var uid;
+        if (!isNullOrUndefined(args.row) && this.parent.getSelectedRows().indexOf(args.row) === -1) {
+            data = args.rowData;
+            childs = findChildrenRecords(data);
+            uid = args.row.getAttribute('data-uid');
+        }
+        else {
+            data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
+            childs = findChildrenRecords(data);
+            uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
+        }
         var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('aria-rowindex'), 10);
         if (childs.length) {
             var totalCount = parentRowIndex + childs.length;

package/src/treegrid/actions/edit.js

@@ -764,6 +764,7 @@ var Edit = /** @class */ (function () {
         }
         if (this.isAddedRowByMethod && args.index !== 0) {
             this.addRowRecord = this.parent.flatData[args.index];
+            this.addRowIndex = args.index;
         }
         if (this.parent.editSettings.newRowPosition === 'Child' && isNullOrUndefined(this.addRowRecord)
             && !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
@@ -792,6 +793,11 @@ var Edit = /** @class */ (function () {
             var position = null;
             value.taskData = isNullOrUndefined(value.taskData) ? extend({}, args.data) : value.taskData;
             var currentData = this.parent.grid.getCurrentViewRecords();
+            if (this.parent.enableVirtualization && args.index !== 0) {
+                this.addRowIndex = this.parent.grid.getCurrentViewRecords().indexOf(this.addRowRecord);
+                this.selectedIndex = parseInt(this.parent.getRows()[this.addRowIndex].getAttribute('aria-rowindex'));
+                ;
+            }
             var index = this.addRowIndex;
             value.uniqueID = getUid(this.parent.element.id + '_data_');
             setValue('uniqueIDCollection.' + value.uniqueID, value, this.parent);

package/src/treegrid/actions/rowdragdrop.js

@@ -579,7 +579,7 @@ var RowDD = /** @class */ (function () {
         }
         else {
             if (args.target && closest(args.target, '#' + tObj.rowDropSettings.targetID) || parentsUntil(args.target, 'e-treegrid') &&
-                parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID) {
+                parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID || args.target && document.getElementById(tObj.rowDropSettings.targetID)) {
                 setValue('dropPosition', this.dropPosition, args);
                 tObj.trigger(events.rowDrop, args);
                 if (!args.cancel && tObj.rowDropSettings.targetID) {

package/src/treegrid/actions/virtual-scroll.js

@@ -123,11 +123,16 @@ var VirtualScroll = /** @class */ (function () {
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
             //this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
+            if (!isNullOrUndefined(this.expandCollapseRec) && (pageingDetails.actionArgs.requestType === 'virtualscroll' ||
+                (pageingDetails.actionArgs.requestType === 'refresh' && startIndex !== this.prevstartIndex)) &&
+                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length)) {
+                startIndex = 0;
+            }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
                 var resourceCount = this.parent.getRows();
                 var sIndex = visualData.indexOf(this.expandCollapseRec);
                 var tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
-                if (tempdata.length < resourceCount.length && sIndex >= 0) {
+                if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
                     sIndex = visualData.length - resourceCount.length;
                     sIndex = sIndex > 0 ? sIndex : 0;
                     startIndex = sIndex;

package/src/treegrid/base/data.js

@@ -519,7 +519,9 @@ var DataManipulation = /** @class */ (function () {
             var query = getObject('query', args);
             var srtQry = new Query();
             for (var srt = this.parent.grid.sortSettings.columns.length - 1; srt >= 0; srt--) {
-                var col = this.parent.grid.getColumnByField(this.parent.grid.sortSettings.columns[srt].field);
+                var getColumnByField = 'getColumnByField';
+                var col = this.parent.grid.renderModule.data[getColumnByField](this.parent.grid.
+                    sortSettings.columns[srt].field);
                 var compFun = col.sortComparer && isOffline(this.parent) ?
                     col.sortComparer.bind(col) :
                     this.parent.grid.sortSettings.columns[srt].direction;

package/src/treegrid/base/treegrid.js

@@ -719,6 +719,15 @@ var TreeGrid = /** @class */ (function (_super) {
             _this.trigger(events.rowSelecting, args);
         };
         this.grid.rowSelected = function (args) {
+            if (_this.enableVirtualization && args.isHeaderCheckboxClicked &&
+                _this.grid.currentViewData.length !== _this.grid.selectionModule.selectedRowIndexes.length) {
+                var updateRowSelection = 'updateRowSelection';
+                for (var i = 0; i < _this.getRows().length; i++) {
+                    if (_this.getRows()[i].getElementsByClassName("e-frame e-icons e-uncheck").length) {
+                        _this.grid.selectionModule[updateRowSelection](_this.getRows()[i], _this.getCurrentViewRecords()[i].index);
+                    }
+                }
+            }
             _this.selectedRowIndex = _this.grid.selectedRowIndex;
             _this.notify(events.rowSelected, args);
             _this.trigger(events.rowSelected, args);
@@ -1025,6 +1034,10 @@ var TreeGrid = /** @class */ (function (_super) {
                 && (_this.grid.filterSettings.columns.length === 0 || _this.grid.searchSettings.key.length === 0)) {
                 _this.notify('clearFilters', { flatData: _this.grid.dataSource });
                 _this.grid.setProperties({ dataSource: _this.dataResults.result }, true);
+                if (isNullOrUndefined(_this.grid['changedProperties'].dataSource)) {
+                    _this.grid.renderModule.data.dataManager = _this.grid.dataSource instanceof DataManager ? _this.grid.dataSource :
+                        (isNullOrUndefined(_this.grid.dataSource) ? new DataManager() : new DataManager(_this.grid.dataSource));
+                }
             }
             var callBackPromise = new Deferred();
             _this.trigger(events.actionBegin, args, function (actionArgs) {
@@ -1572,6 +1585,11 @@ var TreeGrid = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.grid)) {
             return;
         }
+        if (!isNullOrUndefined(this.rowDropSettings.targetID) &&
+            isNullOrUndefined(document.getElementById(this.grid.rowDropSettings.targetID))) {
+            document.getElementById(this.rowDropSettings.targetID).id = this.grid.rowDropSettings.targetID;
+            this.rowDropSettings.targetID = this.grid.rowDropSettings.targetID;
+        }
         _super.prototype.dataBind.call(this);
         this.grid.dataBind();
     };
@@ -1583,7 +1601,7 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.getPersistData = function () {
         var keyEntity = ['pageSettings', 'sortSettings',
-            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex'];
+            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
         var ignoreOnPersist = {
             pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
             filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
@@ -1594,9 +1612,9 @@ var TreeGrid = /** @class */ (function (_super) {
             'commandTemplate', 'commands', 'dataSource'];
         for (var i = 0; i < keyEntity.length; i++) {
             var currentObject = this[keyEntity[i]];
-            for (var _i = 0, _a = ignoreOnPersist[keyEntity[i]]; _i < _a.length; _i++) {
-                var val = _a[_i];
-                delete currentObject[val];
+            for (var k = 0, val = ignoreOnPersist[keyEntity[i]]; (!isNullOrUndefined(val) && k < val.length); k++) {
+                var objVal = val[k];
+                delete currentObject[objVal];
             }
         }
         this.ignoreInArrays(ignoreOnColumn, this.columns);

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -186,7 +186,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.observer[containerRect])) {
             this.observer[containerRect] = this.observers[containerRect];
         }
-        _super.prototype[selectVirtualRow].call(this, args);
+        if (args.selectedIndex !== 0 || isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule['addRowIndex'])) {
+            _super.prototype[selectVirtualRow].call(this, args);
+        }
     };
     VirtualTreeContentRenderer.prototype.refreshCell = function (rowObj) {
         rowObj.cells = this.generateCells();

package/styles/bootstrap-dark.css

@@ -270,7 +270,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap.css

@@ -271,7 +271,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap4.css

@@ -311,7 +311,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap5-dark.css

@@ -63,6 +63,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -303,7 +304,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/bootstrap5.css

@@ -63,6 +63,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -303,7 +304,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/fabric-dark.css

@@ -244,7 +244,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/fabric.css

@@ -237,7 +237,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/highcontrast-light.css

@@ -254,7 +254,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/highcontrast.css

@@ -254,7 +254,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/material-dark.css

@@ -280,7 +280,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/material.css

@@ -315,7 +315,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/tailwind-dark.css

@@ -307,7 +307,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/tailwind.css

@@ -307,7 +307,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/_layout.scss

@@ -131,7 +131,7 @@
 
     .e-treecell {
       display: table-cell;
-      line-height: $treegrid-right-arrow-icon-font-size;
+      line-height: normal;
     }
 
     .e-grid {

package/styles/treegrid/bootstrap-dark.css

@@ -270,7 +270,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/bootstrap.css

@@ -271,7 +271,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/bootstrap4.css

@@ -311,7 +311,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/bootstrap5-dark.css

@@ -63,6 +63,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -303,7 +304,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/bootstrap5.css

@@ -63,6 +63,7 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
+  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -303,7 +304,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/fabric-dark.css

@@ -244,7 +244,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/fabric.css

@@ -237,7 +237,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/highcontrast-light.css

@@ -254,7 +254,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/highcontrast.css

@@ -254,7 +254,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/material-dark.css

@@ -280,7 +280,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/material.css

@@ -315,7 +315,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 10px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/tailwind-dark.css

@@ -307,7 +307,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {

package/styles/treegrid/tailwind.css

@@ -307,7 +307,7 @@
 
 .e-treegrid .e-treecell {
   display: table-cell;
-  line-height: 18px;
+  line-height: normal;
 }
 
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {