@syncfusion/ej2-treegrid 24.2.8 → 25.1.35

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

@@ -2,7 +2,7 @@ import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHan
 import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getNumberFormat, getObject, getTransformValues, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, templateCompiler } from '@syncfusion/ej2-grids';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, Predicate, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
-import { Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
+import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1739,11 +1739,21 @@ class Render {
             }
         }
         this.parent['args'] = args;
-        if ((isNullOrUndefined(this.parent.rowTemplate) && !(this.parent.isReact))
-            || ((this.parent.isReact) &&
-                !args.column['template'])) {
+        const columnModel = getValue('columnModel', this.parent);
+        const treeColumn = columnModel[this.parent.treeColumnIndex];
+        if ((isNullOrUndefined(this.parent.rowTemplate) && !(this.parent.isReact))) {
             this.parent.trigger(queryCellInfo, args);
         }
+        else if (((this.parent.isReact) &&
+            treeColumn.field !== args.column.field)) {
+            const renderReactTemplates = 'renderReactTemplates';
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            const thisRef = this;
+            // tslint:disable-next-line:typedef
+            thisRef.parent[`${renderReactTemplates}`](function () {
+                thisRef.parent.trigger(queryCellInfo, args);
+            });
+        }
     }
     updateTreeCell(args, cellElement) {
         const columnModel = getValue('columnModel', this.parent);
@@ -3424,7 +3434,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 return false;
             }
         };
