@syncfusion/ej2-treegrid 26.2.14 → 27.1.48

package/src/treegrid/base/treegrid.js

@@ -72,6 +72,7 @@ var TreeGrid = /** @class */ (function (_super) {
         _this.deletedRecords = 'deletedRecords';
         _this.addedRecords = 'addedRecords';
         _this.indentOutdentAction = 'indentOutdentAction';
+        _this.isFromChartSide = false;
         _this.modifiedRecords = [];
         _this.stackedHeader = false;
         _this.objectEqualityChecker = function (old, current) {
@@ -302,10 +303,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.sortByColumn = function (columnName, direction, isMultiSort) {
-        if (isNullOrUndefined(columnName) && isNullOrUndefined(direction)) {
-            var error = 'The provided value for the columnName and direction is undefined. Please ensure the columnName and direction contains string.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         if (this.sortModule) {
             this.sortModule.sortColumn(columnName, direction, isMultiSort);
         }
@@ -366,10 +363,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.reorderColumns = function (fromFName, toFName) {
-        if (isNullOrUndefined(fromFName) && isNullOrUndefined(toFName)) {
-            var error = 'The provided value for the fromFName and toFName is undefined. Please ensure the fromFName and toFName contains string.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.grid.reorderColumns(fromFName, toFName);
     };
     TreeGrid.prototype.TreeGridLocale = function () {
@@ -449,8 +442,10 @@ var TreeGrid = /** @class */ (function (_super) {
                                 if (summaryElement !== null) {
                                     var cellIndex_1 = target.cellIndex;
                                     var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
-                                    addClass([row_1], 'e-focused');
-                                    addClass([row_1], 'e-focus');
+                                    if (!isNullOrUndefined(row_1) && !this.grid.isEdit) {
+                                        addClass([row_1], 'e-focused');
+                                        addClass([row_1], 'e-focus');
+                                    }
                                 }
                                 else {
                                     this.clearSelection();
@@ -477,8 +472,10 @@ var TreeGrid = /** @class */ (function (_super) {
                                     var cellIndex_2 = target.cellIndex;
                                     if (!isNullOrUndefined(cellIndex_2)) {
                                         var row_2 = summaryElement.children[parseInt(cellIndex_2.toString(), 10)];
-                                        addClass([row_2], 'e-focused');
-                                        addClass([row_2], 'e-focus');
+                                        if (!isNullOrUndefined(row_2) && !this.grid.isEdit) {
+                                            addClass([row_2], 'e-focused');
+                                            addClass([row_2], 'e-focus');
+                                        }
                                     }
                                 }
                                 else {
@@ -608,7 +605,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 name: 'Aggregate'
             });
         }
-        if (this.allowResizing) {
+        if (this.resizeCheck()) {
             modules.push({
                 member: 'resize', args: [this],
                 name: 'Resize'
@@ -657,6 +654,13 @@ var TreeGrid = /** @class */ (function (_super) {
         this.extendRequiredModules(modules);
         return modules;
     };
+    TreeGrid.prototype.resizeCheck = function () {
+        var columnMenu = this.showColumnMenu && (!this.columnMenuItems || this.columnMenuItems
+            .filter(function (c) { return c === 'AutoFit' || c === 'AutoFitAll'; }).length) ? true : false;
+        var contextMenu = this.contextMenuItems && this.contextMenuItems
+            .filter(function (c) { return c === 'AutoFit' || c === 'AutoFitAll'; }).length ? true : false;
+        return this.allowResizing || columnMenu || contextMenu;
+    };
     TreeGrid.prototype.extendRequiredModules = function (modules) {
         var IsRowDDInjected = this.injectedModules.filter(function (e) {
             return e.prototype.getModuleName() === 'rowDragAndDrop';
@@ -859,9 +863,6 @@ var TreeGrid = /** @class */ (function (_super) {
         if (this.enableVirtualization && !isNullOrUndefined(this.detailTemplate)) {
             failureCases.push('Virtual scrolling is not compatible with the detail template');
         }
-        if (this.stackedHeader && !isNullOrUndefined(this.detailTemplate)) {
-            failureCases.push('Virtual scrolling is not compatible with the detail template');
-        }
         if ((this.frozenColumns > 0 || this.columnModel.filter(function (col) { return col.isFrozen; }) || this.frozenRows > 0)
             && (!isNullOrUndefined(this.detailTemplate) || !isNullOrUndefined(this.rowTemplate))) {
             failureCases.push('Frozen rows and columns are not supported with the Detail template and row template.');
@@ -1035,7 +1036,7 @@ var TreeGrid = /** @class */ (function (_super) {
         this.trigger(getObject('name', args), args);
     };
     TreeGrid.prototype.IsExpandCollapseClicked = function (args) {
-        if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
+        if (!this.isFromChartSide && !isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
             || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))
             && !this.selectionSettings.checkboxOnly) {
             if ((!isNullOrUndefined(args.data) && args.data['hasChildRecords']) || (args.rowIndex !== -1 && isNullOrUndefined(args.data))) {
@@ -1058,9 +1059,13 @@ var TreeGrid = /** @class */ (function (_super) {
             if (_this.pageSettings.pageSizeMode === 'Root') {
                 _this.grid.selectionModule['totalRecordsCount'] = _this.grid.currentViewData.length;
             }
-            if (_this.enableVirtualization && args.rowIndex === _this.selectedRowIndex) {
+            if (_this.enableVirtualization && args.rowIndex === _this.selectedRowIndex && !_this.enablePersistence) {
                 args.cancel = true;
             }
+            if (!isNullOrUndefined(_this.selectionSettings) && !_this.selectionSettings.persistSelection &&
+                _this.enableVirtualization && args.rowIndex === _this.selectedRowIndex && _this.isGantt) {
+                args.cancel = false;
+            }
             _this.trigger(events.rowSelecting, args);
         };
         this.grid.rowDeselecting = function (args) {
@@ -2183,7 +2188,7 @@ var TreeGrid = /** @class */ (function (_super) {
         }
         if (((target.classList.contains('e-flmenu-cancelbtn') || target.classList.contains('e-flmenu-okbtn')
             || target.classList.contains('e-content') || target.classList.contains('e-rowcell'))
-            && !isNullOrUndefined(this.filterModule) && this.isReact)) {
+            && !isNullOrUndefined(this.grid.filterModule) && this.isReact)) {
             if (!isNullOrUndefined(this.grid.filterModule['column'])) {
                 if (this.grid.filterModule['column'].filterTemplate) {
                     var elem = document.getElementById(this.grid.filterModule.filterModule['dlgObj'].element.id);
@@ -2363,10 +2368,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.deleteRow = function (tr) {
-        if (isNullOrUndefined(tr)) {
-            var error = 'The provided value for the tr is undefined. Please ensure the tr contains HTMLTableRowElement.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         if (this.grid.editModule) {
             this.grid.editModule.deleteRow(tr);
         }
@@ -2392,10 +2393,6 @@ var TreeGrid = /** @class */ (function (_super) {
         this.grid.setCellValue(key, field, value);
         var rowIndex = this.grid.getRowIndexByPrimaryKey(key);
         var record = this.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)];
-        if (isNullOrUndefined(record)) {
-            var error = 'The provided value for the record is undefined. Please ensure the record contains ITreeData.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         editAction({ value: record, action: 'edit' }, this, this.isSelfReference, record.index, this.grid.selectedRowIndex, field);
     };
     /**
@@ -2447,10 +2444,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.goToPage = function (pageNo) {
-        if (isNullOrUndefined(pageNo)) {
-            var error = 'The provided value for the pageNo is undefined. Please ensure the pageNo contains number.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         if (this.grid.pagerModule) {
             this.grid.pagerModule.goToPage(pageNo);
         }
@@ -2552,10 +2545,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.hideColumns = function (keys, hideBy) {
-        if (isNullOrUndefined(keys)) {
-            var error = 'The provided value for the keys is undefined. Please ensure the keys contains string.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.grid.hideColumns(keys, hideBy);
         this.updateColumnModel();
     };
@@ -2653,6 +2642,10 @@ var TreeGrid = /** @class */ (function (_super) {
         if (this.grid.columns.length !== this.columnModel.length) {
             this.stackedHeader = true;
         }
+        if (this.stackedHeader && !isNullOrUndefined(this.detailTemplate)) {
+            var error = 'Stacked header is not compatible with the detail template';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (this.stackedHeader && this.allowResizing && !isNullOrUndefined(this.columns)) {
             this.updateColumnsWidth(this.columns);
         }
@@ -2974,10 +2967,6 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.expandRow = function (row, record, key, level) {
         var _this = this;
         this.isCollapseAll = false;
-        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key) && isNullOrUndefined(level)) {
-            var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         var parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter(function (e) {
@@ -3066,7 +3055,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 return e.hasChildRecords;
             });
         }
-        else if (isNullOrUndefined(record) && !isNullOrUndefined(row)) {
+        else if (isNullOrUndefined(record)) {
             if (this.detailTemplate) {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
@@ -3100,10 +3089,6 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.collapseRow = function (row, record, key) {
         var _this = this;
         this.isExpandAll = false;
-        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key)) {
-            var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         var parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter(function (e) {
@@ -3183,10 +3168,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandAtLevel = function (level) {
-        if (isNullOrUndefined(level)) {
-            var error = 'The provided value for the level is undefined. Please ensure the level contains number.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
             var rec = this.grid.dataSource.filter(function (e) {
                 if (e.hasChildRecords && e.level === level) {
@@ -3209,10 +3190,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandByKey = function (key) {
-        if (isNullOrUndefined(key)) {
-            var error = 'The provided value for the key is undefined. Please ensure the key contains number.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.expandCollapseActionByKey(key, 'Expand');
     };
     TreeGrid.prototype.expandAction = function (record, key, level, isPaging) {
@@ -3270,10 +3247,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseAtLevel = function (level) {
-        if (isNullOrUndefined(level)) {
-            var error = 'The provided value for the level is undefined. Please ensure the level contains number.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
             var record = this.grid.dataSource.filter(function (e) {
                 if (e.hasChildRecords && e.level === level) {
@@ -3296,10 +3269,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseByKey = function (key) {
-        if (isNullOrUndefined(key)) {
-            var error = 'The provided value for the key is undefined. Please ensure the key contains number.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.expandCollapseActionByKey(key, 'Collapse');
     };
     TreeGrid.prototype.expandCollapseActionByKey = function (key, action) {
@@ -3425,14 +3394,11 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.expandCollapse = function (action, row, record, isChild) {
         var _this = this;
         var expandingArgs = { row: row, data: record, childData: [], requestType: action };
-        var childRecords;
-        if (!isNullOrUndefined(record)) {
-            childRecords = this.grid.currentViewData.filter(function (e) {
-                return e.parentUniqueID === record.uniqueID;
-            });
-        }
+        var childRecords = this.grid.currentViewData.filter(function (e) {
+            return e.parentUniqueID === record.uniqueID;
+        });
         var targetEle;
-        if ((!isRemoteData(this) && action === 'expand' && this.isSelfReference && isCountRequired(this) && !childRecords.length) || (action === 'collapse' || (this.isExpandAll && this.loadChildOnDemand) && !isRemoteData(this) && this.isSelfReference && isCountRequired(this))) {
+        if ((!isRemoteData(this) && action === 'expand' && this.isSelfReference && isCountRequired(this) && !childRecords.length) || (action === 'collapse' || (this.isExpandAll && !this.loadChildOnDemand) && !isRemoteData(this) && this.isSelfReference && isCountRequired(this))) {
             this.updateChildOnDemand(expandingArgs);
         }
         var gridRows = this.getRows();
@@ -3459,7 +3425,7 @@ var TreeGrid = /** @class */ (function (_super) {
             var displayAction = void 0;
             if (action === 'expand') {
                 displayAction = 'table-row';
-                if (!isChild && !isNullOrUndefined(record)) {
+                if (!isChild) {
                     record.expanded = true;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
                 }
@@ -3480,7 +3446,7 @@ var TreeGrid = /** @class */ (function (_super) {
             }
             else {
                 displayAction = 'none';
-                if ((!isChild || isCountRequired(this)) && !isNullOrUndefined(row)) {
+                if (!isChild || isCountRequired(this)) {
                     record.expanded = false;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
                 }
@@ -3625,7 +3591,7 @@ var TreeGrid = /** @class */ (function (_super) {
                     data_1.push(expandingArgs.childData[parseInt(j.toString(), 10)]);
                 }
             }
-            if (isCountRequired(_this) && _this.loadChildOnDemand && expandingArgs.requestType === 'expand') {
+            if (isCountRequired(_this) && !_this.loadChildOnDemand && expandingArgs.requestType === 'expand') {
                 _this.dataResults['expandRecord'] = {};
                 _this.dataResults['expandRecord'] = expandingArgs.data;
             }
@@ -3792,7 +3758,7 @@ var TreeGrid = /** @class */ (function (_super) {
         }
     };
     TreeGrid.prototype.collapseRemoteChild = function (rowDetails, isChild) {
-        if (!isNullOrUndefined(isChild) && !isChild && !this.loadChildOnDemand) {
+        if (!isNullOrUndefined(isChild) && !isChild && this.loadChildOnDemand) {
             rowDetails.record.expanded = false;
         }
         var rows = rowDetails.rows;
@@ -3923,10 +3889,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.filterByColumn = function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
-        if (isNullOrUndefined(fieldName) && isNullOrUndefined(filterOperator) && isNullOrUndefined(filterValue)) {
-            var error = 'The provided value for the fieldName, filterOperator and filterValue are undefined. Please ensure the fieldName, filterOperator and filterValue.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.grid.filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
     };
     /**
@@ -3993,10 +3955,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.paste = function (data, rowIndex, colIndex) {
-        if (isNullOrUndefined(data) && isNullOrUndefined(rowIndex) && isNullOrUndefined(colIndex)) {
-            var error = 'The provided value for the index is undefined. Please ensure the index contains number.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.clipboardModule.paste(data, rowIndex, colIndex);
     };
     /**
@@ -4265,10 +4223,6 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.reorderRows = function (fromIndexes, toIndex, position) {
-        if (isNullOrUndefined(fromIndexes) && isNullOrUndefined(toIndex) && isNullOrUndefined(position)) {
-            var error = 'The provided value for the fromIndexes, toIndex and position is undefined. Please ensure the fromIndexes and toIndex contains number and position contains string.';
-            this.trigger(events.actionFailure, { error: error });
-        }
         this.rowDragAndDropModule.reorderRows(fromIndexes, toIndex, position);
     };
     /**
@@ -4348,7 +4302,7 @@ var TreeGrid = /** @class */ (function (_super) {
         Property(false)
     ], TreeGrid.prototype, "allowPaging", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], TreeGrid.prototype, "loadChildOnDemand", void 0);
     __decorate([
         Property(false)

package/src/treegrid/renderer/render.js

@@ -145,7 +145,7 @@ var Render = /** @class */ (function () {
             var iconRequired = !isNullOrUndefined(data.hasFilteredChildRecords)
                 ? data.hasFilteredChildRecords : data.hasChildRecords;
             if (iconRequired && !isNullOrUndefined(data.childRecords)) {
-                if (this.parent['isFromGantt'] && !this.parent.loadChildOnDemand) {
+                if (this.parent['isFromGantt'] && this.parent.loadChildOnDemand) {
                     iconRequired = data.hasChildRecords;
                 }
                 else {