@syncfusion/ej2-treegrid 27.1.56 → 27.2.2

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

@@ -2013,7 +2013,7 @@ var Render = /** @__PURE__ @class */ (function () {
                             var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
                             var td = rows.length >= rowsObj.length
                                 ? _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent)
-                                : _this.parent.getRows()[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
+                                : rows[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
                             cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)]["" + rowIdx] });
                             var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
                                 .cells[parseInt(cellIndex.toString(), 10)];
@@ -4723,13 +4723,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             if (_this.pageSettings.pageSizeMode === 'Root') {
                 _this.grid.selectionModule['totalRecordsCount'] = _this.grid.currentViewData.length;
             }
-            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(rowSelecting, args);
         };
         this.grid.rowDeselecting = function (args) {
@@ -5906,7 +5899,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.closeEdit = function () {
         if (this.grid.editModule) {
-            this.grid.editModule.closeEdit();
+            this.editModule['closeEdit']();
         }
     };
     /**
@@ -7611,7 +7604,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.clearSelection = function () {
-        this.grid.selectionModule['actualTarget'] = null;
+        if (!isNullOrUndefined(this.grid.selectionModule)) {
+            this.grid.selectionModule['actualTarget'] = null;
+        }
         this.grid.clearSelection();
     };
     /**
@@ -12380,7 +12375,7 @@ var Edit = /** @__PURE__ @class */ (function () {
             this.recordDoubleClick(args);
         }
         if (args.action === 'escape') {
-            this.parent.closeEdit();
+            this.closeEdit();
         }
     };
     Edit.prototype.deleteUniqueID = function (value) {
@@ -12448,6 +12443,9 @@ var Edit = /** @__PURE__ @class */ (function () {
     Edit.prototype.batchCancel = function () {
         if (this.parent.editSettings.mode === 'Cell') {
             var cellDetails = getValue('editModule.cellDetails', this.parent.grid.editModule);
+            if (!isNullOrUndefined(this.editedRowIndex)) {
+                cellDetails.rowIndex = this.editedRowIndex;
+            }
             var treeCell = this.parent.getCellFromIndex(cellDetails.rowIndex, this.parent.treeColumnIndex);
             this.parent.renderModule.cellRender({
                 data: cellDetails.rowData,
@@ -12769,6 +12767,7 @@ var Edit = /** @__PURE__ @class */ (function () {
                     this.prevAriaRowIndex = '-1';
                 }
                 if (!this.parent.enableVirtualization || this.parent.enableVirtualization && !Object.keys(this.parent.grid.contentModule['emptyRowData']).length) {
+                    this.isScrollByFocus = true;
                     focussedElement.focus();
                 }
                 if (this.parent.enableVirtualization && !Object.keys(this.parent.grid.contentModule['emptyRowData']).length) {
@@ -13152,6 +13151,18 @@ var Edit = /** @__PURE__ @class */ (function () {
             this.parent.grid.editModule.editCell(rowIndex, field);
         }
     };
+    /**
+     * Cancels edited state.
+     *
+     * @returns {void}
+     */
+    Edit.prototype.closeEdit = function () {
+        if (this.parent.enableVirtualization && this.parent.grid.editSettings.mode === 'Batch' && this.parent.grid.pageSettings.currentPage > 1) {
+            this.editedRowIndex = this.parent.grid.editModule.editModule['cellDetails'].rowIndex;
+            this.parent.grid.editModule.editModule['cellDetails'].rowIndex = parseInt(this.parent.getRows()[this.parent.grid.editModule.editModule['cellDetails'].rowIndex].getAttribute('data-rowIndex'), 10);
+        }
+        this.parent.grid.editModule.closeEdit();
+    };
     return Edit;
 }());
 
@@ -13341,9 +13352,12 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         if (this.parent.enableVirtualization && this.parent.isFrozenGrid()) {
             return this.getRowCollection(index, true);
         }
-        else {
-            return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
+        var dataRows = this.parent.getDataRows();
+        var targetRow = dataRows.find(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; });
+        if (!targetRow && this.parent.isEdit && this.parent.editSettings.mode === 'Batch') {
+            return index != null ? this.parent.getRows()[parseInt(index.toString(), 10)] : undefined;
         }
+        return targetRow;
     };
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
@@ -13703,7 +13717,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             content = this.parent.getContent().querySelector('.e-content');
         }
         var scrollHeight = outBuffer * rowHeight;
-        var upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
+        var upScroll = (scrollArgs.offset.top - this.translateY) < 0;
         var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
         var selectedRowIndex = 'selectedRowIndex';
         var currentViewData = this.parent.currentViewData;
@@ -13716,8 +13730,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
-                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) &&
-                !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
+                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
                 index = this["" + selectedRowIndex];
             }
             this.startIndex = index;
@@ -13744,8 +13757,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 firsttdinx = +attr; // this.parent.getContent().querySelector('.e-content tr').getAttribute('data-rowindex');
             }
             if (firsttdinx === 0) {
-                this.translateY = (scrollArgs.offset.top - (outBuffer * rowHeight) > 0) ?
-                    scrollArgs.offset.top - (outBuffer * this.parent.getRowHeight()) + rowHeight : 0;
+                this.translateY = !isNullOrUndefined(this.endIndex) ?
+                    (this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
+                        this.parent.rowHeight : this.parent.getRowHeight()) : 0;
             }
             else if (this.parent.getFrozenColumns() > 0) {
                 scrollArgs.offset.top = scrollArgs.offset.top + 80;
@@ -13761,7 +13775,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             var nextSetResIndex = ~~(content.scrollTop / rowHeight);
             var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
-                nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
+                nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
                 nextSetResIndex = this["" + selectedRowIndex];
             }
             var lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;
@@ -13947,7 +13961,12 @@ var TreeInterSectionObserver = /** @__PURE__ @class */ (function (_super) {
         var debounced100 = debounce(callback, delay);
         var debounced50 = debounce(callback, 50);
         this["" + options].prevTop = this["" + options].prevLeft = 0;
+        var isScrollByFocus = 'isScrollByFocus';
         return function (e) {
+            if (instance.isEdit && instance.root.editModule["" + isScrollByFocus]) {
+                instance.root.editModule["" + isScrollByFocus] = false;
+                return;
+            }
             var top = _this["" + options].movableContainer ? _this["" + options].container.scrollTop : e.target.scrollTop;
             var left = _this["" + options].movableContainer ? _this["" + options].scrollbar.scrollLeft : e.target.scrollLeft;
             var direction = _this["" + options].prevTop < top ? 'down' : 'up';