@syncfusion/ej2-react-pivotview 20.1.61 → 20.2.36

package/CHANGELOG.md

@@ -6,6 +6,18 @@
 
 #### Bug Fixes
 
+- `#I387410` - The pivot table with OLAP cube can now render properly with calculated fields when virtual scrolling is enabled.
+
+#### New Features
+
+- Provided support to search for a specific field in the field list UI.
+
+## 20.1.61 (2022-06-21)
+
+### Pivot Table
+
+#### Bug Fixes
+
 - `#I382188` - When there is only one record, inline editing for value fields with advanced aggregate types now works properly.
 
 ## 20.1.58 (2022-05-31)

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.umd.min.js
-*  version : 20.1.61
+*  version : 20.2.36
 *  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@20.1.58",
+  "_id": "@syncfusion/ej2-react-pivotview@20.15.1",
   "_inBundle": false,
-  "_integrity": "sha512-ttXkIk8ep41QeI+UXexEM/paHmBemmXmz+dGbcfzMLAV5guhDe4JZhtz+KNMJOtwkv+WzAlf7ep9uP8Ebp80lg==",
+  "_integrity": "sha512-JPtn1tc8AgahhjwLSSsYb2bvMKa/ew9oP3kDHXvjZKGZig6cnyEttqf6KpFu6m3vypP2Q8JUkm83tDYLOaEoTA==",
   "_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-20.1.58.tgz",
-  "_shasum": "1b6245fcc82fa90d91bc6172baf95a645254104d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-20.15.1.tgz",
+  "_shasum": "344d763692b736732f923a1ecc00d4ffb48a87f8",
   "_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": "~20.1.61",
-    "@syncfusion/ej2-pivotview": "20.1.61",
-    "@syncfusion/ej2-react-base": "~20.1.59"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-pivotview": "20.2.36",
+    "@syncfusion/ej2-react-base": "~20.2.36"
   },
   "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": "20.1.61",
+  "version": "20.2.36",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -837,18 +837,6 @@
   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;
@@ -906,6 +894,8 @@
 }
 .e-pivotview .e-member-editor-dialog,
 .e-pivotview .e-olap-editor-dialog {
+  min-height: 385px !important;
+  min-width: 350px !important;
   visibility: hidden;
 }
 .e-pivotview .e-member-editor-dialog .e-toolbar .e-toolbar-items {
@@ -975,7 +965,7 @@
   margin: -15px 0 !important;
 }
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
-  padding: 1px 4px !important;
+  font-size: 12px !important;
 }
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
   margin: -10px 0 !important;
@@ -1013,12 +1003,7 @@
   z-index: 1 !important;
 }
 .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
-  visibility: hidden;
-}
-.e-pivotview .e-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
-.e-pivotview .e-grid.e-responsive .e-headercelldiv .e-headertext {
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  visibility: hidden !important;
 }
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
@@ -1210,7 +1195,7 @@
   border: 1px solid #414141;
   border-radius: 4px;
   box-shadow: none;
-  color: #f0f0f0;
+  color: #f0f0f0 !important;
   cursor: default;
   display: -ms-flexbox;
   display: flex;
@@ -1457,8 +1442,9 @@
   color: #f0f0f0 !important;
   font-size: 10px;
   height: 18px;
-  margin-left: 4px;
+  margin-left: 4px !important;
   width: 18px;
+  padding-top: 2px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort:hover,
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon:hover,
@@ -1481,6 +1467,7 @@
   width: 18px;
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-sort.e-descend {
+  margin-top: 3px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button .e-dropdown-icon {
@@ -1653,6 +1640,12 @@
 .e-pivotview.e-device .e-grouping-bar .e-pivot-button {
   line-height: 1em !important;
 }
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-dropdown-icon,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-pv-filtered,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-remove,
+.e-pivotview.e-device .e-grouping-bar .e-pivot-button .e-sort {
+  margin-top: 2px !important;
+}
 .e-pivotview.e-device .e-grouping-bar .e-group-all-fields .e-pvt-btn-div .e-pivot-button {
   max-width: 155px;
 }
@@ -1663,6 +1656,9 @@
 .e-pivotview.e-device .e-grouping-bar .e-group-columns .e-pvt-btn-div .e-pivot-button {
   max-width: 200px;
 }
+.e-pivotview.e-device .e-drillthrough-dialog {
+  width: 100% !important;
+}
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-indent-div {
   width: 0 !important;
 }
@@ -1822,6 +1818,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
   font-size: 14px !important;
   height: 20px;
+  margin-top: 0;
   width: 20px;
 }
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-sort,
@@ -1905,7 +1902,7 @@
 }
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -30px -18px !important;
+  margin: -13px -11px !important;
 }
 .e-bigger .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv,
