@syncfusion/ej2-react-pivotview 19.4.55 → 20.1.47

package/CHANGELOG.md

@@ -6,6 +6,22 @@
 
 #### Bug Fixes
 
+- `#I366940` - When the defer layout update option is enabled, the field list UI will now properly refresh while drag and drop measures.
+- `#I367463` - When virtual scrolling is enabled, the pivot table now properly refresh based on the specified height.
+- In Angular, grouping will now work properly with the static field list.
+- `#I370021` - While resizing, the pivot chart is now properly refreshed.
+
+#### New Features
+
+- Provided support to expand all members (aka, headers) in a specific field in the Pivot Table's row and column axes.
+- Provided built-in option in toolbar UI, grand totals will now display either at the first or last position in the Pivot Table's row and column axes.
+
+## 19.4.55 (2022-03-08)
+
+### Pivot Table
+
+#### Bug Fixes
+
 - When virtual scrolling is enabled, the pivot table now properly refresh based on the specified height.
 
 ## 19.4.54 (2022-03-01)

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.umd.min.js
-*  version : 19.4.55
+*  version : 20.1.47
 *  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@19.4.54",
+  "_id": "@syncfusion/ej2-react-pivotview@18.30.4",
   "_inBundle": false,
-  "_integrity": "sha512-4XCIHU1kYtg0GseSFDFdMrlQdrohCYHnv8N8S9afVU95KenXWDDYcc9c0mqpIpSz2I5ElXKelXZa2KLwvq2VfA==",
+  "_integrity": "sha512-h7wSb0S5QEhOkwH8gxMSJC0LntL38zveA1lVp10QWwbY0YKnOoBf1WbqcZ4/5RB+JUxJTHOhg7fd6hcFdbY4OA==",
   "_location": "/@syncfusion/ej2-react-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-19.4.54.tgz",
-  "_shasum": "3d9f5b8c07a2a32c0723968768ce3e2e0033d2ab",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-18.30.4.tgz",
+  "_shasum": "2f8572546d8fa9ee97ce08b4366fba83df3bf9cd",
   "_spec": "@syncfusion/ej2-react-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-pivotview": "19.4.55",
-    "@syncfusion/ej2-react-base": "~19.4.55"
+    "@syncfusion/ej2-base": "~20.1.47",
+    "@syncfusion/ej2-pivotview": "20.1.47",
+    "@syncfusion/ej2-react-base": "~20.1.47"
   },
   "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",
@@ -61,6 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.4.55",
+  "version": "20.1.47",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -680,9 +680,6 @@
   background: #131313;
   border-bottom: 0;
   border-style: solid;
-  border-top: 1px solid rgba(255, 255, 255, 0.12);
-  border-left: 1px solid rgba(255, 255, 255, 0.12);
-  border-right: 1px solid rgba(255, 255, 255, 0.12);
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-items {
@@ -701,7 +698,7 @@
 
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 40px;
+  height: 40px !important;
   overflow: hidden;
   padding-left: 10px;
 }
@@ -713,6 +710,10 @@
   font-size: 16px;
 }
 
+.e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin-left: 18px !important;
+}
+
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
   padding: 0 !important;
 }
@@ -1052,6 +1053,18 @@
   margin-top: 8px;
 }
 
+.e-bigger .e-dialog .e-footer-content {
+  height: 62px;
+}
+
+.e-bigger .e-dialog .e-dlg-header-content {
+  padding-left: 10px;
+}
+
+.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin-left: 24px !important;
+}
+
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -1079,8 +1092,11 @@
 
 .e-pivotview .e-grid
 .e-rowcell {
-  font-size: 13px;
+  font-size: 13px !important;
   padding-left: 8px;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .e-pivotview .e-gtot,
@@ -1227,6 +1243,10 @@
 
 .e-pivotview .e-grid .e-rowsheader {
   padding-left: 8px;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
 }
 
 .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1244,13 +1264,17 @@
   padding-left: 8px !important;
 }
 
+.e-pivotview .sf-grid .e-spinner-pane {
+  z-index: 1 !important;
+}
+
 .e-pivotview .sf-grid .e-headercelldiv,
 .e-pivotview .sf-grid .e-columnsheader {
   padding-right: 8px !important;
 }
 
-.e-pivotview .sf-grid .e-headercelldiv,
-.e-pivotview .sf-grid .e-stackedheadercelldiv {
+.e-pivotview .e-grid .e-headercelldiv,
+.e-pivotview .e-grid .e-stackedheadercelldiv {
   line-height: normal;
 }
 
@@ -1268,7 +1292,7 @@
 
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  padding-left: 8px !important;
+  padding-left: 12px !important;
   margin-top: 5px;
 }
 
