@syncfusion/ej2-treegrid 19.4.52 → 19.4.56

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.52
+*  version : 19.4.56
 *  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@19.4.48",
+  "_id": "@syncfusion/ej2-treegrid@19.4.55",
   "_inBundle": false,
-  "_integrity": "sha512-H/Y2ah0xNhYjWj/A6X4sS8uZIdJPP/8RQyyDjr3ArzAzJZkrOPFtUrcEuAQRHjqSKRs9OOXME9xVgRbHETuBZw==",
+  "_integrity": "sha512-f5xJV2acBAMJnQ/C9b+HxofLqJ3odAXUN/kaRyqz+3sMlYdAaIW1f77i7Z8FUY7e9Gl5M5BgPtTr2WQXAH/mmQ==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.4.48.tgz",
-  "_shasum": "dc2917a172129e2d1ec9ac1fdccf78b9812cf09d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.4.55.tgz",
+  "_shasum": "e711adbf22a3859e37b6d823c0914732c323754d",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,9 +37,9 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-data": "~19.4.52",
-    "@syncfusion/ej2-grids": "~19.4.52",
-    "@syncfusion/ej2-popups": "~19.4.52"
+    "@syncfusion/ej2-data": "~19.4.54",
+    "@syncfusion/ej2-grids": "~19.4.56",
+    "@syncfusion/ej2-popups": "~19.4.53"
   },
   "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": "19.4.52",
+  "version": "19.4.56",
   "sideEffects": false
 }

package/src/treegrid/actions/crud-actions.js

@@ -381,6 +381,11 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
                 column: control.grid.getColumns()[control.treeColumnIndex],
                 requestType: action
             });
+            if (control.enableImmutableMode && control['action'] === 'indenting' || control['action'] === 'outdenting') {
+                control.renderModule.RowModifier({
+                    data: record, row: row
+                });
+            }
         }
     }
 }

package/src/treegrid/actions/edit.js

