@syncfusion/ej2-treegrid 26.1.35 → 26.1.40

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

@@ -1,5 +1,5 @@
 import { merge, Property, ChildProperty, Collection, isNullOrUndefined, Browser, removeClass, addClass, getValue, createElement, setValue, extend as extend$1, Internationalization, getEnumValue, compile, Component, L10n, EventHandler, KeyboardEvents, SanitizeHtmlHelper, Complex, Event, NotifyPropertyChanges, closest, classList, setStyleAttribute, select, debounce, remove } from '@syncfusion/ej2-base';
-import { Logger as Logger$1, Grid, detailLists, Clipboard, getObject, parentsUntil, Print as Print$1, templateCompiler, appendChildren, extend, CellRenderer, getUid, CellType, Freeze as Freeze$1, getNumberFormat, getActualProperties, iterateArrayOrObject, RowDropSettings as RowDropSettings$1, Reorder as Reorder$1, Resize as Resize$1, RowDD as RowDD$1, Scroll, VirtualRowModelGenerator, Filter as Filter$1, ExcelExport as ExcelExport$1, PdfExport as PdfExport$1, Page as Page$1, Toolbar as Toolbar$1, Aggregate as Aggregate$1, calculateAggregate, Sort as Sort$1, ColumnMenu as ColumnMenu$1, ContextMenu as ContextMenu$1, Edit as Edit$1, resetRowIndex, CommandColumn as CommandColumn$1, DetailRow as DetailRow$1, VirtualContentRenderer, Cell, InterSectionObserver, getTransformValues, VirtualScroll as VirtualScroll$1, RenderType, VirtualHeaderRenderer, ColumnChooser as ColumnChooser$1, InfiniteScroll as InfiniteScroll$1, RowRenderer } from '@syncfusion/ej2-grids';
+import { Logger as Logger$1, Grid, detailLists, Clipboard, getObject, parentsUntil, Print as Print$1, templateCompiler, appendChildren, extend, CellRenderer, getUid, CellType, Freeze as Freeze$1, getNumberFormat, getActualProperties, iterateArrayOrObject, RowDropSettings as RowDropSettings$1, Reorder as Reorder$1, Resize as Resize$1, RowDD as RowDD$1, Scroll, VirtualRowModelGenerator, Filter as Filter$1, ExcelExport as ExcelExport$1, Data, ExportHelper, PdfExport as PdfExport$1, Page as Page$1, Toolbar as Toolbar$1, Aggregate as Aggregate$1, calculateAggregate, Sort as Sort$1, ColumnMenu as ColumnMenu$1, ContextMenu as ContextMenu$1, Edit as Edit$1, resetRowIndex, CommandColumn as CommandColumn$1, DetailRow as DetailRow$1, VirtualContentRenderer, Cell, InterSectionObserver, getTransformValues, VirtualScroll as VirtualScroll$1, RenderType, VirtualHeaderRenderer, ColumnChooser as ColumnChooser$1, InfiniteScroll as InfiniteScroll$1, RowRenderer } from '@syncfusion/ej2-grids';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { DataManager, ODataAdaptor, WebApiAdaptor, WebMethodAdaptor, CacheAdaptor, UrlAdaptor, Query, DataUtil, RemoteSaveAdaptor, Deferred, JsonAdaptor, Predicate as Predicate$1 } from '@syncfusion/ej2-data';
 import { showSpinner, hideSpinner, createSpinner } from '@syncfusion/ej2-popups';
