@syncfusion/ej2-react-pivotview 20.3.59 → 20.4.38

package/CHANGELOG.md

@@ -6,6 +6,55 @@
 
 #### Bug Fixes
 
+- `#I423050` - Filter state will now be properly maintained in the member editor.
+- `#I420253` - When virtual scrolling is enabled, the pivot table will now scroll properly.
+- Number formatting is now applied properly to row and column headers in the pivot table.
+
+#### New Features
+
+- `#I347303`, `#I400764`, `#F172939` - Provided support for displaying row and column sub-totals at the top or bottom of the header group in the pivot table.
+- `#I310709`, `#I346859` - Provided support to display pivot chart's series for multiple measures on a single y-axis.
+- `#I398184` - The pivot table now supports customising the size of PDF document while exporting.
+- `#I305545` - The pivot table now allows you to export both the table and the chart to a single PDF document.
+
+#### Breaking Changes
+
+- The `chartSettings.showMemberSeries` property is deprecated and will no longer to be used. Use `chartSettings.showPointColorByMembers` to achieve the same.
+
+| Previous | Now | 
+|---|---|
+| showMemberSeries | showPointColorByMembers | 
+
+- The `chartExport` method parameters for the pivot table have now been changed.
+
+**Previous**
+
+
+| Parameter | Type | Description | 
+|---|---|---|
+| type | ExportType | Defines the export type. | 
+| fileName | string | Defines file name of export document. | 
+| orientation | PdfPageOrientation | Defines the page orientation on pdf export(0 for Portrait mode, 1 for Landscape mode). | 
+| width | number | Defines width of the export document. | 
+| height | number | Defines width of the export document. | 
+
+**Now**
+
+
+| Parameter | Type | Description | 
+|---|---|---|
+| type | ExportType | Defines the export type. | 
+| pdfExportProperties | PdfExportProperties | Allows to define the chart's export properties such as file name, orientation, width and height. | 
+| isMultipleExport | boolean | Allows to export multiple tables and charts into a single PDF document. | 
+| pdfDoc | Object | Allows the export of an external PDF document along with current PDF document. | 
+| isBlob | boolean | Allows the PDF document to be saved as blob data. | 
+
+## 20.3.59 (2022-11-29)
+
+### Pivot Table
+
+#### Bug Fixes
+
 - `#I405590` - The pivot table will now properly refresh while performing value sorting with the grouping bar and autofit enabled.
 - `#I420612` - The pivot table will now be rendered properly while switching between reports in the toolbar.
 - `#F420612` - The pivot table's alphanumeric sorting will now works properly.

package/README.md

@@ -1,61 +1,143 @@
-# ej2-react-pivotview
+# React Pivot Table Component
 
