@syncfusion/ej2-treegrid 29.2.8 → 30.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.8
+*  version : 30.1.38
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-treegrid",
-  "version": "29.2.8",
+  "version": "30.1.38",
   "description": "Essential JS 2 TreeGrid Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,10 +8,10 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-treegrid.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.2.4",
-    "@syncfusion/ej2-data": "~29.2.4",
-    "@syncfusion/ej2-grids": "~29.2.8",
-    "@syncfusion/ej2-popups": "~29.2.8"
+    "@syncfusion/ej2-base": "~30.1.38",
+    "@syncfusion/ej2-data": "~30.1.38",
+    "@syncfusion/ej2-grids": "~30.1.38",
+    "@syncfusion/ej2-popups": "~30.1.37"
   },
   "devDependencies": {},
   "keywords": [

package/src/treegrid/actions/batch-edit.d.ts

@@ -70,4 +70,5 @@ export declare class BatchEdit {
     private getActualRowObjectIndex;
     private immutableBatchAction;
     private nextCellIndex;
+    private onCellFocused;
 }

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

@@ -36,6 +36,7 @@ var BatchEdit = /** @class */ (function () {
         this.parent.on('batchCancelAction', this.batchCancelAction, this);
         this.parent.grid.on('immutable-batch-cancel', this.immutableBatchAction, this);
         this.parent.grid.on('next-cell-index', this.nextCellIndex, this);
+        this.parent.grid.on('cellfocused', this.onCellFocused, this);
     };
     /**
      * @hidden
@@ -55,6 +56,7 @@ var BatchEdit = /** @class */ (function () {
         this.parent.off('batchCancelAction', this.batchCancelAction);
         this.parent.grid.off('immutable-batch-cancel', this.immutableBatchAction);
         this.parent.grid.off('next-cell-index', this.nextCellIndex);
+        this.parent.grid.off('cellfocused', this.onCellFocused);
     };
     /**
      * To destroy the editModule
@@ -94,14 +96,18 @@ var BatchEdit = /** @class */ (function () {
         return this.batchChildCount;
     };
     BatchEdit.prototype.batchPageAction = function () {
+        var _this = this;
         var data = (this.parent.grid.dataSource instanceof DataManager ?
             this.parent.grid.dataSource.dataSource.json : this.parent.grid.dataSource);
-        var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];
+        var primaryKeyField = this.parent.grid.getPrimaryKeyFieldNames()[0];
         var index;
         if (!isNullOrUndefined(this.batchAddedRecords) && this.batchAddedRecords.length) {
-            for (var i = 0; i < this.batchAddedRecords.length; i++) {
-                index = data.map(function (e) { return e["" + primaryKey]; }).indexOf(this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
+            var _loop_1 = function (i) {
+                index = data.findIndex(function (e) { return e["" + primaryKeyField] === _this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKeyField]; });
                 data.splice(index, 1);
+            };
+            for (var i = 0; i < this.batchAddedRecords.length; i++) {
+                _loop_1(i);
             }
         }
         this.batchAddedRecords = this.batchRecords = this.batchAddRowRecord = this.batchDeletedRecords = this.currentViewRecords = [];
@@ -326,11 +332,15 @@ var BatchEdit = /** @class */ (function () {
         }
         childs.push(data);
         records = childs;
-        for (var i = 0; i < records.length; i++) {
-            var indexvalue = this.batchRecords.map(function (e) { return e["" + primarykey]; }).indexOf(records[parseInt(i.toString(), 10)]["" + primarykey]);
+        var _loop_2 = function (i) {
+            var indexvalue = this_1.batchRecords.findIndex(function (e) { return e["" + primarykey] === records[parseInt(i.toString(), 10)]["" + primarykey]; });
             if (indexvalue !== -1) {
-                this.batchRecords.splice(indexvalue, 1);
+                this_1.batchRecords.splice(indexvalue, 1);
             }
+        };
+        var this_1 = this;
+        for (var i = 0; i < records.length; i++) {
+            _loop_2(i);
         }
         for (var i = 0; i < row.length; i++) {
             if (!isNullOrUndefined(row[parseInt(i.toString(), 10)])) {
@@ -346,11 +356,11 @@ var BatchEdit = /** @class */ (function () {
     };
     BatchEdit.prototype.updateChildCount = function (records) {
         var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];
-        var addedRecords = 'addedRecords';
+        var addedRecords = this.parent.getBatchChanges().addedRecords || [];
         var parentItem = this.parent.editSettings.newRowPosition === 'Child' ? 'primaryParent' : 'parentItem';
-        for (var i = 0; i < this.parent.getBatchChanges()["" + addedRecords].length; i++) {
-            if (!isNullOrUndefined(this.parent.getBatchChanges()["" + addedRecords][parseInt(i.toString(), 10)]["" + parentItem])) {
-                if (this.parent.getBatchChanges()["" + addedRecords][parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey] === records[parseInt(this.addRowIndex.toString(), 10)]["" + primaryKey]) {
+        for (var i = 0; i < addedRecords.length; i++) {
+            if (!isNullOrUndefined(addedRecords[parseInt(i.toString(), 10)]["" + parentItem])) {
+                if (addedRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey] === records[parseInt(this.addRowIndex.toString(), 10)]["" + primaryKey]) {
                     this.batchChildCount = this.batchChildCount + 1;
                 }
             }
@@ -387,6 +397,7 @@ var BatchEdit = /** @class */ (function () {
         delete this.parent["" + id]["" + value];
     };
     BatchEdit.prototype.batchCancelAction = function () {
+        var _this = this;
         var targetElement = 'targetElement';
         var index;
         var parentItem = 'parentItem';
@@ -397,24 +408,28 @@ var BatchEdit = /** @class */ (function () {
             this.parent.grid.dataSource.dataSource.json : this.parent.grid.dataSource);
         var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];
         if (!isNullOrUndefined(this.batchAddedRecords)) {
-            for (var i = 0; i < this.batchAddedRecords.length; i++) {
-                index = data.map(function (e) { return e["" + primaryKey]; }).indexOf(this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
+            var _loop_3 = function (i) {
+                index = data.findIndex(function (e) { return e["" + primaryKey] === _this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]; });
                 if (index !== -1) {
                     data.splice(index, 1);
                 }
-                if (this.parent.editSettings.newRowPosition === 'Child') {
+                if (this_2.parent.editSettings.newRowPosition === 'Child') {
                     index = currentViewRecords.map(function (e) { return e["" + primaryKey]; })
-                        .indexOf(this.batchAddedRecords[parseInt(i.toString(), 10)]["" + parentItem] ? this.batchAddedRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey]
-                        : this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
+                        .indexOf(this_2.batchAddedRecords[parseInt(i.toString(), 10)]["" + parentItem] ? this_2.batchAddedRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey]
+                        : this_2.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
                     if (!isNullOrUndefined(currentViewRecords[parseInt(index.toString(), 10)])) {
                         var children = currentViewRecords[parseInt(index.toString(), 10)]["" + childRecords];
                         for (var j = 0; children && j < children.length; j++) {
-                            if (children[parseInt(j.toString(), 10)]["" + primaryKey] === this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]) {
-                                currentViewRecords[parseInt(index.toString(), 10)]["" + childRecords].splice(j, 1);
+                            if (children[parseInt(j.toString(), 10)]["" + primaryKey] === this_2.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]) {
+                                children.splice(j, 1);
                             }
                         }
                     }
                 }
+            };
+            var this_2 = this;
+            for (var i = 0; i < this.batchAddedRecords.length; i++) {
+                _loop_3(i);
             }
         }
         if (!isNullOrUndefined(this.parent["" + targetElement])) {
@@ -460,7 +475,7 @@ var BatchEdit = /** @class */ (function () {
             var selectedIndex = void 0;
             var addRowIndex = void 0;
             var columnName = void 0;
-            var addRowRecord = void 0;
+            var addRowRecord_1;
             var childRecords = 'childRecords';
             if (addRecords.length > 1 && this.parent.editSettings.newRowPosition !== 'Bottom') {
                 addRecords.reverse();
@@ -513,17 +528,17 @@ var BatchEdit = /** @class */ (function () {
                     this.parent.editModule['previousNewRowPosition'] = rowPosition;
                 }
                 addRecords[parseInt(i.toString(), 10)].taskData = taskData;
-                addRowRecord = this.batchAddRowRecord[parseInt(i.toString(), 10)];
-                if (isNullOrUndefined(addRowRecord)) {
-                    addRowRecord = this.batchAddRowRecord[i - 1];
+                addRowRecord_1 = this.batchAddRowRecord[parseInt(i.toString(), 10)];
+                if (isNullOrUndefined(addRowRecord_1)) {
+                    addRowRecord_1 = this.batchAddRowRecord[i - 1];
                 }
                 if (this.isSelfReference) {
                     if (!isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].parentItem)) {
                         updateParentRow(primarykey_1, addRecords[parseInt(i.toString(), 10)].parentItem, 'add', this.parent, this.isSelfReference, addRecords[parseInt(i.toString(), 10)]);
                     }
                 }
-                if (!isNullOrUndefined(addRowRecord)) {
-                    addRowIndex = addRowRecord.index;
+                if (!isNullOrUndefined(addRowRecord_1)) {
+                    addRowIndex = addRowRecord_1.index;
                 }
                 if (isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].index)) {
                     addRowIndex = 0;
@@ -531,26 +546,30 @@ var BatchEdit = /** @class */ (function () {
                 if (this.parent.editSettings.newRowPosition !== 'Top' && this.parent.editSettings.newRowPosition !== 'Bottom') {
                     if (isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].parentItem) && this.selectedIndex === -1) {
                         selectedIndex = -1;
-                        addRowRecord = null;
+                        addRowRecord_1 = null;
                     }
                 }
-                editAction({ value: addRecords[parseInt(i.toString(), 10)], action: 'add' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord);
+                editAction({ value: addRecords[parseInt(i.toString(), 10)], action: 'add' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord_1);
                 selectedIndex = null;
                 if (this.parent.editSettings.newRowPosition === 'Child' && !isNullOrUndefined(addRecords[parseInt(i.toString(), 10)]["" + parentItem]) &&
                     (isNullOrUndefined(this.parent.editModule['addRowIndex']) || this.isSelfReference)) {
                     var indexValue = currentViewRecords.map(function (e) { return e["" + primarykey_1]; })
                         .indexOf(addRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primarykey_1]);
                     var children = currentViewRecords[parseInt(indexValue.toString(), 10)]["" + childRecords];
-                    for (var j = 0; j < children.length; j++) {
-                        if (children[parseInt(j.toString(), 10)]["" + primarykey_1] === addRecords[parseInt(i.toString(), 10)]["" + primarykey_1]) {
-                            currentViewRecords[parseInt(indexValue.toString(), 10)]["" + childRecords].splice(j, 1);
+                    if (!isNullOrUndefined(addRowIndex) && children.some(function (records) {
+                        return records.uniqueID === addRowRecord_1.uniqueID;
+                    })) {
+                        for (var j = 0; j < children.length; j++) {
+                            if (children[parseInt(j.toString(), 10)]["" + primarykey_1] === addRecords[parseInt(i.toString(), 10)]["" + primarykey_1]) {
+                                currentViewRecords[parseInt(indexValue.toString(), 10)]["" + childRecords].splice(j, 1);
+                            }
                         }
                     }
                 }
             }
             if (batchChanges["" + deletedRecords].length) {
                 for (i = 0; i < batchChanges["" + deletedRecords].length; i++) {
-                    editAction({ value: batchChanges["" + deletedRecords][parseInt(i.toString(), 10)], action: 'delete' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord);
+                    editAction({ value: batchChanges["" + deletedRecords][parseInt(i.toString(), 10)], action: 'delete' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord_1);
                 }
             }
             this.parent.parentData = [];
@@ -624,6 +643,15 @@ var BatchEdit = /** @class */ (function () {
             args["" + index] = this.batchIndex;
         }
     };
+    BatchEdit.prototype.onCellFocused = function (e) {
+        if (this.parent.editSettings.mode === 'Cell' && this.parent.grid.isEdit && e.keyArgs) {
+            if (e.keyArgs.action === 'shiftEnter') {
+                e.keyArgs.preventDefault();
+                this.parent.endEdit();
+                return;
+            }
+        }
+    };
     return BatchEdit;
 }());
 export { BatchEdit };

package/src/treegrid/actions/clipboard.js

@@ -46,12 +46,13 @@ var TreeClipboard = /** @class */ (function (_super) {
                     if (i > 0) {
                         this.treeCopyContent += '\n';
                     }
-                    if (!rows[selectedIndexes[parseInt(i.toString(), 10)]].classList.contains('e-summaryrow')) {
-                        var cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell'));
+                    var selectedRowIndex = selectedIndexes[parseInt(i.toString(), 10)];
+                    if (!rows[selectedRowIndex].classList.contains('e-summaryrow')) {
+                        var cells = [].slice.call(rows[selectedRowIndex].querySelectorAll('.e-rowcell'));
                         var uniqueid = this.treeGridParent.getSelectedRecords()[parseInt(i.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             if (this.treeGridParent.copyHierarchyMode === 'Parent' || this.treeGridParent.copyHierarchyMode === 'Both') {
-                                this.parentContentData(currentRecords, selectedIndexes[parseInt(i.toString(), 10)], rows, withHeader, i);
+                                this.parentContentData(currentRecords, selectedRowIndex, rows, withHeader, i);
                             }
                             this["" + getCopyData](cells, false, '\t', withHeader);
                             this.treeCopyContent += this["" + copyContent];
@@ -64,11 +65,7 @@ var TreeClipboard = /** @class */ (function (_super) {
                     }
                 }
                 if (withHeader) {
-                    var headerTextArray = [];
-                    for (var i = 0; i < this.treeGridParent.getVisibleColumns().length; i++) {
-                        headerTextArray[parseInt(i.toString(), 10)] =
-                            this.treeGridParent.getVisibleColumns()[parseInt(i.toString(), 10)].headerText;
-                    }
+                    var headerTextArray = this.treeGridParent.getVisibleColumns().map(function (col) { return col.headerText; });
                     this["" + getCopyData](headerTextArray, false, '\t', withHeader);
                     this.treeCopyContent = this["" + copyContent] + '\n' + this.treeCopyContent;
                 }

package/src/treegrid/actions/crud-actions.js

@@ -349,7 +349,9 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
                 }
                 else {
                     if (!isNullOrUndefined(child) && record["" + key] !== child["" + key]) {
-                        record.childRecords.push(child);
+                        if (!record.childRecords.some(function (records) { return records.uniqueID === child.uniqueID; })) {
+                            record.childRecords.push(child);
+                        }
                     }
                 }
                 if (record.childRecords.indexOf(childRecords) === -1 && record["" + key] !== child["" + key]) {

package/src/treegrid/actions/detail-row.js

@@ -53,12 +53,12 @@ var DetailRow = /** @class */ (function () {
         args["" + visible] = false;
     };
     DetailRow.prototype.dataBoundArg = function () {
-        var detailele = this.parent.getRows().filter(function (e) {
+        var detailRows = this.parent.getRows().filter(function (e) {
             return !e.classList.contains('e-detailrow');
         });
-        for (var i = 0; i < detailele.length; i++) {
-            var elements = detailele[parseInt(i.toString(), 10)].getElementsByClassName('e-detailrowcollapse');
-            var detailData = this.parent.grid.getRowObjectFromUID(detailele[parseInt(i.toString(), 10)].getAttribute('data-Uid'));
+        for (var i = 0; i < detailRows.length; i++) {
+            var elements = detailRows[parseInt(i.toString(), 10)].getElementsByClassName('e-detailrowcollapse');
+            var detailData = this.parent.grid.getRowObjectFromUID(detailRows[parseInt(i.toString(), 10)].getAttribute('data-Uid'));
             var parentItem = getObject('parentItem', this.parent.grid.getCurrentViewRecords()[parseInt(i.toString(), 10)]);
             if (isNullOrUndefined(parentItem) || !isNullOrUndefined(parentItem) &&
                 getExpandStatus(this.parent, detailData.data, this.parent.grid.getCurrentViewRecords())) {
@@ -94,10 +94,9 @@ var DetailRow = /** @class */ (function () {
     };
     DetailRow.prototype.actioncomplete = function (args) {
         if (args.requestType === 'beginEdit' || args.requestType === 'add') {
-            var spann = (args.row.querySelectorAll('.e-editcell')[0].getAttribute('colSpan'));
-            var colum = parseInt(spann, 10) - 1;
-            var updtdcolum = colum.toString();
-            args.row.querySelectorAll('.e-editcell')[0].setAttribute('colSpan', updtdcolum);
+            var colSpan = (args.row.querySelectorAll('.e-editcell')[0].getAttribute('colSpan'));
+            var colum = parseInt(colSpan, 10) - 1;
+            args.row.querySelectorAll('.e-editcell')[0].setAttribute('colSpan', colum.toString());
         }
         var focusElement = this.parent.grid.contentModule.getRows();
         for (var i = 0; i < focusElement.length; i++) {

package/src/treegrid/actions/edit.d.ts

@@ -25,6 +25,7 @@ export declare class Edit {
     private isAddedRowByContextMenu;
     private editedRowIndex;
     private isScrollByFocus;
+    private isIndexUndefined;
     /**
      * Constructor for Edit module
      *

package/src/treegrid/actions/edit.js

@@ -22,6 +22,7 @@ var Edit = /** @class */ (function () {
         this.prevAriaRowIndex = '-1';
         this.isAddedRowByMethod = false;
         this.isAddedRowByContextMenu = false;
+        this.isIndexUndefined = false;
         Grid.Inject(GridEdit);
         this.parent = parent;
         this.isSelfReference = !isNullOrUndefined(parent.parentIdMapping);
@@ -274,7 +275,7 @@ var Edit = /** @class */ (function () {
         }
     };
     Edit.prototype.keyPressed = function (args) {
-        if (this.isOnBatch) {
+        if (this.isOnBatch || args.action === 'tab' || args.action === 'shiftTab') {
             this.keyPress = args.action;
         }
         if (args.action === 'f2') {
@@ -816,9 +817,10 @@ var Edit = /** @class */ (function () {
             this.addRowRecord = this.parent.flatData[args.index];
             this.addRowIndex = args.index;
         }
-        if (this.parent.editSettings.newRowPosition === 'Child' &&
+        if (this.parent.editSettings.newRowPosition === 'Child' && this.isIndexUndefined &&
             !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
             this.addRowRecord = this.parent.getSelectedRecords()[0];
+            this.isIndexUndefined = false;
         }
         if (isNullOrUndefined(this.addRowRecord) && this.parent.getCurrentViewRecords().length > this.addRowIndex &&
             args.requestType === 'save' && this.parent.getSelectedRecords().length !== 0) {
@@ -874,7 +876,7 @@ var Edit = /** @class */ (function () {
             var lastAriaIndex = rows.length ? +rows[rows.length - 1].getAttribute('aria-rowindex') - 1 : 0;
             var withinRange = this.parent.enableVirtualization && args.index !== 0 ? true :
                 this.selectedIndex >= firstAriaIndex && this.selectedIndex <= lastAriaIndex;
-            if (currentData.length) {
+            if (currentData.length && !isNullOrUndefined(index)) {
                 idMapping = currentData[this.addRowIndex][this.parent.idMapping];
                 parentIdMapping = currentData[this.addRowIndex][this.parent.parentIdMapping];
                 if (currentData[this.addRowIndex].parentItem) {
@@ -882,7 +884,7 @@ var Edit = /** @class */ (function () {
                 }
                 parentItem = currentData[this.addRowIndex].parentItem;
             }
-            if (this.parent.editSettings.newRowPosition !== 'Top' && currentData.length) {
+            if (this.parent.editSettings.newRowPosition !== 'Top' && currentData.length && !isNullOrUndefined(index)) {
                 level = currentData[this.addRowIndex].level;
                 if (this.parent.editSettings.newRowPosition === 'Above') {
                     position = 'before';
@@ -958,14 +960,24 @@ var Edit = /** @class */ (function () {
                 childRecords: value.childRecords };
         }
         if (args.requestType === 'delete') {
-            var deletedValues = args.data;
-            for (var i = 0; i < deletedValues.length; i++) {
-                if (deletedValues[parseInt(i.toString(), 10)].parentItem) {
-                    var parentItem = getParentData(this.parent, deletedValues[parseInt(i.toString(), 10)].parentItem.uniqueID);
-                    if (!isNullOrUndefined(parentItem) && parentItem.hasChildRecords) {
-                        var childIndex = parentItem.childRecords.indexOf(deletedValues[parseInt(i.toString(), 10)]);
-                        parentItem.childRecords.splice(childIndex, 1);
+            var deletedValues_1 = args.data;
+            var primaryKeyField_1 = this.parent.getPrimaryKeyFieldNames();
+            if (!isNullOrUndefined(primaryKeyField_1) && primaryKeyField_1.length > 0) {
+                var _loop_2 = function (i) {
+                    var deletevalue = deletedValues_1[parseInt(i.toString(), 10)].parentItem;
+                    if (deletevalue) {
+                        var parentItem = getParentData(this_2.parent, deletevalue.uniqueID);
+                        if (!isNullOrUndefined(parentItem) && parentItem.hasChildRecords) {
+                            var childIndex = parentItem.childRecords.findIndex(function (child) {
+                                return deletedValues_1[parseInt(i.toString(), 10)][primaryKeyField_1[0]] === child[primaryKeyField_1[0]];
+                            });
+                            parentItem.childRecords.splice(childIndex, 1);
+                        }
                     }
+                };
+                var this_2 = this;
+                for (var i = 0; i < deletedValues_1.length; i++) {
+                    _loop_2(i);
                 }
             }
         }
@@ -980,6 +992,9 @@ var Edit = /** @class */ (function () {
         if (this.parent.editSettings.newRowPosition === this.previousNewRowPosition || this.previousNewRowPosition === null) {
             this.previousNewRowPosition = this.parent.editSettings.newRowPosition;
         }
+        if (isNullOrUndefined(index)) {
+            this.isIndexUndefined = true;
+        }
         if (!this.isSelfReference && !isNullOrUndefined(data) && Object.hasOwnProperty.call(data, this.parent.childMapping)) {
             var addRecords = [];
             var previousEditMode = this.parent.editSettings.mode;

package/src/treegrid/actions/filter.js

@@ -72,11 +72,11 @@ var Filter = /** @class */ (function () {
         this.filteredParentRecs = [];
         this.filteredResult = [];
         this.isHierarchyFilter = false;
+        var hierarchyMode = this.parent.grid.searchSettings.key === '' ? this.parent.filterSettings.hierarchyMode
+            : this.parent.searchSettings.hierarchyMode;
         for (var f = 0; f < this.flatFilteredData.length; f++) {
             var rec = this.flatFilteredData[parseInt(f.toString(), 10)];
             this.addParentRecord(rec);
-            var hierarchyMode = this.parent.grid.searchSettings.key === '' ? this.parent.filterSettings.hierarchyMode
-                : this.parent.searchSettings.hierarchyMode;
             if (((hierarchyMode === 'Child' || hierarchyMode === 'None') &&
                 (this.parent.grid.filterSettings.columns.length !== 0 || this.parent.grid.searchSettings.key !== ''))) {
                 this.isHierarchyFilter = true;
@@ -88,8 +88,6 @@ var Filter = /** @class */ (function () {
             var parent_1 = getObject('parentItem', rec);
             if (!isNullOrUndefined(parent_1)) {
                 var parRecord = getParentData(this.parent, rec.parentItem.uniqueID, true);
-                //let parRecord: Object = this.flatFilteredData.filter((e: ITreeData) => {
-                //          return e.uniqueID === rec.parentItem.uniqueID; })[0];
                 setValue('hasFilteredChildRecords', true, parRecord);
                 if (parRecord && parRecord.parentItem) {
                     this.updateParentFilteredRecord(parRecord);
@@ -113,7 +111,6 @@ var Filter = /** @class */ (function () {
     };
     Filter.prototype.addParentRecord = function (record) {
         var parent = getParentData(this.parent, record.parentUniqueID);
-        //let parent: Object = this.parent.flatData.filter((e: ITreeData) => {return e.uniqueID === record.parentUniqueID; })[0];
         var hierarchyMode = this.parent.grid.searchSettings.key === '' ? this.parent.filterSettings.hierarchyMode
             : this.parent.searchSettings.hierarchyMode;
         if (hierarchyMode === 'None' && (this.parent.grid.filterSettings.columns.length !== 0

package/src/treegrid/actions/rowdragdrop.js

@@ -1645,6 +1645,7 @@ var RowDD = /** @class */ (function () {
      * @returns {void} - This method does not return a value.
      */
     RowDD.prototype.removeRecords = function (record) {
+        var _this = this;
         var tObj = this.parent;
         var dataSource;
         if (this.parent.dataSource instanceof DataManager && isOffline(this.parent)) {
@@ -1672,20 +1673,13 @@ var RowDD = /** @class */ (function () {
                 if (deletedRow.hasChildRecords && deletedRow.childRecords.length > 0) {
                     this.removeChildItem(deletedRow);
                 }
-                var idx = void 0;
-                var idz = void 0;
                 var treeGridData = dataSource;
-                for (var i = 0; i < treeGridData.length; i++) {
-                    if (treeGridData[parseInt(i.toString(), 10)][this.parent.idMapping] === deletedRow.taskData[this.parent.idMapping]) {
-                        idx = i;
-                    }
-                }
-                for (var i = 0; i < this.treeGridData.length; i++) {
-                    if (this.treeGridData[parseInt(i.toString(), 10)][this.parent.idMapping]
-                        === deletedRow.taskData[this.parent.idMapping]) {
-                        idz = i;
-                    }
-                }
+                var idx = treeGridData.findIndex(function (data) {
+                    return data[_this.parent.idMapping] === deletedRow.taskData[_this.parent.idMapping];
+                });
+                var idz = this.treeGridData.findIndex(function (data) {
+                    return data[_this.parent.idMapping] === deletedRow.taskData[_this.parent.idMapping];
+                });
                 if (idx !== -1 && !isNullOrUndefined(idx)) {
                     dataSource.splice(idx, 1);
                 }

package/src/treegrid/actions/selection.js

@@ -508,6 +508,13 @@ var Selection = /** @class */ (function () {
                     this.headerSelection();
                 }
             }
+            else {
+                if ((requestType === 'filtering' || requestType === 'searching' || requestType === 'refresh')
+                    && !isRemoteData(this.parent)) {
+                    this.selectedItems = [];
+                    this.selectedIndexes = [];
+                }
+            }
         }
     };
     Selection.prototype.getCheckedrecords = function () {

package/src/treegrid/actions/summary.js

@@ -45,14 +45,7 @@ var Aggregate = /** @class */ (function () {
     Aggregate.prototype.calculateSummaryValue = function (summaryQuery, filteredData, isSort) {
         this.summaryQuery = summaryQuery;
         var parentRecord;
-        var parentDataLength = Object.keys(filteredData).length;
-        var parentData = [];
-        for (var p = 0, len = parentDataLength; p < len; p++) {
-            var summaryRow = getObject('isSummaryRow', filteredData[parseInt(p.toString(), 10)]);
-            if (!summaryRow) {
-                parentData.push(filteredData[parseInt(p.toString(), 10)]);
-            }
-        }
+        var parentData = filteredData.filter(function (data) { return !getObject('isSummaryRow', data); });
         var parentRecords = findParentRecords(parentData);
         var flatRecords = parentData.slice();
         var summaryLength = Object.keys(this.parent.aggregates).length;
@@ -210,14 +203,7 @@ var Aggregate = /** @class */ (function () {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));
         }
         var value = single["" + summaryColumn.columnName]["" + summaryKey];
-        var summaryValue;
-        if (cellElement.innerHTML.indexOf(value) === -1) {
-            summaryValue = cellElement.innerHTML + value;
-            return summaryValue;
-        }
-        else {
-            return cellElement.innerHTML;
-        }
+        return cellElement.innerHTML.indexOf(value) === -1 ? cellElement.innerHTML + value : cellElement.innerHTML;
     };
     Aggregate.prototype.getFormatFromType = function (summaryformat, type) {
         if (isNullOrUndefined(type) || typeof summaryformat !== 'string') {

package/src/treegrid/actions/toolbar.js

@@ -59,8 +59,8 @@ var Toolbar = /** @class */ (function () {
             }
             row = (!isNullOrUndefined(selectedrow) && selectedrow.rowIndex !== row.rowIndex) ? selectedrow : row;
             if (indentEle !== null && outdentEle !== null) {
-                indentElement = toolbarElement.querySelector('#' + indentID).parentElement;
-                outdentElement = toolbarElement.querySelector('#' + outdentID).parentElement;
+                indentElement = indentEle.parentElement;
+                outdentElement = outdentEle.parentElement;
                 if (row.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
                     indentElement.classList.add('e-hidden');
                     outdentElement.classList.add('e-hidden');