@syncfusion/ej2-treegrid 23.1.39 → 23.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.39
+*  version : 23.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.1.36",
+  "_id": "@syncfusion/ej2-treegrid@23.1.43",
   "_inBundle": false,
-  "_integrity": "sha512-sZERtk+Bjhx0p0/HsmIMLQyckbQV/3nM52E2sEaaOlzPms935IN91FHAZXpK0VkaXFakyjmnSIVeYSdzAW2B9g==",
+  "_integrity": "sha512-Tl2QVesPW9C+/ARYpTYshODOrwslt20lAr06+KITs8TWPJn/48BLUF9bs0KSpxMD8YP52tfzY3GGdywJFBcDFQ==",
   "_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-23.1.36.tgz",
-  "_shasum": "4a0aaf6fc7b7bd862c6f9f0afac5190b9e6a2d9c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-23.1.43.tgz",
+  "_shasum": "60e82272c7ffd3d78df57d7620c1b1049520e330",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-grids": "~23.1.39",
-    "@syncfusion/ej2-popups": "~23.1.38"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-data": "~23.2.4",
+    "@syncfusion/ej2-grids": "~23.2.4",
+    "@syncfusion/ej2-popups": "~23.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": "23.1.39",
+  "version": "23.2.4",
   "sideEffects": false
 }

package/src/treegrid/actions/batch-edit.js

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, extend, setValue, getValue, merge } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, extend, setValue, getValue } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
 import { DataManager } from '@syncfusion/ej2-data';
 import { findChildrenRecords, getParentData, extendArray } from '../utils';
@@ -210,10 +210,6 @@ var BatchEdit = /** @class */ (function () {
                 this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].data = added;
                 this.newBatchRowAdded = false;
             }
