@syncfusion/ej2-treegrid 23.2.7 → 24.1.44

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 { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
+import { Tooltip, 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;
@@ -534,7 +534,7 @@ class TreeClipboard extends Clipboard {
                         this.treeCopyContent += '\n';
                     }
                     if (!rows[selectedIndexes[parseInt(i.toString(), 10)]].classList.contains('e-summaryrow')) {
-                        const cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell:not(.e-hide)'));
+                        const cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell'));
                         const uniqueid = this.treeGridParent.getSelectedRecords()[parseInt(i.toString(), 10)][`${uniqueID}`];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             if (this.treeGridParent.copyHierarchyMode === 'Parent' || this.treeGridParent.copyHierarchyMode === 'Both') {
@@ -596,7 +596,7 @@ class TreeClipboard extends Clipboard {
                     if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)][`${parentItem}`]) &&
                         currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`] === currentRecords[parseInt(selectedIndex.toString(), 10)][`${parentItem}`][`${uniqueID}`]) {
                         selectedIndex = j;
-                        const cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell:not(.e-hide)'));
+                        const cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell'));
                         const uniqueid = currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             this[`${getCopyData}`](cells, false, '\t', withHeader);
@@ -651,7 +651,7 @@ class TreeClipboard extends Clipboard {
                 for (let j = 0; j < currentRecords.length; j++) {
                     if (!isNullOrUndefined(childData[parseInt(i.toString(), 10)][`${uniqueID}`]) && currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`] === childData[parseInt(i.toString(), 10)][`${uniqueID}`]) {
                         if ((!isNullOrUndefined(rows[parseInt(j.toString(), 10)])) && !rows[parseInt(j.toString(), 10)].classList.contains('e-summaryrow')) {
-                            const cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell:not(.e-hide)'));
+                            const cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell'));
                             const uniqueid = currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`];
                             if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                                 this[`${getCopyData}`](cells, false, '\t', withHeader);
@@ -1232,8 +1232,8 @@ class Selection {
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
                 movableTr = this.parent.getDataRows()[parseInt(recordIndex.toString(), 10)];
             }
-            checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]
-                : movableTr.querySelectorAll('.e-frame')[0];
+            checkbox = tr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0] ? tr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0]
+                : movableTr.querySelectorAll('.e-hierarchycheckbox .e-frame')[0];
             if (!isNullOrUndefined(checkbox)) {
                 removeClass([checkbox], ['e-check', 'e-stop', 'e-uncheck']);
             }
@@ -1566,7 +1566,18 @@ class Render {
                 this.parent[`${lastRowBorder}`](args.row, true);
             }
         }
-        this.parent.trigger(rowDataBound, args);
+        if (this.parent.isReact) {
+            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(rowDataBound, args);
+            });
+        }
+        else {
+            this.parent.trigger(rowDataBound, args);
+        }
     }
     /**
      * cell renderer for tree column index cell
@@ -1727,7 +1738,10 @@ class Render {
                 }
             }
         }
-        if (isNullOrUndefined(this.parent.rowTemplate)) {
+        this.parent['args'] = args;
+        if ((isNullOrUndefined(this.parent.rowTemplate) && !(this.parent.isReact))
+            || ((this.parent.isReact) &&
+                !args.column['template'])) {
             this.parent.trigger(queryCellInfo, args);
         }
     }
@@ -1764,7 +1778,12 @@ class Render {
                         this.parent.grid[`${portals}`] = this.parent[`${portals}`];
                     }
                     this.parent.notify('renderReactTemplate', this.parent[`${portals}`]);
-                    this.parent[`${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);
+                    });
                 }
                 else {
                     const str = 'isStringTemplate';
@@ -1817,12 +1836,13 @@ class Render {
     columnTemplateResult(args) {
         this.templateResult = args.template;
     }
-    reactTemplateRender(args) {
+    // eslint-disable-next-line
+    reactTemplateRender(args, callBack) {
         const renderReactTemplates = 'renderReactTemplates';
         const portals = 'portals';
         this.parent[`${portals}`] = args;
         this.parent.notify('renderReactTemplate', this.parent[`${portals}`]);
-        this.parent[`${renderReactTemplates}`]();
+        this.parent[`${renderReactTemplates}`](callBack);
     }
     destroy() {
         this.parent.grid.off('template-result', this.columnTemplateResult);
@@ -3815,6 +3835,7 @@ 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,
@@ -5285,6 +5306,20 @@ 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
      *
@@ -6762,12 +6797,12 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     treeColumnRowTemplate() {
         let rows = this.getContentTable().rows;
         rows = [].slice.call(rows);
-        let rowsObject = this.grid.getRowsObject();
+        const rowsObject = this.grid.getRowsObject();
         for (let i = 0; i < rows.length; i++) {
             const rcell = this.grid.getContentTable().rows[parseInt(i.toString(), 10)]
                 .cells[this.treeColumnIndex];
             const row = rows[parseInt(i.toString(), 10)];
-            const rowData = rowsObject.length != 0 ? rowsObject[parseInt(i.toString(), 10)].data : new Object();
+            const rowData = rowsObject.length !== 0 ? rowsObject[parseInt(i.toString(), 10)].data : new Object();
             const arg = { data: rowData, row: row, cell: rcell, column: this.getColumns()[this.treeColumnIndex] };
             this.renderModule.cellRender(arg);
         }
@@ -9625,7 +9660,7 @@ class ExcelExport$1 {
         if (!this.isLocal()) {
             this.parent.flatData = [];
         }
-        if (property && property.dataSource) {
+        if (property && property.dataSource && this.isLocal()) {
             const flatsData = this.parent.flatData;
             const dataSrc = property.dataSource instanceof DataManager ? property.dataSource.dataSource.json : property.dataSource;
             this.parent.dataModule.convertToFlatData(dataSrc);
@@ -9634,6 +9669,7 @@ class ExcelExport$1 {
         }
         property = isNullOrUndefined(property) ? Object() : property;
         property.dataSource = new DataManager({ json: dtSrc });
+        property.query = args['query'];
         return property;
     }
     /**
@@ -9817,7 +9853,7 @@ class PdfExport$1 {
         if (!isLocal) {
             this.parent.flatData = [];
         }
-        if (prop && prop.dataSource) {
+        if (prop && prop.dataSource && isLocal) {
             const flatDatas = this.parent.flatData;
             const dataSrc = prop.dataSource instanceof DataManager ? prop.dataSource.dataSource.json : prop.dataSource;
             this.parent.dataModule.convertToFlatData(dataSrc);
@@ -9826,6 +9862,7 @@ class PdfExport$1 {
         }
         prop = isNullOrUndefined(prop) ? {} : prop;
         prop.dataSource = new DataManager({ json: dtSrc });
+        prop.query = args['query'];
         return prop;
     }
     /**
@@ -10394,7 +10431,12 @@ class Aggregate$1 {
         if (this.parent.isReact) {
             const renderReactTemplates = 'renderReactTemplates';
             tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property, '', null, null, cellElement);
-            this.parent[`${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, thisRef.parent['args']);
+            });
         }
         else {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));
@@ -13279,7 +13321,8 @@ 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'])) {
+            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;
                 this.parent['isAddedFromGantt'] = false;