@syncfusion/ej2-treegrid 23.2.7 → 24.1.44

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 { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
+import { Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 
 var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -649,7 +649,7 @@ var TreeClipboard = /** @__PURE__ @class */ (function (_super) {
                         this.treeCopyContent += '\n';
                     }
                     if (!rows[selectedIndexes[parseInt(i.toString(), 10)]].classList.contains('e-summaryrow')) {
-                        var cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell:not(.e-hide)'));
+                        var cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell'));
                         var uniqueid = this.treeGridParent.getSelectedRecords()[parseInt(i.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             if (this.treeGridParent.copyHierarchyMode === 'Parent' || this.treeGridParent.copyHierarchyMode === 'Both') {
@@ -711,7 +711,7 @@ var TreeClipboard = /** @__PURE__ @class */ (function (_super) {
                     if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]) &&
                         currentRecords[parseInt(j.toString(), 10)]["" + uniqueID] === currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]["" + uniqueID]) {
                         selectedIndex = j;
-                        var cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell:not(.e-hide)'));
+                        var cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell'));
                         var uniqueid = currentRecords[parseInt(j.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             this["" + getCopyData](cells, false, '\t', withHeader);
@@ -766,7 +766,7 @@ var TreeClipboard = /** @__PURE__ @class */ (function (_super) {
                 for (var 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')) {
-                            var cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell:not(.e-hide)'));
+                            var cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell'));
                             var uniqueid = currentRecords[parseInt(j.toString(), 10)]["" + uniqueID];
                             if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                                 this["" + getCopyData](cells, false, '\t', withHeader);
@@ -1350,8 +1350,8 @@ var Selection = /** @__PURE__ @class */ (function () {
             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']);
             }
@@ -1723,7 +1723,18 @@ var Render = /** @__PURE__ @class */ (function () {
                 this.parent["" + lastRowBorder](args.row, true);
             }
         }
-        this.parent.trigger(rowDataBound, args);
+        if (this.parent.isReact) {
+            var renderReactTemplates = 'renderReactTemplates';
+            // 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(rowDataBound, args);
+            });
+        }
+        else {
+            this.parent.trigger(rowDataBound, args);
+        }
     };
     /**
      * cell renderer for tree column index cell
@@ -1884,7 +1895,10 @@ var Render = /** @__PURE__ @class */ (function () {
                 }
             }
         }
-        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);
         }
     };
@@ -1921,7 +1935,12 @@ var Render = /** @__PURE__ @class */ (function () {
                         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
+                    var thisRef_2 = this;
+                    // tslint:disable-next-line:typedef
+                    thisRef_2.parent["" + renderReactTemplates](function () {
+                        thisRef_2.parent.trigger(queryCellInfo, args);
+                    });
                 }
                 else {
                     var str = 'isStringTemplate';
@@ -1975,12 +1994,13 @@ var Render = /** @__PURE__ @class */ (function () {
     Render.prototype.columnTemplateResult = function (args) {
         this.templateResult = args.template;
     };
-    Render.prototype.reactTemplateRender = function (args) {
+    // eslint-disable-next-line
+    Render.prototype.reactTemplateRender = function (args, callBack) {
         var renderReactTemplates = 'renderReactTemplates';
         var portals = 'portals';
         this.parent["" + portals] = args;
         this.parent.notify('renderReactTemplate', this.parent["" + portals]);
-        this.parent["" + renderReactTemplates]();
+        this.parent["" + renderReactTemplates](callBack);
     };
     Render.prototype.destroy = function () {
         this.parent.grid.off('template-result', this.columnTemplateResult);
@@ -4104,6 +4124,7 @@ 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,
@@ -5589,6 +5610,20 @@ 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
      *
@@ -7096,7 +7131,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             var rcell = this.grid.getContentTable().rows[parseInt(i.toString(), 10)]
                 .cells[this.treeColumnIndex];
             var row = rows[parseInt(i.toString(), 10)];
-            var rowData = rowsObject.length != 0 ? rowsObject[parseInt(i.toString(), 10)].data : new Object();
+            var rowData = rowsObject.length !== 0 ? rowsObject[parseInt(i.toString(), 10)].data : new Object();
             var arg = { data: rowData, row: row, cell: rcell, column: this.getColumns()[this.treeColumnIndex] };
             this.renderModule.cellRender(arg);
         }
@@ -10005,7 +10040,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         if (!this.isLocal()) {
             this.parent.flatData = [];
         }
-        if (property && property.dataSource) {
+        if (property && property.dataSource && this.isLocal()) {
             var flatsData = this.parent.flatData;
             var dataSrc = property.dataSource instanceof DataManager ? property.dataSource.dataSource.json : property.dataSource;
             this.parent.dataModule.convertToFlatData(dataSrc);
@@ -10014,6 +10049,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
         }
         property = isNullOrUndefined(property) ? Object() : property;
         property.dataSource = new DataManager({ json: dtSrc });
+        property.query = args['query'];
         return property;
     };
     /**
@@ -10199,7 +10235,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
         if (!isLocal) {
             this.parent.flatData = [];
         }
-        if (prop && prop.dataSource) {
+        if (prop && prop.dataSource && isLocal) {
             var flatDatas = this.parent.flatData;
             var dataSrc = prop.dataSource instanceof DataManager ? prop.dataSource.dataSource.json : prop.dataSource;
             this.parent.dataModule.convertToFlatData(dataSrc);
@@ -10208,6 +10244,7 @@ var PdfExport$1 = /** @__PURE__ @class */ (function () {
         }
         prop = isNullOrUndefined(prop) ? {} : prop;
         prop.dataSource = new DataManager({ json: dtSrc });
+        prop.query = args['query'];
         return prop;
     };
     /**
@@ -10789,7 +10826,12 @@ 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);
-            this.parent["" + renderReactTemplates]();
+            // 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']);
+            });
         }
         else {
             appendChildren(cellElement, tempObj.fn(single[summaryColumn.columnName], this.parent, tempObj.property));
@@ -13725,7 +13767,8 @@ 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'])) {
+            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;