@syncfusion/ej2-pivotview 20.1.56 → 20.1.57

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.56
+*  version : 20.1.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@20.1.55",
+  "_id": "@syncfusion/ej2-pivotview@20.1.56",
   "_inBundle": false,
-  "_integrity": "sha512-XFBAwGhg7K8JbWxaux+64R4jhDVS9tXPsBoMOHALZzVEvGVfyKVpyyZ/mm/6CFhNM6GJSy8UymYnXONxcznmaw==",
+  "_integrity": "sha512-AsjhIqLyM06wqRDY9pgyfqJuKE6EAzts9GOXrgDko+5joxKkBFwURw35lbZrqn3eTFkhBPxAt358DUsU3v42Rw==",
   "_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-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.1.55.tgz",
-  "_shasum": "f8a70f48a877dc13cc88dccc0ef27a06efbddc75",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.1.56.tgz",
+  "_shasum": "ba38c5a5526c0ab562e38a1618ecea1ecfe9e8af",
   "_spec": "@syncfusion/ej2-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,20 +37,20 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~20.1.56",
     "@syncfusion/ej2-buttons": "~20.1.55",
-    "@syncfusion/ej2-calendars": "~20.1.56",
-    "@syncfusion/ej2-charts": "~20.1.56",
+    "@syncfusion/ej2-calendars": "~20.1.57",
+    "@syncfusion/ej2-charts": "~20.1.57",
     "@syncfusion/ej2-compression": "~20.1.55",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-dropdowns": "~20.1.56",
+    "@syncfusion/ej2-dropdowns": "~20.1.57",
     "@syncfusion/ej2-excel-export": "~20.1.55",
     "@syncfusion/ej2-file-utils": "~20.1.55",
-    "@syncfusion/ej2-grids": "~20.1.56",
+    "@syncfusion/ej2-grids": "~20.1.57",
     "@syncfusion/ej2-inputs": "~20.1.55",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.56",
+    "@syncfusion/ej2-navigations": "~20.1.57",
     "@syncfusion/ej2-pdf-export": "~20.1.55",
-    "@syncfusion/ej2-popups": "~20.1.55",
-    "@syncfusion/ej2-splitbuttons": "~20.1.55",
+    "@syncfusion/ej2-popups": "~20.1.57",
+    "@syncfusion/ej2-splitbuttons": "~20.1.57",
     "@syncfusion/ej2-svg-base": "~20.1.55"
   },
   "deprecated": false,
@@ -78,6 +78,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.56",
+  "version": "20.1.57",
   "sideEffects": false
 }

package/src/base/engine.js

