@syncfusion/ej2-treegrid 31.2.2 → 31.2.10

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

@@ -4507,6 +4507,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid[`${enableHtmlSanitizer}`] = this.enableHtmlSanitizer;
         this.grid.enableStickyHeader = this.enableStickyHeader;
         this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
+        this.grid.isRowSelectable = this.isRowSelectable;
         const isTreeGrid = 'isTreeGrid';
         this.grid[`${isTreeGrid}`] = true;
     }
@@ -4888,7 +4889,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         }
         else {
             this.grid.dataSource = !(this.dataSource instanceof DataManager) ?
-                this.flatData : new DataManager(this.dataSource.dataSource, this.dataSource.defaultQuery, this.dataSource.adaptor);
+                this.flatData : new DataManager(this.dataSource.dataSource, this.dataSource.defaultQuery, 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);
@@ -5517,6 +5518,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 case 'emptyRecordTemplate':
                     this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
                     break;
+                case 'isRowSelectable':
+                    this.grid.isRowSelectable = this.isRowSelectable;
+                    break;
                 case 'editSettings':
                     if (this.grid.isEdit && this.grid.editSettings.mode === 'Normal' && newProp[`${prop}`].mode &&
                         (newProp[`${prop}`].mode === 'Cell' || newProp[`${prop}`].mode === 'Row')) {
@@ -6284,6 +6288,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.setProperties({ searchSettings: getObject('properties', this.grid.searchSettings) }, true);
         this.setProperties({ sortSettings: getObject('properties', this.grid.sortSettings) }, true);
     }
+    hasPreAndPostMiddleware(obj) {
+        return (obj && typeof obj.applyPreRequestMiddlewares === 'function' && typeof obj.applyPostRequestMiddlewares === 'function');
+    }
     /**
      * Retrieves the content table element of the TreeGrid.
      *
@@ -6441,7 +6448,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
             else {
                 this.grid.setProperties({
-                    dataSource: new DataManager(this.dataSource.dataSource, this.dataSource.defaultQuery, this.dataSource.adaptor)
+                    dataSource: new DataManager(this.dataSource.dataSource, this.dataSource.defaultQuery, this.dataSource.adaptor, this.hasPreAndPostMiddleware(this.dataSource) ? this.dataSource : undefined)
                 }, true);
             }
         }
@@ -7545,6 +7552,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     addListener() {
         this.on('updateResults', this.updateResultModel, this);
         this.grid.on('initial-end', this.afterGridRender, this);
+        this.grid.on('partial-filter-update', this.partialFilterUpdate, this);
     }
     updateResultModel(returnResult) {
         this.dataResults = returnResult;
@@ -7560,6 +7568,11 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.off('updateResults', this.updateResultModel);
         this.grid.off('initial-end', this.afterGridRender);
         this.grid.off('last-rowcell-border-updated', this.lastRowCellBorderUpdated);
+        this.grid.off('partial-filter-update', this.partialFilterUpdate);
+    }
+    partialFilterUpdate(args) {
+        const gridFiltered = args.gridFiltered;
+        this.notify('updateFilterRecs', { data: gridFiltered });
     }
     /**
      * Filters the TreeGrid rows based on a specified column and filter criteria.
@@ -8182,6 +8195,9 @@ __decorate$c([
 __decorate$c([
     Property(-1)
 ], TreeGrid.prototype, "selectedRowIndex", void 0);
+__decorate$c([
+    Property(null)
+], TreeGrid.prototype, "isRowSelectable", void 0);
 __decorate$c([
     Complex({}, SelectionSettings)
 ], TreeGrid.prototype, "selectionSettings", void 0);
@@ -9829,7 +9845,7 @@ class RowDD {
                 this.isaddtoBottom = multiplegrid && this.isDraggedWithChild;
             }
             const dragLength = dragRecords.length;
-            if (!isNullOrUndefined(this.parent.idMapping)) {
+            if (!isNullOrUndefined(this.parent.idMapping) || (this.dropPosition === 'bottomSegment' && dragRecords.length > 1 && isNullOrUndefined(this.parent.idMapping))) {
                 dragRecords.reverse();
             }
             for (let i = 0; i < dragLength; i++) {
@@ -14193,6 +14209,21 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         }
         return cells;
     }
+    /**
+     * returns the index of a row in virtualization case
+     *
+     * @param {number} index - The index of the row.
+     * @returns {number} virtual index of that row.
+     */
+    getVirtualRowIndex(index) {
+        if (isNullOrUndefined(this.prevInfo)) {
+            return index;
+        }
+        else {
+            const startIdx = (this.parent.getRowsObject()[0]).index;
+            return startIdx + index;
+        }
+    }
     /**
      * Generates a cell object with provided column and row configurations.
      *
@@ -15141,10 +15172,12 @@ class VirtualScroll {
      */
     updateSelection(args) {
         if (args.isHeaderCheckboxClicked &&
-            this.parent.grid.currentViewData.length !== this.parent.grid.selectionModule.selectedRowIndexes.length) {
+            this.parent.grid.currentViewData.length !== this.parent.grid.selectionModule.selectedRowIndexes.length &&
+            args.target.classList.contains('e-uncheck')) {
             const updateRowSelection = 'updateRowSelection';
             for (let i = 0; i < this.parent.getRows().length; i++) {
-                if (this.parent.getRows()[parseInt(i.toString(), 10)].getElementsByClassName('e-frame e-icons e-uncheck').length) {
+                if (this.parent.getRows()[parseInt(i.toString(), 10)].getElementsByClassName('e-frame e-icons e-uncheck').length &&
+                    !this.parent.getRows()[parseInt(i.toString(), 10)].querySelector('.e-checkbox-disabled')) {
                     this.parent.grid.selectionModule[`${updateRowSelection}`](this.parent.getRows()[parseInt(i.toString(), 10)], 
                     // eslint-disable-next-line max-len
                     this.parent.getCurrentViewRecords()[parseInt(i.toString(), 10)].index);