@syncfusion/ej2-treegrid 24.2.8 → 25.1.35

package/dist/es6/ej2-treegrid.es5.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 __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -1896,11 +1896,21 @@ var Render = /** @__PURE__ @class */ (function () {
             }
         }
         this.parent['args'] = args;
-        if ((isNullOrUndefined(this.parent.rowTemplate) && !(this.parent.isReact))
-            || ((this.parent.isReact) &&
-                !args.column['template'])) {
+        var columnModel = getValue('columnModel', this.parent);
+        var 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)) {
+            var renderReactTemplates = 'renderReactTemplates';
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            var thisRef_2 = this;
+            // tslint:disable-next-line:typedef
+            thisRef_2.parent["" + renderReactTemplates](function () {
+                thisRef_2.parent.trigger(queryCellInfo, args);
+            });
+        }
     };
     Render.prototype.updateTreeCell = function (args, cellElement) {
         var columnModel = getValue('columnModel', this.parent);
@@ -1936,10 +1946,10 @@ var Render = /** @__PURE__ @class */ (function () {
                     }
                     this.parent.notify('renderReactTemplate', this.parent["" + portals]);
                     // eslint-disable-next-line @typescript-eslint/no-this-alias
-                    var thisRef_2 = this;
+                    var thisRef_3 = this;
                     // tslint:disable-next-line:typedef
-                    thisRef_2.parent["" + renderReactTemplates](function () {
-                        thisRef_2.parent.trigger(queryCellInfo, args);
+                    thisRef_3.parent["" + renderReactTemplates](function () {
+                        thisRef_3.parent.trigger(queryCellInfo, args);
                     });
                 }
                 else {
@@ -3711,7 +3721,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 return false;
             }
         };
-        TreeGrid_1.Inject(Selection);
+        TreeGrid_1.Inject(Selection, Logger$1);
         setValue('mergePersistData', _this.mergePersistTreeGridData, _this);
         var logger = 'Logger';
         if (!isNullOrUndefined(_this.injectedModules["" + logger])) {
@@ -4120,7 +4130,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.wireEvents = function () {
         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,
@@ -4144,78 +4153,94 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             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'
             });
         }
         var freezePresent = this.injectedModules.filter(function (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);
@@ -4232,37 +4257,43 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
             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({
@@ -4289,6 +4320,16 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         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
@@ -5591,6 +5632,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             target.classList.contains('e-treegridcollapse')) && (!this.isEditCollapse && !this.grid.isEdit)) {
             this.expandCollapseRequest(target);
         }
+        var 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) {
@@ -5606,20 +5652,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    TreeGrid.prototype.mouseMoveHandler = function (e) {
-        var showTooltip = false;
-        var cols = this.getColumns();
-        if (this.clipMode === 'EllipsisWithTooltip') {
-            showTooltip = true;
-        }
-        var 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) {
-            var tooltip = new Tooltip({
-                content: element.textContent
-            });
-            tooltip.appendTo(element);
-        }
-    };
     /**
      * Returns TreeGrid rows
      *
@@ -6718,11 +6750,16 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.expandCollapseAll('collapse');
     };
     TreeGrid.prototype.expandCollapseAll = function (action) {
-        var rows = this.getRows().filter(function (e) {
-            return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
-        });
-        if (!rows.length && this.getRows().length) {
-            rows.push(this.getRows()[0]);
+        var rows;
+        if (this.rowTemplate) {
+            rows = [].slice.call(this.grid.getContentTable().querySelectorAll('tr')).filter(function (e) {
+                return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
+            });
+        }
+        else {
+            rows = this.getRows().filter(function (e) {
+                return e.querySelector('.e-treegrid' + (action === 'expand' ? 'collapse' : 'expand'));
+            });
         }
         this.isExpandAll = true;
         this.isCollapseAll = true;
@@ -7803,7 +7840,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         Property(false)
     ], TreeGrid.prototype, "enableColumnVirtualization", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], TreeGrid.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Property(false)
@@ -9632,8 +9669,10 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
                 notifyArgs.requestType = 'refresh';
             }
             var rows = _super.prototype.generateRows.call(this, data, notifyArgs);
-            for (var 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 (var r = 0; r < rows.length; r++) {
+                    rows[parseInt(r.toString(), 10)].index = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+                }
             }
             return rows;
         }
@@ -10827,12 +10866,7 @@ var Aggregate$1 = /** @__PURE__ @class */ (function () {
         if (this.parent.isReact) {
             var renderReactTemplates = 'renderReactTemplates';
             tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property, '', null, null, cellElement);
-            // eslint-disable-next-line @typescript-eslint/no-this-alias
-            var thisRef_1 = this;
-            // tslint:disable-next-line:typedef
-            thisRef_1.parent["" + renderReactTemplates](function () {
-                thisRef_1.parent.trigger(queryCellInfo, thisRef_1.parent['args']);
-            });
+            this.parent["" + renderReactTemplates]();
         }
         else {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));
@@ -13780,10 +13814,16 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
                 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'])) {
+                var 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) &&