@syncfusion/ej2-react-pivotview 21.1.39 → 21.2.3

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 ## [Unreleased]
 
+## 21.2.3 (2023-05-03)
+
+### Pivot Table
+
+#### Bug fixes
+
+- `#I453038` - Drill operations now work properly while adding attribute hierarchy to the pivot table.
+
+#### New features
+
+- `#I398184` - Based on export properties, the pivot table will now export automatically utilizing engine export option support while using for toolbar options.
+- `#I442424` - The field list UI now supports setting the default sort order via the `load` event.
+- `#I436727` - While the data source is empty, the field list UI has been rendered with an empty layout.
+
+## 21.1.41 (2023-04-18)
+
+### Pivot Table
+
+#### Bug fixes
+
+- `#I454110` - Pivot Table now works properly when conditional formatting is applied without a measure.
+
+## 21.1.39 (2023-04-11)
+
 ### Pivot Table
 
 #### Bug fixes

package/dist/ej2-react-pivotview.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.min.js
-*  version : 21.1.39
+*  version : 21.2.3
 *  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/dist/ej2-react-pivotview.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.umd.min.js
-*  version : 21.1.39
+*  version : 21.2.3
 *  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-react-pivotview@*",
-  "_id": "@syncfusion/ej2-react-pivotview@21.1.37",
+  "_id": "@syncfusion/ej2-react-pivotview@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-RFUZLQ9nQhtebskxdLDyUTic/9kGzbQsxm+QdS0stXVp+pxz15UYeKoKgAFfv+OopcMT4NS4MK8u3EIJ34/RPQ==",
+  "_integrity": "sha512-ge1WdXNBILZdytNj7+RoisOy5cqODtihAKN5YhNp/S/Wv4A/J5fk1sw8XjDZ2UCY0PnPIyFPLcTqLRvS4RUrNQ==",
   "_location": "/@syncfusion/ej2-react-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-21.1.37.tgz",
-  "_shasum": "643a73539e7415e430e216c028f0e3fa3f655c40",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-21.2.3.tgz",
+  "_shasum": "157ab01c46d17793c6f82efe14872443dbacedb2",
   "_spec": "@syncfusion/ej2-react-pivotview@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.39",
-    "@syncfusion/ej2-pivotview": "21.1.39",
-    "@syncfusion/ej2-react-base": "~21.1.38"
+    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-pivotview": "21.2.3",
+    "@syncfusion/ej2-react-base": "~21.2.3"
   },
   "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. for React",
@@ -53,6 +53,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "21.1.39",
+  "version": "21.2.3",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -3159,6 +3159,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4559,6 +4562,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5402,9 +5406,6 @@
   background-color: #767676;
   color: #fff;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5419,17 +5420,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 5px;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #fff;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5719,16 +5718,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/bootstrap.css

@@ -3157,6 +3157,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4557,6 +4560,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5400,9 +5404,6 @@
   background-color: #eee;
   color: #333;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5417,17 +5418,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 5px;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #333;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5717,16 +5716,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/bootstrap4.css

@@ -3321,6 +3321,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4775,6 +4778,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5622,9 +5626,6 @@
   background-color: #eee;
   color: #333;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5639,17 +5640,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 5px;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #333;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5940,16 +5939,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/bootstrap5-dark.css

@@ -3238,6 +3238,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4675,6 +4678,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5536,9 +5540,6 @@
   background-color: #343a40;
   color: #ced4da;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5553,17 +5554,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 5px;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #adb5bd;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5859,16 +5858,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/bootstrap5.css

@@ -3240,6 +3240,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4677,6 +4680,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5538,9 +5542,6 @@
   background-color: #e9ecef;
   color: #495057;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5555,17 +5556,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 5px;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #6c757d;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5861,16 +5860,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/fabric-dark.css

@@ -3166,6 +3166,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4575,6 +4578,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5418,9 +5422,6 @@
   background-color: #333232;
   color: #dadada;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5435,17 +5436,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 0;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #dadada;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5735,16 +5734,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/fabric.css

@@ -3168,6 +3168,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4577,6 +4580,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5420,9 +5424,6 @@
   background-color: #f4f4f4;
   color: #333;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5437,17 +5438,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 0;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #333;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5737,16 +5736,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;

package/styles/fluent-dark.css

@@ -3215,6 +3215,9 @@
 .e-pivot-formatting-dialog.e-device .e-format-inner-div {
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
+  margin-left: 0;
+}
 .e-pivot-formatting-dialog.e-device .e-format-value1,
 .e-pivot-formatting-dialog.e-device .e-format-value2,
 .e-pivot-formatting-dialog.e-device .e-format-value-span {
@@ -4660,6 +4663,7 @@
 }
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
   max-width: 45%;
+  overflow: visible;
 }
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
@@ -5523,9 +5527,6 @@
   background-color: #252423;
   color: #c8c6c4;
   font-size: 14px;
-  height: 48px;
-  padding-bottom: 9px;
-  padding-top: 9px;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
@@ -5540,17 +5541,15 @@
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
-}
-.e-pivotfieldlist-container.e-device .e-title-mobile-content {
-  margin-top: 5px;
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
   color: #a19f9d;
   font-size: 16px;
-  height: 24px;
+  height: auto;
   margin-left: 0;
   margin-right: 12px;
-  padding-top: 7px;
   text-align: center;
   width: 24px;
 }
@@ -5840,16 +5839,19 @@
   margin-top: 20px;
   overflow: auto;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon {
   display: table;
   font-size: 12px;
-  height: 36px;
-  min-height: 36px;
   min-width: 28px;
   padding: 0;
   position: absolute;
   right: 16px;
-  top: 0;
 }
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-pivot-calc-outer-div .e-accordion .e-acrdn-header-icon .e-list-icon {
   cursor: pointer;