@@ -2967,7 +2967,7 @@ var PivotEngine = /** @class */ (function () {
     /* eslint-disable */
     PivotEngine.prototype.getIndexedHeaders = function (keys, data, keyInd, position, axis, parentMember, valueFil) {
         var hierarchy = [];
-        if (keys) {
+        if (keys && keys.length > 0) {
             var rlen = keys.length;
             var decisionObj = {};
             var fieldName = keys[keyInd].name;
@@ -4358,8 +4358,8 @@ var PivotEngine = /** @class */ (function () {
             axis: 'value', actualText: field, indexObject: this.isDrillThrough ? this.rawIndexObject : {},
             rowHeaders: rows[rln].type === 'grand sum' ? '' : rows[rln].valueSort.levelName,
             columnHeaders: columns[cln].type === 'grand sum' ? '' : columns[cln].valueSort.levelName,
-            formattedText: formattedText, value: isNullOrUndefined(value) ? 0 : value,
-            actualValue: isNullOrUndefined(actualValue) ? 0 : actualValue,
+            formattedText: formattedText, value: value,
+            actualValue: actualValue,
             rowIndex: tnum, colIndex: dln, isSum: isSum, isGrandSum: isGrand, showSubTotals: !subTotal
         };
         this.rawIndexObject = {};

package/src/common/popups/drillthrough-dialog.js

@@ -348,6 +348,7 @@ var DrillThroughDialog = /** @class */ (function () {
         var drillThroughGrid = createElement('div', { id: this.parent.element.id + '_drillthroughgrid', className: cls.DRILLTHROUGH_GRID_CLASS });
         Grid.Inject(Selection, Reorder, Resize, Toolbar, ColumnChooser);
         this.drillThroughGrid = new Grid({
+            cssClass: this.parent.cssClass,
             gridLines: 'Default',
             allowResizing: true,
             allowReordering: true,

package/src/pivotchart/base/pivotchart.js

@@ -315,7 +315,7 @@ var PivotChart = /** @class */ (function () {
                             var columnSeries = colHeaders + ' | ' + actualText;
                             var yValue = (this.parent.dataType === 'pivot' ? (this.engineModule.aggregatedValueMatrix[rowIndex] &&
                                 !isNullOrUndefined(this.engineModule.aggregatedValueMatrix[rowIndex][cellIndex])) ?
-                                Number(this.engineModule.aggregatedValueMatrix[rowIndex][cellIndex]) : Number(cell.value) : Number(cell.value));
+                                Number(this.engineModule.aggregatedValueMatrix[rowIndex][cellIndex]) : (!isNullOrUndefined(cell.value) ? Number(cell.value) : cell.value) : (!isNullOrUndefined(cell.value) ? Number(cell.value) : cell.value));
                             yValue = yValue === Infinity ? null : yValue;
                             if (yValue === 0) {
                                 this.accEmptyPoint = true;

package/src/pivotfieldlist/renderer/dialog-renderer.js

@@ -518,7 +518,7 @@ var DialogRenderer = /** @class */ (function () {
             this.parent.actionFailureMethod(execption);
         }
     };
-    DialogRenderer.prototype.onCloseFieldList = function () {
+    DialogRenderer.prototype.onCloseFieldList = function (args) {
         if (this.parent.allowDeferLayoutUpdate) {
             this.parent.dataSourceSettings =
                 extend({}, this.parent.clonedDataSource.properties, null, true); /* eslint-disable-line */
@@ -541,7 +541,9 @@ var DialogRenderer = /** @class */ (function () {
             }
             if (this.parent.isPopupView && this.parent.pivotGridModule) {
                 this.parent.pivotGridModule.notify(events.uiUpdate, this);
-                this.parent.pivotGridModule.notify(events.contentReady, this);
+                if (!args.currentTarget.classList.contains('e-defer-cancel-button')) {
+                    this.parent.pivotGridModule.notify(events.contentReady, this);
+                }
             }
             else {
                 this.cancelButtonClick();

package/src/pivotview/base/pivotview.js

@@ -2563,7 +2563,7 @@ var PivotView = /** @class */ (function (_super) {
         if (cell && hasField) {
             var rowHeaders = this.getRowText(rowIndex, 0);
             var columnHeaders = this.getColText(0, colIndex, rowIndex);
-            var value = ((cell.formattedText === '0' || cell.formattedText === '') ? this.localeObj.getConstant('noValue') :
+            var value = (cell.formattedText === '' ? this.localeObj.getConstant('noValue') :
                 cell.formattedText);
             if (this.tooltipTemplate && this.getTooltipTemplate() !== undefined) {
                 var rowFields = this.getHeaderField(rowIndex, colIndex, 'row');
@@ -2772,9 +2772,12 @@ var PivotView = /** @class */ (function (_super) {
         }
         var target = e.target;
         var ele = null;
+        var axis = (target.parentElement.classList.contains(cls.ROWSHEADER) || target.classList.contains(cls.ROWSHEADER)) ? 'row' : 'column';
+        ele = axis === 'column' ? closest(target, 'th') : closest(target, 'td');
+        if (axis === 'column' && !ele && this.gridSettings.selectionSettings.mode !== 'Row') {
+            ele = closest(target, 'td');
+        }
         if (!target.classList.contains(cls.COLLAPSE) && !target.classList.contains(cls.EXPAND) && this.enableValueSorting && this.dataType === 'pivot') {
-            var axis = (target.parentElement.classList.contains(cls.ROWSHEADER) || target.classList.contains(cls.ROWSHEADER)) ? 'row' : 'column';
-            ele = axis === 'column' ? closest(target, 'th') : closest(target, 'td');
             this.cellClicked(target, ele, e);
             try {
                 if ((ele.parentElement.parentElement.parentElement.parentElement.classList.contains('e-movableheader')

package/src/pivotview/renderer/render.js

@@ -157,6 +157,7 @@ var Render = /** @class */ (function () {
     Render.prototype.bindGrid = function (parent, isEmpty) {
         this.injectGridModules(parent);
         this.parent.grid = new Grid({
+            cssClass: this.parent.cssClass,
             frozenColumns: 1,
             frozenRows: 0,
             enableHover: false,
@@ -349,9 +350,6 @@ var Render = /** @class */ (function () {
     /* eslint-disable */
     Render.prototype.contextMenuOpen = function (args) {
         var _this = this;
-        if (args.element && this.parent.cssClass) {
-            addClass([args.element.parentElement], this.parent.cssClass);
-        }
         var _loop_1 = function (item) {
             var cellTarget = this_1.parent.lastCellClicked;
             var elem = null;

package/styles/bootstrap4.css

@@ -611,7 +611,7 @@
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-menu-icon,
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-icons {
-  color: #ffffff;
+  color: #fff;
 }
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;

package/styles/pivotfieldlist/_layout.scss

@@ -28,7 +28,7 @@
       font-weight: normal;
       @if ($field-list-skin == 'bootstrap4') {
         // sass-lint:disable-all
-        color: #000;
+        color: $black;
         // sass-lint:enable-all
         opacity: .5;
       }
@@ -1113,9 +1113,9 @@
 
           &:hover {
             @if ($field-list-skin == 'bootstrap4') {
-              background-color: #6c757d !important;
-              border-color: #6c757d !important;
-              color: #fff !important;
+              background-color: $gray-600 !important;
+              border-color: $gray-600 !important;
+              color: $white !important;
             }
           }
 
@@ -1135,9 +1135,9 @@
 
           &:focus {
             @if ($field-list-skin == 'bootstrap4') {
-              background-color: #6c757d !important;
-              border-color: #6c757d !important;
-              color: #fff !important;
+              background-color: $gray-600 !important;
+              border-color: $gray-600 !important;
+              color: $white !important;
             }
 
             &.e-active {

package/styles/pivotfieldlist/_theme.scss

@@ -1041,7 +1041,7 @@
                   font-size: 14px !important;
 
                   @if ($field-list-skin == 'bootstrap4') {
-                    color: #fff;
+                    color: $white;
                   }
 
                   @if ($skin-name == 'bootstrap5') {

package/styles/pivotview/_layout.scss

@@ -147,9 +147,9 @@
 
           &:hover {
             @if ($pivotgrid-skin == 'bootstrap4') {
-              background-color: #6c757d !important;
-              border-color: #6c757d !important;
-              color: #fff !important;
+              background-color: $gray-600 !important;
+              border-color: $gray-600 !important;
+              color: $white !important;
             }
           }
 
@@ -169,9 +169,9 @@
 
           &:focus {
             @if ($pivotgrid-skin == 'bootstrap4') {
-              background-color: #6c757d !important;
-              border-color: #6c757d !important;
-              color: #fff !important;
+              background-color: $gray-600 !important;
+              border-color: $gray-600 !important;
+              color: $white !important;
             }
 
             &.e-active {
@@ -637,8 +637,8 @@
         background-color: transparent;
         border: none;
         @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: #f8f9fa;
-          color: #495057;
+          background-color: $gray-100;
+          color: $gray-700;
         }
 
         // sass-lint:disable-all
@@ -649,8 +649,8 @@
           overflow: hidden;
           padding-left: 10px;
           @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: #f8f9fa;
-            color: #495057;
+            background-color: $gray-100;
+            color: $gray-700;
           }
 
           .e-menu-icon {
@@ -658,7 +658,7 @@
             margin-right: 0;
             font-size: 16px;
             @if ($pivotgrid-skin == 'bootstrap4') {
-              color: #495057;
+              color: $gray-700;
             }
 
             @if ($pivotgrid-skin == 'FluentUI') {
@@ -676,7 +676,7 @@
 
           .e-caret {
             @if ($pivotgrid-skin == 'bootstrap4') {
-              color: #495057;
+              color: $gray-700;
             }
 
             @if ($pivotgrid-skin == 'FluentUI') {
@@ -695,14 +695,14 @@
 
         ul .e-menu-item.e-focused {
           @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: #6c757d;
+            background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
         }
 
         .e-menu-icon,
         .e-icons{
           @if ($pivotgrid-skin == 'bootstrap4') {
-            color:#ffffff;
+            color: $white;
           }
 
           @if ($pivotgrid-skin == 'FluentUI') {

package/styles/pivotview/_theme.scss

@@ -221,7 +221,7 @@
     .e-grid .e-icons {
       color: $pivotgrid-button-icon-color !important;
       @if ($pivotgrid-skin == 'bootstrap4') {
-        color: #495057 !important;
+        color: $gray-700 !important;
       }
 
       @if ($skin-name == 'bootstrap5') {
@@ -231,7 +231,7 @@
       &:hover {
         color: $pivotgrid-icon-hover-color !important;
         @if ($pivotgrid-skin == 'bootstrap4') {
-          color: #495057 !important;
+          color: $gray-700 !important;
         }
 
         @if ($skin-name == 'bootstrap5') {
@@ -260,7 +260,7 @@
         .e-icons {
           color: $pivotgrid-button-active-icon-color !important;
           @if ($pivotgrid-skin == 'bootstrap4') {
-            color: #495057 !important;
+            color: $gray-700 !important;
           }
 
           @if ($skin-name == 'bootstrap5') {

package/styles/pivotview/bootstrap4.css

@@ -611,7 +611,7 @@
 }
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-menu-icon,
 .e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item.e-focused .e-icons {
-  color: #ffffff;
+  color: #fff;
 }
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;