@syncfusion/ej2-treegrid 21.1.41 → 21.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.41
+*  version : 21.2.4
 *  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@21.1.38",
+  "_id": "@syncfusion/ej2-treegrid@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-yzDLy2soTHvZsUUxZCbJktnCGu6CA99GgvXZGMblq/f97fMtTbeyeaFqdy5c95BLi60jHIaacJqH2JrHFbOBoQ==",
+  "_integrity": "sha512-pnNlc+xmVp2HSWThhMjSVX88ro8KbjBqpDmXOBTdzSHrnm+ndxCq7ZXGdgkCe7S5iXL5KA3bgJhUKNSOVdd55g==",
   "_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-21.1.38.tgz",
-  "_shasum": "9b8904acbb4c8e6c2ba33927564ca9e0059a1b5d",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-21.2.3.tgz",
+  "_shasum": "bd3a3fc2dbc73a3eebc6fec6d55827feacec0da2",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.40",
-    "@syncfusion/ej2-data": "~21.1.38",
-    "@syncfusion/ej2-grids": "~21.1.41",
-    "@syncfusion/ej2-popups": "~21.1.41"
+    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-data": "~21.2.4",
+    "@syncfusion/ej2-grids": "~21.2.4",
+    "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -66,6 +66,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.41",
+  "version": "21.2.4",
   "sideEffects": false
 }

package/src/treegrid/base/treegrid.js