@@ -2206,16 +2206,20 @@ class DataManipulation {
         const clonequries = qry.queries.filter((e) => e.fn !== 'onPage' && e.fn !== 'onWhere');
         qry.queries = clonequries;
         qry.isCountRequired = true;
+        let idMappingValue = parseInt(rowDetails.record[this.parent.idMapping], 10);
+        if (isNaN(idMappingValue)) {
+            idMappingValue = rowDetails.record[this.parent.idMapping].toString();
+        }
         if (this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
             qry.take(this.parent.pageSettings.pageSize);
             const expandDetail = [];
-            expandDetail.push('ExpandingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
+            expandDetail.push('ExpandingAction', idMappingValue.toString());
             qry.expand(expandDetail);
         }
         else if (this.parent.enableVirtualization && rowDetails.action === 'collapse') {
             qry.take(this.parent.grid.pageSettings.pageSize);
             const expandDetail = [];
-            expandDetail.push('CollapsingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
+            expandDetail.push('CollapsingAction', idMappingValue.toString());
             qry.expand(expandDetail);
         }
         qry.where(this.parent.parentIdMapping, 'equal', rowDetails.record[this.parent.idMapping]);
@@ -3907,7 +3911,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     requiredModules() {
         const modules = [];
         const splitFrozenCount = 'splitFrozenCount';
-        this.grid[`${splitFrozenCount}`](this.getColumns());
+        if (!this.isReact && isNullOrUndefined(this['changedProperties'].columns)) {
+            this.grid[`${splitFrozenCount}`](this.getColumns());
+        }
         if (this.isDestroyed) {
             return modules;
         }
@@ -5137,6 +5143,11 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     onPropertyChanged(newProp) {
         const properties = Object.keys(newProp);
         let requireRefresh = false;
+        if (properties.indexOf('columns') > -1 && !isNullOrUndefined(newProp.columns)) {
+            this.grid.columns = this.getGridColumns(newProp.columns);
+            this.grid['updateColumnObject']();
+            requireRefresh = true;
+        }
         for (const prop of properties) {
             switch (prop) {
                 case 'treeColumnIndex':
@@ -6250,6 +6261,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     expandRow(row, record, key, level) {
+        this.isCollapseAll = false;
         if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key) && isNullOrUndefined(level)) {
             const error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
             this.trigger(actionFailure, { error: error });
@@ -6370,6 +6382,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     collapseRow(row, record, key) {
+        this.isExpandAll = false;
         if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key)) {
             const error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
             this.trigger(actionFailure, { error: error });
@@ -6638,6 +6651,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
             });
         }
+        if (!rows.length && this.getRows().length) {
+            rows.push(this.getRows()[0]);
+        }
         this.isExpandAll = true;
         this.isCollapseAll = true;
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization || this.enableInfiniteScrolling) && !isRemoteData(this)) {
@@ -9831,14 +9847,19 @@ class ExcelExport {
     /* eslint-disable-next-line */
     isMultipleExport, workbook, isBlob, isCsv) {
         const dataSource = this.parent.dataSource;
+        const data = new Data(this.parent.grid);
         const property = Object();
         setValue('isCsv', isCsv, property);
         setValue('cancel', false, property);
         if (!isNullOrUndefined(excelExportProperties)) {
             this.isCollapsedStatePersist = excelExportProperties.isCollapsedStatePersist;
         }
-        if (!isNullOrUndefined(excelExportProperties) && !isNullOrUndefined(excelExportProperties.dataSource)) {
-            if (!excelExportProperties.dataSource['dataSource']) {
+        if (!isNullOrUndefined(excelExportProperties)) {
+            if (!isNullOrUndefined(excelExportProperties.dataSource) && !excelExportProperties.dataSource['dataSource']) {
+                return this.parent.grid.excelExportModule.Map(this.parent.grid, excelExportProperties, isMultipleExport, workbook, isCsv, isBlob);
+            }
+            if (excelExportProperties.exportType === 'CurrentPage') {
+                excelExportProperties.dataSource = this.parent.getCurrentViewRecords();
                 return this.parent.grid.excelExportModule.Map(this.parent.grid, excelExportProperties, isMultipleExport, workbook, isCsv, isBlob);
             }
         }
@@ -9849,6 +9870,11 @@ class ExcelExport {
             if (!this.isLocal()) {
                 query = this.generateQuery(query);
                 query.queries = this.parent.grid.getDataModule().generateQuery().queries;
+                query = ExportHelper.getQuery(this.parent.grid, data);
+                if (isNullOrUndefined(this.parent.filterModule)) {
+                    query.queries = query.queries.slice(1, 2);
+                    query.params = query.params.slice(0, 0);
+                }
                 setValue('query', query, property);
             }
             this.parent.trigger(beforeExcelExport, extend$1(property, excelExportProperties));
@@ -13012,6 +13038,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
     rowSelectedEvent(args) {
         const rowSelected = 'rowSelected';
         super[`${rowSelected}`](args);
+        this.parent.notify('virtualTransform', { requestType: 'transformChange' });
     }
     toSelectVirtualRow(args) {
         if (this.parent.isEdit) {
@@ -13180,7 +13207,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         const outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
         const content = this.parent.getContent().querySelector('.e-content');
         const scrollHeight = outBuffer * rowHeight;
-        const upScroll = (scrollArgs.offset.top - this.translateY) < 0;
+        const upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
         const downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
         const selectedRowIndex = 'selectedRowIndex';
         const currentViewData = this.parent.currentViewData;
@@ -13192,7 +13219,8 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                 + Math.ceil(vHeight / rowHeight))
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
-            if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 && index !== this[`${selectedRowIndex}`]) {
+            if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 && index !== this[`${selectedRowIndex}`] &&
+                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
                 index = this[`${selectedRowIndex}`];
             }
             this.startIndex = index;
@@ -13618,6 +13646,11 @@ class VirtualScroll {
                 }
             }
             //}
+            if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll') {
+                startIndex = 0;
+                endIndex = this.parent.grid.pageSettings.pageSize - 1;
+                this.parent.grid.notify(virtualActionArgs, { setTop: true });
+            }
             if ((this.parent.enableCollapseAll || this.parent.expandStateMapping) && !isNullOrUndefined(this.expandCollapseRec)) {
                 if (pageingDetails.count < this.parent.getRows()[0].getBoundingClientRect().height) {
                     startIndex = 0;
@@ -13636,6 +13669,7 @@ class VirtualScroll {
             }
             this.prevstartIndex = startIndex;
             this.prevendIndex = endIndex;
+            this.prevrequestType = pageingDetails.actionArgs.requestType;
         }
         this.parent.notify('updateAction', pageingDetails);
     }