-The pivot grid is a multi-dimensional data visualization component built on top of the relational data sources. The pivot report can be managed dynamically at runtime along with other capabilities like aggregation, filtering and sorting (field and value based).
+The [React Pivot Table](https://www.syncfusion.com/react-components/react-pivot-table?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm) is a multi-dimensional data visualization component built on top of relational and OLAP data sources. The pivot report can be managed dynamically at runtime, along with other features such as graphical visualization (Pivot Chart), drill down/up, aggregation, filtering, sorting, grouping, conditional formatting, drill through, editing, hyperlink, and more. The large amounts of data are effectively handled by virtualization or paging support.
 
-![Pivot Grid](https://ej2.syncfusion.com/products/typescript/pivotview/readme.gif)
+<p align="center">
+    <a href="https://ej2.syncfusion.com/react/documentation/pivotview/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm">Getting started</a> . 
+    <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/bootstrap5/pivot-table/default">Online demos</a> . 
+    <a href="https://www.syncfusion.com/react-components/react-pivot-table?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm">Learn more</a>
+</p>
 
->Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
->A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
+<p align="center">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-pivot-table.png" alt="React Pivot Table Component" />
+</p>
+
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
 ## Setup
 
-To install Pivot Grid and its dependent packages, use the following command
+### Create a React Application
+
+You can use [`create-react-app`](https://github.com/facebookincubator/create-react-app) to setup applications. To create React app, use the following command.
 
-```sh
-npm install @syncfusion/ej2-react-pivotview
+```bash
+npx create-react-app my-app --template typescript
+cd my-app
+npm start
 ```
 
-## Resources
+### Add Syncfusion Pivot Table package
 
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/pivotview/getting-started.html)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/default.html)
-* [Product Page](https://www.syncfusion.com/react-ui-components/pivot-table)
+All Syncfusion React packages are published in the [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install the React Pivot Table package, use the following command.
 
-## Supported Frameworks
+```bash
+npm install @syncfusion/ej2-react-pivotview --save
+```
 
-Pivot Grid component is also offered in following list of frameworks.
+### Add CSS references for Pivot Table
+
+Add CSS references needed for a Pivot Table in **src/App.css** from the **../node_modules/@syncfusion** package folder.
+
+```css
+@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-grids/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-react-pivotview/styles/material.css';
+```
 
-1. [Angular](https://www.syncfusion.com/angular-ui-components/pivot-table)
-2. [VueJS](https://www.syncfusion.com/vue-ui-components/pivot-table)
-3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/pivot-table)
-4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/pivot-table)
-5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/pivot-table)
+### Add Pivot Table Component
+
+In the **src/App.tsx** file, use the following code snippet to render the Syncfusion React Pivot Table component and import **App.css** to apply styles to the Pivot Table.
+
+```typescript
+import { IDataSet, IDataOptions, PivotViewComponent } from '@syncfusion/ej2-react-pivotview';
+import * as React from 'react';
+import './App.css';
+
+export default function App() {
+    let pivotData: IDataSet[] = [
+        { 'Sold': 31, 'Amount': 52824, 'Country': 'France', 'Products': 'Mountain Bikes', 'Year': 'FY 2015', 'Quarter': 'Q1' },
+        { 'Sold': 51, 'Amount': 86904, 'Country': 'France', 'Products': 'Mountain Bikes', 'Year': 'FY 2015', 'Quarter': 'Q2' },
+        { 'Sold': 90, 'Amount': 153360, 'Country': 'France', 'Products': 'Mountain Bikes', 'Year': 'FY 2015', 'Quarter': 'Q3' },
+        { 'Sold': 25, 'Amount': 42600, 'Country': 'France', 'Products': 'Mountain Bikes', 'Year': 'FY 2015', 'Quarter': 'Q4' },
+        { 'Sold': 27, 'Amount': 46008, 'Country': 'France', 'Products': 'Mountain Bikes', 'Year': 'FY 2016', 'Quarter': 'Q1' }
+    ];
+    let dataSourceSettings: IDataOptions = {
+        columns: [{ name: 'Year', caption: 'Production Year' }, { name: 'Quarter' }],
+        dataSource: pivotData,
+        expandAll: false,
+        filters: [],
+        formatSettings: [{ name: 'Amount', format: 'C0' }],
+        rows: [{ name: 'Country' }, { name: 'Products' }],
+        values: [{ name: 'Sold', caption: 'Units Sold' }, { name: 'Amount', caption: 'Sold Amount' }]
+    };
+    return <PivotViewComponent id='PivotView' height={350} dataSourceSettings={this.dataSourceSettings}></PivotViewComponent>
+}
+```
 
-## Key Features
+## Supported frameworks
 
-* [**Data Sources**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/local) - Binds the component with an array of JavaScript objects.
-* [**Filtering**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/filtering) - Allows user to view only specific/desired records in the component.
-* [**Sorting**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/sorting) - Both member and value sorting are supported. It’s allows user to order fields and values (column) either in ascending or descending order respectively.
-* [**Field List & Grouping Bar**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/grouping-bar) - Supports UI interaction at runtime to dynamically change the report along with sorting, filtering and remove options.
-* [**Aggregation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/aggregation) - Provides built in aggregation types like sum, average, min, max and count.
-* [**Calculated Field**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/calculated-field) - Users can add new value field(s) to the report dynamically using this option.
-* **Adaptive Rendering** - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
-* [**Exporting**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=pivot-grid#/material/pivot-view/exporting) - Provides the option to exporting records to Excel, CSV and PDF formats.
+Pivot Table component is also offered in the following list of frameworks.
 
-## Support
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Showcase samples
 
-Product support is available for through following mediums.
+* Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/default)
+* Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-react-health-tracker-dashboard-demo), [Live Demo](https://ej2.syncfusion.com/showcase/react/fitness-tracker-app/)
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=pivot-grid) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=pivot-grid).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+## Key features
 
-## License
+* [Data sources](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/local): Binds the Pivot Table component with an array of JSON objects, CSV files, and web services. It also supports multi-dimensional data sources, such as OLAP.
+* [Pivot chart](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/pivot-chart): Allows user to visualize the pivot data graphically with 20+ chart types.
+* [Drill down](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/drill-down): Provides option to view the bound data in both detailed and abstract view.
+* [Filtering](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/filtering): Allows user to view only specific/desired records in the component.
+* [Sorting](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/sorting): Both member and value sorting are supported. It’s allows user to order fields and values (column) either in ascending or descending order respectively.
+* [Field list and grouping bar](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/grouping-bar): Supports UI interaction at runtime to dynamically change the report along with sorting, filtering and remove options.
+* [Aggregation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/aggregation): Provides built-in aggregation types such as sum, count, product, average, min, max, and more.
+* [Calculated field](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/calculated-field): Users can add new value field(s) to the report dynamically using this option.
+* [Grouping](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/grouping): Allows you to automatically group date, time, number, and string data based on group interval.
+* [Virtual scrolling and paging](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/paging): Provides the option to display large amounts of data page by page, using either virtual scrolling or pager UI.
+* [Drill through and editing](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/editing): Provides the ability to perform CRUD operations such as creating, reading, updating, and deleting raw data at runtime via an interactive UI.
+* [Toolbar](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/tool-bar): Provides the option to access frequently used features like switching between pivot table and pivot chart, changing chart types, conditional formatting, exporting, and so on.
+* [Templates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/cell-template): Templates can be used to create custom user experiences in the pivot table.
+* [Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#/material/pivot-table/exporting): Data can be exported to Excel, CSV, and PDF formats.
+* [Right-to-left (RTL)](https://ej2.syncfusion.com/react/documentation/pivotview/globalization-and-localization/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#right-to-left-rtl): Aligns content in the Pivot Table component from right to left.
+* [Globalization](https://ej2.syncfusion.com/react/documentation/pivotview/globalization-and-localization/?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm#globalization): Personalize the Pivot Table component with different languages, as well as culture-specific date and number formatting.
 
-Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=pivot-grid).
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm)
+* Live chat
 
 ## Changelog
 
-Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/pivotview/CHANGELOG.md?utm_source=npm&utm_campaign=pivot-grid)
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/pivotview/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=react-pivot-table-npm) for more info.
 
 © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/diConfig.json

@@ -4,30 +4,70 @@
     "blazorType": "native",
     "keywords": {
         "common": [
-            "ej2-pivotview",
-            "pivotview",
             "ej2",
             "syncfusion",
-            "web-components",
+            "JavaScript", 
+            "TypeScript",
+            "BI",
+            "business-intelligence",
             "data",
-            "table"
+            "db",
+            "database",
+            "json",
+            "web-service",
+            "relational",
+            "excel",
+            "csv",
+            "olap",
+            "cube",
+            "sql",
+            "analysis-services",
+            "multi-dimension",
+            "measure",
+            "dimension",
+            "pivot",
+            "aggregation",
+            "grid",
+            "table",
+            "chart",
+            "pivotview",
+            "pivotgrid",
+            "pivottable",
+            "pivot-grid",
+            "pivot-table",
+            "pivotchart",
+            "pivot-chart",
+            "field-list",
+            "pivot-field-list",
+            "pivottable-field-list",
+            "pivot-table-field-list",
+            "filtering",
+            "sorting",
+            "expand",
+            "collapse",
+            "summary",
+            "totals",
+            "formatting",
+            "grouping",
+            "calculated-field",
+            "drill-through",
+            "editing",
+            "virtual-scrolling",
+            "paging"
         ],
         "angular": [
             "angular",
-            "ng-pivotview",
-            "ej2-ng-pivotview"
+            "angular-pivotview"
         ],
         "react": [
             "react",
             "reactjs",
-            "react-pivotview",
-            "ej2-react-pivotview"
+            "react-pivotview"
         ],
         "vue": [
             "vue",
             "vuejs",
-            "vue-pivotview",
-            "ej2-vue-pivotview"
+            "vue-pivotview"
         ]
     },
     "repository": {

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.min.js
-*  version : 20.3.59
+*  version : 20.4.38
 *  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 : 20.3.59
+*  version : 20.4.38
 *  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.3.57",
+  "_id": "@syncfusion/ej2-react-pivotview@20.8.13",
   "_inBundle": false,
-  "_integrity": "sha512-5qFxiQkB9zqGlXlF6lTx+IBiCq5fTfRz9jufkmCfgdpSLchvOv0nFQnqavFpO5tossenfPIUzUG2UdXKeNzy2w==",
+  "_integrity": "sha512-Wxna+Lkn3eY1SF2thjC9VeTwntZ4dGhCxJo826O9kXooVVRpIs2s2iYxloz2PVc5lfG+ZqsmYUBiZtwFbytrpw==",
   "_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-20.3.57.tgz",
-  "_shasum": "907021aa2d99cb3192765e6c800109353a763c4b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-20.8.13.tgz",
+  "_shasum": "0e8d26f47e77acb0bdddb34771169409ebf52720",
   "_spec": "@syncfusion/ej2-react-pivotview@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-pivotview": "20.3.59",
-    "@syncfusion/ej2-react-base": "~20.3.56"
+    "@syncfusion/ej2-base": "~20.4.38",
+    "@syncfusion/ej2-pivotview": "20.4.38",
+    "@syncfusion/ej2-react-base": "~20.4.38"
   },
   "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",
@@ -41,17 +41,59 @@
   "es2015": "dist/es6/ej2-react-pivotview.es2015.js",
   "homepage": "https://github.com/syncfusion/ej2-react-ui-components#readme",
   "keywords": [
-    "ej2-pivotview",
-    "pivotview",
     "ej2",
     "syncfusion",
-    "web-components",
+    "JavaScript",
+    "TypeScript",
+    "BI",
+    "business-intelligence",
     "data",
+    "db",
+    "database",
+    "json",
+    "web-service",
+    "relational",
+    "excel",
+    "csv",
+    "olap",
+    "cube",
+    "sql",
+    "analysis-services",
+    "multi-dimension",
+    "measure",
+    "dimension",
+    "pivot",
+    "aggregation",
+    "grid",
     "table",
+    "chart",
+    "pivotview",
+    "pivotgrid",
+    "pivottable",
+    "pivot-grid",
+    "pivot-table",
+    "pivotchart",
+    "pivot-chart",
+    "field-list",
+    "pivot-field-list",
+    "pivottable-field-list",
+    "pivot-table-field-list",
+    "filtering",
+    "sorting",
+    "expand",
+    "collapse",
+    "summary",
+    "totals",
+    "formatting",
+    "grouping",
+    "calculated-field",
+    "drill-through",
+    "editing",
+    "virtual-scrolling",
+    "paging",
     "react",
     "reactjs",
-    "react-pivotview",
-    "ej2-react-pivotview"
+    "react-pivotview"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-react-pivotview.umd.min.js",
@@ -61,6 +103,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.3.59",
+  "version": "20.4.38",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -896,6 +896,7 @@
 }
 .e-pivotview .e-valuescontent {
   padding-right: 8px;
+  text-align: right;
 }
 .e-pivotview .e-grid .e-rowcell {
   /* stylelint-disable */
@@ -935,7 +936,7 @@
 }
 .e-pivotview .e-member-editor-dialog,
 .e-pivotview .e-olap-editor-dialog {
-  min-height: 385px !important;
+  min-height: 350px !important;
   min-width: 350px !important;
   visibility: hidden;
 }
@@ -1582,7 +1583,7 @@
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline;
+  display: inline-block;
   height: 18px;
   margin-top: 5px;
   text-align: center;
@@ -1932,6 +1933,9 @@
   margin-left: 0;
   margin-right: 7px;
 }
+.e-pivotview.e-rtl .e-valuescontent {
+  text-align: left;
+}
 .e-pivotview.e-rtl .e-group-values,
 .e-pivotview.e-rtl .e-group-columns,
 .e-pivotview.e-rtl .e-group-filters,
@@ -2052,6 +2056,7 @@
 .e-pivottooltip {
   border-radius: 4px;
   padding: 3px 2px;
+  text-align: initial;
 }
 
 .e-pivottooltip p {
@@ -3463,6 +3468,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .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-fullrow {
   cursor: move;
@@ -3486,6 +3492,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
 }
 .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-icon {
   cursor: auto;
@@ -3900,6 +3908,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -4415,14 +4426,14 @@
 .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;
+  max-height: 440px !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;
+  min-height: 75px !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,

package/styles/bootstrap.css

@@ -895,6 +895,7 @@
 }
 .e-pivotview .e-valuescontent {
   padding-right: 8px;
+  text-align: right;
 }
 .e-pivotview .e-grid .e-rowcell {
   /* stylelint-disable */
@@ -934,7 +935,7 @@
 }
 .e-pivotview .e-member-editor-dialog,
 .e-pivotview .e-olap-editor-dialog {
-  min-height: 385px !important;
+  min-height: 350px !important;
   min-width: 350px !important;
   visibility: hidden;
 }
@@ -1581,7 +1582,7 @@
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline;
+  display: inline-block;
   height: 18px;
   margin-top: 5px;
   text-align: center;
@@ -1931,6 +1932,9 @@
   margin-left: 0;
   margin-right: 7px;
 }
+.e-pivotview.e-rtl .e-valuescontent {
+  text-align: left;
+}
 .e-pivotview.e-rtl .e-group-values,
 .e-pivotview.e-rtl .e-group-columns,
 .e-pivotview.e-rtl .e-group-filters,
@@ -2051,6 +2055,7 @@
 .e-pivottooltip {
   border-radius: 4px;
   padding: 3px 2px;
+  text-align: initial;
 }
 
 .e-pivottooltip p {
@@ -3460,6 +3465,7 @@
   display: inline-table;
   height: 100%;
   width: 100%;
+  min-width: 265px;
 }
 .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-fullrow {
   cursor: move;
@@ -3483,6 +3489,8 @@
   cursor: pointer;
   font-size: 13px;
   margin-top: 3px;
+  padding-left: 0px;
+  padding-right: 0px;
 }
 .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-icon {
   cursor: auto;
@@ -3897,6 +3905,9 @@
   margin-left: 0;
   margin-right: 10px;
 }
+.e-pivotfieldlist-container .e-member-editor-dialog .e-member-editor-outer-container:not(.e-excelfilter) .e-editor-search-container {
+  padding-top: 4px !important;
+}
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog ul:first-child {
   min-height: 170px;
   overflow: auto;
@@ -4262,7 +4273,7 @@
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-bigger.e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
-  height: 213px;
+  height: 204px;
 }
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
 .e-bigger .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter .e-filter-text-div,
@@ -4412,14 +4423,14 @@
 .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;
+  max-height: 440px !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;
+  min-height: 75px !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,