@syncfusion/ej2-pivotview 19.3.47 → 19.3.57

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.47
+*  version : 19.3.57
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-pivotview@*",
-  "_id": "@syncfusion/ej2-pivotview@19.3.46",
+  "_id": "@syncfusion/ej2-pivotview@19.3.55",
   "_inBundle": false,
-  "_integrity": "sha512-W+lXcoitzY3rfplPciIaswuX4xD3GllDbn8+QlkWfd80NQPigzfxxFSW+9J47hLuFDGkSr65SKngnmW37WZ8ow==",
+  "_integrity": "sha512-CHTu9X+whthcDiW8T9adBf25UpUnLgKk4XZ63ANu2tfw5NWBb/gHkiEY5ps7cDCc2wqKl3q/xdc8L67iHacJOA==",
   "_location": "/@syncfusion/ej2-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-pivotview",
     "/@syncfusion/ej2-vue-pivotview"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-pivotview/-/ej2-pivotview-19.3.46.tgz",
-  "_shasum": "9e09b5b084129711d1ce6049042fa0634d96c24c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-19.3.55.tgz",
+  "_shasum": "057fe1fce43694d103d152dffb39fa013aa094f2",
   "_spec": "@syncfusion/ej2-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,23 +35,23 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.47",
-    "@syncfusion/ej2-buttons": "~19.3.44",
-    "@syncfusion/ej2-calendars": "~19.3.46",
-    "@syncfusion/ej2-charts": "~19.3.46",
-    "@syncfusion/ej2-compression": "~19.3.43",
-    "@syncfusion/ej2-data": "~19.3.47",
-    "@syncfusion/ej2-dropdowns": "~19.3.47",
-    "@syncfusion/ej2-excel-export": "~19.3.44",
-    "@syncfusion/ej2-file-utils": "~19.3.43",
-    "@syncfusion/ej2-grids": "~19.3.47",
-    "@syncfusion/ej2-inputs": "~19.3.47",
-    "@syncfusion/ej2-lists": "~19.3.45",
-    "@syncfusion/ej2-navigations": "~19.3.46",
-    "@syncfusion/ej2-pdf-export": "~19.3.43",
-    "@syncfusion/ej2-popups": "~19.3.47",
-    "@syncfusion/ej2-splitbuttons": "~19.3.47",
-    "@syncfusion/ej2-svg-base": "~19.3.45"
+    "@syncfusion/ej2-base": "~19.3.56",
+    "@syncfusion/ej2-buttons": "~19.3.53",
+    "@syncfusion/ej2-calendars": "~19.3.56",
+    "@syncfusion/ej2-charts": "~19.3.55",
+    "@syncfusion/ej2-compression": "~19.3.53",
+    "@syncfusion/ej2-data": "~19.3.57",
+    "@syncfusion/ej2-dropdowns": "~19.3.56",
+    "@syncfusion/ej2-excel-export": "~19.3.56",
+    "@syncfusion/ej2-file-utils": "~19.3.53",
+    "@syncfusion/ej2-grids": "~19.3.57",
+    "@syncfusion/ej2-inputs": "~19.3.57",
+    "@syncfusion/ej2-lists": "~19.3.53",
+    "@syncfusion/ej2-navigations": "~19.3.57",
+    "@syncfusion/ej2-pdf-export": "~19.3.53",
+    "@syncfusion/ej2-popups": "~19.3.57",
+    "@syncfusion/ej2-splitbuttons": "~19.3.53",
+    "@syncfusion/ej2-svg-base": "~19.3.53"
   },
   "deprecated": false,
   "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table.",
@@ -78,6 +78,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.47",
+  "version": "19.3.57",
   "sideEffects": false
 }

package/src/base/engine.js