@@ -2264,6 +2261,10 @@
 .e-pivotfieldlist-container .e-sort-descend::before {
   content: "\e665" !important;
 }
+.e-pivotfieldlist-wrapper .e-field-list-search-icon::before,
+.e-pivotfieldlist-container .e-field-list-search-icon::before {
+  content: "\e993" !important;
+}
 .e-pivotfieldlist-wrapper .e-pivot-calc-outer-div .e-pivot-accord .e-edited.e-icons::before,
 .e-pivotfieldlist-container .e-pivot-calc-outer-div .e-pivot-accord .e-edited.e-icons::before {
   content: "\e7a3";
@@ -2299,7 +2300,6 @@
 
 .e-pivot-formatting-dialog {
   max-height: 480px !important;
-  min-width: 625px !important;
   width: 625px !important;
 }
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
@@ -2314,6 +2314,7 @@
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(even) td {
   padding-bottom: 14px;
   padding-right: 18px;
+  white-space: nowrap;
 }
 .e-pivot-formatting-dialog .e-format-value-span {
   vertical-align: bottom;
@@ -2330,6 +2331,7 @@
 .e-pivot-formatting-dialog .e-format-inner-div {
   padding-left: 14px;
   padding-top: 14px;
+  width: 579px;
 }
 .e-pivot-formatting-dialog .e-format-outer-div {
   background-color: #1a1a1a;
@@ -2405,6 +2407,9 @@
   min-width: 320px !important;
   width: 100% !important;
 }
+.e-pivot-formatting-dialog.e-device .e-format-inner-div {
+  width: 100% !important;
+}
 .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 {
@@ -2449,7 +2454,6 @@
 
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
-  min-width: 670px !important;
   width: 670px !important;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-label,
@@ -2467,6 +2471,7 @@
 .e-bigger .e-pivot-formatting-dialog .e-format-inner-div {
   padding-left: 16px;
   padding-top: 16px;
+  width: 656px;
 }
 .e-bigger.e-pivot-formatting-dialog .e-format-outer-div,
 .e-bigger .e-pivot-formatting-dialog .e-format-outer-div {
@@ -2840,8 +2845,8 @@
 
 .e-bigger.e-pivot-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div {
-  max-height: 580px !important;
-  min-width: 310px;
+  max-height: 600px !important;
+  min-width: 401px !important;
 }
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-all-field-title,
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-field-name-title,
@@ -2882,8 +2887,8 @@
 }
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div {
-  max-height: 700px !important;
-  min-width: 580px;
+  max-height: 750px !important;
+  min-width: 580px !important;
 }
 .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 {
@@ -2959,7 +2964,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul {
   margin-left: -35px;
-  overflow: hidden;
+  overflow: auto !important;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-list-text,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-container ul li .e-list-text {
@@ -2996,6 +3001,9 @@
 .e-pivotfieldlist-container .e-member-editor-dialog.e-olap-editor-dialog.e-rtl .e-member-editor-outer-container ul {
   margin-right: 0;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-toolbar .e-toolbar-items {
+  margin-left: 20px;
+}
 .e-pivotfieldlist-container .e-member-editor-dialog .e-clear-filter-button {
   float: left;
   margin: 0;
@@ -3090,6 +3098,10 @@
   opacity: 100%;
   padding: 18px 10px 12px 20px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-toolbar .e-toolbar-items {
+  margin-left: 0;
+  margin-right: 20px;
+}
 .e-pivotfieldlist-container .e-member-editor-dialog.e-rtl .e-member-editor-outer-container .e-editor-search-container .e-filter-sort {
   margin-left: 0;
   margin-right: 10px;
@@ -3114,6 +3126,10 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-adaptive-field-list-dialog ul {
+  min-height: 170px;
+  overflow: auto;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-calc-measure-icon,
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-calc-dimension-icon,
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container ul li .e-attributeCDB-icon,
@@ -3229,7 +3245,7 @@
 .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
   overflow: hidden;
-  padding: 0;
+  padding: 0 !important;
 }
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-empty-field::-webkit-input-placeholder,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content .e-empty-field::-webkit-input-placeholder,
@@ -3488,7 +3504,7 @@
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog.e-excel-filter {
-  min-width: 350px;
+  min-width: 350px !important;
 }
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-header-content .e-clear-filter-button.e-small,
@@ -3603,6 +3619,25 @@
   min-height: 36px;
   min-width: 36px;
 }
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog {
+  max-height: 400px !important;
+  min-width: 370px !important;
+}
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div {
+  min-height: 113px !important;
+}
+.e-bigger .e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger .e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger.e-pivotfieldlist .e-member-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul,
+.e-bigger.e-pivotfieldlist .e-olap-editor-dialog .e-member-editor-container-outer-div .e-list-parent .e-ul {
+  height: auto;
+}
 
 .e-pivotfieldlist-container {
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -3823,6 +3858,9 @@
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-list-text {
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
+.e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li.e-disable {
+  display: none !important;
+}
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree ul li {
   margin-left: 0;
   margin-right: 0;
@@ -4268,6 +4306,59 @@
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table.e-olap-axis-table {
   width: 60%;
 }
+.e-pivotfieldlist-container.e-search-mode.e-static {
+  max-height: 750px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table {
+  height: 261px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup {
+  min-height: 540px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
+  height: 369px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
+  height: 392px !important;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table {
+  height: 392px;
+}
+.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
+  height: 162px !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-member-prompt {
+  color: #f0f0f0;
+  padding: 25px 12px;
+  text-align: center;
+  width: 100%;
+}
+.e-pivotfieldlist-container.e-search-mode .e-member-prompt.e-disable {
+  display: none;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search {
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px 20px;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-field-list-search-input .e-field-list-search-icon {
+  float: right;
+  font-size: 14px;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group .e-input-group-icon,
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group.e-control-wrapper .e-input-group-icon {
+  border-width: 0 !important;
+  cursor: text !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-search .e-input-group-icon:hover {
+  background-color: transparent !important;
+  border: transparent !important;
+  color: currentColor !important;
+}
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-field-list-tree-outer-div .e-disable,
+.e-pivotfieldlist-container.e-search-mode .e-field-table .e-disable {
+  display: none !important;
+}
 .e-pivotfieldlist-container .e-calculated-field {
   color: #f0f0f0;
   font-size: 13px;
@@ -4352,7 +4443,7 @@
   width: 100%;
 }
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-field-table .e-field-list-tree-outer-div {
-  height: 175px;
+  height: 180px;
 }
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-center-div {
   display: none;
@@ -4414,6 +4505,11 @@
   background-color: transparent;
   color: #fff;
 }
+.e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
+.e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-content .e-field-list-tree-outer-div {
+  height: 210px;
+  overflow: auto;
+}
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
   display: -ms-flexbox;
   display: flex;
@@ -5304,4 +5400,41 @@
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-pivot-button .e-edit {
   padding-left: 0;
   padding-right: 4px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static {
+  max-height: 750px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container {
+  max-height: 800px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-static .e-field-list-container .e-field-table {
+  height: 270px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup {
+  max-height: 600px !important;
+  min-height: 580px !important;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container {
+  height: 387px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-field-table {
+  height: 402px !important;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table {
+  height: 404px;
+}
+.e-bigger .e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content,
+.e-bigger.e-pivotfieldlist-container.e-search-mode.e-popup .e-field-list-container .e-axis-table .e-axis-content {
+  height: 165px !important;
+}
+.e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div,
+.e-bigger.e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-field-list-tree-outer-div {
+  max-height: 190px;
 }