@syncfusion/ej2-treegrid 33.2.12 → 34.1.30

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

@@ -1086,6 +1086,20 @@ var Selection = /** @__PURE__ @class */ (function () {
         this.resetSelectionCaches();
         this.removeEventListener();
     };
+    /**
+     * Gets the actual record from the data model's uniqueIDCollection.
+     *
+     * @param {ITreeData} record - The record (may be stale reference).
+     * @returns {ITreeData} The actual record from the data model.
+     */
+    Selection.prototype.getRecordFromUidCollection = function (record) {
+        if (!record) {
+            return record;
+        }
+        var uidMap = this.parent.uniqueIDCollection;
+        var uid = record.uniqueID;
+        return (uidMap && uid != null) ? (uidMap[String(uid)] ? uidMap[String(uid)] : record) : record;
+    };
     /**
      * Handles checkbox click events from the DOM and dispatches selection logic.
      *
@@ -1112,8 +1126,7 @@ var Selection = /** @__PURE__ @class */ (function () {
         }
         else if (checkWrap && checkWrap.querySelectorAll('.e-treeselectall').length > 0 && this.parent.autoCheckHierarchy) {
             var frame = checkWrap.querySelector('.e-frame');
-            var currentStateIsUncheck = !frame.classList.contains('e-check') && !frame.classList.contains('e-stop');
-            var targetState = currentStateIsUncheck; // If currently uncheck, target state is to check all.
+            var targetState = frame.classList.contains('e-uncheck') || frame.classList.contains('e-stop');
             this.headerSelection(targetState);
             checkBox = checkWrap.querySelector('input[type="checkbox"]');
             this.triggerChkChangeEvent(checkBox, targetState, target.closest('tr'));
@@ -1280,6 +1293,7 @@ var Selection = /** @__PURE__ @class */ (function () {
             var flatRec = getParentData(this.parent, viewRec.uniqueID);
             var nextState = (flatRec.checkboxState === 'check') ? 'uncheck' : 'check';
             flatRec.checkboxState = nextState;
+            viewRec.checkboxState = nextState;
             this.traverSelection(flatRec, nextState, false);
         }
     };
@@ -1331,10 +1345,11 @@ var Selection = /** @__PURE__ @class */ (function () {
             if (child.hasChildRecords) {
                 this.traverSelection(child, checkboxState, true);
             }
-            if (child.checkboxState === 'check') {
+            var updatedChild = this.getRecordFromUidCollection(child);
+            if (updatedChild.checkboxState === 'check') {
                 checkedCount++;
             }
-            else if (child.checkboxState === 'indeterminate') {
+            else if (updatedChild.checkboxState === 'indeterminate') {
                 indeterminateCount++;
             }
         }
@@ -1458,11 +1473,12 @@ var Selection = /** @__PURE__ @class */ (function () {
             if (!child || child.isSummaryRow) {
                 continue;
             }
+            var actualChild = this.getRecordFromUidCollection(child);
             summary.total++;
-            if (child.checkboxState === 'check') {
+            if (actualChild.checkboxState === 'check') {
                 summary.checked++;
             }
-            else if (child.checkboxState === 'indeterminate') {
+            else if (actualChild.checkboxState === 'indeterminate') {
                 summary.indeterminate++;
             }
         }
@@ -1590,12 +1606,13 @@ var Selection = /** @__PURE__ @class */ (function () {
             if (!record) {
                 continue;
             }
-            var previousState = record.checkboxState;
+            var actualRecord = this.getRecordFromUidCollection(record);
+            var previousState = actualRecord.checkboxState;
             if (previousState === targetState) {
                 continue;
             }
-            record.checkboxState = targetState;
-            this.updateSelectedItems(record, targetState, true);
+            actualRecord.checkboxState = targetState;
+            this.updateSelectedItems(actualRecord, targetState, true);
         }
     };
     /**
@@ -1623,9 +1640,10 @@ var Selection = /** @__PURE__ @class */ (function () {
             if (item.hasChildRecords && isFilterOrSearch && item.level === 0 && this.parent.autoCheckHierarchy) {
                 this.updateParentSelection(item);
             }
-            if (item.uniqueID && item.checkboxState === 'check') {
-                newSelectedItems.push(item);
-                newSelectedUidMap.set(item.uniqueID, true);
+            var actualItem = this.getRecordFromUidCollection(item);
+            if (actualItem.uniqueID && actualItem.checkboxState === 'check') {
+                newSelectedItems.push(actualItem);
+                newSelectedUidMap.set(actualItem.uniqueID, true);
             }
         }
         if (!isFilterOrSearch) {
@@ -1800,7 +1818,8 @@ var Selection = /** @__PURE__ @class */ (function () {
         var checkedCountForHeaderLogic = 0;
         for (var _i = 0, recordsForHeaderLogic_1 = recordsForHeaderLogic; _i < recordsForHeaderLogic_1.length; _i++) {
             var record = recordsForHeaderLogic_1[_i];
-            if (record && !record.isSummaryRow && record.checkboxState === 'check') {
+            var actualRecord = this.getRecordFromUidCollection(record);
+            if (actualRecord && !actualRecord.isSummaryRow && actualRecord.checkboxState === 'check') {
                 checkedCountForHeaderLogic++;
             }
         }
@@ -2631,12 +2650,10 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
             if (this.parent.parentIdMapping) {
                 this.parent.query = isNullOrUndefined(this.parent.query) ?
                     new Query() : this.parent.query;
-                if (this.parent.parentIdMapping) {
-                    var filterKey = this.parent.query.params.filter(function (param) { return param.key === 'IdMapping'; });
-                    if (this.parent.initialRender && !filterKey.length) {
-                        this.parent.query.where(this.parent.parentIdMapping, 'equal', null);
-                        this.parent.query.addParams('IdMapping', this.parent.idMapping);
-                    }
+                var filterKey = this.parent.query.params.filter(function (param) { return param.key === 'IdMapping'; });
+                if (this.parent.initialRender && !filterKey.length) {
+                    this.parent.query.where(this.parent.parentIdMapping, 'equal', null);
+                    this.parent.query.addParams('IdMapping', this.parent.idMapping);
                 }
                 if (!this.parent.hasChildMapping) {
                     var qry = this.parent.query.clone();
@@ -3202,9 +3219,6 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                         ? currentData[this.parent.expandStateMapping] : true;
                 }
             }
-            if (!Object.prototype.hasOwnProperty.call(currentData, 'index')) {
-                currentData.index = currentData.hasChildRecords ? this.storedIndex : this.storedIndex;
-            }
             if (this.isSelfReference && isNullOrUndefined(currentData[this.parent.parentIdMapping])) {
                 this.parent.parentData.push(currentData);
             }
@@ -3391,8 +3405,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
         }
         var isPdfExport = 'isPdfExport';
         var isCollapsedStatePersist = 'isCollapsedStatePersist';
-        if ((isPrinting === true || (args["" + isPdfExport] && (isNullOrUndefined(args["" + isCollapsedStatePersist])
-            || args["" + isCollapsedStatePersist]))) && this.parent.printMode === 'AllPages') {
+        if ((isPrinting === true || (args["" + isPdfExport] && args["" + isCollapsedStatePersist] === true)) && this.parent.printMode === 'AllPages') {
             var actualResults = [];
             for (var i = 0; i < results.length; i++) {
                 var expandStatus = getExpandStatus(this.parent, results[parseInt(i.toString(), 10)], this.parent.parentData);
@@ -5747,8 +5760,13 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             this.grid.dataSource = { result: data, count: datacount };
         }
         else {
+            var cacheAdaptor = null;
+            if ((this.dataSource instanceof DataManager) && this.dataSource["" + dataSource] &&
+                this.dataSource["" + dataSource].enableCaching) {
+                cacheAdaptor = this.dataSource["" + adaptor].cacheAdaptor;
+            }
             this.grid.dataSource = !(this.dataSource instanceof DataManager) ?
-                this.flatData : new DataManager(this.dataSource.dataSource, this.dataSource.defaultQuery, this.dataSource.adaptor, this.hasPreAndPostMiddleware(this.dataSource) ? this.dataSource : undefined);
+                this.flatData : new DataManager(this.dataSource.dataSource, this.dataSource.defaultQuery, cacheAdaptor ? cacheAdaptor : this.dataSource.adaptor, this.hasPreAndPostMiddleware(this.dataSource) ? this.dataSource : undefined);
         }
         if (this.dataSource instanceof DataManager && (this.dataSource.dataSource.offline || this.dataSource.ready)) {
             this.grid.dataSource["" + dataSource].json = extendArray(this.dataSource["" + dataSource].json);
@@ -6148,6 +6166,14 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     gridColumn.textAlign = 'Right';
                 }
             }
+            else if (!isNullOrUndefined(this.columnModel[this.treeColumnIndex]) && !this.enableRtl) {
+                if (isNullOrUndefined(this.treeColumnField)) {
+                    this.treeColumnField = gridColumn.field;
+                }
+                if (isNullOrUndefined(this.treeColumnTextAlign) && this.treeColumnField === this.columnModel[this.treeColumnIndex].field) {
+                    this.treeColumnTextAlign = this.columnModel[this.treeColumnIndex].textAlign;
+                }
+            }
         }
         return gridColumnCollection;
     };
@@ -6169,6 +6195,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.onPropertyChanged = function (newProp) {
         var properties = Object.keys(newProp);
         var requireRefresh = false;
+        var refreshComponent = false;
         for (var _i = 0, properties_1 = properties; _i < properties_1.length; _i++) {
             var prop = properties_1[_i];
             switch (prop) {
@@ -6312,6 +6339,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.TreeGridLocale();
                     this.grid.toolbar = this.getGridToolbar();
                     this.grid.contextMenuItems = this.getContextMenu();
+                    requireRefresh = true;
+                    refreshComponent = true;
                     break;
                 case 'selectedRowIndex':
                     this.grid.selectedRowIndex = this.selectedRowIndex;
@@ -6341,10 +6370,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.grid.allowPdfExport = this.allowPdfExport;
                     break;
                 case 'enableRtl':
-                    if (!isNullOrUndefined(this.treeColumnField)) {
-                        this.updateTreeColumnTextAlign();
-                    }
                     this.grid.enableRtl = this.enableRtl;
+                    this.updateColumnModel();
                     break;
                 case 'allowReordering':
                     this.grid.allowReordering = this.allowReordering;
@@ -6397,7 +6424,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
         }
         if (requireRefresh) {
-            if (this.isFrozenGrid()) {
+            if (refreshComponent || this.isFrozenGrid()) {
                 this.refreshLayout();
             }
             else {
@@ -7212,6 +7239,12 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         if (!this.stackedHeader && !isNullOrUndefined(this.columns)) {
             merge(this.columns, this.columnModel);
         }
+        if (!this.enableRtl && !isNullOrUndefined(this.columnModel[this.treeColumnIndex])
+            && !isNullOrUndefined(this.treeColumnField)) {
+            if (this.columnModel[this.treeColumnIndex].field === this.treeColumnField) {
+                this.columnModel[this.treeColumnIndex].textAlign = this.treeColumnTextAlign;
+            }
+        }
         this["" + deepMerge] = undefined; // Workaround for blazor updateModel
         return this.columnModel;
     };
@@ -9103,6 +9136,15 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             return 0;
         }
     };
+    /**
+     * Gets the row index based on the given primary key value or row data.
+     *
+     * @param {string | number | object} value - The primary key value or row data.
+     * @returns {number} Returns the row index.
+     */
+    TreeGrid.prototype.getRowIndexByPrimaryKey = function (value) {
+        return this.grid.getRowIndexByPrimaryKey(value);
+    };
     var TreeGrid_1;
     __decorate$c([
         Property(0)
@@ -12339,7 +12381,9 @@ var PdfExport = /** @__PURE__ @class */ (function () {
         }
         prop = isNullOrUndefined(prop) ? {} : prop;
         prop.dataSource = new DataManager({ json: dtSrc });
-        prop.query = args['query'];
+        if (this.parent.aggregates.length > 0) {
+            prop.query = args['query'];
+        }
         return prop;
     };
     /**
@@ -13584,7 +13628,8 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
             if (this.parent.editModule['isAddedRowByMethod'] && !isNullOrUndefined(this.parent.editModule['addRowIndex']) &&
                 !this.parent.editModule['isAddedRowByContextMenu'] && !this.parent.editModule.isAddedMultipleRowsByMethod) {
                 var newlyAddedRecords = this.parent.getBatchChanges()['addedRecords'];
-                var index = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[newlyAddedRecords.length - 1].getAttribute('aria-rowindex'), 10) - 1;
+                var index = this.getInsertedRowIndex(newlyAddedRecords.length - 1);
+                this.batchIndex = index;
                 this.batchRecords.splice(index, 0, newlyAddedRecords[newlyAddedRecords.length - 1]);
             }
         }
@@ -13760,6 +13805,17 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
         this.batchDeletedRecords = [];
         this.parent.grid.renderModule.refresh();
     };
+    BatchEdit.prototype.getInsertedRowIndex = function (elementIndex) {
+        var header = this.parent.getHeaderTable().getElementsByClassName('e-insertedrow')[parseInt(elementIndex.toString(), 10)];
+        var content = this.parent.getContentTable().getElementsByClassName('e-insertedrow')[parseInt(elementIndex.toString(), 10)];
+        if (this.parent.frozenRows && header) {
+            return parseInt(header.getAttribute('aria-rowindex'), 10) - 1;
+        }
+        if (content) {
+            return parseInt(content.getAttribute('aria-rowindex'), 10) - 1;
+        }
+        return -1;
+    };
     BatchEdit.prototype.batchSave = function (args) {
         if (this.parent.editSettings.mode === 'Batch') {
             var i = void 0;
@@ -13788,7 +13844,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
                 if (this.parent.editModule['isAddedRowByMethod'] && addRecords.length && !isNullOrUndefined(this.parent.editModule['addRowIndex']) && !this.parent.editModule['isAddedRowByContextMenu']) {
                     addRecords.reverse();
                     for (var i_1 = 0; i_1 < addRecords.length; i_1++) {
-                        var index_1 = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[parseInt(i_1.toString(), 10)].getAttribute('aria-rowindex'), 10) - 1;
+                        var index_1 = this.getInsertedRowIndex(parseInt(i_1.toString(), 10));
                         data.splice(index_1, 0, addRecords[parseInt(i_1.toString(), 10)]);
                     }
                 }
@@ -14031,6 +14087,7 @@ var Edit = /** @__PURE__ @class */ (function () {
         this.parent.grid.on(beforeBatchCancel, this.beforeBatchCancel, this);
         this.parent.grid.on('reset-edit-props', this.resetIsOnBatch, this);
         this.parent.grid.on('get-row-position', this.getRowPosition, this);
+        this.parent.grid.on('last-row-validation', this.lastRowValidation, this);
     };
     Edit.prototype.gridDblClick = function (e) {
         this.doubleClickTarget = e.target;
@@ -14044,6 +14101,7 @@ var Edit = /** @__PURE__ @class */ (function () {
                 /* eslint-disable-next-line */
                 this.parent.grid.getDataRows()[rowIndex].dataset.uid = this.parent.grid.contentModule.getRows()[rowIndex].uid;
             }
+            this.doubleClickTarget = null;
         }
     };
     Edit.prototype.getRowPosition = function (addArgs) {
@@ -14089,6 +14147,7 @@ var Edit = /** @__PURE__ @class */ (function () {
         this.parent.grid.off('dblclick', this.gridDblClick);
         this.parent.grid.off('reset-edit-props', this.resetIsOnBatch);
         this.parent.grid.off('get-row-position', this.getRowPosition);
+        this.parent.grid.off('last-row-validation', this.lastRowValidation);
         //this.parent.grid.off('click', this.gridSingleClick);
     };
     /**
@@ -14237,7 +14296,7 @@ var Edit = /** @__PURE__ @class */ (function () {
         this.parent.grid.isEdit = false;
     };
     Edit.prototype.resetIsOnBatch = function () {
-        if (this.parent.enableVirtualization && this.parent.editSettings.mode === 'Cell') {
+        if (this.parent.enableVirtualization && this.parent.editSettings.mode === 'Cell' && !this.parent['isGantt']) {
             this.isOnBatch = false;
             this.updateGridEditMode('Normal');
         }
@@ -14670,7 +14729,9 @@ var Edit = /** @__PURE__ @class */ (function () {
                 seletedRow: 0
             };
             this.beginAddEdit(args);
-            this.batchEditModule['batchAddRowRecord'].push(this.batchEditModule['addRowRecord']);
+            if (this.batchEditModule['addRowRecord']) {
+                this.batchEditModule['batchAddRowRecord'].push(this.batchEditModule['addRowRecord']);
+            }
             this.batchEditModule['batchAddedRecords'].push(args['data']);
         }
         else if (this.parent.editSettings.mode === 'Batch' && this.isAddedMultipleRowsByMethod && (this.parent.editSettings.newRowPosition === 'Above' || this.parent.editSettings.newRowPosition === 'Below')) {
@@ -14690,7 +14751,9 @@ var Edit = /** @__PURE__ @class */ (function () {
                         seletedRow: 0
                     };
                     this.beginAddEdit(args);
-                    this.batchEditModule['batchAddRowRecord'].push(this.batchEditModule['addRowRecord']);
+                    if (this.batchEditModule['addRowRecord']) {
+                        this.batchEditModule['batchAddRowRecord'].push(this.batchEditModule['addRowRecord']);
+                    }
                     this.batchEditModule['batchAddedRecords'].push(args['data']);
                 }
             }
@@ -15107,6 +15170,31 @@ var Edit = /** @__PURE__ @class */ (function () {
         }
         this.parent.grid.editModule.closeEdit();
     };
+    /**
+     * Handles TreeGrid-specific validation for tooltip positioning on last row.
+     *
+     * @param {Object} args - Validation flags
+     * @param {boolean} args.isBeginEdit - Whether editing has begun
+     * @param {boolean} args.isAddedRow - Whether the row is newly added
+     * @param {boolean} args.isLastRow - Whether this is the last row
+     * @param {boolean} args.validationPositionResult - Validation position result
+     * @returns {void}
+     * @hidden
+     */
+    Edit.prototype.lastRowValidation = function (args) {
+        if (!this.parent.enableVirtualization) {
+            return;
+        }
+        var isBeginEdit = args.isBeginEdit, isAddedRow = args.isAddedRow, isLastRow = args.isLastRow;
+        var newRowPosition = this.parent.editSettings.newRowPosition;
+        if ((newRowPosition === 'Child' || newRowPosition === 'Below' || newRowPosition === 'Above') &&
+            isAddedRow && isLastRow) {
+            args.validationPositionResult = true;
+        }
+        else if (isBeginEdit && isLastRow) {
+            args.validationPositionResult = true;
+        }
+    };
     return Edit;
 }());
 
@@ -15405,7 +15493,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 this.startIndex = lastIndex - this.parent.getRows().length;
                 this.endIndex = lastIndex;
             }
-            else if (this.parent.root.editSettings.newRowPosition !== 'Top' && this.parent.root.editModule.selectedIndex !== -1 || this.parent.root.editModule.selectedIndex !== -1) {
+            else if (this.parent.root.editModule.selectedIndex !== -1) {
                 this.startIndex += 1;
                 this.endIndex += 1;
             }
@@ -15884,8 +15972,10 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             var directVirtualRender = 'directVirtualRender';
             if (!_this.parent["" + directVirtualRender]) { // with this property, columns are rendered without debouncing on horizontal scroll.
                 var preventEvent = 'preventEvent';
-                if (Browser.isIE && !isWheel && check && !_this["" + preventEvent] && !_this.parent.enableVirtualMaskRow) {
-                    _this.parent.showSpinner();
+                if (!isWheel && check && !_this["" + preventEvent] && !_this.parent.enableVirtualMaskRow) {
+                    if (Browser.isIE) {
+                        _this.parent.showSpinner();
+                    }
                 }
                 if (_this.parent.enableVirtualMaskRow && !_this["" + preventEvent]) {
                     setTimeout(function () {
@@ -15963,12 +16053,12 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             this.parent.root.scrollPosition = scrollArgs.offset;
         }
         var info = scrollArgs.sentinel;
+        var rowHeight = parseInt(this.parent.getRowHeight().toString(), 10);
+        var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
         var treeGridParent = null;
         if (this.parent.clipboardModule && this.parent.clipboardModule['treeGridParent']) {
             treeGridParent = this.parent.clipboardModule['treeGridParent'];
         }
-        var rowHeight = parseInt(this.parent.getRowHeight().toString(), 10);
-        var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
         var content;
         if (!isNullOrUndefined(this.parent.contentModule)) {
             content = this.parent.getContent().querySelector('.e-content');
@@ -16235,6 +16325,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             var focusCell = 'focusCell';
             var restoreAdd = 'restoreAdd';
             var ensureSelectedRowPosition = 'ensureSelectedRowPosition';
+            if (this['pressedKey'] === 'downArrow' || this['pressedKey'] === 'upArrow') {
+                this['activeKey'] = this['pressedKey'];
+            }
             _super.prototype["" + focusCell].call(this, e);
             var isAdd = 'isAdd';
             if (this["" + isAdd] && !this.parent.getContent().querySelector('.e-content').querySelector('.e-addedrow')) {