@@ -309,13 +309,18 @@ var TreeGrid = /** @class */ (function (_super) {
                     break;
                 case 'downArrow':
                     if (!this.enableVirtualization) {
-                        parentTarget = e.target.parentElement;
+                        target = e.target;
+                        parentTarget = target.parentElement;
+                        var cellIndex = parentTarget.cellIndex;
+                        if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit["obj"])) {
+                            parentTarget = target;
+                        }
                         summaryElement = this.findnextRowElement(parentTarget);
                         if (summaryElement !== null) {
                             var rowIndex = summaryElement.rowIndex;
                             this.selectRow(rowIndex);
-                            var cellIndex = e.target.cellIndex;
-                            var row_1 = summaryElement.children[parseInt(cellIndex.toString(), 10)];
+                            var cellIndex_1 = e.target.cellIndex;
+                            var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
                             addClass([row_1], 'e-focused');
                             addClass([row_1], 'e-focus');
                         }
@@ -326,7 +331,12 @@ var TreeGrid = /** @class */ (function (_super) {
                     break;
                 case 'upArrow':
                     if (!this.enableVirtualization) {
-                        parentTarget = e.target.parentElement;
+                        target = e.target;
+                        parentTarget = target.parentElement;
+                        var cellIndex = parentTarget.cellIndex;
+                        if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit["obj"])) {
+                            parentTarget = target;
+                        }
                         summaryElement = this.findPreviousRowElement(parentTarget);
                         if (summaryElement !== null) {
                             var rIndex = summaryElement.rowIndex;
@@ -1067,7 +1077,25 @@ var TreeGrid = /** @class */ (function (_super) {
         };
     };
     TreeGrid.prototype.updateRowTemplate = function () {
-        this.treeColumnRowTemplate();
+        var _this = this;
+        if (this.rowTemplate) {
+            if (this.isReact && this.getContentTable().rows.length === 0) {
+                setTimeout(function () {
+                    _this.treeColumnRowTemplate();
+                    if (_this.enableCollapseAll) {
+                        var currentData = _this.getCurrentViewRecords();
+                        var rows = _this.getContentTable().rows;
+                        for (var i = 0; i < rows.length; i++) {
+                            var args = { data: currentData[parseInt(i.toString(), 10)], row: rows[parseInt(i.toString(), 10)] };
+                            _this.renderModule.RowModifier(args);
+                        }
+                    }
+                }, 0);
+            }
+            else {
+                this.treeColumnRowTemplate();
+            }
+        }
     };
     TreeGrid.prototype.bindedDataSource = function () {
         var dataSource = 'dataSource';
@@ -1110,25 +1138,6 @@ var TreeGrid = /** @class */ (function (_super) {
             if (requestType === 'reorder') {
                 _this.notify('getColumnIndex', {});
             }
-            if (requestType === 'filterbeforeopen' && args.columnName && _this.filterSettings.hierarchyMode !== 'None') {
-                for (var j = 0; j < _this.columns.length; j++) {
-                    var fields = 'field';
-                    if (_this.columns[parseInt(j.toString(), 10)]["" + fields] === args.columnName) {
-                        var taskFields = [];
-                        for (var i = 0; i < _this.grid.currentViewData.length; i++) {
-                            var fieldValue = _this.grid.currentViewData[parseInt(i.toString(), 10)][args.columnName];
-                            if (taskFields.indexOf(fieldValue) === -1) {
-                                taskFields.push(fieldValue);
-                            }
-                        }
-                        args['filterModel'].options.dataSource = taskFields.map(function (name) {
-                            var _a;
-                            return (_a = {}, _a[args.columnName] = name, _a);
-                        });
-                        args['filterModel'].options.filteredColumns = args['filterModel'].options.filteredColumns.filter(function (col) { return col.field === args.columnName; });
-                    }
-                }
-            }
             if (isRemoteData(_this) && _this.enableVirtualization) {
                 if (args.requestType === 'virtualscroll') {
                     _this.query.expand('VirtualScrollingAction');
@@ -3259,17 +3268,15 @@ var TreeGrid = /** @class */ (function (_super) {
         }
     };
     TreeGrid.prototype.treeColumnRowTemplate = function () {
-        if (this.rowTemplate) {
-            var rows = this.getContentTable().rows;
-            rows = [].slice.call(rows);
-            for (var i = 0; i < rows.length; i++) {
-                var rcell = this.grid.getContentTable().rows[parseInt(i.toString(), 10)]
-                    .cells[this.treeColumnIndex];
-                var row = rows[parseInt(i.toString(), 10)];
-                var rowData = this.grid.getRowsObject()[parseInt(i.toString(), 10)].data;
-                var arg = { data: rowData, row: row, cell: rcell, column: this.getColumns()[this.treeColumnIndex] };
-                this.renderModule.cellRender(arg);
-            }
+        var rows = this.getContentTable().rows;
+        rows = [].slice.call(rows);
+        for (var i = 0; i < rows.length; i++) {
+            var rcell = this.grid.getContentTable().rows[parseInt(i.toString(), 10)]
+                .cells[this.treeColumnIndex];
+            var row = rows[parseInt(i.toString(), 10)];
+            var rowData = this.grid.getRowsObject()[parseInt(i.toString(), 10)].data;
+            var arg = { data: rowData, row: row, cell: rcell, column: this.getColumns()[this.treeColumnIndex] };
+            this.renderModule.cellRender(arg);
         }
     };
     TreeGrid.prototype.collapseRemoteChild = function (rowDetails, isChild) {

package/src/treegrid/renderer/render.js

@@ -38,10 +38,12 @@ var Render = /** @class */ (function () {
             var collapsed = (this.parent.initialRender && (!(isNullOrUndefined(parentData[this.parent.expandStateMapping]) ||
                 parentData[this.parent.expandStateMapping]) || this.parent.enableCollapseAll)) ||
                 !getExpandStatus(this.parent, args.data, this.parent.grid.getCurrentViewRecords());
-            if (collapsed) {
+            if (collapsed && !isNullOrUndefined(args.row)) {
                 args.row.style.display = 'none';
                 var rowsObj = this.parent.grid.getRowsObject();
-                rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0].visible = false;
+                if (!isNullOrUndefined(args.row.getAttribute('data-uid'))) {
+                    rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0].visible = false;
+                }
             }
         }
         if (isRemoteData(this.parent) && !isOffline(this.parent)) {
@@ -49,7 +51,7 @@ var Render = /** @class */ (function () {
             var parentrec = this.parent.getCurrentViewRecords().filter(function (rec) {
                 return getValue(proxy_1.idMapping, rec) === getValue(proxy_1.parentIdMapping, data);
             });
-            if (parentrec.length > 0 && !parentrec[0].isSummaryRow) {
+            if (parentrec.length > 0 && !parentrec[0].isSummaryRow && !isNullOrUndefined(args.row)) {
                 var display = parentrec[0].expanded ? 'table-row' : 'none';
                 args.row.setAttribute('style', 'display: ' + display + ';');
             }
@@ -59,15 +61,17 @@ var Render = /** @class */ (function () {
         if (summaryRow) {
             addClass([args.row], 'e-summaryrow');
         }
-        if (args.row.querySelector('.e-treegridexpand')) {
-            args.row.setAttribute('aria-expanded', 'true');
-        }
-        else if (args.row.querySelector('.e-treegridcollapse')) {
-            args.row.setAttribute('aria-expanded', 'false');
-        }
-        if (this.parent.enableCollapseAll && this.parent.initialRender) {
-            if (!isNullOrUndefined(data.parentItem)) {
-                args.row.style.display = 'none';
+        if (!isNullOrUndefined(args.row)) {
+            if (args.row.querySelector('.e-treegridexpand')) {
+                args.row.setAttribute('aria-expanded', 'true');
+            }
+            else if (args.row.querySelector('.e-treegridcollapse')) {
+                args.row.setAttribute('aria-expanded', 'false');
+            }
+            if (this.parent.enableCollapseAll && this.parent.initialRender) {
+                if (!isNullOrUndefined(data.parentItem)) {
+                    args.row.style.display = 'none';
+                }
             }
         }
         var dragStartData = 'dragStartData';