@syncfusion/ej2-treegrid 20.3.56 → 20.3.58

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.56
+*  version : 20.3.58
 *  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.52",
+  "_id": "@syncfusion/ej2-treegrid@20.3.57",
   "_inBundle": false,
-  "_integrity": "sha512-/vMHDJDfHDngg+AI9IGN8QAfWPMaADbeU64pvezOvVgfDS6oCwrCWJNaeYnmh1N/yRptfkz24d+cHERxVeNqBw==",
+  "_integrity": "sha512-UXyRl+MkwcxIDB2sKhz9mrLC+Vqdce5SwL00cRuPzx0SpN1zHJwIGVYr/H3mk762MrG0Nxvi/uA3Wg4fmornXg==",
   "_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.52.tgz",
-  "_shasum": "1bc333eb3658e10056c4264a866a3c7060168341",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.3.57.tgz",
+  "_shasum": "d925d18312d959702007b15d348d25438f7f298c",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -38,8 +38,8 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~20.3.56",
     "@syncfusion/ej2-data": "~20.3.56",
-    "@syncfusion/ej2-grids": "~20.3.56",
-    "@syncfusion/ej2-popups": "~20.3.56"
+    "@syncfusion/ej2-grids": "~20.3.58",
+    "@syncfusion/ej2-popups": "~20.3.58"
   },
   "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.56",
+  "version": "20.3.58",
   "sideEffects": false
 }

package/src/treegrid/actions/selection.js

@@ -128,7 +128,7 @@ var Selection = /** @class */ (function () {
         }
     };
     Selection.prototype.renderColumnCheckbox = function (args) {
-        var rowChkBox = this.parent.createElement('input', { className: 'e-treecheckselect', attrs: { 'type': 'checkbox' } });
+        var rowChkBox = this.parent.createElement('input', { className: 'e-treecheckselect', attrs: { 'type': 'checkbox', 'aria-label': 'checkbox' } });
         var data = args.data;
         args.cell.classList.add('e-treegridcheckbox');
         args.cell.setAttribute('aria-label', 'checkbox');
@@ -295,9 +295,15 @@ var Selection = /** @class */ (function () {
                 this.filteredList = this.searchingRecords;
             }
         }
-        var data = (!isNullOrUndefined(this.parent.filterModule) &&
-            (this.filteredList.length > 0)) ? this.filteredList :
-            this.parent.flatData;
+        var data;
+        if (this.parent.filterModule.filteredResult.length === 0 && this.parent.getCurrentViewRecords().length === 0 &&
+            this.parent.filterSettings.columns.length > 0) {
+            data = this.filteredList;
+        }
+        else {
+            data = (!isNullOrUndefined(this.parent.filterModule) &&
+                (this.filteredList.length > 0)) ? this.filteredList : this.parent.flatData;
+        }
         data = isRemoteData(this.parent) ? this.parent.getCurrentViewRecords() : data;
         if (!isNullOrUndefined(checkAll)) {
             for (var i = 0; i < data.length; i++) {
@@ -354,9 +360,9 @@ var Selection = /** @class */ (function () {
         var checkedRecord;
         var recordIndex = this.parent.getCurrentViewRecords().indexOf(record[0]);
         var checkboxRecord = getParentData(this.parent, currentRecord.uniqueID);
+        var tr = this.parent.getRows()[recordIndex];
         var checkbox;
         if (recordIndex > -1) {
-            var tr = this.parent.getRows()[recordIndex];
             var movableTr = void 0;
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
                 movableTr = this.parent.getMovableDataRows()[recordIndex];
@@ -405,6 +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);
             }
         }
     };

package/src/treegrid/base/treegrid.js

@@ -747,13 +747,8 @@ var TreeGrid = /** @class */ (function (_super) {
         this.trigger(getObject('name', args), args);
     };
     TreeGrid.prototype.IsExpandCollapseClicked = function (args) {
-        if (args['name'] === 'rowSelecting' && !isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
-            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell')) && (isNullOrUndefined(args['previousRowIndex']))) {
-            args.cancel = true;
-            return;
-        }
-        else if (args['name'] === 'rowDeselecting' && !isNullOrUndefined(args.target) && ((!isNullOrUndefined(args.row) && (!args.row.length)) && (args.target.classList.contains('e-treegridexpand')
-            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell')))) {
+        if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
+            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))) {
             args.cancel = true;
             return;
         }
@@ -2910,6 +2905,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
                 removeClass([targetEle], 'e-treegridexpand');
             }
+            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));
             });
@@ -2921,6 +2917,10 @@ var TreeGrid = /** @class */ (function (_super) {
                     this.localExpand(action, row, record);
                 }
             }
+            if (!isNullOrUndefined(targetEle) && targetEle.closest('.e-treerowcell').classList.contains('e-cellselectionbackground')) {
+                targetEle.closest('.e-treerowcell').classList.remove('e-cellselectionbackground');
+                targetEle.closest('.e-treerowcell').removeAttribute('aria-selected');
+            }
             if (this.isPixelHeight() && !row.cells[0].classList.contains('e-lastrowcell')) {
                 var totalRows = this.getRows();
                 var rows = this.getContentTable().rows;

package/src/treegrid/renderer/render.js

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