@syncfusion/ej2-treegrid 19.4.42 → 19.4.52

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

@@ -3297,7 +3297,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.sortByColumn = function (columnName, direction, isMultiSort) {
-        this.sortModule.sortColumn(columnName, direction, isMultiSort);
+        if (this.sortModule) {
+            this.sortModule.sortColumn(columnName, direction, isMultiSort);
+        }
     };
     /**
      * Clears all the sorted columns of the TreeGrid.
@@ -3317,7 +3319,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @hidden
      */
     TreeGrid.prototype.removeSortColumn = function (field) {
-        this.sortModule.removeSortColumn(field);
+        if (this.sortModule) {
+            this.sortModule.removeSortColumn(field);
+        }
     };
     /**
      * Searches TreeGrid records using the given key.
@@ -3676,6 +3680,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             this.grid.isReact = true;
             this.grid.portals = [];
         }
+        if (this.isVue) {
+            this.grid.isVue = true;
+        }
         createSpinner({ target: this.element }, this.createElement);
         this.log(['mapping_fields_missing']);
         this.renderModule = new Render(this);
@@ -4171,14 +4178,16 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     _this.grid.query = _this.grid.query instanceof Query ? _this.grid.query : new Query();
                 }
             }
-            var callBackPromise = new Deferred();
-            _this.trigger(actionBegin, args, function (actionArgs) {
-                if (!actionArgs.cancel) {
-                    _this.notify(beginEdit, actionArgs);
-                }
-                callBackPromise.resolve(actionArgs);
-            });
-            return callBackPromise;
+            if (_this.action !== 'indent' && _this.action !== 'outdent') {
+                var callBackPromise_2 = new Deferred();
+                _this.trigger(actionBegin, args, function (actionArgs) {
+                    if (!actionArgs.cancel) {
+                        _this.notify(beginEdit, actionArgs);
+                    }
+                    callBackPromise_2.resolve(actionArgs);
+                });
+                return callBackPromise_2;
+            }
         };
         this.grid.actionComplete = function (args) {
             _this.notify('actioncomplete', args);
@@ -4198,7 +4207,19 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             if (args.requestType === 'save' && _this.aggregates.map(function (ag) { return ag.showChildSummary === true; }).length) {
                 _this.grid.refresh();
             }
-            _this.trigger(actionComplete, args);
+            if (_this.action === 'indent' || _this.action === 'outdent') {
+                var actionArgs = {
+                    requestType: _this.action,
+                    data: _this.selectedRecords,
+                    row: _this.selectedRows
+                };
+                _this.trigger(actionComplete, actionArgs);
+                _this.action = '';
+                _this.selectedRecords = _this.selectedRows = [];
+            }
+            else {
+                _this.trigger(actionComplete, args);
+            }
         };
     };
     TreeGrid.prototype.extendedGridEvents = function () {
@@ -5008,6 +5029,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         rowData.parentUniqueID = record.parentUniqueID;
         rowData.expanded = record.expanded;
         this.grid.setRowData(key, rowData);
+        var table = this.getContentTable();
+        var sHeight = table.scrollHeight;
+        var clientHeight = this.getContent().clientHeight;
+        this.lastRowBorder(this.getRows()[record.index], sHeight <= clientHeight);
     };
     /**
      * Navigates to the specified target page.
@@ -5565,7 +5590,12 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             });
         }
         else if (isNullOrUndefined(record)) {
-            record = this.grid.getCurrentViewRecords()[row.rowIndex];
+            if (this.detailTemplate) {
+                record = this.grid.getCurrentViewRecords()[row.getAttribute('aria-rowindex')];
+            }
+            else {
+                record = this.grid.getCurrentViewRecords()[row.rowIndex];
+            }
         }
         return record;
     };
@@ -5769,7 +5799,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
         this.isExpandAll = true;
         this.isCollapseAll = true;
-        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
+        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)) {
             this.flatData.filter(function (e) {
                 if (e.hasChildRecords) {
                     e.expanded = action === 'collapse' ? false : true;
@@ -5828,7 +5858,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(row)) {
             row.setAttribute('aria-expanded', action === 'expand' ? 'true' : 'false');
         }
-        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)
+        if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)
             && !isCountRequired(this)) {
             this.notify(localPagedExpandCollapse, { action: action, row: row, record: record });
         }
@@ -5891,7 +5921,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 var totalRows = this.getRows();
                 var rows = this.getContentTable().rows;
                 totalRows = [].slice.call(rows);
-                for (var i = totalRows.length - 1; i > 0; i--) {
+                for (var i = totalRows.length - 1; i >= 0; i--) {
                     if (!isHidden(totalRows[i])) {
                         var table = this.getContentTable();
                         var sHeight = table.scrollHeight;
@@ -9156,6 +9186,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
     };
     Toolbar$$1.prototype.toolbarClickHandler = function (args) {
         var tObj = this.parent;
+        var action = 'action';
         if (this.parent.editSettings.mode === 'Cell' && this.parent.grid.editSettings.mode === 'Batch' &&
             args.item.id === this.parent.grid.element.id + '_update') {
             args.cancel = true;
@@ -9180,10 +9211,10 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
             else {
                 dropIndex = tObj.getSelectedRowIndexes()[0] - 1;
             }
-            tObj.reorderRows([tObj.getSelectedRowIndexes()[0]], dropIndex, 'child');
+            this.parent[action] = 'indent';
+            this.eventTrigger('indent', dropIndex);
         }
         if (args.item.id === tObj.grid.element.id + '_outdent' && tObj.getSelectedRecords().length) {
-            var index = tObj.getSelectedRowIndexes()[0];
             var dropIndex = void 0;
             var parentItem = tObj.getSelectedRecords()[0].parentItem;
             for (var i = 0; i < tObj.getCurrentViewRecords().length; i++) {
@@ -9191,9 +9222,33 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
                     dropIndex = i;
                 }
             }
-            tObj.reorderRows([index], dropIndex, 'below');
+            this.parent[action] = 'outdent';
+            this.eventTrigger('outdent', dropIndex);
         }
     };
+    Toolbar$$1.prototype.eventTrigger = function (action, dropIndex) {
+        var _this = this;
+        var selectedRecords = 'selectedRecords';
+        var selectedRows = 'selectedRows';
+        this.parent[selectedRows] = this.parent.getSelectedRows();
+        this.parent[selectedRecords] = this.parent.getSelectedRecords();
+        var actionArgs = {
+            requestType: action,
+            data: this.parent.getSelectedRecords(),
+            row: this.parent.getSelectedRows(),
+            cancel: false
+        };
+        this.parent.trigger(actionBegin, actionArgs, function (actionArgs) {
+            if (!actionArgs.cancel) {
+                if (actionArgs.requestType === 'indent') {
+                    _this.parent.reorderRows([_this.parent.getSelectedRowIndexes()[0]], dropIndex, 'child');
+                }
+                else if (actionArgs.requestType === 'outdent') {
+                    _this.parent.reorderRows([_this.parent.getSelectedRowIndexes()[0]], dropIndex, 'below');
+                }
+            }
+        });
+    };
     /**
      * Gets the toolbar of the TreeGrid.
      *
@@ -12139,7 +12194,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
                 if (pageingDetails.count < this.parent.getRows()[0].getBoundingClientRect().height) {
                     startIndex = 0;
                 }
-                else {
+                else if (!this.parent['isExpandAll']) {
                     startIndex = this.prevstartIndex === -1 ? 0 : this.prevstartIndex;
                 }
             }
@@ -12382,6 +12437,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
         this.parent.grid.on('infinite-edit-handler', this.infiniteEditHandler, this);
         this.parent.grid.on('infinite-crud-cancel', this.createRows, this);
         this.parent.grid.on('content-ready', this.contentready, this);
+        this.parent.on(localPagedExpandCollapse, this.collapseExpandInfinitechilds, this);
     };
     /**
      * @hidden
@@ -12397,6 +12453,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
         this.parent.off(pagingActions, this.infinitePageAction);
         this.parent.grid.off('infinite-crud-cancel', this.createRows);
         this.parent.grid.off('content-ready', this.contentready);
+        this.parent.off(localPagedExpandCollapse, this.collapseExpandInfinitechilds);
     };
     /**
      * Handles the Expand Collapse action for Remote data with infinite scrolling.
@@ -12446,6 +12503,18 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    InfiniteScroll$$1.prototype.collapseExpandInfinitechilds = function (row) {
+        row.record.expanded = row.action === 'collapse' ? false : true;
+        var ret = {
+            result: this.parent.flatData,
+            row: row.row,
+            action: row.action,
+            record: row.record,
+            count: this.parent.flatData.length
+        };
+        var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
+        getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
+    };
     /**
      * Handles the page query for Data operations and CRUD actions.
      *
@@ -12456,9 +12525,13 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
      * @returns {void}
      */
     InfiniteScroll$$1.prototype.infinitePageAction = function (pageingDetails) {
+        var _this = this;
         var dm = new DataManager(pageingDetails.result);
         var expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
-        var visualData = dm.executeLocal(new Query().where(expanded$$1));
+        var infiniteParents = dm.executeLocal(new Query().where(expanded$$1));
+        var visualData = infiniteParents.filter(function (e) {
+            return getExpandStatus(_this.parent, e, infiniteParents);
+        });
         var actionArgs = getValue('actionArgs', pageingDetails.actionArgs);
         var actions = getValue('actions', this.parent.grid.infiniteScrollModule);
         var initial = actions.some(function (value) { return value === actionArgs.requestType; });
@@ -12492,6 +12565,10 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
                     query = query.take(this.parent.infiniteScrollSettings.initialBlocks * this.parent.pageSettings.pageSize);
                 }
                 else {
+                    if ((pageingDetails.actionArgs['action'] === 'expand' || pageingDetails.actionArgs['action'] === 'collapse') && this.parent.grid.pageSettings.currentPage !== 1) {
+                        current = 1;
+                        size = this.parent.pageSettings.pageSize * this.parent.grid.pageSettings.currentPage;
+                    }
                     query = query.page(current, size);
                 }
             }