@@ -3197,6 +3197,7 @@ var PivotEngine = /** @class */ (function () {
         var summCell = headers[headers.length - 1];
         if (summCell && summCell.type === 'grand sum') {
             summCell.index = this.filterMembers;
+            summCell.indexObject = {};
             /* eslint-disable  */
             var lt = void 0;
             for (var ln = 0, lt_1 = this.filterMembers.length; ln < lt_1; ln++) {
@@ -3378,10 +3379,11 @@ var PivotEngine = /** @class */ (function () {
             row.colIndex = 0;
             row.rowIndex = tnum;
             var isRowFieldsAvail = false;
+            var delimiter = this.dataSourceSettings.valueSortSettings.headerDelimiter;
             if (this.valueAxis && this.dataSourceSettings.rows.length === 0 && this.dataSourceSettings.values.length > 1) {
                 this.rowIndex = (isNullOrUndefined(this.rowIndex) && !isLeastNode && this.dataSourceSettings.rows.length === 0) ? row.index : this.rowIndex;
-                isRowFieldsAvail = (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName.toString().indexOf('Grand Total.') !== 0);
-                if (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName.toString().indexOf('Grand Total.') === 0) {
+                isRowFieldsAvail = (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName && row.valueSort.levelName.toString().indexOf('Grand Total' + delimiter) !== 0);
+                if (this.valueAxis && this.dataSourceSettings.rows.length === 0 && row.valueSort.levelName.toString().indexOf('Grand Total' + delimiter) === 0) {
                     row.index = this.rowIndex;
                 }
             }
@@ -3406,7 +3408,7 @@ var PivotEngine = /** @class */ (function () {
                         for (var cln = 0, dln = 1, clt = columns.length; cln < clt; ++cln) {
                             if (!isValueIndexFound) {
                                 for (vln = 0; vln < vlt; vln++) {
-                                    if (row.valueSort.uniqueName && row.valueSort.uniqueName.toString().indexOf(this.values[vln].name) > -1) {
+                                    if (row.valueSort.uniqueName && row.valueSort.uniqueName.toString().split(this.valueSortSettings.headerDelimiter).indexOf(this.values[vln].name) > -1) {
                                         isValueIndexFound = true;
                                         isValueCellUpdated = true;
                                         break;
@@ -3441,7 +3443,7 @@ var PivotEngine = /** @class */ (function () {
                     for (var cln = 0, dln = 1, clt = columns.length; cln < clt; ++cln) {
                         for (var vln = 0; vln < vlt; vln++) {
                             if (!this.valueAxis && !this.isLastHeaderHasMeasures) {
-                                if (columns[cln].valueSort.uniqueName && columns[cln].valueSort.uniqueName.toString().indexOf(this.values[vln].name) > -1) {
+                                if (columns[cln].valueSort.uniqueName && columns[cln].valueSort.uniqueName.toString().split(this.valueSortSettings.headerDelimiter).indexOf(this.values[vln].name) > -1) {
                                     this.updateRowData(rows, columns, tnum, data, vln, rln, cln, dln, actCnt, rTotal, cTotal);
                                     dln = data[tnum].length;
                                 }

package/src/pivotview/base/pivotview.js

@@ -1261,12 +1261,32 @@ var PivotView = /** @class */ (function (_super) {
         /* eslint-disable */
         var columnRender = this.gridSettings['columnRender'];
         var chartLoadEvent = this.chartSettings['load'];
+        var chartLoadedEvent = this.chartSettings['loaded'];
+        var chartTextRenderEvent = this.chartSettings['textRender'];
+        var chartPointRenderEvent = this.chartSettings['pointRender'];
+        var chartSeriesRenderEvent = this.chartSettings['seriesRender'];
+        var chartLegendRenderEvent = this.chartSettings['legendRender'];
+        var chartPointClickEvent = this.chartSettings['pointClick'];
+        var chartTooltipRenderEvent = this.chartSettings['tooltipRender'];
         this.gridSettings['columnRender'] = undefined;
         this.chartSettings['tooltipRender'] = undefined;
         this.chartSettings['load'] = undefined;
+        this.chartSettings['loaded'] = undefined;
+        this.chartSettings['textRender'] = undefined;
+        this.chartSettings['pointRender'] = undefined;
+        this.chartSettings['seriesRender'] = undefined;
+        this.chartSettings['legendRender'] = undefined;
+        this.chartSettings['pointClick'] = undefined;
         var persistData = this.addOnPersist(keyEntity);
         this.gridSettings['columnRender'] = columnRender;
         this.chartSettings['load'] = chartLoadEvent;
+        this.chartSettings['loaded'] = chartLoadedEvent;
+        this.chartSettings['textRender'] = chartTextRenderEvent;
+        this.chartSettings['pointRender'] = chartPointRenderEvent;
+        this.chartSettings['seriesRender'] = chartSeriesRenderEvent;
+        this.chartSettings['legendRender'] = chartLegendRenderEvent;
+        this.chartSettings['pointClick'] = chartPointClickEvent;
+        this.chartSettings['tooltipRender'] = chartTooltipRenderEvent;
         /* eslint-enable */
         return persistData;
     };
@@ -1519,6 +1539,9 @@ var PivotView = /** @class */ (function (_super) {
                     if (this.element.querySelector('.e-grouping-bar')) {
                         this.element.querySelector('.e-grouping-bar').remove();
                     }
+                    else if (this.groupingBarModule) {
+                        this.groupingBarModule.renderLayout();
+                    }
                     if (isNullOrUndefined(newProp.showFieldList))
                         this.renderPivotGrid();
                     break;
@@ -1644,7 +1667,7 @@ var PivotView = /** @class */ (function (_super) {
                     true : this.hyperlinkSettings.showHyperlink ? true : false);
                 this.applyHyperlinkSettings();
             }
-            this.renderModule = new Render(this);
+            this.renderModule = this.renderModule ? this.renderModule : new Render(this);
             this.renderModule.render();
         }
         else if (this.grid) {
@@ -3251,7 +3274,7 @@ var PivotView = /** @class */ (function (_super) {
         this.isEmptyGrid = true;
         this.notEmpty = false;
         this.isInitial = true;
-        this.renderModule = new Render(this);
+        this.renderModule = this.renderModule ? this.renderModule : new Render(this);
         if (this.grid && this.grid.element && this.element.querySelector('.e-grid')) {
             this.notEmpty = true;
             this.grid.setProperties({

package/src/pivotview/renderer/render.js

@@ -39,27 +39,30 @@ var Render = /** @class */ (function () {
     /* eslint-disable-next-line */
     /** @hidden */
     Render.prototype.render = function () {
-        var parent = this.parent;
-        var engine = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
+        this.resColWidth = (this.parent.showGroupingBar && this.parent.groupingBarModule) ? (this.parent.isAdaptive ? 180 : 250) :
+            (this.parent.isAdaptive ? 140 : 200);
+        this.engine = this.parent.dataType === 'olap' ? this.parent.olapEngineModule : this.parent.engineModule;
+        this.gridSettings = this.parent.gridSettings;
+        this.formatList = this.getFormatList();
         this.parent.gridHeaderCellInfo = [];
         this.parent.gridCellCollection = {};
-        this.injectGridModules(parent);
+        this.injectGridModules(this.parent);
         this.rowStartPos = this.getRowStartPos();
         if (this.parent.grid && this.parent.grid.element && this.parent.element.querySelector('.e-grid')) {
             this.parent.notEmpty = true;
-            if (!engine.isEngineUpdated) {
-                engine.headerContent = this.frameDataSource('header');
-                engine.valueContent = this.frameDataSource('value');
+            if (!this.engine.isEngineUpdated) {
+                this.engine.headerContent = this.frameDataSource('header');
+                this.engine.valueContent = this.frameDataSource('value');
             }
             else {
                 if (this.parent.enableValueSorting) {
-                    engine.valueContent = this.frameDataSource('value');
+                    this.engine.valueContent = this.frameDataSource('value');
                 }
-                engine.isEngineUpdated = false;
+                this.engine.isEngineUpdated = false;
             }
             this.parent.grid.setProperties({
                 columns: this.frameStackedHeaders(), dataSource: (this.parent.dataType === 'olap' ? true :
-                    parent.dataSourceSettings.values.length > 0) && !this.engine.isEmptyData ? engine.valueContent :
+                    this.parent.dataSourceSettings.values.length > 0) && !this.engine.isEmptyData ? this.engine.valueContent :
                     this.frameDataSource('value')
             }, true);
             if (this.parent.grid.height === 'auto') {
@@ -1003,7 +1006,7 @@ var Render = /** @class */ (function () {
         if (tCell && (this.parent.notEmpty) && this.engine.headerContent) {
             var customClass = this.parent.hyperlinkSettings.cssClass;
             var cell = args.data[0];
-            var isRowFieldsAvail = cell.valueSort.levelName === (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row' &&
+            var isRowFieldsAvail = cell.valueSort && cell.valueSort.levelName === (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row' &&
                 this.parent.localeObj.getConstant('grandTotal') + (this.parent.dataSourceSettings.valueSortSettings.headerDelimiter) + (cell.formattedText));
             tCell.setAttribute('index', cell.rowIndex ? cell.rowIndex.toString() : '0');
             if (tCell.getAttribute('aria-colindex') === '0') {
@@ -1091,8 +1094,9 @@ var Render = /** @class */ (function () {
                 }));
                 var vSort = this.parent.pivotView.dataSourceSettings.valueSortSettings;
                 if (this.parent.enableValueSorting) {
-                    if (vSort && vSort.headerText && this.parent.dataSourceSettings.valueAxis === 'row'
-                        && this.parent.pivotValues[Number(tCell.getAttribute('index'))][0].valueSort.levelName) {
+                    if (vSort && vSort.headerText && this.parent.dataSourceSettings.valueAxis === 'row' &&
+                        this.parent.pivotValues[Number(tCell.getAttribute('index'))][0] &&
+                        this.parent.pivotValues[Number(tCell.getAttribute('index'))][0].valueSort.levelName) {
                         if (this.parent.pivotValues[Number(tCell.getAttribute('index'))][0].valueSort.levelName
                             === vSort.headerText) {
                             var style = (tCell.querySelector('.e-expand') || tCell.querySelector('.e-collapse')) ?
@@ -1324,7 +1328,7 @@ var Render = /** @class */ (function () {
                 else {
                     tCell = this.onOlapColumnCellBoundEvent(tCell, cell);
                 }
-                var isColumnFieldsAvail = (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column' &&
+                var isColumnFieldsAvail = (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column' && cell.valueSort &&
                     cell.valueSort.levelName === (this.parent.localeObj.getConstant('grandTotal') + (this.parent.dataSourceSettings.valueSortSettings.headerDelimiter) + (cell.formattedText)));
                 if (cell.type || isColumnFieldsAvail) {
                     tCell.classList.add(cell.type === 'grand sum' ? 'e-gtot' : 'e-stot');
@@ -1786,7 +1790,7 @@ var Render = /** @class */ (function () {
                     return this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(this.parent.engineModule.fieldList[cellInfo.value.toString()].aggregateType)
                         + ' ' + this.parent.localeObj.getConstant('of') + ' ' + cellInfo.value.toString();
                 }
-                else if (values.length === 1) {
+                else if (values.length === 1 && this.parent.dataSourceSettings.rows.length === 0) {
                     return this.parent.localeObj.getConstant('total') + ' ' + this.parent.localeObj.getConstant(values[values.length - 1].type)
                         + ' ' + this.parent.localeObj.getConstant('of') + ' ' + (!isNullOrUndefined(values[values.length - 1].caption) ? values[values.length - 1].caption : values[values.length - 1].name);
                 }
@@ -1808,7 +1812,9 @@ var Render = /** @class */ (function () {
     };
     /* eslint-disable */
     Render.prototype.excelColumnEvent = function (args) {
-        (args.cell).value = this.getValidHeader(args, 'column');
+        if (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column') {
+            (args.cell).value = this.getValidHeader(args, 'column');
+        }
         if (args.gridCell !== undefined && args.gridCell.column.width === 'auto') {
             this.parent.lastColumn = args.gridCell.column;
             args.gridCell.column.width = args.gridCell.column.minWidth;
@@ -1817,7 +1823,9 @@ var Render = /** @class */ (function () {
         this.parent.trigger(events.excelHeaderQueryCellInfo, args);
     };
     Render.prototype.pdfColumnEvent = function (args) {
-        (args.cell).value = this.getValidHeader(args, 'column');
+        if (this.parent.dataSourceSettings.columns.length === 0 && this.parent.dataSourceSettings.valueAxis === 'column') {
+            (args.cell).value = this.getValidHeader(args, 'column');
+        }
         if (args.gridCell !== undefined && args.gridCell.column.width === 'auto') {
             this.parent.lastColumn = args.gridCell.column;
             args.gridCell.column.width = args.gridCell.column.minWidth;
@@ -1858,7 +1866,9 @@ var Render = /** @class */ (function () {
             }
         }
         args = this.exportContentEvent(args);
-        args.value = args.column.field === '0.formattedText' ? this.getValidHeader(args, 'row') : args.value;
+        if (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row') {
+            args.value = args.column.field === '0.formattedText' ? this.getValidHeader(args, 'row') : args.value;
+        }
         this.parent.trigger(events.excelQueryCellInfo, args);
     };
     /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -1882,7 +1892,9 @@ var Render = /** @class */ (function () {
             }
             args.style = { paragraphIndent: level * 10 };
             this.lastSpan = isValueCell ? this.lastSpan : level;
-            args.value = this.getValidHeader(args, 'row');
+            if (this.parent.dataSourceSettings.rows.length === 0 && this.parent.dataSourceSettings.valueAxis === 'row') {
+                args.value = this.getValidHeader(args, 'row');
+            }
         }
         this.parent.trigger(events.pdfQueryCellInfo, args);
     };