@syncfusion/ej2-pivotview 20.2.38 → 20.2.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.38
+*  version : 20.2.39
 *  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.2.36",
+  "_id": "@syncfusion/ej2-pivotview@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-2BEouqxgWf5+Yq1I8/K6wUa5bxfXP08ITux4/969RDvKK/fBoJBcNlqkq+Up8xJZ2CJYG7JrVS6uKaawG3vsXw==",
+  "_integrity": "sha512-teTnfOCRdXz/7//+6qdx0e188/v/JyqpzUZLqpm9wTTeJG4CPTI1d40nZb8fGXEY8iv6TimEHmX7yQFqcFZzsQ==",
   "_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.2.36.tgz",
-  "_shasum": "db2a5ab65f6d3132e5c7b0d0247b782d1440a392",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.2.38.tgz",
+  "_shasum": "eae3e4c94e3012d3263bc0b50480dab45fc3307b",
   "_spec": "@syncfusion/ej2-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -41,15 +41,15 @@
     "@syncfusion/ej2-charts": "~20.2.38",
     "@syncfusion/ej2-compression": "~20.2.38",
     "@syncfusion/ej2-data": "~20.2.38",
-    "@syncfusion/ej2-dropdowns": "~20.2.38",
-    "@syncfusion/ej2-excel-export": "~20.2.38",
+    "@syncfusion/ej2-dropdowns": "~20.2.39",
+    "@syncfusion/ej2-excel-export": "~20.2.39",
     "@syncfusion/ej2-file-utils": "~20.2.38",
-    "@syncfusion/ej2-grids": "~20.2.38",
+    "@syncfusion/ej2-grids": "~20.2.39",
     "@syncfusion/ej2-inputs": "~20.2.38",
-    "@syncfusion/ej2-lists": "~20.2.38",
-    "@syncfusion/ej2-navigations": "~20.2.38",
+    "@syncfusion/ej2-lists": "~20.2.39",
+    "@syncfusion/ej2-navigations": "~20.2.39",
     "@syncfusion/ej2-pdf-export": "~20.2.38",
-    "@syncfusion/ej2-popups": "~20.2.38",
+    "@syncfusion/ej2-popups": "~20.2.39",
     "@syncfusion/ej2-splitbuttons": "~20.2.38",
     "@syncfusion/ej2-svg-base": "~20.2.38"
   },
@@ -78,6 +78,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.38",
+  "version": "20.2.39",
   "sideEffects": false
 }

package/src/base/engine.js

