@syncfusion/ej2-treegrid 28.1.37 → 28.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.1.37
+*  version : 28.1.39
 *  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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@28.1.35",
+  "_id": "@syncfusion/ej2-treegrid@28.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-Q5c06EcQrvl+LNF3gMT44GSZ6AVf7FCJmkb48NVrSis0QAVzl9tukvge9li+rTPAr3jw6tARAylImqm8R61XMQ==",
+  "_integrity": "sha512-ySpUDpaabk8geF3hDV1U5qCI68d0hz8go/gqc6NuNYhzPI9Pjgr9CETwdZeo51DcMVgOq62u/37RaxvttrCRtw==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -18,13 +18,14 @@
   },
   "_requiredBy": [
     "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-treegrid",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-28.1.35.tgz",
-  "_shasum": "a7c0525faceee9d3be1788eb4bdd9b1802e61668",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-28.1.37.tgz",
+  "_shasum": "1feae0e79e8908e04e1083a44c98458c649c98ec",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -37,8 +38,8 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
     "@syncfusion/ej2-data": "~28.1.33",
-    "@syncfusion/ej2-grids": "~28.1.37",
-    "@syncfusion/ej2-popups": "~28.1.33"
+    "@syncfusion/ej2-grids": "~28.1.38",
+    "@syncfusion/ej2-popups": "~28.1.39"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -75,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.37",
+  "version": "28.1.39",
   "sideEffects": false
 }

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

@@ -159,14 +159,22 @@ var VirtualScroll = /** @class */ (function () {
                 endIndex = startIndex + this.parent.grid.pageSettings.pageSize;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
-                var resourceCount = this.parent.getRows();
+                var resourceCount = this.parent.grid.pageSettings.pageSize;
                 var sIndex = visualData.indexOf(this.expandCollapseRec);
-                var tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
-                if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
-                    sIndex = visualData.length - resourceCount.length;
+                var tempdata = visualData.slice(sIndex, sIndex + resourceCount);
+                if (tempdata.length < resourceCount && sIndex >= 0 && startIndex !== 0) {
+                    sIndex = visualData.length - resourceCount;
                     sIndex = sIndex > 0 ? sIndex : 0;
-                    startIndex = sIndex;
                     endIndex = visualData.length;
+                    if (endIndex - startIndex < resourceCount) {
+                        var newRowsCount = sIndex - startIndex;
+                        startIndex = sIndex;
+                        if (visualData.indexOf(this.expandCollapseRec) > visualData.length - resourceCount / 2) {
+                            var newTranslateY = translateY + (newRowsCount * 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;

package/src/treegrid/base/data.js

@@ -338,6 +338,7 @@ var DataManipulation = /** @class */ (function () {
                     this.parent.grid.detailRowModule.expand(expandingTd);
                 }
             }
+            this.parent.grid.pageSettings.totalRecordsCount += rowDetails.rows.length;
         }
         else {
             this.fetchRemoteChildData({ action: rowDetails["" + name], record: rowDetails.record, rows: rowDetails.rows, parentRow: rowDetails.parentRow });

package/src/treegrid/base/treegrid.js

@@ -3048,18 +3048,6 @@ var TreeGrid = /** @class */ (function (_super) {
                 this.trigger(events.expanded, expandArgs);
             }
         }
-        if (this.enableVirtualization) {
-            var index = this.grid.currentViewData.indexOf(record);
-            var expandedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
-            if (!isNullOrUndefined(expandedRow)) {
-                var rowIndex = +expandedRow.getAttribute('data-rowindex');
-                var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
-                var lastBlockIdx = initialTotalRecordsCount - outBuffer;
-                if (rowIndex > lastBlockIdx) {
-                    this.grid.getContent().firstElementChild.scrollTop = rowIndex * this.grid.getRowHeight();
-                }
-            }
-        }
     };
     TreeGrid.prototype.expandCollapseAllChildren = function (record, action, key, level) {
         if ((!isNullOrUndefined(key) && record[this.getPrimaryKeyFieldNames()[0]] !== key) ||
@@ -3175,18 +3163,6 @@ var TreeGrid = /** @class */ (function (_super) {
                     this.grid.getContent().firstElementChild.scrollBy(0, this.grid.getRowHeight());
                 }
             }
-            if (this.enableVirtualization) {
-                var index = this.grid.currentViewData.indexOf(record);
-                var collapsedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
-                if (!isNullOrUndefined(collapsedRow)) {
-                    var rowIndex = +collapsedRow.getAttribute('data-rowindex');
-                    var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
-                    var lastBlockIdx = this.grid.totalDataRecordsCount - outBuffer;
-                    if (rowIndex > lastBlockIdx) {
-                        this.grid.getContent().firstElementChild.scrollBy(0, (rowIndex - lastBlockIdx) * this.grid.getRowHeight());
-                    }
-                }
-            }
         }
     };
     TreeGrid.prototype.updateExpandStateMapping = function (record, state) {
@@ -3861,6 +3837,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
             }
         }
+        this.grid.pageSettings.totalRecordsCount -= rows.length;
     };
     /**
      * Method to sanitize html element

package/styles/bds-lite.css

@@ -460,6 +460,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -690,20 +701,6 @@
   border-bottom-color: var(--color-sf-brand-primary);
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: var(--color-sf-fg-secondary);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bds.css

@@ -460,6 +460,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -690,20 +701,6 @@
   border-bottom-color: var(--color-sf-brand-primary);
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: var(--color-sf-fg-secondary);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap-dark-lite.css

@@ -221,6 +221,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #f0f0f0;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -451,20 +462,6 @@
   border-bottom-color: #0070f0;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #f0f0f0;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap-dark.css

@@ -221,6 +221,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #f0f0f0;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -451,20 +462,6 @@
   border-bottom-color: #0070f0;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #f0f0f0;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap-lite.css

@@ -236,6 +236,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #333;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -466,20 +477,6 @@
   border-bottom-color: #317ab9;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #333;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap.css

@@ -236,6 +236,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #333;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -466,20 +477,6 @@
   border-bottom-color: #317ab9;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #333;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap4-lite.css

@@ -257,6 +257,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #495057;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -487,20 +498,6 @@
   border-bottom-color: #e3165b;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #495057;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap4.css

@@ -257,6 +257,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #495057;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -487,20 +498,6 @@
   border-bottom-color: #e3165b;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #495057;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5-dark-lite.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #adb5bd;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #adb5bd;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5-dark.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #adb5bd;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #adb5bd;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5-lite.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #6c757d;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #6c757d;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5.3-lite.css

@@ -264,6 +264,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 18px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -494,20 +505,6 @@
   border-bottom-color: var(--color-sf-primary);
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: var(--color-sf-icon-color);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 18px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5.3.css

@@ -264,6 +264,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 18px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -494,20 +505,6 @@
   border-bottom-color: var(--color-sf-primary);
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: var(--color-sf-icon-color);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 18px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/bootstrap5.css

@@ -260,6 +260,17 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse {
+  color: #6c757d;
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: 19px;
@@ -490,20 +501,6 @@
   border-bottom-color: #0d6efd;
 }
 
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse,
-.e-grid .e-treegridexpand,
-.e-grid .e-treegridcollapse {
-  color: #6c757d;
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
-
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }