@syncfusion/ej2-react-pivotview 20.4.44 → 20.4.50

package/CHANGELOG.md

@@ -6,6 +6,22 @@
 
 #### Bug Fixes
 
+- The tooltip template will now work properly in the pivot table.
+
+## 20.4.48 (2023-02-01)
+
+### Pivot Table
+
+#### Bug Fixes
+
+- `#I431116` - The "clipMode" property now works properly in pivot table row headers.
+
+## 20.4.44 (2023-01-18)
+
+### 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)

package/diConfig.json

@@ -1678,7 +1678,8 @@
                 }
             ],
             "templateProperties": [
-                "cellTemplate"
+                "cellTemplate",
+                "tooltipTemplate"
             ],
             "blazorTemplates": [
                 "cellTemplate"

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pivotview.min.js
-*  version : 20.4.44
+*  version : 20.4.50
 *  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.4.44
+*  version : 20.4.50
 *  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.4.43",
+  "_id": "@syncfusion/ej2-react-pivotview@20.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-ELxQU8cd1ZFgw2ugBa1ucWxB6WPXh9Sf13c1ATPec9I5LeRWLuUG5D3P75gjxRQUmZuD8nOpHduFe9kCZapPWQ==",
+  "_integrity": "sha512-K6pBBtHQhkE539vdb9fHJIjDUkV9R887kwh4wgQz4v6qRu7osHbI/jxQXkCXVgk1kPdx07B4rmAuYAuz5qYGNA==",
   "_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.4.43.tgz",
-  "_shasum": "d2a6a93e18245fdc99b8c15d9d8196a17f822a37",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pivotview/-/ej2-react-pivotview-20.4.48.tgz",
+  "_shasum": "6824dde952e5d5b8ea4f21fd2e1e74490c8a0238",
   "_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.4.44",
-    "@syncfusion/ej2-pivotview": "20.4.44",
-    "@syncfusion/ej2-react-base": "~20.4.42"
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-pivotview": "20.4.50",
+    "@syncfusion/ej2-react-base": "~20.4.48"
   },
   "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.44",
+  "version": "20.4.50",
   "sideEffects": false
 }

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

@@ -3,6 +3,7 @@ import { PivotView, PivotViewModel } from '@syncfusion/ej2-pivotview';
 import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export interface PivotViewTypecast {
     cellTemplate?: string | Function | any;
+    tooltipTemplate?: string | Function | any;
 }
 /**
  * `PivotViewComponent` represents the react PivotView.

package/styles/bootstrap-dark.css

@@ -2043,6 +2043,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/bootstrap.css

@@ -2042,6 +2042,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/bootstrap4.css

@@ -596,6 +596,9 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   background: #6c757d;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
+  background: #6c757d;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -2164,6 +2167,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/bootstrap5-dark.css

@@ -2090,6 +2090,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/bootstrap5.css

@@ -2092,6 +2092,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fabric-dark.css

@@ -582,6 +582,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2052,6 +2056,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fabric.css

@@ -579,6 +579,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2053,6 +2057,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fluent-dark.css

@@ -2081,6 +2081,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/fluent.css

@@ -2083,6 +2083,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/highcontrast-light.css

@@ -578,6 +578,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2045,6 +2049,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/highcontrast.css

@@ -578,6 +578,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2045,6 +2049,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/material-dark.css

@@ -2045,6 +2045,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/material.css

@@ -2052,6 +2052,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap-dark.css

@@ -2043,6 +2043,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap.css

@@ -2042,6 +2042,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap4.css

@@ -596,6 +596,9 @@
 .e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   background: #6c757d;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
+  background: #6c757d;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -2164,6 +2167,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap5-dark.css

@@ -2090,6 +2090,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/bootstrap5.css

@@ -2092,6 +2092,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fabric-dark.css

@@ -582,6 +582,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2052,6 +2056,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fabric.css

@@ -579,6 +579,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2053,6 +2057,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fluent-dark.css

@@ -2081,6 +2081,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/fluent.css

@@ -2083,6 +2083,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/highcontrast-light.css

@@ -578,6 +578,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2045,6 +2049,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/highcontrast.css

@@ -578,6 +578,10 @@
   margin-right: 0;
   font-size: 16px;
 }
+.e-pivotview .e-pivot-toolbar .e-pivot-toolbar-menu ul.e-menu {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
   /* stylelint-enable */
@@ -2045,6 +2049,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/material-dark.css

@@ -2045,6 +2045,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/material.css

@@ -2052,6 +2052,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/tailwind-dark.css

@@ -2080,6 +2080,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/pivotview/tailwind.css

@@ -2082,6 +2082,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/tailwind-dark.css

@@ -2081,6 +2081,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {

package/styles/tailwind.css

@@ -2083,6 +2083,9 @@
 .e-pivotview .e-component-disable {
   display: none !important;
 }
+.e-pivotview .e-pivotchart.e-chart {
+  overflow: visible !important;
+}
 
 .e-pivottooltipwrap,
 .e-pivottooltip-container {