@syncfusion/ej2-treegrid 33.1.47 → 33.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.1.47
+*  version : 33.2.3
 *  Copyright Syncfusion Inc. 2001 - 2025. 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": "33.1.47",
+  "version": "33.2.3",
   "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": "~33.1.45",
-    "@syncfusion/ej2-data": "~33.1.45",
-    "@syncfusion/ej2-grids": "~33.1.47",
-    "@syncfusion/ej2-popups": "~33.1.44"
+    "@syncfusion/ej2-base": "~33.2.3",
+    "@syncfusion/ej2-data": "~33.2.3",
+    "@syncfusion/ej2-grids": "~33.2.3",
+    "@syncfusion/ej2-popups": "~33.2.3"
   },
   "devDependencies": {},
   "keywords": [

package/src/treegrid/actions/filter.js

@@ -1,6 +1,5 @@
 import { getObject, Filter as GridFilter, Grid } from '@syncfusion/ej2-grids';
 import { isNullOrUndefined, setValue, getValue } from '@syncfusion/ej2-base';
-import { getExpandStatus } from '../utils';
 import { getParentData } from '../utils';
 /**
  * TreeGrid Filter module will handle filtering action
@@ -98,27 +97,6 @@ var Filter = /** @class */ (function () {
         if (this.flatFilteredData.length > 0 && this.isHierarchyFilter) {
             this.updateFilterLevel();
         }
-        if (hierarchyMode === 'None') {
-            var _loop_1 = function (i) {
-                var record = this_1.filteredResult[parseInt(i.toString(), 10)];
-                if (!isNullOrUndefined(record.parentItem)) {
-                    var parentUID_1 = record.parentItem.uniqueID;
-                    var parentPresent = this_1.filteredResult.some(function (r) {
-                        return !isNullOrUndefined(r.uniqueID) && r.uniqueID === parentUID_1;
-                    });
-                    if (parentPresent) {
-                        setValue('isCollapsedChild', !getExpandStatus(this_1.parent, record, this_1.parent.parentData), record);
-                    }
-                    else {
-                        setValue('isCollapsedChild', false, record);
-                    }
-                }
-            };
-            var this_1 = this;
-            for (var i = 0; i < this.filteredResult.length; i++) {
-                _loop_1(i);
-            }
-        }
         this.parent.notify('updateAction', { result: this.filteredResult });
     };
     Filter.prototype.updateParentFilteredRecord = function (record) {
@@ -243,9 +221,6 @@ var Filter = /** @class */ (function () {
                 currentRecord.hasFilteredChildRecords = null;
                 currentRecord.filterLevel = null;
             }
-            if (!isNullOrUndefined(currentRecord.isCollapsedChild)) {
-                currentRecord.isCollapsedChild = null;
-            }
         }
         this.filteredResult = [];
         this.parent.notify('updateResults', { result: flatData, count: flatData.length });

package/src/treegrid/actions/rowdragdrop.js

@@ -576,7 +576,7 @@ var RowDD = /** @class */ (function () {
         this.removeLastrowBorder(rowEle);
         for (var i = 0; i < args.rows.length; i++) {
             if (!isNullOrUndefined(rowEle) && rowEle.getAttribute('data-uid') === args.rows[parseInt(i.toString(), 10)].getAttribute('data-uid')
-                || !parentsUntil(args.target, 'e-gridcontent')) {
+                || !parentsUntil(args.target, 'e-gridcontent') || rowEle.classList.contains('e-summaryrow')) {
                 this.dropPosition = 'Invalid';
                 this.addErrorElem();
                 if (isNullOrUndefined(this.parent.rowDropSettings.targetID)) {
@@ -1088,8 +1088,10 @@ var RowDD = /** @class */ (function () {
     RowDD.prototype.rowDropped = function (args) {
         if (!isNullOrUndefined(this.parent.aggregates[0]) && this.parent.aggregates[0].showChildSummary) {
             var records = this.parent.grid.getCurrentViewRecords();
-            args.fromIndex = records[args.fromIndex].index;
-            args.dropIndex = records[args.dropIndex].index;
+            if (!isNullOrUndefined(records[records[args.fromIndex].index]) && !isNullOrUndefined(records[records[args.dropIndex].index])) {
+                args.fromIndex = records[args.fromIndex].index;
+                args.dropIndex = records[args.dropIndex].index;
+            }
         }
         var tObj = this.parent;
         var parentItem = 'parentItem';
@@ -1614,14 +1616,16 @@ var RowDD = /** @class */ (function () {
             else {
                 currentRecord = record.childRecords[parseInt(i.toString(), 10)];
             }
-            count++;
-            tObj.flatData.splice(count, 0, currentRecord);
-            setValue('uniqueIDCollection.' + currentRecord.uniqueID, currentRecord, this.parent);
-            if (tObj.parentIdMapping) {
-                this.treeData.splice(count, 0, currentRecord.taskData);
-            }
-            if (currentRecord.hasChildRecords) {
-                count = this.updateChildRecord(currentRecord, count);
+            if (!isNullOrUndefined(currentRecord)) {
+                count++;
+                tObj.flatData.splice(count, 0, currentRecord);
+                setValue('uniqueIDCollection.' + currentRecord.uniqueID, currentRecord, this.parent);
+                if (tObj.parentIdMapping) {
+                    this.treeData.splice(count, 0, currentRecord.taskData);
+                }
+                if (currentRecord.hasChildRecords) {
+                    count = this.updateChildRecord(currentRecord, count);
+                }
             }
         }
         return count;
@@ -1648,17 +1652,19 @@ var RowDD = /** @class */ (function () {
             else {
                 currentRecord = record.childRecords[parseInt(i.toString(), 10)];
             }
-            var parentData = void 0;
-            if (record.parentItem) {
-                parentData = getParentData(this.parent, record.parentItem.uniqueID);
-            }
-            if (isNullOrUndefined(parentData) && !isNullOrUndefined(record.parentItem)) {
-                parentData = record.parentItem;
-            }
-            currentRecord.level = record.parentItem ? parentData.level + level : record.level + 1;
-            if (currentRecord.hasChildRecords) {
-                level--;
-                level = this.updateChildRecordLevel(currentRecord, level);
+            if (!isNullOrUndefined(currentRecord)) {
+                var parentData = void 0;
+                if (record.parentItem) {
+                    parentData = getParentData(this.parent, record.parentItem.uniqueID);
+                }
+                if (isNullOrUndefined(parentData) && !isNullOrUndefined(record.parentItem)) {
+                    parentData = record.parentItem;
+                }
+                currentRecord.level = record.parentItem ? parentData.level + level : record.level + 1;
+                if (currentRecord.hasChildRecords) {
+                    level--;
+                    level = this.updateChildRecordLevel(currentRecord, level);
+                }
             }
         }
         return level;
@@ -1788,22 +1794,29 @@ var RowDD = /** @class */ (function () {
                 treeGridData = this.parent.dataSource;
             }
             for (var i_2 = 0; i_2 < treeGridData.length; i_2++) {
-                if (treeGridData[parseInt(i_2.toString(), 10)][this.parent.idMapping] === currentRecord.taskData[this.parent.idMapping]) {
-                    idx = i_2;
+                if (!isNullOrUndefined(currentRecord.taskData)) {
+                    if (treeGridData[parseInt(i_2.toString(), 10)][this.parent.idMapping] === currentRecord.taskData[this.parent.idMapping]) {
+                        idx = i_2;
+                        break;
+                    }
                 }
             }
             for (var i_3 = 0; i_3 < this.treeGridData.length; i_3++) {
-                if (this.treeGridData[parseInt(i_3.toString(), 10)][this.parent.idMapping]
-                    === currentRecord.taskData[this.parent.idMapping]) {
-                    idz = i_3;
-                    break;
+                if (!isNullOrUndefined(currentRecord.taskData)) {
+                    if (this.treeGridData[parseInt(i_3.toString(), 10)][this.parent.idMapping]
+                        === currentRecord.taskData[this.parent.idMapping]) {
+                        idz = i_3;
+                        break;
+                    }
                 }
             }
             if (idx !== -1 && !isNullOrUndefined(idx)) {
                 dataSource.splice(idx, 1);
+                idx = -1;
             }
             if (idz !== -1 && !isNullOrUndefined(idz)) {
                 this.treeGridData.splice(idz, 1);
+                idz = -1;
             }
             if (currentRecord.hasChildRecords) {
                 this.removeChildItem(currentRecord);
@@ -1824,7 +1837,7 @@ var RowDD = /** @class */ (function () {
         }
         for (var i = 0; i < record.childRecords.length; i++) {
             currentRecord = record.childRecords[parseInt(i.toString(), 10)];
-            count++;
+            count = currentRecord.isSummaryRow ? count : count + 1;
             if (currentRecord.hasChildRecords) {
                 count = this.getChildCount(currentRecord, count);
             }

package/src/treegrid/actions/virtual-scroll.d.ts

@@ -66,6 +66,7 @@ export declare class VirtualScroll {
      * @returns {void}
      */
     private virtualPageAction;
+    private adjustRangeForExpandCollapse;
     /**
      * To destroy the virtualScroll module
      *

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

@@ -135,7 +135,13 @@ var VirtualScroll = /** @class */ (function () {
         var isFlatHierarchy = this.parent.filterSettings.hierarchyMode === 'Child' ||
             this.parent.filterSettings.hierarchyMode === 'None';
         var visualData = isFiltering && isFlatHierarchy
-            ? parents
+            ? parents.filter(function (e) {
+                if (isNullOrUndefined(e.parentItem)) {
+                    return true;
+                }
+                var hasParentInFilteredList = parents.some(function (p) { return p.uniqueID === e.parentItem.uniqueID; });
+                return hasParentInFilteredList ? getExpandStatus(_this.parent, e, parents) : true;
+            })
             : parents.filter(function (e) { return getExpandStatus(_this.parent, e, parents); });
         this.visualData = visualData;
         pageingDetails.count = visualData.length;
@@ -191,28 +197,9 @@ var VirtualScroll = /** @class */ (function () {
                 endIndex = startIndex + this.parent.grid.pageSettings.pageSize;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
-                var resourceCount = this.parent.grid.pageSettings.pageSize;
-                var sIndex = visualData.indexOf(this.expandCollapseRec);
-                var tempdata = visualData.slice(sIndex, sIndex + resourceCount);
-                if (tempdata.length < resourceCount && sIndex >= 0 && startIndex !== 0) {
-                    sIndex = visualData.length - resourceCount;
-                    sIndex = sIndex > 0 ? sIndex : 0;
-                    endIndex = visualData.length;
-                    if (endIndex - startIndex < resourceCount) {
-                        var newRowsCount = sIndex - startIndex;
-                        startIndex = sIndex;
-                        if (visualData.indexOf(this.expandCollapseRec) > visualData.length - resourceCount / 2) {
-                            var newTranslateY = startIndex * this.parent.grid.getRowHeight();
-                            this.parent.grid.contentModule['translateY'] = newTranslateY;
-                            this.parent.grid.contentModule.virtualEle.adjustTable(0, newTranslateY);
-                        }
-                    }
-                }
-                else if (getValue('isCollapseAll', this.parent)) {
-                    startIndex = 0;
-                    endIndex = this.parent.grid.pageSettings.pageSize - 1;
-                    this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
-                }
+                var result = this.adjustRangeForExpandCollapse(startIndex, endIndex, visualData);
+                startIndex = result.startIndex;
+                endIndex = result.endIndex;
             }
             //}
             if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll'
@@ -243,6 +230,30 @@ var VirtualScroll = /** @class */ (function () {
         }
         this.parent.notify('updateAction', pageingDetails);
     };
+    VirtualScroll.prototype.adjustRangeForExpandCollapse = function (startIndex, endIndex, visualData) {
+        var pageSize = this.parent.grid.pageSettings.pageSize;
+        var expandedRecordIndex = visualData.indexOf(this.expandCollapseRec);
+        var pageWindowRecords = visualData.slice(expandedRecordIndex, expandedRecordIndex + pageSize);
+        if (pageWindowRecords.length < pageSize && expandedRecordIndex >= 0 && startIndex !== 0) {
+            var startForLastPage = visualData.length - pageSize;
+            startForLastPage = startForLastPage > 0 ? startForLastPage : 0;
+            endIndex = visualData.length;
+            if (endIndex - startIndex < pageSize) {
+                startIndex = startForLastPage;
+                if (expandedRecordIndex > visualData.length - pageSize / 2) {
+                    var viewportTranslateY = startIndex * this.parent.grid.getRowHeight();
+                    this.parent.grid.contentModule['translateY'] = viewportTranslateY;
+                    this.parent.grid.contentModule.virtualEle.adjustTable(0, viewportTranslateY);
+                }
+            }
+        }
+        else if (getValue('isCollapseAll', this.parent)) {
+            startIndex = 0;
+            endIndex = this.parent.grid.pageSettings.pageSize - 1;
+            this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
+        }
+        return { startIndex: startIndex, endIndex: endIndex };
+    };
     /**
      * To destroy the virtualScroll module
      *

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

@@ -66,10 +66,6 @@ export interface ITreeData {
      * Specifies the Primary data
      */
     primaryParent?: ITreeData;
-    /**
-     * Specifies the child record collapsed state
-     */
-    isCollapsedChild?: ITreeData;
 }
 /** Specifies the Tree Grid ExcelExport properties */
 export interface TreeGridExcelExportProperties extends ExcelExportProperties {

package/src/treegrid/base/treegrid.js

@@ -895,7 +895,7 @@ var TreeGrid = /** @class */ (function (_super) {
             var portals = 'portals';
             if (!(_this.isReact && isNullOrUndefined(_this["" + portals]))) {
                 var isGantt = _this['isFromGantt'] && !isNullOrUndefined(_this['root'].clearTemplate) &&
-                    _this['root'].chartRowsModule['isGridRowRefreshed'];
+                    (_this['root'].chartRowsModule['isGridRowRefreshed'] || _this['root']['registeredTemplate']);
                 if (isGantt) {
                     _this['root'].clearTemplate(args, index, callback);
                 }

package/src/treegrid/renderer/render.js

@@ -32,16 +32,6 @@ var Render = /** @class */ (function () {
         }
         var data = args.data;
         var parentData = data.parentItem;
-        if (!isNullOrUndefined(parentData) && data.isCollapsedChild && !isNullOrUndefined(args.row)) {
-            this.parent['toggleRowVisibility'](args.row, 'e-childrow-hidden');
-            var rowsObj = this.parent.grid.getRowsObject();
-            if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
-                var row = rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0];
-                if (row) {
-                    row.visible = false;
-                }
-            }
-        }
         if (!isNullOrUndefined(data.parentItem) && !isFilterChildHierarchy(this.parent) &&
             (!(this.parent.allowPaging && !(this.parent.pageSettings.pageSizeMode === 'Root')) ||
                 (isRemoteData(this.parent) && !isOffline(this.parent)))) {

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

@@ -713,7 +713,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.parent.root.scrollPosition = scrollArgs.offset;
         }
         var info = scrollArgs.sentinel;
-        var rowHeight = this.parent.getRowHeight();
+        var rowHeight = parseInt(this.parent.getRowHeight().toString(), 10);
         var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
         var content;
         if (!isNullOrUndefined(this.parent.contentModule)) {