@@ -1972,7 +1996,7 @@
 
 .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
 .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
-  padding-right: 8px !important;
+  padding-right: 12px !important;
 }
 
 .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2100,6 +2124,11 @@
   padding-left: 8px !important;
 }
 
+.e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
+.e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
+  height: 100% !important;
+}
+
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
 .e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
@@ -2111,6 +2140,11 @@
   font-size: 13px !important;
 }
 
+.e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
+.e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
+  padding-left: 16px !important;
+}
+
 .e-bigger .e-pivotview th .e-expand,
 .e-bigger .e-pivotview th .e-collapse,
 .e-bigger.e-pivotview th .e-expand,
@@ -2163,7 +2197,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
-  font-size: 14px;
+  font-size: 14px !important;
   height: 20px;
   width: 20px;
 }
@@ -2252,7 +2286,7 @@
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
-  font-size: 14px;
+  font-size: 14px !important;
   height: 20px;
   width: 20px;
 }
@@ -2311,7 +2345,7 @@
 
 .e-bigger .e-pivotview .e-rowcell,
 .e-bigger.e-pivotview .e-rowcell {
-  font-size: 13px;
+  font-size: 13px !important;
 }
 
 .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2356,7 +2390,7 @@
 .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
 .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
 .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
-  padding-right: 8px !important;
+  padding-right: 16px !important;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
@@ -2765,7 +2799,7 @@
 }
 
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
-  padding-bottom: 10px;
+  padding-bottom: 4px;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -2793,7 +2827,7 @@
 
 .e-pivot-formatting-dialog .e-format-font-color-picker {
   margin-left: 0;
-  margin-right: 18px;
+  margin-right: 16px;
 }
 
 .e-pivot-formatting-dialog .e-format-inner-div {
@@ -2916,7 +2950,7 @@
 }
 
 .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
-  margin-left: 18px;
+  margin-left: 16px;
   margin-right: 0;
 }
 
@@ -2938,6 +2972,10 @@
   padding-left: 12px;
 }
 
+.e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
+  margin-right: 0;
+}
+
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
   min-width: 670px !important;
@@ -3032,7 +3070,7 @@
   color: #f0f0f0;
   font-size: 13px;
   margin-bottom: 4px;
-  margin-top: 15px;
+  margin-top: 12px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
@@ -3066,7 +3104,9 @@
 
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #f0f0f0;
+  float: right !important;
   margin: 0;
+  margin-right: 12px !important;
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -3089,6 +3129,13 @@
   width: 24px;
 }
 
+.e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
+  float: right;
+  font-size: 20px;
+  margin-right: 12px;
+  padding-top: 10px;
+}
+
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
   cursor: pointer;
   display: inline-block;
@@ -3111,9 +3158,9 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  padding: 5px;
   pointer-events: auto;
   width: 24px;
+  padding: 8px 8px 8px 12px;
 }
 
 .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3229,7 +3276,7 @@
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 450px;
+  height: 467px;
   width: 50%;
 }
 
@@ -3241,7 +3288,7 @@
 
 .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: 421px;
+  height: 437px;
   overflow: auto;
   width: 100%;
 }
@@ -3299,6 +3346,7 @@
 .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 ul .e-list-item div.e-icons {
   padding: 0;
   height: auto;
+  float: none !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 ul li {
@@ -3469,12 +3517,12 @@
 
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 495px;
+  height: 511px;
 }
 
 .e-bigger.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,
 .e-bigger .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 {
-  height: 463px;
+  height: 475px;
 }
 
 .e-bigger.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-all-field-title,
@@ -3780,7 +3828,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 20px 10px;
+  padding: 0 24px 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -4584,7 +4632,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 20px 10px;
+  padding: 0 28px 10px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -4644,6 +4692,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
   font-size: 14px;
+  padding-bottom: 6px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -5059,7 +5108,7 @@
   color: #f0f0f0;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 7px 0 0 4px;
   width: 20px;
 }
@@ -5979,6 +6028,7 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
+  font-size: 14px !important;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -6532,7 +6582,7 @@
   color: #f0f0f0;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 7px 0 0 4px;
   width: 20px;
 }
@@ -7452,6 +7502,7 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
+  font-size: 14px !important;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -7847,7 +7898,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 16px !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -7873,7 +7924,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
   font-size: 16px;
-  height: 24px;
+  height: 24px !important;
   padding: 7px 0 0 4px;
   width: 24px;
 }
@@ -8312,7 +8363,7 @@
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
   font-size: 16px;
-  height: 24px;
+  height: 24px !important;
   padding: 7px 0 0 4px;
   width: 24px;
 }