@syncfusion/ej2-treegrid 26.2.12 → 27.1.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.12
+*  version : 27.1.48
 *  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@26.2.11",
+  "_id": "@syncfusion/ej2-treegrid@20.12.1",
   "_inBundle": false,
-  "_integrity": "sha512-CXVEcMkoEPpqXqa5fEgBT6Qy8CGgGvULCa2H8CmtuOWE+6E7ey+gV7u5bMqc5AFUJo2BVdsWRmfxXzRQP26gxA==",
+  "_integrity": "sha512-FpFdtTXa4ZttioiMFjcyunKzyhR+44TeQH7Ze7Yqustap9WXiWj5sVZRoqsOL+uesc8q+Wa+gFee7lcsfKKDvA==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-26.2.11.tgz",
-  "_shasum": "6461d8531da1d9896b0e63538bfc85d9706199ae",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.12.1.tgz",
+  "_shasum": "d777a44014450e0b1a5eba86fcc8a248adde388e",
   "_spec": "@syncfusion/ej2-treegrid@*",
-  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,10 +36,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.10",
-    "@syncfusion/ej2-data": "~26.2.10",
-    "@syncfusion/ej2-grids": "~26.2.12",
-    "@syncfusion/ej2-popups": "~26.2.11"
+    "@syncfusion/ej2-base": "~27.1.48",
+    "@syncfusion/ej2-data": "~27.1.48",
+    "@syncfusion/ej2-grids": "~27.1.48",
+    "@syncfusion/ej2-popups": "~27.1.48",
+    "markdown-spellcheck": "^1.3.1"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -76,6 +77,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.12",
+  "version": "27.1.48",
   "sideEffects": false
 }

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

