@syncfusion/ej2-treegrid 21.2.10 → 22.1.34

package/dist/es6/ej2-treegrid.es2015.js

@@ -1618,7 +1618,12 @@ class Render {
             let iconRequired = !isNullOrUndefined(data.hasFilteredChildRecords)
                 ? data.hasFilteredChildRecords : data.hasChildRecords;
             if (iconRequired && !isNullOrUndefined(data.childRecords)) {
-                iconRequired = !(data.childRecords.length === 0);
+                if (this.parent['isFromGantt'] && !this.parent.loadChildOnDemand) {
+                    iconRequired = data.hasChildRecords;
+                }
+                else {
+                    iconRequired = !(data.childRecords.length === 0);
+                }
             }
             if (iconRequired) {
                 addClass([args.cell], 'e-treerowcell');
@@ -1737,6 +1742,7 @@ class Render {
             args.cell.setAttribute('data-colindex', colindex + '');
         }
         if (treeColumn.field === args.column.field && !isNullOrUndefined(treeColumn.template)) {
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             args.column.template = treeColumn.template;
             args.column[`${templateFn}`] = templateCompiler(args.column.template);
             args.cell.classList.add('e-templatecell');
@@ -3999,7 +4005,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid.query = this.query;
         this.grid.columnQueryMode = this.columnQueryMode;
         this.grid.allowPaging = this.allowPaging;
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.pageSettings = getActualProperties(this.pageSettings);
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.pagerTemplate = this.pagerTemplate;
         this.grid.showColumnMenu = this.showColumnMenu;
         this.grid.allowSorting = this.allowSorting;
@@ -4026,12 +4034,14 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid.gridLines = this.gridLines;
         this.grid.allowSelection = this.allowSelection;
         this.grid.toolbar = getActualProperties(this.getGridToolbar());
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.toolbarTemplate = this.toolbarTemplate;
         this.grid.showColumnChooser = this.showColumnChooser;
         this.grid.filterSettings = getActualProperties(this.filterSettings);
         this.grid.selectionSettings = getActualProperties(this.selectionSettings);
         this.grid.sortSettings = getActualProperties(this.sortSettings);
         this.grid.searchSettings = getActualProperties(this.searchSettings);
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.aggregates = getActualProperties(this.aggregates);
         this.grid.textWrapSettings = getActualProperties(this.textWrapSettings);
         this.grid.printMode = getActualProperties(this.printMode);
@@ -4040,7 +4050,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid.contextMenuItems = getActualProperties(this.getContextMenu());
         this.grid.columnMenuItems = getActualProperties(this.columnMenuItems);
         this.grid.editSettings = this.getGridEditSettings();
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.rowTemplate = getActualProperties(this.rowTemplate);
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.detailTemplate = getActualProperties(this.detailTemplate);
         this.grid.frozenRows = this.frozenRows;
         this.grid.frozenColumns = this.frozenColumns;
@@ -4365,10 +4377,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                         const currentData = this.getCurrentViewRecords();
                         const rows = this.getContentTable().rows;
                         for (let i = 0; i < rows.length; i++) {
-                            const args = {
-                                data: currentData[parseInt(i.toString(), 10)],
-                                row: rows[parseInt(i.toString(), 10)]
-                            };
+                            const args = { data: currentData[parseInt(i.toString(), 10)],
+                                row: rows[parseInt(i.toString(), 10)] };
                             this.renderModule.RowModifier(args);
                         }
                     }
@@ -4820,6 +4830,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     this.grid.allowPaging = this.allowPaging;
                     break;
                 case 'pageSettings':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.pageSettings = getActualProperties(this.pageSettings);
                     requireRefresh = true;
                     break;
@@ -4865,6 +4876,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     this.grid.allowRowDragAndDrop = this.allowRowDragAndDrop;
                     break;
                 case 'aggregates':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.aggregates = getActualProperties(this.aggregates);
                     break;
                 case 'enableInfiniteScrolling':
@@ -4915,6 +4927,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     this.grid.gridLines = this.gridLines;
                     break;
                 case 'rowTemplate':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.rowTemplate = getActualProperties(this.rowTemplate);
                     break;
                 case 'frozenRows':
@@ -4994,6 +5007,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     this.grid.showColumnChooser = this.showColumnChooser;
                     break;
                 case 'detailTemplate':
+                    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                     this.grid.detailTemplate = getActualProperties(this.detailTemplate);
                     break;
                 case 'columnMenuItems':
@@ -5577,8 +5591,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     }
                 }
                 else if (!isNullOrUndefined(this.columns[parseInt(i.toString(), 10)].field)) {
-                    const fieldName = this.columns[parseInt(i.toString(), 10)].field;
-                    const currentColumn = this.grid.getColumnByField(fieldName);
+                    const currentColumn = this.grid.getColumnByField(this.columns[parseInt(i.toString(), 10)]
+                        .field);
                     this.columns[parseInt(i.toString(), 10)].width = currentColumn.width;
                 }
             }
