@syncfusion/ej2-react-pivotview 20.4.54 → 21.1.37

package/CHANGELOG.md

@@ -4,51 +4,31 @@
 
 ### Pivot Table
 
-#### Bug Fixes
-
-- `#I423348` - The "autoFit" property in the pivot table will now work properly.
-- `#I442142` - Headers are now properly exported when exporting a Pivot Table to an Excel sheet.
-- `#I441872` - The performance issue has now been fixed with the defer layout update, when the popup field list closes with a "Cancel" button click.
-
-## 20.4.48 (2023-02-01)
-
-### Pivot Table
-
-#### Bug Fixes
+#### Breaking changes
 
-- `#I431116` - The "clipMode" property now works properly in pivot table row headers.
+- The property type of [`toolbar`](https://ej2.syncfusion.com/documentation/api/pivotview#toolbar) has been changed from `(ToolbarItems | ItemModel)[]` to `ToolbarItems[] | ItemModel[]`.
+- In the server side controller, the imported namespace name has been changed from `Syncfusion.Blazor.PivotView` to `Syncfusion.EJ2.Pivot`.
 
-## 20.4.44 (2023-01-18)
+## 21.1.35 (2023-03-23)
 
 ### Pivot Table
 
 #### Bug Fixes
 
-- When switching from table to chart using the toolbar, the fieldlist popup now renders properly.
-
-## 20.4.43 (2023-01-10)
-
-### Pivot Table
-
-#### Bug Fixes
-
-- While performing inline editing, the pivot table cell will now properly update for empty values.
-
-## 20.4.42 (2023-01-04)
+- `#I437267` - During initial rendering, the spinner will now be properly displayed in the pivot table.
 
-### Pivot Table
-
-#### Bug Fixes
-
-- `#F179497` - The field list popup will now properly refresh while dynamically updating the data source in the pivot table.
+#### New Features
 
-## 20.4.40 (2022-12-28)
+- `#F165214` - Provided paging support in server side engine that allows to break and display large amounts of data page by page.
+- Provided the role option that allows access to restricted cube information such as measures, dimensions, hierarchy, and more when a SSAS OLAP cube is bound to the pivot table.
 
-### Pivot Table
+#### Breaking Changes
 
-#### Bug Fixes
+- The property type `pivotValues` has been changed from `IPivotValues` to `IAxisSet[][]`.
 
-- Advanced filtering now works properly in a pivot table.
+| Property Name | Description | Previous Type | Current Type | 
+|---|---|---|---|
+| pivotValues | It holds the collection of cell information that has been populated from the engine on the basis of the given pivot report to render the component as table and chart. | IPivotValues | IAxisSet[][] | 
 
 ## 20.4.38 (2022-12-21)
 
@@ -783,14 +763,6 @@ The pivot grid is a multi-dimensional data visualization component built on top
 - **Exporting** - Provides the option to exporting records to Excel, CSV and PDF formats.
 
 
-## 20.4.50 (2023-02-14)
-
-### Pivot Table
-
-#### Bug Fixes
-
-- The tooltip template will now work properly in the pivot table.
-
 ## 18.1.52 (2020-05-13)
 
 ### Pivot Table

package/diConfig.json

@@ -201,7 +201,7 @@
             ],
             "comment": [
                 "/**",
-                " * `ej-pivotview` represents the Angular PivotView Component.",
+                " * `ej-pivotview` represents the Angular Pivot Table Component.",
                 " * ```html",
                 " * <ej-pivotview></ej-pivotview>",
                 " * ```",
@@ -209,15 +209,15 @@
             ],
             "reactComment": [
                 "/**",
-                " * `PivotViewComponent` represents the react PivotView.",
+                " * `PivotViewComponent` represents the react Pivot Table.",
                 " * ```tsx",
-                " * <PivotViewComponent/>",
+                " * <PivotViewComponent></PivotViewComponent>",
                 " * ```",
                 " */"
             ],
             "vueComment": [
                 "/**",
-                " * `ejs-pivotview` represents the VueJS PivotView Component.",
+                " * `ejs-pivotview` represents the VueJS Pivot Table Component.",
                 " * ```vue",
                 " * <ejs-pivotview></ejs-pivotview>",
                 " * ```",

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

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-pivotview.min.js
-*  version : 20.4.54
+*  version : 21.1.37
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionPivotview"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionPivotview","SyncfusionReactBase","React"],e):"object"==typeof exports?exports.SyncfusionReactPivotview=e(require("SyncfusionPivotview"),require("SyncfusionReactBase"),require("React")):t.SyncfusionReactPivotview=e(t.SyncfusionPivotview,t.SyncfusionReactBase,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=5)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(7);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(4);n.d(e,"PivotViewComponent",function(){return r.a});var i=n(3);n.d(e,"PivotFieldListComponent",function(){return i.a});var o=n(1);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var c=n(0);n.n(c);for(var u in c)["PivotViewComponent","PivotFieldListComponent","Inject","default"].indexOf(u)<0&&function(t){n.d(e,t,function(){return c[t]})}(u)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),i=(n.n(r),n(0)),o=(n.n(i),n(1)),c=(n.n(o),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(i.PivotFieldList);n.i(o.applyMixins)(u,[o.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),i=(n.n(r),n(0)),o=(n.n(i),n(1)),c=(n.n(o),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(i.PivotView);n.i(o.applyMixins)(u,[o.ComponentBase,r.Component])}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionPivotview"),require("SyncfusionReactBase"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionPivotview","SyncfusionReactBase","React"],e):"object"==typeof exports?exports.SyncfusionReactPivotview=e(require("SyncfusionPivotview"),require("SyncfusionReactBase"),require("React")):t.SyncfusionReactPivotview=e(t.SyncfusionPivotview,t.SyncfusionReactBase,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=5)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";var r=n(7);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(4);n.d(e,"PivotViewComponent",function(){return r.a});var o=n(3);n.d(e,"PivotFieldListComponent",function(){return o.a});var i=n(1);n.n(i);n.o(i,"Inject")&&n.d(e,"Inject",function(){return i.Inject});var c=n(0);n.n(c);for(var u in c)["PivotViewComponent","PivotFieldListComponent","Inject","default"].indexOf(u)<0&&function(t){n.d(e,t,function(){return c[t]})}(u)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.PivotFieldList);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(2),o=(n.n(r),n(0)),i=(n.n(o),n(1)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.PivotView);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])}])});

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-pivotview.umd.min.js
-*  version : 20.4.54
+*  version : 21.1.37
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-pivotview"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-pivotview","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Pivotview,e.ej2ReactBase)}(this,function(e,t,n,i){"use strict";var r=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!1,n.portals=[],n}return r(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.PivotView);i.applyMixins(o,[i.ComponentBase,t.Component]);var c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}(),s=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!0,n.portals=[],n}return c(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.PivotFieldList);i.applyMixins(s,[i.ComponentBase,t.Component]),e.Inject=i.Inject,e.PivotViewComponent=o,e.PivotFieldListComponent=s,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-pivotview"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-pivotview","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Pivotview,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.PivotView);r.applyMixins(o,[r.ComponentBase,t.Component]);var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=null,n.immediateRender=!0,n.portals=[],n}return s(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.PivotFieldList);r.applyMixins(c,[r.ComponentBase,t.Component]),e.Inject=r.Inject,e.PivotViewComponent=o,e.PivotFieldListComponent=c,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-pivotview.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-pivotview.umd.min.js","sources":["../src/pivotview/pivotview.component.js","../src/pivotfieldlist/pivotfieldlist.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { PivotView } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotViewComponent` represents the react PivotView.\n * ```tsx\n * <PivotViewComponent/>\n * ```\n */\nvar PivotViewComponent = /** @class */ (function (_super) {\n    __extends(PivotViewComponent, _super);\n    function PivotViewComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    PivotViewComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return PivotViewComponent;\n}(PivotView));\nexport { PivotViewComponent };\napplyMixins(PivotViewComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { PivotFieldList } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotFieldListComponent` represents the react PivotFieldList.\n * ```tsx\n * <PivotFieldListComponent/>\n * ```\n */\nvar PivotFieldListComponent = /** @class */ (function (_super) {\n    __extends(PivotFieldListComponent, _super);\n    function PivotFieldListComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    PivotFieldListComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return PivotFieldListComponent;\n}(PivotFieldList));\nexport { PivotFieldListComponent };\napplyMixins(PivotFieldListComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","PivotViewComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","PivotView","ej2ReactBase","ComponentBase","React.Component","PivotFieldListComponent","PivotFieldList"],"mappings":"8XAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAoC,SAAUC,GAE9C,SAASD,EAAmBE,GACxB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAKxC,OAJAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,iBAAkB,EACxBJ,EAAMK,WACCL,EAWX,OAlBAlB,EAAUe,EAAoBC,GAS9BD,EAAmBF,UAAUW,OAAS,WAClC,KAAMb,KAAKc,UAAYd,KAAKS,kBAAqBT,KAAKe,aAAgBf,KAAKgB,oBAKvE,OAAOC,gBAAoB,MAAOjB,KAAKkB,0BAA2BC,OAAOnB,KAAKM,MAAMc,SAAUpB,KAAKY,UAJnGP,EAAOH,UAAUW,OAAOL,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTiB,aACFC,cACYlB,GAAqBmB,gBAAeC,cC5ChD,IAAInC,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxC0B,EAAyC,SAAUpB,GAEnD,SAASoB,EAAwBnB,GAC7B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAKxC,OAJAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,iBAAkB,EACxBJ,EAAMK,WACCL,EAWX,OAlBAlB,EAAUoC,EAAyBpB,GASnCoB,EAAwBvB,UAAUW,OAAS,WACvC,KAAMb,KAAKc,UAAYd,KAAKS,kBAAqBT,KAAKe,aAAgBf,KAAKgB,oBAKvE,OAAOC,gBAAoB,MAAOjB,KAAKkB,0BAA2BC,OAAOnB,KAAKM,MAAMc,SAAUpB,KAAKY,UAJnGP,EAAOH,UAAUW,OAAOL,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBgB,GACTC,kBACFJ,cACYG,GAA0BF,gBAAeC"}
+{"version":3,"file":"ej2-react-pivotview.umd.min.js","sources":["../src/pivotview/pivotview.component.js","../src/pivotfieldlist/pivotfieldlist.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { PivotView } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotViewComponent` represents the react Pivot Table.\n * ```tsx\n * <PivotViewComponent></PivotViewComponent>\n * ```\n */\nvar PivotViewComponent = /** @class */ (function (_super) {\n    __extends(PivotViewComponent, _super);\n    function PivotViewComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.statelessTemplateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    PivotViewComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return PivotViewComponent;\n}(PivotView));\nexport { PivotViewComponent };\napplyMixins(PivotViewComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { PivotFieldList } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotFieldListComponent` represents the react PivotFieldList.\n * ```tsx\n * <PivotFieldListComponent/>\n * ```\n */\nvar PivotFieldListComponent = /** @class */ (function (_super) {\n    __extends(PivotFieldListComponent, _super);\n    function PivotFieldListComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.statelessTemplateProps = null;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    PivotFieldListComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return PivotFieldListComponent;\n}(PivotFieldList));\nexport { PivotFieldListComponent };\napplyMixins(PivotFieldListComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","PivotViewComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","statelessTemplateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","PivotView","ej2ReactBase","ComponentBase","React.Component","PivotFieldListComponent","PivotFieldList"],"mappings":"8XAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAoC,SAAUC,GAE9C,SAASD,EAAmBE,GACxB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAMxC,OALAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,uBAAyB,KAC/BJ,EAAMK,iBAAkB,EACxBL,EAAMM,WACCN,EAWX,OAnBAlB,EAAUe,EAAoBC,GAU9BD,EAAmBF,UAAUY,OAAS,WAClC,KAAMd,KAAKe,UAAYf,KAAKS,kBAAqBT,KAAKgB,aAAgBhB,KAAKiB,oBAKvE,OAAOC,gBAAoB,MAAOlB,KAAKmB,0BAA2BC,OAAOpB,KAAKM,MAAMe,SAAUrB,KAAKa,UAJnGR,EAAOH,UAAUY,OAAON,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTkB,aACFC,cACYnB,GAAqBoB,gBAAeC,cC7ChD,IAAIpC,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxC2B,EAAyC,SAAUrB,GAEnD,SAASqB,EAAwBpB,GAC7B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAMxC,OALAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,uBAAyB,KAC/BJ,EAAMK,iBAAkB,EACxBL,EAAMM,WACCN,EAWX,OAnBAlB,EAAUqC,EAAyBrB,GAUnCqB,EAAwBxB,UAAUY,OAAS,WACvC,KAAMd,KAAKe,UAAYf,KAAKS,kBAAqBT,KAAKgB,aAAgBhB,KAAKiB,oBAKvE,OAAOC,gBAAoB,MAAOlB,KAAKmB,0BAA2BC,OAAOpB,KAAKM,MAAMe,SAAUrB,KAAKa,UAJnGR,EAAOH,UAAUY,OAAON,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBiB,GACTC,kBACFJ,cACYG,GAA0BF,gBAAeC"}

package/dist/es6/ej2-react-pivotview.es2015.js

@@ -3,9 +3,9 @@ import { PivotFieldList, PivotView } from '@syncfusion/ej2-pivotview';
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 
 /**
- * `PivotViewComponent` represents the react PivotView.
+ * `PivotViewComponent` represents the react Pivot Table.
  * ```tsx
- * <PivotViewComponent/>
+ * <PivotViewComponent></PivotViewComponent>
  * ```
  */
 class PivotViewComponent extends PivotView {
@@ -13,6 +13,7 @@ class PivotViewComponent extends PivotView {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
+        this.statelessTemplateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }
@@ -39,6 +40,7 @@ class PivotFieldListComponent extends PivotFieldList {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
+        this.statelessTemplateProps = null;
         this.immediateRender = true;
         this.portals = [];
     }

package/dist/es6/ej2-react-pivotview.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-pivotview.es2015.js","sources":["../src/es6/pivotview/pivotview.component.js","../src/es6/pivotfieldlist/pivotfieldlist.component.js"],"sourcesContent":["import * as React from 'react';\nimport { PivotView } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotViewComponent` represents the react PivotView.\n * ```tsx\n * <PivotViewComponent/>\n * ```\n */\nexport class PivotViewComponent extends PivotView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(PivotViewComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { PivotFieldList } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotFieldListComponent` represents the react PivotFieldList.\n * ```tsx\n * <PivotFieldListComponent/>\n * ```\n */\nexport class PivotFieldListComponent extends PivotFieldList {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(PivotFieldListComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,kBAAkB,SAAS,SAAS,CAAC;IAC9C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,kBAAkB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;ACxBlE;;;;;;AAMA,AAAO,MAAM,uBAAuB,SAAS,cAAc,CAAC;IACxD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,uBAAuB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-pivotview.es2015.js","sources":["../src/es6/pivotview/pivotview.component.js","../src/es6/pivotfieldlist/pivotfieldlist.component.js"],"sourcesContent":["import * as React from 'react';\nimport { PivotView } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotViewComponent` represents the react Pivot Table.\n * ```tsx\n * <PivotViewComponent></PivotViewComponent>\n * ```\n */\nexport class PivotViewComponent extends PivotView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.statelessTemplateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(PivotViewComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { PivotFieldList } from '@syncfusion/ej2-pivotview';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PivotFieldListComponent` represents the react PivotFieldList.\n * ```tsx\n * <PivotFieldListComponent/>\n * ```\n */\nexport class PivotFieldListComponent extends PivotFieldList {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.statelessTemplateProps = null;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(PivotFieldListComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,kBAAkB,SAAS,SAAS,CAAC;IAC9C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,kBAAkB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;ACzBlE;;;;;;AAMA,AAAO,MAAM,uBAAuB,SAAS,cAAc,CAAC;IACxD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,uBAAuB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-pivotview@*",
-  "_id": "@syncfusion/ej2-react-pivotview@20.4.50",
+  "_id": "@syncfusion/ej2-react-pivotview@21.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-rW9ayN3puSqRFY2MBRzJzwEnrgnqtJFoObZiRfNCt7fnoEDJC569Q/b6N54Ng40MEnI2b91t0pVP3QOPN88qmQ==",
+  "_integrity": "sha512-DD+285bmaZOA0L6U8uGIyec4dg5lMHSkB7WFOuV0/BF4R7wtXJZh8KjCLxizCwdTkRSNp8yS0LsINbEV+w0zrA==",
   "_location": "/@syncfusion/ej2-react-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-20.4.50.tgz",
-  "_shasum": "85f5b01a5db97b8c581bc543a853cb045f91246c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-21.1.35.tgz",
+  "_shasum": "08f0700fa082abd8558f2b692696566fab47a9f8",
   "_spec": "@syncfusion/ej2-react-pivotview@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-pivotview": "20.4.54",
-    "@syncfusion/ej2-react-base": "~20.4.54"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-pivotview": "21.1.37",
+    "@syncfusion/ej2-react-base": "~21.1.37"
   },
   "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": "20.4.54",
+  "version": "21.1.37",
   "sideEffects": false
 }

package/src/pivotfieldlist/pivotfieldlist.component.d.ts

@@ -15,6 +15,7 @@ export declare class PivotFieldListComponent extends PivotFieldList {
     private getDefaultAttributes;
     initRenderCalled: boolean;
     private checkInjectedModules;
+    private statelessTemplateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/pivotfieldlist/pivotfieldlist.component.js

@@ -26,6 +26,7 @@ var PivotFieldListComponent = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.initRenderCalled = false;
         _this.checkInjectedModules = true;
+        _this.statelessTemplateProps = null;
         _this.immediateRender = true;
         _this.portals = [];
         return _this;

package/src/pivotview/pivotview.component.d.ts

@@ -6,9 +6,9 @@ export interface PivotViewTypecast {
     tooltipTemplate?: string | Function | any;
 }
 /**
- * `PivotViewComponent` represents the react PivotView.
+ * `PivotViewComponent` represents the react Pivot Table.
  * ```tsx
- * <PivotViewComponent/>
+ * <PivotViewComponent></PivotViewComponent>
  * ```
  */
 export declare class PivotViewComponent extends PivotView {
@@ -19,6 +19,7 @@ export declare class PivotViewComponent extends PivotView {
     private getDefaultAttributes;
     initRenderCalled: boolean;
     private checkInjectedModules;
+    private statelessTemplateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/pivotview/pivotview.component.js

@@ -15,9 +15,9 @@ import * as React from 'react';
 import { PivotView } from '@syncfusion/ej2-pivotview';
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 /**
- * `PivotViewComponent` represents the react PivotView.
+ * `PivotViewComponent` represents the react Pivot Table.
  * ```tsx
- * <PivotViewComponent/>
+ * <PivotViewComponent></PivotViewComponent>
  * ```
  */
 var PivotViewComponent = /** @class */ (function (_super) {
@@ -26,6 +26,7 @@ var PivotViewComponent = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.initRenderCalled = false;
         _this.checkInjectedModules = true;
+        _this.statelessTemplateProps = null;
         _this.immediateRender = false;
         _this.portals = [];
         return _this;

package/styles/bootstrap-dark.css

@@ -788,6 +788,10 @@
 .e-bigger.e-pivotview .e-value-field-settings {
   max-height: 510px !important;
 }
+.e-bigger .e-pivotview .e-value-field-settings .e-dlg-content,
+.e-bigger.e-pivotview .e-value-field-settings .e-dlg-content {
+  padding: 0;
+}
 .e-bigger .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer,
 .e-bigger.e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
   padding: 0 20px 10px;
@@ -950,6 +954,9 @@
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-table {
   width: 100%;
 }
+.e-pivotview .e-toolbar .e-tbar-btn {
+  background-color: transparent;
+}
 .e-pivotview .e-grid .e-rowsheader.e-active,
 .e-pivotview .e-grid .e-rowsheader.e-cellselectionbackground,
 .e-pivotview .e-grid .e-columnsheader.e-active,
@@ -1379,6 +1386,7 @@
   height: 18px;
   margin-left: 4px;
   width: 18px;
+  padding-top: 3px;
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort:hover,
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon:hover,
@@ -1416,6 +1424,7 @@
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-descend,
 .e-pivotview .e-group-rows .e-pivot-button .e-sort.e-descend {
+  margin-top: 5px;
   transform: rotateX(180deg);
 }
 .e-pivotview .e-grouping-bar .e-pivot-button .e-dropdown-icon,
@@ -1500,7 +1509,6 @@
   height: 18px;
   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,
@@ -1523,7 +1531,6 @@
   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 {
@@ -1601,6 +1608,9 @@
 .e-pivotview .e-pivot-pager {
   padding: 4px 12px;
 }
+.e-pivotview .e-pivot-pager.sf-pager .e-pivot-pager-info-container.e-pagercontainer {
+  font-size: unset;
+}
 .e-pivotview .e-pivot-pager.e-pivot-pager-bottom {
   border-top: 0;
 }
@@ -1712,6 +1722,12 @@
   -ms-flex: none;
       flex: none;
 }
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings.e-pivot-pager-axis-container,
+.e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-column-pager-settings.e-pivot-pager-axis-container {
+  display: inline-table;
+}
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-row-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivot-column-pager-settings .e-numeric,
 .e-pivotview .e-pivot-pager .e-pivot-pager-maindiv .e-pivot-pager-column-maindiv .e-pivot-row-pager-settings .e-numeric,
@@ -1830,7 +1846,7 @@
 }
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-row-maindiv.e-page-size-disable .e-pivotview-text-div,
 .e-pivotview .e-pivot-pager.e-compact-view .e-pivot-pager-maindiv:not(.e-pivot-pager-single-maindiv) .e-pivot-pager-column-maindiv.e-page-size-disable .e-pivotview-text-div {
-  width: auto;
+  width: 50%;
 }
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-row-pager-settings,
 .e-pivotview .e-pivot-pager.e-compact-view.e-rtl .e-pivot-pager-maindiv .e-pivot-pager-row-maindiv .e-pivotview-text-div .e-pivot-column-pager-settings,
@@ -2040,6 +2056,10 @@
 .e-pivotview.e-device .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
   width: 155px;
 }
+.e-pivotview.e-device .e-scrollbar .e-movablescrollbar {
+  min-height: 1px !important;
+  visibility: hidden;
+}
 .e-pivotview .e-component-disable {
   display: none !important;
 }
@@ -3399,6 +3419,8 @@
 }
 .e-pivot-calc-dialog-div.e-rtl .e-treeview ul li .e-text-content {
   padding: 0 24px 0 0;
+  display: -ms-flexbox;
+  display: flex;
 }
 .e-pivot-calc-dialog-div .e-pivot-calc-input.e-empty-field::-webkit-input-placeholder {
   color: #ac2a2a !important;
@@ -3626,6 +3648,15 @@
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
   font-size: 16px;
 }
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-remove-report,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edit,
+.e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item .e-edited {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   font-size: 16px;
@@ -3725,6 +3756,7 @@
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content,
 .e-pivotfieldlist-container .e-member-editor-dialog:not(.e-member-editor-dialog):not(.e-olap-field-list-tree) ul li:not(.e-pivot-parent):not(.e-pivot-child) .e-text-content {
   padding-left: 0;
+  margin-left: 15px;
 }
 .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 {
@@ -3841,9 +3873,10 @@
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter {
   padding-top: 20px;
+  /* stylelint-disable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 140px;
+  height: 140px !important;
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-value-filter {
@@ -3851,7 +3884,6 @@
   overflow: auto;
   padding: 20px;
   padding-bottom: 0;
-  /* stylelint-disable */
   /* stylelint-enable */
 }
 .e-pivotfieldlist-container .e-member-editor-dialog .e-label-filter .e-filter-text-div,
@@ -4453,6 +4485,50 @@
   /* stylelint-enable */
   /* stylelint-enable */
 }
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list {
+  display: block;
+  overflow-y: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview ul:first-child {
+  padding-right: 0;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li .e-measure-icon {
+  display: none;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-olap-field-list-tree.e-treeview li.e-rtl ul:first-child {
+  padding-left: 0;
+  padding-right: 10px;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-drag {
+  padding: revert;
+  margin: revert;
+  width: auto;
+  height: auto;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-draggable {
+  display: contents;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-text-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list li .e-list-text {
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  width: 100%;
+  white-space: nowrap;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview:not(.e-rtl) .e-list-text {
+  padding-right: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list.e-treeview.e-rtl .e-list-text {
+  padding-left: revert;
+}
+.e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li.e-no-checkbox > .e-text-content > .e-checkbox-wrapper, .e-pivotfieldlist-container.sf-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-editor-container li .e-measure-icon {
+  display: none;
+}
 .e-pivotfieldlist-container .e-layout-footer {
   display: -ms-flexbox;
   display: flex;