@@ -275,7 +275,7 @@ var Edit = /** @class */ (function () {
         var promise = 'promise';
         var prom = args[promise];
         delete args[promise];
-        if (this.parent.enableVirtualization && !isNullOrUndefined(this.prevAriaRowIndex)) {
+        if (this.parent.enableVirtualization && !isNullOrUndefined(this.prevAriaRowIndex) && this.prevAriaRowIndex !== '-1') {
             args.row.setAttribute('aria-rowindex', this.prevAriaRowIndex);
             this.prevAriaRowIndex = undefined;
         }

package/src/treegrid/actions/rowdragdrop.js

@@ -60,6 +60,7 @@ var RowDD = /** @class */ (function () {
      */
     RowDD.prototype.reorderRows = function (fromIndexes, toIndex, position) {
         var tObj = this.parent;
+        var action = 'action';
         if (fromIndexes[0] !== toIndex && ['above', 'below', 'child'].indexOf(position) !== -1) {
             if (position === 'above') {
                 this.dropPosition = 'topSegment';
@@ -86,6 +87,11 @@ var RowDD = /** @class */ (function () {
             if (tObj.isLocalData) {
                 tObj.flatData = this.orderToIndex(tObj.flatData);
             }
+            if (this.parent[action] === 'outdenting') {
+                if (!isNullOrUndefined(data[0].parentItem)) {
+                    data[0].level = data[0].parentItem.level + 1;
+                }
+            }
             this.parent.grid.refresh();
             if (this.parent.enableImmutableMode && this.dropPosition === 'middleSegment') {
                 var index = this.parent.treeColumnIndex + 1;
@@ -106,6 +112,11 @@ var RowDD = /** @class */ (function () {
                         column: this.parent.grid.getColumns()[this.parent.treeColumnIndex],
                         requestType: 'rowDragAndDrop'
                     });
+                    if (this.parent[action] === 'indenting' || this.parent[action] === 'outdenting') {
+                        this.parent.renderModule.RowModifier({
+                            data: totalRecord[i], row: rows[i]
+                        });
+                    }
                 }
             }
         }
@@ -254,7 +265,8 @@ var RowDD = /** @class */ (function () {
         }
         // eslint-disable-next-line max-len
         if (tempDataSource && (!isNullOrUndefined(droppedRecord) && !droppedRecord.parentItem) && !isNullOrUndefined(droppedRecord.taskData)) {
-            for (var i = 0; i < Object.keys(tempDataSource).length; i++) {
+            var keys = Object.keys(tempDataSource);
+            for (var i = 0; i < keys.length; i++) {
                 if (tempDataSource[i][this.parent.childMapping] === droppedRecord.taskData[this.parent.childMapping]) {
                     idx = i;
                 }

package/src/treegrid/actions/toolbar.js

@@ -27,6 +27,7 @@ var Toolbar = /** @class */ (function () {
      */
     Toolbar.prototype.addEventListener = function () {
         this.parent.on(events.rowSelected, this.refreshToolbar, this);
+        this.parent.on(events.rowDeselected, this.refreshToolbar, this);
         this.parent.on(events.toolbarClick, this.toolbarClickHandler, this);
     };
     /**
@@ -38,6 +39,7 @@ var Toolbar = /** @class */ (function () {
             return;
         }
         this.parent.off(events.rowSelected, this.refreshToolbar);
+        this.parent.off(events.rowDeselected, this.refreshToolbar);
         this.parent.off(events.toolbarClick, this.toolbarClickHandler);
     };
     Toolbar.prototype.refreshToolbar = function (args) {
@@ -45,7 +47,7 @@ var Toolbar = /** @class */ (function () {
         if (args.row.rowIndex === 0 || tObj.getSelectedRecords().length > 1) {
             this.enableItems([tObj.element.id + '_gridcontrol_indent', tObj.element.id + '_gridcontrol_outdent'], false);
         }
-        else {
+        else if (args['name'] !== "rowDeselected") {
             if (!isNullOrUndefined(tObj.getCurrentViewRecords()[args.row.rowIndex])) {
                 if (!isNullOrUndefined(tObj.getCurrentViewRecords()[args.row.rowIndex]) &&
                     (tObj.getCurrentViewRecords()[args.row.rowIndex].level >
@@ -67,6 +69,14 @@ var Toolbar = /** @class */ (function () {
                 }
             }
         }
+        if (args['name'] === "rowDeselected") {
+            if (this.parent.toolbar['includes']('Indent')) {
+                this.enableItems([tObj.element.id + '_gridcontrol_indent'], false);
+            }
+            if (this.parent.toolbar['includes']('Outdent')) {
+                this.enableItems([tObj.element.id + '_gridcontrol_outdent'], false);
+            }
+        }
         if (args.row.rowIndex === 0 && !isNullOrUndefined(args.data.parentItem)) {
             this.enableItems([tObj.element.id + '_gridcontrol_outdent'], true);
         }
@@ -98,8 +108,8 @@ var Toolbar = /** @class */ (function () {
             else {
                 dropIndex = tObj.getSelectedRowIndexes()[0] - 1;
             }
-            this.parent[action] = 'indent';
-            this.eventTrigger('indent', dropIndex);
+            this.parent[action] = 'indenting';
+            this.eventTrigger('indenting', dropIndex);
         }
         if (args.item.id === tObj.grid.element.id + '_outdent' && tObj.getSelectedRecords().length) {
             var dropIndex = void 0;
@@ -109,8 +119,8 @@ var Toolbar = /** @class */ (function () {
                     dropIndex = i;
                 }
             }
-            this.parent[action] = 'outdent';
-            this.eventTrigger('outdent', dropIndex);
+            this.parent[action] = 'outdenting';
+            this.eventTrigger('outdenting', dropIndex);
         }
     };
     Toolbar.prototype.eventTrigger = function (action, dropIndex) {
@@ -127,10 +137,10 @@ var Toolbar = /** @class */ (function () {
         };
         this.parent.trigger(events.actionBegin, actionArgs, function (actionArgs) {
             if (!actionArgs.cancel) {
-                if (actionArgs.requestType === 'indent') {
+                if (actionArgs.requestType === 'indenting') {
                     _this.parent.reorderRows([_this.parent.getSelectedRowIndexes()[0]], dropIndex, 'child');
                 }
-                else if (actionArgs.requestType === 'outdent') {
+                else if (actionArgs.requestType === 'outdenting') {
                     _this.parent.reorderRows([_this.parent.getSelectedRowIndexes()[0]], dropIndex, 'below');
                 }
             }

package/src/treegrid/base/data.js

@@ -127,7 +127,8 @@ var DataManipulation = /** @class */ (function () {
             this.hierarchyData = data;
         }
         else {
-            for (var i = 0; i < Object.keys(data).length; i++) {
+            var keys = Object.keys(data);
+            for (var i = 0; i < keys.length; i++) {
                 var tempData = data[i];
                 this.hierarchyData.push(extend({}, tempData));
                 if (!isNullOrUndefined(tempData[this.parent.idMapping])) {
@@ -367,7 +368,8 @@ var DataManipulation = /** @class */ (function () {
     };
     DataManipulation.prototype.createRecords = function (data, parentRecords) {
         var treeGridData = [];
-        for (var i = 0, len = Object.keys(data).length; i < len; i++) {
+        var keys = Object.keys(data);
+        for (var i = 0, len = keys.length; i < len; i++) {
             var currentData = extend({}, data[i]);
             currentData.taskData = data[i];
             var level = 0;

package/src/treegrid/base/treegrid.js

@@ -743,6 +743,9 @@ var TreeGrid = /** @class */ (function (_super) {
         };
         this.grid.rowDeselected = function (args) {
             _this.selectedRowIndex = _this.grid.selectedRowIndex;
+            if (!isNullOrUndefined(args.data)) {
+                _this.notify(events.rowDeselected, args);
+            }
             _this.trigger(events.rowDeselected, args);
         };
         this.grid.resizeStop = function (args) {
@@ -1061,7 +1064,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     _this.grid.query = _this.grid.query instanceof Query ? _this.grid.query : new Query();
                 }
             }
-            if (_this.action !== 'indent' && _this.action !== 'outdent') {
+            if (_this.action !== 'indenting' && _this.action !== 'outdenting') {
                 var callBackPromise_2 = new Deferred();
                 _this.trigger(events.actionBegin, args, function (actionArgs) {
                     if (!actionArgs.cancel) {
@@ -1090,7 +1093,8 @@ var TreeGrid = /** @class */ (function (_super) {
             if (args.requestType === 'save' && _this.aggregates.map(function (ag) { return ag.showChildSummary === true; }).length) {
                 _this.grid.refresh();
             }
-            if (_this.action === 'indent' || _this.action === 'outdent') {
+            if (_this.action === 'indenting' || _this.action === 'outdenting') {
+                _this.action = _this.action === 'indenting' ? 'indented' : 'outdented';
                 var actionArgs = {
                     requestType: _this.action,
                     data: _this.selectedRecords,
@@ -1302,7 +1306,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     case ToolbarItem.RowIndent:
                         tooltipText = this.l10n.getConstant('RowIndent');
                         items.push({
-                            text: tooltipText, tooltipText: tooltipText,
+                            text: tooltipText, tooltipText: tooltipText, disabled: true,
                             prefixIcon: 'e-indent', id: this.element.id + '_gridcontrol_indent'
                         });
                         break;
@@ -1310,7 +1314,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     case ToolbarItem.RowOutdent:
                         tooltipText = this.l10n.getConstant('RowOutdent');
                         items.push({
-                            text: tooltipText, tooltipText: tooltipText,
+                            text: tooltipText, tooltipText: tooltipText, disabled: true,
                             prefixIcon: 'e-outdent', id: this.element.id + '_gridcontrol_outdent'
                         });
                         break;
@@ -1354,7 +1358,7 @@ var TreeGrid = /** @class */ (function (_super) {
                         gridColumn[prop] = this.getGridColumns(column[i][prop], false, index);
                         treeGridColumn[prop] = column[i][prop];
                     }
-                    else {
+                    else if (!(treeColumn) || prop !== 'sortComparer') {
                         gridColumn[prop] = treeGridColumn[prop] = column[i][prop];
                     }
                 }

package/src/treegrid/utils.js

@@ -122,7 +122,8 @@ export function findChildrenRecords(records) {
     }
     if (!isNullOrUndefined(records.childRecords)) {
         var childRecords = records.childRecords;
-        for (var i = 0, len = Object.keys(childRecords).length; i < len; i++) {
+        var keys = Object.keys(childRecords);
+        for (var i = 0, len = keys.length; i < len; i++) {
             datas.push(childRecords[i]);
             if (childRecords[i].hasChildRecords || (!isNullOrUndefined(childRecords[i].childRecords) &&
                 childRecords[i].childRecords.length)) {