@syncfusion/ej2-treegrid 27.1.57 → 27.2.3

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,10 +4723,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             if (_this.pageSettings.pageSizeMode === 'Root') {
                 _this.grid.selectionModule['totalRecordsCount'] = _this.grid.currentViewData.length;
             }
-            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) {
@@ -5903,7 +5899,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.closeEdit = function () {
         if (this.grid.editModule) {
-            this.grid.editModule.closeEdit();
+            this.editModule['closeEdit']();
         }
     };
     /**
@@ -7608,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();
     };
     /**
@@ -12377,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) {
@@ -12445,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,
@@ -12766,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) {
@@ -13149,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;
 }());
 
@@ -13338,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);
@@ -13713,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;
@@ -13741,9 +13757,15 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 firsttdinx = +attr; // this.parent.getContent().querySelector('.e-content tr').getAttribute('data-rowindex');
             }
             if (firsttdinx === 0) {
-                this.translateY = !isNullOrUndefined(this.endIndex) ?
-                    (this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
-                        this.parent.rowHeight : this.parent.getRowHeight()) : 0;
+                if (this.endIndex - this.startIndex < this.parent.pageSettings.pageSize) {
+                    this.translateY = !isNullOrUndefined(this.endIndex) ?
+                        (this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
+                            this.parent.rowHeight : this.parent.getRowHeight()) : 0;
+                }
+                else {
+                    this.translateY = (scrollArgs.offset.top - (outBuffer * rowHeight) > 0) ?
+                        scrollArgs.offset.top - (outBuffer * rowHeight) + rowHeight : 0;
+                }
             }
             else if (this.parent.getFrozenColumns() > 0) {
                 scrollArgs.offset.top = scrollArgs.offset.top + 80;
@@ -13759,7 +13781,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;
@@ -13777,6 +13799,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0]["" + indexValue] + (this.parent.pageSettings.pageSize / 2);
             }
+            var selectedIndex = this.parent.root.selectedRowIndex;
+            this.startIndex = selectedIndex !== -1 && selectedIndex !== this.startIndex ? this.startIndex - 1 : this.startIndex;
             if (scrollArgs.offset.top > (rowHeight * this.totalRecords)) {
                 this.translateY = this.getTranslateY(scrollArgs.offset.top, content.getBoundingClientRect().height);
             }
@@ -13785,10 +13809,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                     this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
                 }
                 else {
-                    if (this.parent.allowRowDragAndDrop) {
-                        this.translateY = scrollArgs.offset.top - rowHeight * 2;
-                    }
-                    else if (this.parent.getFrozenColumns() > 0) {
+                    if (this.parent.getFrozenColumns() > 0) {
                         this.translateY = scrollArgs.offset.top - ((rowHeight * 2) + this.parent.pageSettings.pageSize);
                     }
                     else {
@@ -13945,7 +13966,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';