@@ -10128,6 +10142,7 @@ class Aggregate$1 {
             summaryKey = types[parseInt(i.toString(), 10)];
             const key = summaryColumn.field + ' - ' + types[parseInt(i.toString(), 10)].toLowerCase();
             const val = types[parseInt(i.toString(), 10)] !== 'Custom' ? getObject('aggregates', sumData) :
+                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
                 calculateAggregate(types[parseInt(i.toString(), 10)], sumData, summaryColumn, this.parent);
             const disp = summaryColumn.columnName;
             const value = types[parseInt(i.toString(), 10)] !== 'Custom' ? val[`${key}`] : val;
@@ -11177,6 +11192,14 @@ class Edit$1 {
         if (e.target.classList.contains('e-frame') && this.parent.getCurrentViewRecords().length === 0) {
             this.doubleClickTarget = null;
         }
+        if (e.target.classList.contains('e-treegridcollapse') || e.target.classList.contains('e-treegridexpand')) {
+            const tr = parentsUntil(e.target, 'e-row');
+            const rowIndex = tr && parseInt(tr.getAttribute('data-rowindex'), 10);
+            if (!isNullOrUndefined(rowIndex) && rowIndex >= 0 && this.parent.allowPaging) {
+                /* eslint-disable-next-line */
+                this.parent.grid.getDataRows()[rowIndex].dataset.uid = this.parent.grid.contentModule.getRows()[rowIndex].uid;
+            }
+        }
     }
     getRowPosition(addArgs) {
         addArgs.newRowPosition = this.parent.editSettings.newRowPosition;
@@ -11532,15 +11555,21 @@ class Edit$1 {
                 else if (isRemoteData(this.parent) ||
                     (this.parent.dataSource instanceof DataManager && this.parent.dataSource.adaptor instanceof RemoteSaveAdaptor)) {
                     const query = this.parent.grid.query;
-                    let crud = null;
-                    crud = this.parent.grid.dataSource.update(primaryKeys[0], args.rowData, query.fromTable, query, args.previousValue);
-                    crud.then((e) => {
-                        if (!isNullOrUndefined(e)) {
-                            args.rowData[args.columnName] = e[args.columnName];
-                        }
+                    if (this.parent['isGantt'] && !this.parent.loadChildOnDemand) {
                         this.updateCell(args, rowIndex);
                         this.afterCellSave(args, row, rowIndex);
-                    });
+                    }
+                    else {
+                        let crud = null;
+                        crud = this.parent.grid.dataSource.update(primaryKeys[0], args.rowData, query.fromTable, query, args.previousValue);
+                        crud.then((e) => {
+                            if (!isNullOrUndefined(e)) {
+                                args.rowData[args.columnName] = e[args.columnName];
+                            }
+                            this.updateCell(args, rowIndex);
+                            this.afterCellSave(args, row, rowIndex);
+                        });
+                    }
                 }
             }
             else {
@@ -12740,9 +12769,8 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             }
             this.startIndex = !isLastBlock ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
             this.endIndex = lastIndex;
-            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords &&
-                (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) &&
-                (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
+            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords && (this.endIndex - this.startIndex) <
+                (this.parent.pageSettings.pageSize / 2) && (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
                 this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
             }
             if (currentViewData.length && this.startIndex > currentViewData[0][`${indexValue}`] &&
@@ -12757,7 +12785,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
                 else {
-                    if (this.totalRecords == this.endIndex) {
+                    if (this.totalRecords === this.endIndex) {
                         this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
                     }
                     else {
@@ -12945,6 +12973,8 @@ class TreeInterSectionObserver extends InterSectionObserver {
             if (this[`${options}`].axes.indexOf(current.axis) === -1) {
                 return;
             }
+            const containerRect = 'containerRect';
+            this[`${containerRect}`] = this[`${options}`].container.getBoundingClientRect();
             const check = this.check(direction);
             if (current.entered && (current.axis === 'X' || instance.enableVirtualMaskRow)) {
                 if (this[`${movableEle}`] && (direction === 'right' || direction === 'left')) {
@@ -13357,6 +13387,10 @@ class Freeze$1 {
                 getValue('addRenderer', renderer)
                     .apply(renderer, [RenderType.Content, new VirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
             }
+            else {
+                getValue('addRenderer', renderer)
+                    .apply(renderer, [RenderType.Content, new FreezeContentRender(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
+            }
         }
         if (this.parent.getFrozenLeftColumnsCount() || this.parent.getFrozenRightColumnsCount()) {
             getValue('addRenderer', renderer)