@syncfusion/ej2-treegrid 20.3.58 → 20.3.60

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.58
+*  version : 20.3.60
 *  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@20.3.57",
+  "_id": "@syncfusion/ej2-treegrid@20.3.58",
   "_inBundle": false,
-  "_integrity": "sha512-UXyRl+MkwcxIDB2sKhz9mrLC+Vqdce5SwL00cRuPzx0SpN1zHJwIGVYr/H3mk762MrG0Nxvi/uA3Wg4fmornXg==",
+  "_integrity": "sha512-iDfaMXRuBHOpBp3zDL6cZm71E8IAU7cssCK9y4Zth7TIBwoN67TQbVSqO59cj+6dcII5fGTe2buOY98chHYm5Q==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.3.57.tgz",
-  "_shasum": "d925d18312d959702007b15d348d25438f7f298c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.3.58.tgz",
+  "_shasum": "212d2849066360a08e9f0d66461fa6d5030c93a4",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -37,9 +37,9 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-data": "~20.3.56",
-    "@syncfusion/ej2-grids": "~20.3.58",
-    "@syncfusion/ej2-popups": "~20.3.58"
+    "@syncfusion/ej2-data": "~20.3.60",
+    "@syncfusion/ej2-grids": "~20.3.60",
+    "@syncfusion/ej2-popups": "~20.3.60"
   },
   "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": "20.3.58",
+  "version": "20.3.60",
   "sideEffects": false
 }

package/src/treegrid/actions/selection.js

@@ -411,9 +411,9 @@ var Selection = /** @class */ (function () {
         if (recordIndex > -1) {
             if (!isNullOrUndefined(checkbox)) {
                 checkbox.classList.add(checkBoxclass);
-                var chkstate = checkState == 'check' ? 'checked' : checkState == 'uncheck' ? 'unchecked' : 'mixed';
-                tr.querySelector('.e-treecheckselect').setAttribute("aria-checked", checkState == 'check' ? 'true' : checkState == 'uncheck' ? 'false' : 'mixed');
-                tr.querySelector('.e-frame').setAttribute("title", "checkbox" + chkstate);
+                var chkstate = checkState === 'check' ? 'checked' : checkState === 'uncheck' ? 'unchecked' : 'mixed';
+                tr.querySelector('.e-treecheckselect').setAttribute('aria-checked', checkState === 'check' ? 'true' : checkState === 'uncheck' ? 'false' : 'mixed');
+                tr.querySelector('.e-frame').setAttribute('title', 'checkbox' + chkstate);
             }
         }
     };

package/src/treegrid/base/treegrid.js

@@ -748,7 +748,8 @@ var TreeGrid = /** @class */ (function (_super) {
     };
     TreeGrid.prototype.IsExpandCollapseClicked = function (args) {
         if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
-            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))) {
+            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))
+            && (!isNullOrUndefined(args.data) && args.data['hasChildRecords'])) {
             args.cancel = true;
             return;
         }
@@ -1415,7 +1416,9 @@ var TreeGrid = /** @class */ (function (_super) {
         }
         var treeGridColumn;
         var gridColumn;
-        index = index === 0 ? -1 : index;
+        if (this.columnModel.length == 0) {
+            index = index === 0 ? -1 : index;
+        }
         var gridColumnCollection = [];
         for (var i = 0; i < column.length; i++) {
             index = index + 1;
@@ -2905,7 +2908,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
                 removeClass([targetEle], 'e-treegridexpand');
             }
-            row.querySelectorAll('.e-treerowcell')[0].setAttribute("aria-expanded", action == 'expand' ? 'true' : 'false');
+            row.querySelectorAll('.e-treerowcell')[0].setAttribute('aria-expanded', action === 'expand' ? 'true' : 'false');
             var detailrows = gridRows.filter(function (r) {
                 return r.classList.contains('e-griddetailrowindex' + record.index + 'level' + (record.level + 1));
             });
@@ -3098,10 +3101,25 @@ var TreeGrid = /** @class */ (function (_super) {
                 return r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1));
             });
         }
+        var gridRowsObject = this.grid.getRowsObject();
+        if (gridRowsObject[record.index].visible !== false) {
+            gridRowsObject[record.index].visible = true;
+        }
+        var detailrows = gridRows.filter(function (r) {
+            return r.classList.contains('e-griddetailrowindex' + record.index + 'level' + (record.level + 1));
+        });
         for (var i = 0; i < rows.length; i++) {
             if (!isNullOrUndefined(rows[i])) {
                 rows[i].style.display = displayAction;
             }
+            if (!isNullOrUndefined(rows[i]) && !this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+                gridRowsObject[rows[i].rowIndex].visible = displayAction != 'none' ? true : false;
+                if ("parentItem" in record) {
+                    if (gridRows[record.parentItem.index].getElementsByClassName('e-treegridcollapse').length) {
+                        gridRowsObject[record.index].visible = false;
+                    }
+                }
+            }
             if (!isNullOrUndefined(movableRows)) {
                 movableRows[i].style.display = displayAction;
             }
@@ -3117,6 +3135,15 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
             }
         }
+        for (var i = 0; i < detailrows.length; i++) {
+            if (!isNullOrUndefined(detailrows[i]) && !this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+                gridRowsObject[detailrows[i].rowIndex].visible = displayAction != 'none' ? true : false;
+                detailrows[i].style.display = displayAction;
+            }
+        }
+        if (!this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+            this.grid.notify('refresh-Expand-and-Collapse', { rows: this.grid.getRowsObject() });
+        }
     };
     TreeGrid.prototype.updateAltRow = function (rows) {
         if (this.enableAltRow && !this.rowTemplate) {

package/src/treegrid/renderer/render.js

@@ -122,7 +122,7 @@ var Render = /** @class */ (function () {
             }
             if (iconRequired) {
                 addClass([args.cell], 'e-treerowcell');
-                args.cell.setAttribute("aria-expanded", data.expanded ? "true" : "false");
+                args.cell.setAttribute('aria-expanded', data.expanded ? 'true' : 'false');
                 var expandIcon = createElement('span', { className: 'e-icons' });
                 var expand = void 0;
                 if (this.parent.initialRender) {

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

@@ -581,7 +581,7 @@ var TreeInterSectionObserver = /** @class */ (function (_super) {
     };
     TreeInterSectionObserver.prototype.virtualScrollHandlers = function (callback, onEnterCallback, instance) {
         var _this = this;
-        var delay = Browser.info.name === 'chrome' ? 200 : 100;
+        //const delay: number = Browser.info.name === 'chrome' ? 200 : 100;
         var options = 'options';
         var movableEle = 'movableEle';
         var element = 'element';