-            if (this.parent.frozenColumns || this.parent.getFrozenColumns()
-                && this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].edit === 'add') {
-                merge(this.currentViewRecords[parseInt(rowObjectIndex.toString(), 10)], this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].changes);
-            }
         }
     };
     BatchEdit.prototype.beforeBatchAdd = function (e) {

package/src/treegrid/actions/clipboard.js

@@ -47,7 +47,7 @@ var TreeClipboard = /** @class */ (function (_super) {
                         this.treeCopyContent += '\n';
                     }
                     if (!rows[selectedIndexes[parseInt(i.toString(), 10)]].classList.contains('e-summaryrow')) {
-                        var cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell'));
+                        var cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell:not(.e-hide)'));
                         var uniqueid = this.treeGridParent.getSelectedRecords()[parseInt(i.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             if (this.treeGridParent.copyHierarchyMode === 'Parent' || this.treeGridParent.copyHierarchyMode === 'Both') {
@@ -109,7 +109,7 @@ var TreeClipboard = /** @class */ (function (_super) {
                     if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]) &&
                         currentRecords[parseInt(j.toString(), 10)]["" + uniqueID] === currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]["" + uniqueID]) {
                         selectedIndex = j;
-                        var cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell'));
+                        var cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell:not(.e-hide)'));
                         var uniqueid = currentRecords[parseInt(j.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             this["" + getCopyData](cells, false, '\t', withHeader);
@@ -164,7 +164,7 @@ var TreeClipboard = /** @class */ (function (_super) {
                 for (var j = 0; j < currentRecords.length; j++) {
                     if (!isNullOrUndefined(childData[parseInt(i.toString(), 10)]["" + uniqueID]) && currentRecords[parseInt(j.toString(), 10)]["" + uniqueID] === childData[parseInt(i.toString(), 10)]["" + uniqueID]) {
                         if ((!isNullOrUndefined(rows[parseInt(j.toString(), 10)])) && !rows[parseInt(j.toString(), 10)].classList.contains('e-summaryrow')) {
-                            var cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell'));
+                            var cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell:not(.e-hide)'));
                             var uniqueid = currentRecords[parseInt(j.toString(), 10)]["" + uniqueID];
                             if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                                 this["" + getCopyData](cells, false, '\t', withHeader);

package/src/treegrid/actions/freeze-column.js

@@ -79,7 +79,7 @@ var Freeze = /** @class */ (function () {
     Freeze.prototype.dblClickHandler = function (e) {
         if (parentsUntil(e.target, 'e-rowcell') &&
             this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell' && (!e.target['classList'].contains('e-treegridcollapse') && !e.target['classList'].contains('e-treegridexpand'))) {
-            this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
+            this.parent.startEdit(parentsUntil(e.target, 'e-row'));
         }
     };
     Freeze.prototype.dataBoundArg = function () {

package/src/treegrid/actions/selection.js

@@ -387,7 +387,7 @@ var Selection = /** @class */ (function () {
                 (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0))) {
                 this.selectedItems.push(checkedRecord);
             }
-            if (this.selectedItems.indexOf(checkedRecord) === -1 && this.parent.enableVirtualization && ((!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0))) {
+            if (this.selectedItems.indexOf(checkedRecord) === -1 && (this.parent.enableVirtualization || this.parent.allowPaging) && ((!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0))) {
                 this.selectedItems.push(checkedRecord);
             }
             if (this.selectedItems.indexOf(checkedRecord) === -1 && (!isNullOrUndefined(this.parent.filterModule) &&
@@ -463,7 +463,7 @@ var Selection = /** @class */ (function () {
                     this.selectedItems = [];
                     this.selectedIndexes = [];
                     childData = (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0) ?
-                        this.parent.getCurrentViewRecords() : this.parent.flatData;
+                        this.parent.filterModule.filteredResult : this.parent.flatData;
                     childData.forEach(function (record) {
                         if (_this.parent.enableVirtualization) {
                             if (record.hasChildRecords && record.childRecords.length > 0) {

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

@@ -119,7 +119,7 @@ var VirtualScroll = /** @class */ (function () {
         else {
             var requestType = pageingDetails.actionArgs.requestType;
             if (requestType === 'filtering' || requestType === 'collapseAll' || requestType === 'searching' ||
-                (requestType === 'refresh' && this.parent.enableCollapseAll && endIndex > visualData.length)) {
+                (requestType === 'refresh' && this.parent.enableCollapseAll && endIndex > visualData.length && isNullOrUndefined(this.expandCollapseRec))) {
                 startIndex = 0;
                 endIndex = this.parent.grid.pageSettings.pageSize - 1;
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
@@ -166,7 +166,12 @@ var VirtualScroll = /** @class */ (function () {
             }
             this.expandCollapseRec = null;
             startIndex = startIndex < 0 ? 0 : startIndex;
-            pageingDetails.result = visualData.slice(startIndex, endIndex);
+            if (endIndex === 0 && visualData.length > 0) {
+                pageingDetails.result = visualData;
+            }
+            else {
+                pageingDetails.result = visualData.slice(startIndex, endIndex);
+            }
             this.prevstartIndex = startIndex;
             this.prevendIndex = endIndex;
         }

package/src/treegrid/base/treegrid.js

@@ -1655,9 +1655,6 @@ var TreeGrid = /** @class */ (function (_super) {
         for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
             var prop = properties_1[_i];
             switch (prop) {
-                case 'columns':
-                    this.grid.columns = this.getGridColumns(this.columns);
-                    break;
                 case 'treeColumnIndex':
                     this.grid.refreshColumns();
                     break;

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

@@ -228,8 +228,8 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.observer["" + containerRect])) {
             this.observer["" + containerRect] = this.observers["" + containerRect];
         }
-        if (isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule) || args.selectedIndex !== 0 ||
-            isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule['addRowIndex'])) {
+        if (isNullOrUndefined(this.parent.clipboardModule['treeGridParent'].editModule) || args.selectedIndex !== 0 ||
+            isNullOrUndefined(this.parent.clipboardModule['treeGridParent'].editModule['addRowIndex'])) {
             _super.prototype["" + selectVirtualRow].call(this, args);
         }
     };

package/styles/bootstrap4.css

@@ -116,13 +116,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;

package/styles/treegrid/bootstrap4.css

@@ -116,13 +116,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;