@syncfusion/ej2-treegrid 19.4.40 → 19.4.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.40
+*  version : 19.4.48
 *  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/helpers/e2e/treegridhelper.js

@@ -47,19 +47,16 @@ class TreeGridHelper extends e2e_1.TestHelper {
         return this.selector('#' + this.id + ' .e-treegridcollapsed');
     }
     setModel(property, value) {
-        let cy;
         return cy.get('#' + this.id).then((ele) => {
             return ele[0].ej2_instances[0][property] = value;
         });
     }
     getModel(property) {
-        let cy;
         return cy.get('#' + this.id).then((ele) => {
             return ele[0].ej2_instances[0][property];
         });
     }
     invoke(fName, args = []) {
-        let cy;
         return cy.get('#' + this.id).then((ele) => {
             var inst = ele[0].ej2_instances[0];
             return inst[fName].apply(inst, args);

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@19.4.38",
+  "_id": "@syncfusion/ej2-treegrid@19.4.47",
   "_inBundle": false,
-  "_integrity": "sha512-NwDwtzhLP8hC/gjz6VcKbRdeMwAhQTOgXsLPqwNOBrpn4GLKk5BTqejDBL7mXEMy1NUJO/uJayEaV10xFh+mLA==",
+  "_integrity": "sha512-NYd8SKzN2/DomW0bAokurt48AiowfuQs3axS71x4rSgOBj+Gy+Ermmw5wa7in5HvIWPnpB8nGk61RacvnWTO8A==",
   "_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.38.tgz",
-  "_shasum": "e86288528d767c8bdb8b1653b00b2651d1cabacf",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-19.4.47.tgz",
+  "_shasum": "817b480038e0c8b944692130dda7f7cddc0efee7",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-data": "~19.4.38",
-    "@syncfusion/ej2-grids": "~19.4.40",
-    "@syncfusion/ej2-popups": "~19.4.38"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-data": "~19.4.48",
+    "@syncfusion/ej2-grids": "~19.4.48",
+    "@syncfusion/ej2-popups": "~19.4.48"
   },
   "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.40",
+  "version": "19.4.48",
   "sideEffects": false
 }

package/src/treegrid/actions/excel-export.js

@@ -170,9 +170,9 @@ var ExcelExport = /** @class */ (function () {
         if (excelRow.type === 'excel') {
             var excelrowobj = excelRow.rowObj.data;
             var filtercolumnlength = this.parent.grid.filterSettings.columns.length;
+            var rowlength = excelRow.excelRows.length;
+            var rowlevel = excelrowobj.level;
             if (excelrowobj.parentItem && getParentData(this.parent, excelrowobj.parentItem.uniqueID, Boolean(filtercolumnlength))) {
-                var rowlength = excelRow.excelRows.length;
-                var rowlevel = excelrowobj.level;
                 var expandedStatus = false;
                 var sublevelState = false;
                 var state = getExpandStatus(this.parent, excelrowobj, this.parent.parentData);
@@ -183,6 +183,9 @@ var ExcelExport = /** @class */ (function () {
                 excelRow.excelRows[rowlength - 1].grouping = { outlineLevel: rowlevel, isCollapsed: sublevelState,
                     isHidden: expandedStatus };
             }
+            else if (excelrowobj.hasChildRecords && isNullOrUndefined(excelrowobj.parentItem)) {
+                excelRow.excelRows[rowlength - 1].grouping = { outlineLevel: rowlevel };
+            }
         }
     };
     /* eslint-disable-next-line */

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

@@ -84,7 +84,10 @@ var VirtualScroll = /** @class */ (function () {
             record: row.record,
             count: this.parent.flatData.length
         };
-        this.parent.grid.clearSelection();
+        if (this.parent.enableVirtualization && this.parent.selectionSettings.mode === 'Cell' ||
+            this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection) {
+            this.parent.grid.clearSelection();
+        }
         var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
         getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
     };
@@ -149,7 +152,7 @@ var VirtualScroll = /** @class */ (function () {
                 if (pageingDetails.count < this.parent.getRows()[0].getBoundingClientRect().height) {
                     startIndex = 0;
                 }
-                else {
+                else if (!this.parent['isExpandAll']) {
                     startIndex = this.prevstartIndex === -1 ? 0 : this.prevstartIndex;
                 }
             }

package/src/treegrid/base/treegrid.js

@@ -180,7 +180,9 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.sortByColumn = function (columnName, direction, isMultiSort) {
-        this.sortModule.sortColumn(columnName, direction, isMultiSort);
+        if (this.sortModule) {
+            this.sortModule.sortColumn(columnName, direction, isMultiSort);
+        }
     };
     /**
      * Clears all the sorted columns of the TreeGrid.
@@ -200,7 +202,9 @@ var TreeGrid = /** @class */ (function (_super) {
      * @hidden
      */
     TreeGrid.prototype.removeSortColumn = function (field) {
-        this.sortModule.removeSortColumn(field);
+        if (this.sortModule) {
+            this.sortModule.removeSortColumn(field);
+        }
     };
     /**
      * Searches TreeGrid records using the given key.
@@ -559,6 +563,9 @@ var TreeGrid = /** @class */ (function (_super) {
             this.grid.isReact = true;
             this.grid.portals = [];
         }
+        if (this.isVue) {
+            this.grid.isVue = true;
+        }
         createSpinner({ target: this.element }, this.createElement);
         this.log(['mapping_fields_missing']);
         this.renderModule = new Render(this);
@@ -840,6 +847,16 @@ var TreeGrid = /** @class */ (function (_super) {
                     }
                 }
             }
+            var action = 'action';
+            if (_this.enableVirtualization && _this.selectionSettings.persistSelection && (_this.dataResults[action] === 'expand' || _this.dataResults[action] === 'collapse')) {
+                var refreshPersistSelection = 'refreshPersistSelection';
+                _this.grid.selectionModule[refreshPersistSelection]();
+                if (_this.grid.selectionSettings.type === 'Single') {
+                    var updateRowSelection = 'updateRowSelection';
+                    var index = _this.getCurrentViewRecords().indexOf(_this.grid.selectionModule['data']);
+                    _this.grid.selectionModule[updateRowSelection](_this.getRows()[index], index);
+                }
+            }
             _this.trigger(events.dataBound, args);
             _this.initialRender = false;
         };
@@ -2074,7 +2091,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     gridColumn[prop] = gridColumns[i][prop];
                 }
                 this.columnModel.push(new Column(gridColumn));
-                if (field === this.columnModel[i].field && (!isNullOrUndefined(temp) && temp !== '')) {
+                if (field === this.columnModel[i].field && this.columnModel[i].type !== 'checkbox' && (!isNullOrUndefined(temp) && temp !== '')) {
                     this.columnModel[i].template = temp;
                 }
             }
@@ -2438,7 +2455,12 @@ var TreeGrid = /** @class */ (function (_super) {
             });
         }
         else if (isNullOrUndefined(record)) {
-            record = this.grid.getCurrentViewRecords()[row.rowIndex];
+            if (this.detailTemplate) {
+                record = this.grid.getCurrentViewRecords()[row.getAttribute('aria-rowindex')];
+            }
+            else {
+                record = this.grid.getCurrentViewRecords()[row.rowIndex];
+            }
         }
         return record;
     };

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -38,10 +38,12 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
         return _super.prototype.getData.call(this);
     };
     TreeVirtualRowModelGenerator.prototype.generateRows = function (data, notifyArgs) {
-        if (!isNullOrUndefined(notifyArgs.virtualInfo) && notifyArgs.virtualInfo.loadNext && notifyArgs.virtualInfo.nextInfo.page !== this.parent.pageSettings.currentPage) {
+        if (!isNullOrUndefined(notifyArgs.virtualInfo) && notifyArgs.virtualInfo.loadNext &&
+            notifyArgs.virtualInfo.nextInfo.page !== this.parent.pageSettings.currentPage) {
             this.parent.setProperties({ pageSettings: { currentPage: notifyArgs.virtualInfo.nextInfo.page } }, true);
         }
-        else if (!isNullOrUndefined(notifyArgs.virtualInfo) && !notifyArgs.virtualInfo.loadNext && notifyArgs.virtualInfo.page !== this.parent.pageSettings.currentPage) {
+        else if (!isNullOrUndefined(notifyArgs.virtualInfo) && !notifyArgs.virtualInfo.loadNext &&
+            notifyArgs.virtualInfo.page !== this.parent.pageSettings.currentPage) {
             this.parent.setProperties({ pageSettings: { currentPage: notifyArgs.virtualInfo.page } }, true);
         }
         var info = this.getDataInfo();

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

@@ -425,6 +425,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             var replace = 'replaceWith';
             this.getTable().querySelector('tbody')[replace](target);
             if (!this.isExpandCollapse || this.translateY === 0) {
+                this.translateY = this.translateY < 0 ? 0 : this.translateY;
                 getValue('virtualEle', this).adjustTable(cOffset, this.translateY);
             }
             else {

package/styles/bootstrap5-dark.css

@@ -63,7 +63,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -165,6 +164,7 @@
   }
 }
 
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: '\e75c';

package/styles/bootstrap5.css

@@ -63,7 +63,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -165,6 +164,7 @@
   }
 }
 
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: '\e75c';

package/styles/treegrid/bootstrap5-dark.css

@@ -63,7 +63,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -165,6 +164,7 @@
   }
 }
 
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: '\e75c';

package/styles/treegrid/bootstrap5.css

@@ -63,7 +63,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -165,6 +164,7 @@
   }
 }
 
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   content: '\e75c';