@syncfusion/ej2-treegrid 22.1.36 → 22.1.38

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

@@ -1394,9 +1394,7 @@ var Selection = /** @__PURE__ @class */ (function () {
         if (recordIndex > -1) {
             if (!isNullOrUndefined(checkbox)) {
                 checkbox.classList.add(checkBoxclass);
-                var chkstate = checkState === 'check' ? 'checked' : checkState === 'uncheck' ? 'unchecked' : 'mixed';
                 tr.querySelector('.e-treecheckselect').setAttribute('aria-checked', checkState === 'check' ? 'true' : checkState === 'uncheck' ? 'false' : 'mixed');
-                tr.querySelector('.e-frame').setAttribute('title', 'checkbox' + chkstate);
             }
         }
     };
@@ -6192,28 +6190,70 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.expandRow = function (row, record, key, level) {
         var _this = this;
+        var parentRec = this.parentData;
+        if (!this.enableVirtualization) {
+            parentRec = this.flatData.filter(function (e) {
+                return e.hasChildRecords;
+            });
+        }
         record = this.getCollapseExpandRecords(row, record);
         if (!isNullOrUndefined(row) && row.cells[0].classList.contains('e-lastrowcell')) {
             this.lastRowBorder(row, false);
         }
-        var args = { data: record, row: row, cancel: false };
-        this.trigger(expanding, args, function (expandingArgs) {
-            if (!expandingArgs.cancel) {
-                _this.expandCollapse('expand', row, record);
-                if (expandingArgs.expandAll) {
-                    _this.expandCollapseAllChildren(record, 'expand', key, level);
-                }
-                var children = 'Children';
-                if (!(isRemoteData(_this) && !isOffline(_this)) && (!isCountRequired(_this) || !isNullOrUndefined(record["" + children]))) {
-                    var collapseArgs = { data: record, row: row };
-                    _this.setHeightForFrozenContent();
-                    if (!isNullOrUndefined(_this.expandStateMapping)) {
-                        _this.updateExpandStateMapping(collapseArgs.data, true);
+        if (this.isExpandAll && !isRemoteData(this)) {
+            var args = { data: parentRec, row: row, cancel: false };
+            var pagerValuePresent = false;
+            if (this.grid.pagerModule && !isNullOrUndefined(this.grid.pagerModule.pagerObj.pagerdropdownModule)) {
+                pagerValuePresent = this.grid.pagerModule.pagerObj.pagerdropdownModule['dropDownListObject'].value ? true : false;
+            }
+            if (!this.isExpandingEventTriggered) {
+                this.trigger(expanding, args, function (expandingArgs) {
+                    _this.expandAllPrevent = expandingArgs.cancel;
+                    if (!expandingArgs.cancel) {
+                        if (expandingArgs.expandAll) {
+                            _this.expandCollapseAllChildren(record, 'expand', key, level);
+                        }
+                        _this.expandRows(row, record, parentRec, key, level);
+                    }
+                });
+            }
+            else if ((!this.allowPaging || (pagerValuePresent && this.grid.pagerModule.pagerObj.pagerdropdownModule['dropDownListObject'].value === 'All')) &&
+                !this.expandAllPrevent && this.isExpandingEventTriggered) {
+                this.expandRows(row, record, parentRec, key, level);
+            }
+            this.isExpandingEventTriggered = true;
+        }
+        else if (!this.isExpandAll || (this.isExpandAll && isRemoteData(this))) {
+            var args = { data: record, row: row, cancel: false };
+            this.trigger(expanding, args, function (expandingArgs) {
+                if (!expandingArgs.cancel) {
+                    if (expandingArgs.expandAll) {
+                        _this.expandCollapseAllChildren(record, 'expand', key, level);
                     }
-                    _this.trigger(expanded, collapseArgs);
+                    _this.expandRows(row, record, parentRec, key, level);
                 }
+            });
+        }
+    };
+    // Internal method to handle the rows expand
+    TreeGrid.prototype.expandRows = function (row, record, parentRec, key, level) {
+        this.expandCollapse('expand', row, record);
+        var children = 'Children';
+        if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
+            var expandArgs = { data: record, row: row };
+            this.setHeightForFrozenContent();
+            if (!isNullOrUndefined(this.expandStateMapping)) {
+                this.updateExpandStateMapping(expandArgs.data, true);
             }
-        });
+            if (this.isExpandAll && !this.isExpandedEventTriggered) {
+                this.isExpandedEventTriggered = true;
+                expandArgs = { data: parentRec, row: row };
+                this.trigger(expanded, expandArgs);
+            }
+            else if (!this.isExpandAll) {
+                this.trigger(expanded, expandArgs);
+            }
+        }
     };
     TreeGrid.prototype.expandCollapseAllChildren = function (record, action, key, level) {
         if ((!isNullOrUndefined(key) && record[this.getPrimaryKeyFieldNames()[0]] !== key) ||
@@ -6271,31 +6311,65 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      */
     TreeGrid.prototype.collapseRow = function (row, record, key) {
         var _this = this;
+        var parentRec = this.parentData;
+        if (!this.enableVirtualization) {
+            parentRec = this.flatData.filter(function (e) {
+                return e.hasChildRecords;
+            });
+        }
         record = this.getCollapseExpandRecords(row, record);
-        var args = { data: record, row: row, cancel: false };
-        this.trigger(collapsing, args, function (collapsingArgs) {
-            if (!collapsingArgs.cancel) {
-                if (collapsingArgs.collapseAll) {
-                    _this.expandCollapseAllChildren(record, 'collapse', key);
-                }
-                _this.expandCollapse('collapse', row, record);
-                var collapseArgs = { data: record, row: row };
-                if (!isRemoteData(_this)) {
-                    _this.setHeightForFrozenContent();
-                    if (!isNullOrUndefined(_this.expandStateMapping)) {
-                        _this.updateExpandStateMapping(collapseArgs.data, false);
-                    }
-                    _this.trigger(collapsed, collapseArgs);
-                    if (_this.enableInfiniteScrolling) {
-                        var scrollHeight = _this.grid.getContent().firstElementChild.scrollHeight;
-                        var scrollTop = _this.grid.getContent().firstElementChild.scrollTop;
-                        if ((scrollHeight - scrollTop) < _this.grid.getRowHeight() + +_this.height) {
-                            _this.grid.getContent().firstElementChild.scrollBy(0, _this.grid.getRowHeight());
+        if (this.isCollapseAll && !isRemoteData(this)) {
+            var args = { data: parentRec, row: row, cancel: false };
+            if (!this.isCollapsingEventTriggered) {
+                this.trigger(collapsing, args, function (collapsingArgs) {
+                    _this.collapseAllPrevent = collapsingArgs.cancel;
+                    if (!collapsingArgs.cancel) {
+                        if (collapsingArgs.collapseAll) {
+                            _this.expandCollapseAllChildren(record, 'collapse', key);
                         }
+                        _this.collapseRows(row, record, parentRec, key);
                     }
+                });
+            }
+            else if (!this.allowPaging && !this.collapseAllPrevent && this.isCollapsingEventTriggered) {
+                this.collapseRows(row, record, parentRec, key);
+            }
+            this.isCollapsingEventTriggered = true;
+        }
+        else if (!this.isCollapseAll || (this.isCollapseAll && isRemoteData(this))) {
+            var args = { data: record, row: row, cancel: false };
+            this.trigger(collapsing, args, function (collapsingArgs) {
+                if (!collapsingArgs.cancel) {
+                    _this.collapseRows(row, record, parentRec, key);
                 }
+            });
+        }
+    };
+    // Internal method for handling the rows collapse
+    TreeGrid.prototype.collapseRows = function (row, record, parentRec, key) {
+        this.expandCollapse('collapse', row, record);
+        var collapseArgs = { data: record, row: row };
+        if (!isRemoteData(this)) {
+            this.setHeightForFrozenContent();
+            if (!isNullOrUndefined(this.expandStateMapping)) {
+                this.updateExpandStateMapping(collapseArgs.data, false);
             }
-        });
+            if (this.isCollapseAll && !this.isCollapsedEventTriggered) {
+                this.isCollapsedEventTriggered = true;
+                collapseArgs = { data: parentRec, row: row };
+                this.trigger(collapsed, collapseArgs);
+            }
+            else if (!this.isCollapseAll) {
+                this.trigger(collapsed, collapseArgs);
+            }
+            if (this.enableInfiniteScrolling) {
+                var scrollHeight = this.grid.getContent().firstElementChild.scrollHeight;
+                var scrollTop = this.grid.getContent().firstElementChild.scrollTop;
+                if ((scrollHeight - scrollTop) < this.grid.getRowHeight() + +this.height) {
+                    this.grid.getContent().firstElementChild.scrollBy(0, this.grid.getRowHeight());
+                }
+            }
+        }
     };
     TreeGrid.prototype.updateExpandStateMapping = function (record, state) {
         var totalRecords = record;
@@ -6458,6 +6532,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandAll = function () {
+        this.isExpandedEventTriggered = false;
+        this.isExpandingEventTriggered = false;
         this.expandCollapseAll('expand');
     };
     /**
@@ -6466,6 +6542,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseAll = function () {
+        this.isCollapsedEventTriggered = false;
+        this.isCollapsingEventTriggered = false;
         this.expandCollapseAll('collapse');
     };
     TreeGrid.prototype.expandCollapseAll = function (action) {
@@ -12357,7 +12435,8 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                     this.addRowIndex = this.parent.grid.selectedRowIndex > -1 ? this.parent.grid.selectedRowIndex : 0;
                 }
             }
-            if (this.isAddedRowByMethod && (this.parent.enableVirtualization || this.parent.enableInfiniteScrolling)) {
+            if ((this.isAddedRowByMethod || (this.isAddedRowByContextMenu && this.parent.grid.selectedRowIndex !== -1)) &&
+                (this.parent.enableVirtualization || this.parent.enableInfiniteScrolling)) {
                 this.addRowRecord = this.parent.flatData[this.parent.grid.selectedRowIndex];
                 if (this.parent.enableVirtualization && this.isAddedRowByContextMenu) {
                     this.addRowRecord = this.parent.getCurrentViewRecords()[this.addRowIndex];
@@ -12375,6 +12454,10 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             && !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
             this.addRowRecord = this.parent.getSelectedRecords()[0];
         }
+        if (isNullOrUndefined(this.addRowRecord) && this.parent.getCurrentViewRecords().length > this.addRowIndex &&
+            args.requestType === 'save' && this.parent.getSelectedRecords().length !== 0) {
+            this.addRowRecord = this.parent.getCurrentViewRecords()[this.addRowIndex];
+        }
         this.isAddedRowByMethod = false;
         args = this.beginAddEdit(args);
         // if (args.requestType === 'save' &&
@@ -12835,7 +12918,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.indexModifier = function (args) {
         var content$$1 = this.parent.getContent().querySelector('.e-content');
-        if (this.recordAdded && this.startIndex > -1 && this.endIndex > -1) {
+        if ((this.recordAdded || args.requestType === 'delete' && this.endIndex > args.count - this.parent.pageSettings.pageSize) && this.startIndex > -1 && this.endIndex > -1) {
             if (this.endIndex > args.count - this.parent.pageSettings.pageSize) {
                 var nextSetResIndex = ~~(content$$1.scrollTop / this.parent.getRowHeight());
                 var lastIndex = nextSetResIndex + this.parent.getRows().length;
@@ -12856,7 +12939,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             this.startIndex = 0;
             this.endIndex = this.parent.pageSettings.pageSize - 1;
         }
-        if ((this.endIndex - this.startIndex !== this.parent.pageSettings.pageSize) && (this.totalRecords > this.parent.pageSettings.pageSize) &&
+        if ((this.endIndex - this.startIndex !== this.parent.pageSettings.pageSize) &&
+            (this.totalRecords > this.parent.pageSettings.pageSize) &&
             (this.endIndex === this.totalRecords)) {
             args.startIndex = this.endIndex - this.parent.pageSettings.pageSize;
             args.endIndex = this.endIndex;
@@ -13175,6 +13259,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 firsttdinx = +attr; // this.parent.getContent().querySelector('.e-content tr').getAttribute('data-rowindex');
             }
             if (firsttdinx === 0) {
+                scrollArgs.offset.top = content$$1.scrollTop;
                 if (this.parent.allowRowDragAndDrop) {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
@@ -13199,7 +13284,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 lastIndex = nextSetResIndex +
                     (this.totalRecords - nextSetResIndex);
             }
-            this.startIndex = !isLastBlock || isNullOrUndefined(this["" + selectedRowIndex]) ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
+            this.startIndex = !isLastBlock || isNullOrUndefined(this['' + selectedRowIndex]) ? 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)) {
@@ -13213,12 +13298,12 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 this.translateY = this.getTranslateY(scrollArgs.offset.top, content$$1.getBoundingClientRect().height);
             }
             else {
-                if (this.parent.allowRowDragAndDrop) {
-                    this.translateY = scrollArgs.offset.top - rowHeight * 2;
+                if (this.totalRecords === this.endIndex) {
+                    this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
                 }
                 else {
-                    if (this.totalRecords === this.endIndex) {
-                        this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
+                    if (this.parent.allowRowDragAndDrop) {
+                        this.translateY = scrollArgs.offset.top - rowHeight * 2;
                     }
                     else {
                         this.translateY = scrollArgs.offset.top;
@@ -13541,7 +13626,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
         });
         this.visualData = visualData;
         this.parent.grid.notify(dataListener, { data: visualData });
-        var counts = { startIndex: -1, endIndex: -1, count: pageingDetails.count };
+        var counts = { startIndex: -1, endIndex: -1, count: pageingDetails.count, requestType: pageingDetails.actionArgs.requestType };
         this.parent.grid.notify(indexModifier, counts);
         var startIndex = counts.startIndex;
         var endIndex = counts.endIndex;
@@ -13564,7 +13649,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(virtualActionArgs, { setTop: true });
             }
-            if (requestType === 'save' || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
+            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                 startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
                 this.parent['isAddedFromGantt'] = false;