@@ -522,6 +522,9 @@ var BatchEdit = /** @class */ (function () {
                 if (!isNullOrUndefined(addRowRecord)) {
                     addRowIndex = addRowRecord.index;
                 }
+                if (isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].index)) {
+                    addRowIndex = 0;
+                }
                 if (this.parent.editSettings.newRowPosition !== 'Top' && this.parent.editSettings.newRowPosition !== 'Bottom') {
                     if (isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].parentItem) && this.selectedIndex === -1) {
                         selectedIndex = -1;

package/src/treegrid/actions/edit.js

@@ -436,7 +436,7 @@ var Edit = /** @class */ (function () {
                 else if (isRemoteData(this.parent) ||
                     (this.parent.dataSource instanceof DataManager && this.parent.dataSource.adaptor instanceof RemoteSaveAdaptor)) {
                     var query = this.parent.grid.query;
-                    if (this.parent['isGantt'] && !this.parent.loadChildOnDemand) {
+                    if (this.parent['isGantt'] && this.parent.loadChildOnDemand) {
                         this.updateCell(args, rowIndex_1);
                         setValue('isEdit', false, this.parent.grid);
                         this.afterCellSave(args, row_1);
@@ -796,6 +796,7 @@ var Edit = /** @class */ (function () {
                     this.addRowIndex = this.parent.grid.selectedRowIndex > -1 ? this.parent.grid.selectedRowIndex : 0;
                 }
             }
+            var selectedRecords = this.parent.getSelectedRecords()[0];
             if ((this.isAddedRowByMethod || (this.isAddedRowByContextMenu && this.parent.grid.selectedRowIndex !== -1)) &&
                 (this.parent.enableVirtualization || this.parent.enableInfiniteScrolling)) {
                 this.addRowRecord = this.parent.flatData[this.parent.grid.selectedRowIndex];
@@ -803,8 +804,8 @@ var Edit = /** @class */ (function () {
                     this.addRowRecord = this.parent.getCurrentViewRecords()[this.addRowIndex];
                 }
             }
-            else {
-                this.addRowRecord = this.parent.getSelectedRecords()[0];
+            else if (!isNullOrUndefined(selectedRecords)) {
+                this.addRowRecord = selectedRecords;
             }
         }
         if (this.isAddedRowByMethod && args.index !== 0) {

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

@@ -136,7 +136,9 @@ var ExcelExport = /** @class */ (function () {
     ExcelExport.prototype.manipulateExportProperties = function (property, dtSrc, queryResult) {
         //count not required for this query
         var args = Object();
-        setValue('query', this.parent.grid.getDataModule().generateQuery(true), args);
+        if (!isNullOrUndefined(this.parent.grid.getDataModule())) {
+            setValue('query', this.parent.grid.getDataModule().generateQuery(true), args);
+        }
         setValue('isExport', true, args);
         if (!isNullOrUndefined(property) && !isNullOrUndefined(property.exportType)) {
             setValue('exportType', property.exportType, args);

package/src/treegrid/actions/virtual-scroll.d.ts

@@ -9,6 +9,8 @@ export declare class VirtualScroll {
     private parent;
     private expandCollapseRec;
     private prevstartIndex;
+    setEndIndexToGantt: boolean;
+    ganttEndIndex: number;
     private prevendIndex;
     private visualData;
     private prevrequestType;

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

@@ -32,6 +32,7 @@ var VirtualScroll = /** @class */ (function () {
      */
     function VirtualScroll(parent) {
         this.prevstartIndex = -1;
+        this.setEndIndexToGantt = true;
         this.prevendIndex = -1;
         this.prevSelectedRecord = [];
         this.parent = parent;
@@ -131,11 +132,16 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
             if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
-                if ((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count && (this.parent.root && counts.count - counts.endIndex === this.visualData.length - this.parent.root['previousFlatData'].length))
+                if (this.setEndIndexToGantt) {
+                    this.ganttEndIndex = counts.endIndex;
+                }
+                if ((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count && (this.parent.root && counts.count - this.ganttEndIndex === this.visualData.length - this.parent.root['previousFlatData'].length))
                     || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                     startIndex = counts.startIndex + (counts.count - counts.endIndex);
                     endIndex = counts.count;
+                    this.setEndIndexToGantt = false;
                 }
+                this.ganttEndIndex = endIndex;
                 this.parent['isAddedFromGantt'] = false;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&

package/src/treegrid/base/data.js

@@ -210,12 +210,12 @@ var DataManipulation = /** @class */ (function () {
             this.parent.query.expands = [];
         }
         if (!this.parent.hasChildMapping && !this.parentItems.length &&
-            (!this.parent.loadChildOnDemand)) {
+            (this.parent.loadChildOnDemand)) {
             this.zerothLevelData = args;
             setValue('cancel', true, args);
         }
         else {
-            if (!this.parent.loadChildOnDemand) {
+            if (this.parent.loadChildOnDemand) {
                 var _loop_1 = function (rec) {
                     if (isCountRequired(this_1.parent) && records[parseInt(rec.toString(), 10)].hasChildRecords &&
                         this_1.parent.initialRender) {
@@ -260,22 +260,22 @@ var DataManipulation = /** @class */ (function () {
             else {
                 var dataResults = 'dataResults';
                 var expandRecord = 'expandRecord';
-                if (!isNullOrUndefined(records) && !((this.parent.loadChildOnDemand) && isCountRequired(this.parent) && !isNullOrUndefined(this.parent["" + dataResults]["" + expandRecord])) &&
-                    !(isRemoteData(this.parent) && this.parent.loadChildOnDemand && args["" + actionArgs].isExpandCollapse && this.parent.enableVirtualization)) {
+                if (!isNullOrUndefined(records) && !((!this.parent.loadChildOnDemand) && isCountRequired(this.parent) && !isNullOrUndefined(this.parent["" + dataResults]["" + expandRecord])) &&
+                    !(isRemoteData(this.parent) && !this.parent.loadChildOnDemand && args["" + actionArgs].isExpandCollapse && this.parent.enableVirtualization)) {
                     this.convertToFlatData(records);
                 }
             }
         }
-        if (isRemoteData(this.parent) && this.parent.loadChildOnDemand && args["" + actionArgs].isExpandCollapse && this.parent.enableVirtualization) {
+        if (isRemoteData(this.parent) && !this.parent.loadChildOnDemand && args["" + actionArgs].isExpandCollapse && this.parent.enableVirtualization) {
             args.result = records;
         }
-        else if (isRemoteData(this.parent) && this.parent.enableVirtualization && !this.parent.loadChildOnDemand) {
+        else if (isRemoteData(this.parent) && this.parent.enableVirtualization && this.parent.loadChildOnDemand) {
             args.result = records;
         }
         else {
-            args.result = this.parent.loadChildOnDemand ? this.parent.flatData : records;
+            args.result = !this.parent.loadChildOnDemand ? this.parent.flatData : records;
         }
-        if (isRemoteData(this.parent) && this.parent.enableVirtualization && this.parent.loadChildOnDemand
+        if (isRemoteData(this.parent) && this.parent.enableVirtualization && !this.parent.loadChildOnDemand
             && this.parent.grid.aggregates.length && this.parent.grid.sortSettings.columns.length === 0
             && this.parent.grid.filterSettings.columns.length === 0 && !this.parent.grid.searchSettings.key.length) {
             var query = 'query';
@@ -309,7 +309,7 @@ var DataManipulation = /** @class */ (function () {
             }
             for (var i = 0; i < rowDetails.rows.length; i++) {
                 rowDetails.rows[parseInt(i.toString(), 10)].style.display = 'table-row';
-                if (this.parent.loadChildOnDemand) {
+                if (!this.parent.loadChildOnDemand) {
                     var targetEle = rowDetails.rows[parseInt(i.toString(), 10)].getElementsByClassName('e-treegridcollapse')[0];
                     childRecord = this.parent.rowTemplate ?
                         this.parent.grid.getCurrentViewRecords()[rowDetails.rows[parseInt(i.toString(), 10)].rowIndex] :
@@ -373,7 +373,7 @@ var DataManipulation = /** @class */ (function () {
             var datas = _this.parent.grid.currentViewData.slice();
             var inx;
             var idMapping = _this.parent.idMapping;
-            if (_this.parent['isGantt'] && !_this.parent.loadChildOnDemand && _this.parent.hasChildMapping) {
+            if (_this.parent['isGantt'] && _this.parent.loadChildOnDemand && _this.parent.hasChildMapping) {
                 for (var i = 0; i < _this.parent.grid.currentViewData.length; i++) {
                     if (rowDetails.record[idMapping] === _this.parent.grid.currentViewData[i][idMapping]) {
                         inx = i;
@@ -497,7 +497,7 @@ var DataManipulation = /** @class */ (function () {
                     _this.parentItems.indexOf(result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) !== -1)
                     && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
                     result[parseInt(r.toString(), 10)].hasChildRecords = true;
-                    if (_this.parent.enableVirtualization && _this.parent.loadChildOnDemand) {
+                    if (_this.parent.enableVirtualization && !_this.parent.loadChildOnDemand) {
                         for (var i = 0; i < _this.parent["" + remoteCollapsedData].length; i++) {
                             if (result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
                                 result[parseInt(r.toString(), 10)].expanded = _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]['expanded'];
@@ -531,7 +531,7 @@ var DataManipulation = /** @class */ (function () {
                     else if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action !== 'collapse') {
                         result[parseInt(r.toString(), 10)].expanded = true;
                     }
-                    else if (!(_this.parent.enableVirtualization && _this.parent.loadChildOnDemand)) {
+                    else if (!(_this.parent.enableVirtualization && !_this.parent.loadChildOnDemand)) {
                         result[parseInt(r.toString(), 10)].expanded = false;
                     }
                 }
@@ -553,7 +553,7 @@ var DataManipulation = /** @class */ (function () {
                 }
             }
             if (rowDetails.action === 'remoteExpand' && _this.parent.allowPaging && _this.parent.pageSettings.pageSizeMode === 'All') {
-                _this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.currentViewData.length + result.length;
+                _this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.pageSettings.totalRecordsCount + result.length;
             }
             if (_this.parent.enableVirtualization) {
                 _this.parent.grid.pageSettings.totalRecordsCount = e.count;
@@ -606,21 +606,20 @@ var DataManipulation = /** @class */ (function () {
             if (!Object.prototype.hasOwnProperty.call(currentData, 'index')) {
                 currentData.index = this.storedIndex;
             }
-            if ((!isNullOrUndefined(currentData[this.parent.childMapping]) && !isCountRequired(this.parent)) ||
-                ((currentData[this.parent.hasChildMapping]) && isCountRequired(this.parent))) {
-                if (!isNullOrUndefined(currentData[this.parent.childMapping])) {
-                    if (currentData[this.parent.childMapping].length > 0) {
-                        currentData.hasChildRecords = true;
-                    }
-                    else {
-                        currentData.hasChildRecords = false;
-                    }
-                }
-                else {
-                    currentData.hasChildRecords = true;
-                }
+            var childMapping = currentData[this.parent.childMapping];
+            var hasChildren = !isNullOrUndefined(childMapping) && childMapping.length > 0;
+            var shouldCount = isCountRequired(this.parent);
+            var hasChildMapping = currentData[this.parent.hasChildMapping];
+            if ((hasChildren && !shouldCount) || (hasChildMapping && shouldCount)) {
+                currentData.hasChildRecords = true;
+            }
+            else {
+                currentData.hasChildRecords = false;
+            }
+            if ((!isNullOrUndefined(childMapping) && !shouldCount) ||
+                (hasChildMapping) && shouldCount) {
                 if (this.parent.enableCollapseAll || !isNullOrUndefined(this.parent.dataStateChange)
-                    && isNullOrUndefined(currentData[this.parent.childMapping])) {
+                    && isNullOrUndefined(childMapping)) {
                     currentData.expanded = false;
                 }
                 else {
@@ -652,7 +651,7 @@ var DataManipulation = /** @class */ (function () {
             }
             currentData.checkboxState = 'uncheck';
             var remoteCollapsedData = 'remoteCollapsedData';
-            if (this.parent.enableVirtualization && this.parent.loadChildOnDemand && isRemoteData(this.parent)
+            if (this.parent.enableVirtualization && !this.parent.loadChildOnDemand && isRemoteData(this.parent)
                 && !this.parent.initialRender) {
                 if (!currentData.hasChildRecords && isNullOrUndefined(currentData["" + this.parent.parentIdMapping])) {
                     currentData.hasChildRecords = true;

package/src/treegrid/base/treegrid-model.d.ts

@@ -147,9 +147,12 @@ export interface TreeGridModel extends ComponentModel{
     allowPaging?: boolean;
 
     /**
-     * If `loadChildOnDemand` is enabled, parent records are render in expanded state.
+     * When enabled, only parent records would be rendered during the initial render and child records will be loaded only when expanding a parent record.
+     * This property is only applicable for remote data binding.
+     * Loading child records on demand can improve the performance of data-bound controls with a large number of records.
+     * Child records are only loaded when they are requested, rather than loading all child records at once.
      *
-     * @default false
+     * @default true
      */
     loadChildOnDemand?: boolean;
 

package/src/treegrid/base/treegrid.d.ts

@@ -86,6 +86,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private isAddedFromGantt;
     private isIndentEnabled;
     private indentOutdentAction;
+    private isFromChartSide;
     private parentQuery;
     private isCollapsedEventTriggered;
     private isCollapsingEventTriggered;
@@ -314,9 +315,12 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      */
     allowPaging: boolean;
     /**
-     * If `loadChildOnDemand` is enabled, parent records are render in expanded state.
+     * When enabled, only parent records would be rendered during the initial render and child records will be loaded only when expanding a parent record.
+     * This property is only applicable for remote data binding.
+     * Loading child records on demand can improve the performance of data-bound controls with a large number of records.
+     * Child records are only loaded when they are requested, rather than loading all child records at once.
      *
-     * @default false
+     * @default true
      */
     loadChildOnDemand: boolean;
     /**
@@ -1288,6 +1292,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @hidden
      */
     requiredModules(): ModuleDeclaration[];
+    private resizeCheck;
     extendRequiredModules(modules: ModuleDeclaration[]): void;
     private isCommandColumn;
     /**