@@ -463,7 +463,7 @@ var PivotEngine = /** @class */ (function () {
                                             if (this_1.fields.indexOf(newFieldName) === -1) {
                                                 this_1.fields.push(newFieldName);
                                             }
-                                            item[this_1.fieldKeys[newFieldName]] = (isInRangeAvail ? undefined : new Date(newDate.setMonth(date.getMonth(), newDate.getDate())).toString());
+                                            item[this_1.fieldKeys[newFieldName]] = (isInRangeAvail ? undefined : new Date(newDate.setMonth(date.getMonth(), 1)).toString());
                                         }
                                         break;
                                     case 'Days':
@@ -3999,8 +3999,9 @@ var PivotEngine = /** @class */ (function () {
                             for (var _g = 0, indexCollection_2 = indexCollection; _g < indexCollection_2.length; _g++) {
                                 var index = indexCollection_2[_g];
                                 var currentSet = data[index[0]][index[1]];
+                                var actualValue = isNullOrUndefined(selectedRowValues[index[1]].actualValue) ? 0 : selectedRowValues[index[1]].actualValue;
                                 // let cVal: number = currentSet.value - (selectedRowValues[index[1]] as IAxisSet).value;
-                                var cVal = currentSet.actualValue - selectedRowValues[index[1]].actualValue;
+                                var cVal = (isNullOrUndefined(currentSet.actualValue) ? 0 : currentSet.actualValue) - actualValue;
                                 cVal = isNaN(cVal) ? 0 : (currentSet.value === 0 && selectedRowValues[index[1]].value === 0) ? 0 : cVal;
                                 if (!this.aggregatedValueMatrix[index[0]]) {
                                     this.aggregatedValueMatrix[index[0]] = [];
@@ -4012,8 +4013,7 @@ var PivotEngine = /** @class */ (function () {
                                 else {
                                     // cVal = ((selectedRowValues[index[1]] as IAxisSet).value === 0 ?
                                     // 0 : (cVal / (selectedRowValues[index[1]] as IAxisSet).value));
-                                    cVal = (selectedRowValues[index[1]].actualValue === 0 ?
-                                        0 : (cVal / selectedRowValues[index[1]].actualValue));
+                                    cVal = (actualValue === 0 ? 0 : (cVal / actualValue));
                                     this.aggregatedValueMatrix[index[0]][index[1]] = cVal;
                                     currentSet.formattedText = currentSet.showSubTotals ? (cVal !== 0 ? this.globalize.formatNumber(cVal, { format: 'P', maximumFractionDigits: this.getPercentFormat(this.formatFields, currentSet.actualText) }) : this.emptyCellTextContent) : currentSet.formattedText;
                                 }
@@ -4252,7 +4252,9 @@ var PivotEngine = /** @class */ (function () {
                                                 activeColumn[cln].valueSort[item.valueSort.levelName] &&
                                                 currentSet.axis === 'value' && currentSet.actualText === name_3) {
                                                 if (activeColumn[cln].type !== 'grand sum') {
-                                                    cVal += currentSet.value;
+                                                    if (!isNullOrUndefined(currentSet.value)) {
+                                                        cVal += currentSet.value;
+                                                    }
                                                     currentSet.formattedText = subTotal ? '' : this.getFormattedValue(cVal, name_3).formattedText;
                                                     if (!this.aggregatedValueMatrix[rln]) {
                                                         this.aggregatedValueMatrix[rln] = [];

package/src/pivotchart/base/pivotchart.js

@@ -1134,14 +1134,14 @@ var PivotChart = /** @class */ (function () {
         var aggregateType = this.parent.dataType === 'olap' ? '' : this.parent.localeObj.getConstant(measureField.aggregateType);
         var measureAggregatedName = (this.parent.dataType === 'olap' ? '' : aggregateType + ' ' +
             this.parent.localeObj.getConstant('of') + ' ') + measureField.caption;
-        var formattedText = this.accumulationType.indexOf(this.parent.chartSettings.chartSeries.type) < 0 ?
-            args.text.split('<b>')[1].split('</b>')[0] : this.engineModule.pivotValues[rowIndex][colIndex].formattedText;
+        var formattedText = this.engineModule.pivotValues[rowIndex][colIndex].formattedText;
         var formatField = this.engineModule.formatFields[measureField.id];
-        var formattedValue = ((formatField && formatField.format && formatField.format.toLowerCase().match(/n|p|c/) !== null &&
+        var valueFormat = this.engineModule.getFormattedValue(args.point.y, measureField.id, formattedText);
+        var formattedValue = (formatField && formatField.format && formatField.format.toLowerCase().match(/n|p|c/) !== null &&
             this.chartSettings.useGroupingSeparator) ? this.parent.dataType === 'olap' ?
-            this.engineModule.getFormattedValue(args.point.y, measureField.id, formattedText) :
-            this.parent.engineModule.getFormattedValue(args.point.y, measureField.id).formattedText :
-            formattedText);
+            valueFormat.toString() :
+            valueFormat.formattedText :
+            formattedText;
         var columnText = (args.series.name ? args.series.name.split(' | ')[0] : args.data.seriesName.split(' | ')[0]);
         var rowText = args.point.x;
         if (this.parent.tooltipTemplate && this.parent.getTooltipTemplate() !== undefined || this.chartSettings.tooltip.template) {
@@ -1470,6 +1470,16 @@ var PivotChart = /** @class */ (function () {
                 args.text = '';
             }
         }
+        if (args.axis.name !== 'primaryXAxis') {
+            var formatField = this.engineModule.formatFields[args.axis.name];
+            var valueFormat = this.engineModule.getFormattedValue(args.value, args.axis.name, args.text);
+            var formattedValue = ((formatField && formatField.format && formatField.format.toLowerCase().match(/n|p|c/) !== null &&
+                this.chartSettings.useGroupingSeparator) ? this.parent.dataType === 'olap' ?
+                valueFormat.toString() :
+                valueFormat.formattedText :
+                args.value.toString());
+            args.text = formattedValue;
+        }
         this.parent.trigger(events.chartAxisLabelRender, args);
     };
     PivotChart.prototype.multiLevelLabelClick = function (args) {

package/src/pivotview/actions/virtualscroll.js

@@ -168,7 +168,7 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.actionBeginMethod();
                 this.parent.showWaitingPopup();
                 this.parent.scrollPosObject.vertical = section;
-                engine.pageSettings.rowCurrentPage = section > 1 ? section : 1;
+                this.parent.pageSettings.rowCurrentPage = engine.pageSettings.rowCurrentPage = section > 1 ? section : 1;
                 var rowStartPos_1 = 0;
                 this.parent.trigger(events.enginePopulating, args, function (observedArgs) {
                     if (_this.parent.dataType === 'pivot') {
@@ -206,7 +206,7 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.showWaitingPopup();
                 var pivot_1 = this.parent;
                 pivot_1.scrollPosObject.horizontal = section;
-                engine.pageSettings.columnCurrentPage = section > 1 ? section : 1;
+                this.parent.pageSettings.columnCurrentPage = engine.pageSettings.columnCurrentPage = section > 1 ? section : 1;
                 var colStartPos_1 = 0;
                 this.parent.trigger(events.enginePopulating, args, function (observedArgs) {
                     if (pivot_1.dataType === 'pivot') {

package/src/pivotview/renderer/render.js

@@ -1151,7 +1151,7 @@ var Render = /** @class */ (function () {
                 if (cell.isGrandSum || (isGrandSum || this.colGrandPos === Number(tCell.getAttribute('aria-colindex'))) || this.rowGrandPos === Number(tCell.getAttribute('index'))) {
                     tCell.classList.add('e-gtot');
                 }
-                else if (this.parent.dataType === 'olap' ? cell.isSum : this.validateColumnTotalcell(!isNullOrUndefined(cell.value) ? cell.colIndex : cell.colIndex - 1)) {
+                else if (this.parent.dataType === 'olap' ? cell.isSum : this.validateColumnTotalcell(cell.colIndex)) {
                     tCell.classList.add('e-colstot');
                 }
                 if (cell.cssClass) {

package/styles/bootstrap-dark.css

@@ -2717,7 +2717,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/bootstrap.css

@@ -2714,7 +2714,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/bootstrap4.css

@@ -2877,7 +2877,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/bootstrap5-dark.css

@@ -2802,7 +2802,7 @@
   display: inline-block;
   height: 460px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/bootstrap5.css

@@ -2804,7 +2804,7 @@
   display: inline-block;
   height: 460px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/fabric-dark.css

@@ -2714,7 +2714,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/fabric.css

@@ -2711,7 +2711,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/fluent-dark.css

@@ -2770,9 +2770,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 430px;
+  height: 435px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/fluent.css

@@ -2772,9 +2772,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 430px;
+  height: 435px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/highcontrast-light.css

@@ -2713,7 +2713,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/highcontrast.css

@@ -2713,7 +2713,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/material-dark.css

@@ -2715,7 +2715,7 @@
   display: inline-block;
   height: 436px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/material.css

@@ -2715,7 +2715,7 @@
   display: inline-block;
   height: 436px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/_fluent-definition.scss

@@ -182,7 +182,7 @@ $format-label-bigger-font-size: 14px !default;
 $format-preview-height: 28px !default;
 $format-preview-width: 80px !default;
 $olap-tree-wrapper-height: 470px;
-$olap-tree-outer-div-height: 430px;
+$olap-tree-outer-div-height: 435px;
 $olap-bigger-tree-wrapper-height: 540px;
 $olap-bigger-tree-outer-div-height: 500px;
 $field-list-text-transform: none !default;

package/styles/pivotfieldlist/_layout.scss

@@ -667,7 +667,7 @@
               display: inline-block;
               height: $olap-tree-outer-div-height;
               overflow: auto;
-              width: 310px;
+              width: 100% !important;
             }
 
             .e-treeview {

package/styles/pivotfieldlist/_tailwind-definition.scss

@@ -181,7 +181,7 @@ $format-label-bigger-font-size: 14px !default;
 $format-preview-height: 28px !default;
 $format-preview-width: 80px !default;
 $olap-tree-wrapper-height: 430px;
-$olap-tree-outer-div-height: 395px;
+$olap-tree-outer-div-height: 398px;
 $olap-bigger-tree-wrapper-height: 570px;
 $olap-bigger-tree-outer-div-height: 530px;
 $field-list-text-transform: uppercase !default;

package/styles/pivotfieldlist/bootstrap-dark.css

@@ -737,7 +737,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/bootstrap.css

@@ -735,7 +735,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/bootstrap4.css

@@ -750,7 +750,7 @@
   display: inline-block;
   height: 437px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/bootstrap5-dark.css

@@ -745,7 +745,7 @@
   display: inline-block;
   height: 460px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/bootstrap5.css

@@ -745,7 +745,7 @@
   display: inline-block;
   height: 460px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/fabric-dark.css

@@ -736,7 +736,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/fabric.css

@@ -735,7 +735,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/fluent-dark.css

@@ -738,9 +738,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 430px;
+  height: 435px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/fluent.css

@@ -738,9 +738,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 430px;
+  height: 435px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/highcontrast-light.css

@@ -734,7 +734,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/highcontrast.css

@@ -734,7 +734,7 @@
   display: inline-block;
   height: 441px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/material-dark.css

@@ -737,7 +737,7 @@
   display: inline-block;
   height: 436px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/material.css

@@ -736,7 +736,7 @@
   display: inline-block;
   height: 436px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/tailwind-dark.css

@@ -753,9 +753,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 395px;
+  height: 398px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/pivotfieldlist/tailwind.css

@@ -754,9 +754,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 395px;
+  height: 398px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/tailwind-dark.css

@@ -2800,9 +2800,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 395px;
+  height: 398px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;

package/styles/tailwind.css

@@ -2803,9 +2803,9 @@
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 395px;
+  height: 398px;
   overflow: auto;
-  width: 310px;
+  width: 100% !important;
 }
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview {
   display: inline-table;