-        TreeGrid_1.Inject(Selection);
+        TreeGrid_1.Inject(Selection, Logger$1);
         setValue('mergePersistData', this.mergePersistTreeGridData, this);
         const logger = 'Logger';
         if (!isNullOrUndefined(this.injectedModules[`${logger}`])) {
@@ -3831,7 +3841,6 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     wireEvents() {
         EventHandler.add(this.grid.element, 'click', this.mouseClickHandler, this);
         EventHandler.add(this.element, 'touchend', this.mouseClickHandler, this);
-        EventHandler.add(this.element, 'mousemove', this.mouseMoveHandler, this);
         this.keyboardModule = new KeyboardEvents(this.element, {
             keyAction: this.treeGridkeyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -3855,78 +3864,94 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             return modules;
         }
         modules.push({
-            member: 'filter', args: [this, this.filterSettings]
+            member: 'filter', args: [this, this.filterSettings],
+            name: 'Filter'
         });
         if (!isNullOrUndefined(this.toolbar)) {
             modules.push({
                 member: 'toolbar',
-                args: [this]
+                args: [this],
+                name: 'Toolbar'
             });
         }
         if (this.contextMenuItems) {
             modules.push({
                 member: 'contextMenu',
-                args: [this]
+                args: [this],
+                name: 'ContextMenu'
             });
         }
         if (this.allowPaging) {
             modules.push({
                 member: 'pager',
-                args: [this, this.pageSettings]
+                args: [this, this.pageSettings],
+                name: 'Page'
             });
         }
         if (this.allowReordering) {
             modules.push({
                 member: 'reorder',
-                args: [this]
+                args: [this],
+                name: 'Reorder'
             });
         }
         if (this.allowSorting) {
             modules.push({
                 member: 'sort',
-                args: [this]
+                args: [this],
+                name: 'Sort'
             });
         }
         if (this.aggregates.length > 0) {
             modules.push({
-                member: 'summary', args: [this]
+                member: 'summary', args: [this],
+                name: 'Aggregate'
+            });
+        }
+        if (this.allowResizing) {
+            modules.push({
+                member: 'resize', args: [this],
+                name: 'Resize'
             });
         }
-        modules.push({
-            member: 'resize', args: [this]
-        });
         if (this.allowExcelExport) {
             modules.push({
-                member: 'ExcelExport', args: [this]
+                member: 'ExcelExport', args: [this],
+                name: 'ExcelExport'
             });
         }
         const freezePresent = this.injectedModules.filter((e) => {
             return e.prototype.getModuleName() === 'freeze';
         });
-        if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
-            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || freezePresent.length) {
+        if ((this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
+            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) && freezePresent.length > 0) {
             modules.push({
-                member: 'freeze', args: [this]
+                member: 'freeze', args: [this],
+                name: 'Freeze'
             });
         }
         if (this.detailTemplate) {
             modules.push({
-                member: 'detailRow', args: [this]
+                member: 'detailRow', args: [this],
+                name: 'DetailRow'
             });
         }
         if (this.allowPdfExport) {
             modules.push({
-                member: 'PdfExport', args: [this]
+                member: 'PdfExport', args: [this],
+                name: 'PdfExport'
             });
         }
         if (this.showColumnMenu) {
             modules.push({
-                member: 'columnMenu', args: [this]
+                member: 'columnMenu', args: [this],
+                name: 'ColumnMenu'
             });
         }
         if (this.showColumnChooser) {
             modules.push({
-                member: 'ColumnChooser', args: [this]
+                member: 'ColumnChooser', args: [this],
+                name: 'ColumnChooser'
             });
         }
         this.extendRequiredModules(modules);
@@ -3943,37 +3968,43 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
             modules.push({
                 member: 'rowDragAndDrop',
-                args: [this]
+                args: [this],
+                name: 'RowDD'
             });
         }
         if (this.editSettings.allowAdding || this.editSettings.allowDeleting || this.editSettings.allowEditing) {
             modules.push({
                 member: 'edit',
-                args: [this]
+                args: [this],
+                name: 'Edit'
             });
         }
         if (this.isCommandColumn(this.columns)) {
             modules.push({
                 member: 'commandColumn',
-                args: [this]
+                args: [this],
+                name: 'CommandColumn'
             });
         }
         if (this.allowSelection) {
             modules.push({
                 member: 'selection',
-                args: [this]
+                args: [this],
+                name: 'Selection'
             });
         }
         if (this.enableVirtualization) {
             modules.push({
                 member: 'virtualScroll',
-                args: [this]
+                args: [this],
+                name: 'VirtualScroll'
             });
         }
         if (this.enableInfiniteScrolling) {
             modules.push({
                 member: 'infiniteScroll',
-                args: [this]
+                args: [this],
+                name: 'InfiniteScroll'
             });
         }
         modules.push({
@@ -3999,6 +4030,16 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         if (this.grid && this.grid.element) {
             EventHandler.remove(this.grid.element, 'click', this.mouseClickHandler);
         }
+        if (this.element) {
+            EventHandler.remove(this.element, 'touchend', this.mouseClickHandler);
+            if (this.keyboardModule) {
+                this.keyboardModule.destroy();
+                this.keyboardModule = null;
+            }
+            if (this.allowKeyboard) {
+                this.element.removeAttribute('tabIndex');
+            }
+        }
     }
     /**
      * Logs tree grid error message on console
@@ -5287,6 +5328,11 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             target.classList.contains('e-treegridcollapse')) && (!this.isEditCollapse && !this.grid.isEdit)) {
             this.expandCollapseRequest(target);
         }
+        const isEllipsisTooltip = 'isEllipsisTooltip';
+        if ((target.classList.contains('e-treegridexpand') || target.classList.contains('e-treegridcollapse')) &&
+            (this.grid[`${isEllipsisTooltip}`]())) {
+            this.grid['toolTipObj'].close();
+        }
         this.isEditCollapse = false;
         this.notify('checkboxSelection', { target: target });
         if (this.grid.isCheckBoxSelection && !this.grid.isPersistSelection) {
@@ -5302,20 +5348,6 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             }
         }
     }
-    mouseMoveHandler(e) {
-        let showTooltip = false;
-        const cols = this.getColumns();
-        if (this.clipMode === 'EllipsisWithTooltip') {
-            showTooltip = true;
-        }
-        const element = parentsUntil(e.target, 'e-ellipsistooltip');
-        if ((showTooltip || (this.treeColumnIndex !== -1 && cols[this.treeColumnIndex].clipMode === 'EllipsisWithTooltip')) && element !== null && parseInt(element.getAttribute('data-colindex'), 10) === this.treeColumnIndex && element.children[0].scrollWidth > element.children[0].clientWidth) {
-            const tooltip = new Tooltip({
-                content: element.textContent
-            });
-            tooltip.appendTo(element);
-        }
-    }
     /**
      * Returns TreeGrid rows
      *
@@ -6403,11 +6435,16 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.expandCollapseAll('collapse');
     }
     expandCollapseAll(action) {
-        const rows = this.getRows().filter((e) => {
-            return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
-        });
-        if (!rows.length && this.getRows().length) {
-            rows.push(this.getRows()[0]);
+        let rows;
+        if (this.rowTemplate) {
+            rows = [].slice.call(this.grid.getContentTable().querySelectorAll('tr')).filter((e) => {
+                return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
+            });
+        }
+        else {
+            rows = this.getRows().filter((e) => {
+                return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
+            });
         }
         this.isExpandAll = true;
         this.isCollapseAll = true;
@@ -7470,7 +7507,7 @@ __decorate([
     Property(false)
 ], TreeGrid.prototype, "enableColumnVirtualization", void 0);
 __decorate([
-    Property(false)
+    Property(true)
 ], TreeGrid.prototype, "enableHtmlSanitizer", void 0);
 __decorate([
     Property(false)
@@ -9255,8 +9292,10 @@ class TreeVirtualRowModelGenerator extends VirtualRowModelGenerator {
                 notifyArgs.requestType = 'refresh';
             }
             const rows = super.generateRows(data, notifyArgs);
-            for (let r = 0; r < rows.length; r++) {
-                rows[parseInt(r.toString(), 10)].index = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+            if (!isNullOrUndefined((this.visualData))) {
+                for (let r = 0; r < rows.length; r++) {
+                    rows[parseInt(r.toString(), 10)].index = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+                }
             }
             return rows;
         }
@@ -10432,12 +10471,7 @@ class Aggregate$1 {
         if (this.parent.isReact) {
             const renderReactTemplates = 'renderReactTemplates';
             tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property, '', null, null, cellElement);
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            const thisRef = this;
-            // tslint:disable-next-line:typedef
-            thisRef.parent[`${renderReactTemplates}`](function () {
-                thisRef.parent.trigger(queryCellInfo, thisRef.parent['args']);
-            });
+            this.parent[`${renderReactTemplates}`]();
         }
         else {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));
@@ -13332,10 +13366,16 @@ class VirtualScroll$1 {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(virtualActionArgs, { setTop: true });
             }
-            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt']
-                && this.parent.grid.pageSettings.currentPage === this.parent.grid.contentModule['maxPage'])) {
-                startIndex = counts.startIndex + (counts.count - counts.endIndex);
-                endIndex = counts.count;
+            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
+                const modifiedStartIndex = counts.startIndex + (counts.count - counts.endIndex);
+                if (counts.startIndex <= modifiedStartIndex && counts.endIndex <= modifiedStartIndex) {
+                    startIndex = counts.startIndex;
+                    endIndex = counts.endIndex;
+                }
+                else {
+                    startIndex = modifiedStartIndex;
+                    endIndex = counts.count;
+                }
                 this.parent['isAddedFromGantt'] = false;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&