Scheduler: simplify pivot grid export demos (#30523)

Co-authored-by: Vladimir Bushmanov <[email protected]>

Author: Ambrozy

apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts

@@ -13,7 +13,7 @@ if (!/localhost/.test(document.location.host)) {
   enableProdMode();
 }
 
-type CellData = DxPivotGridTypes.CellPreparedEvent['cell'] & { area?: string };
+type CellData = DxPivotGridTypes.CellPreparedEvent['cell'];
 
 let modulePrefix = '';
 // @ts-ignore
@@ -87,17 +87,15 @@ export class AppComponent {
     });
   }
 
-  onCellPrepared({ cell, area, cellElement }: DxPivotGridTypes.CellPreparedEvent) {
-    const cellData = { ...cell, area };
-
-    if (this.isDataCell(cellData) || this.isTotalCell(cellData)) {
-      const appearance = this.getConditionalAppearance(cellData);
+  onCellPrepared({ cell, cellElement }: DxPivotGridTypes.CellPreparedEvent) {
+    if (this.isDataCell(cell) || this.isTotalCell(cell)) {
+      const appearance = this.getConditionalAppearance(cell);
       Object.assign(cellElement.style, this.getCssStyles(appearance));
     }
   }
 
   isDataCell(cell: CellData) {
-    return (cell.area === 'data' && cell.rowType === 'D' && cell.columnType === 'D');
+    return cell.rowType === 'D' && cell.columnType === 'D';
   }
 
   isTotalCell(cell: CellData) {

apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/React/App.tsx

@@ -45,7 +45,7 @@ const dataSource = new PivotGridDataSource({
   store: sales,
 });
 
-const isDataCell = (cell) => (cell.area === 'data' && cell.rowType === 'D' && cell.columnType === 'D');
+const isDataCell = (cell) => cell.rowType === 'D' && cell.columnType === 'D';
 
 const isTotalCell = (cell) => (cell.type === 'T' || cell.type === 'GT' || cell.rowType === 'T' || cell.rowType === 'GT' || cell.columnType === 'T' || cell.columnType === 'GT');
 
@@ -104,9 +104,7 @@ const onExporting = (e: PivotGridTypes.ExportingEvent) => {
   });
 };
 
-const onCellPrepared = ({ cell, area, cellElement }: any) => {
-  cell.area = area;
-
+const onCellPrepared = ({ cell, cellElement }: any) => {
   if (isDataCell(cell) || isTotalCell(cell)) {
     const appearance = getConditionalAppearance(cell);
     Object.assign(cellElement.style, getCssStyles(appearance));

apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/ReactJs/App.js

@@ -38,8 +38,7 @@ const dataSource = new PivotGridDataSource({
   ],
   store: sales,
 });
-const isDataCell = (cell) =>
-  cell.area === 'data' && cell.rowType === 'D' && cell.columnType === 'D';
+const isDataCell = (cell) => cell.rowType === 'D' && cell.columnType === 'D';
 const isTotalCell = (cell) =>
   cell.type === 'T'
   || cell.type === 'GT'
@@ -94,8 +93,7 @@ const onExporting = (e) => {
     });
   });
 };
-const onCellPrepared = ({ cell, area, cellElement }) => {
-  cell.area = area;
+const onCellPrepared = ({ cell, cellElement }) => {
   if (isDataCell(cell) || isTotalCell(cell)) {
     const appearance = getConditionalAppearance(cell);
     Object.assign(cellElement.style, getCssStyles(appearance));

apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/Vue/App.vue

@@ -89,7 +89,7 @@ function onExporting(e: DxPivotGridTypes.ExportingEvent) {
     });
   });
 }
-function onCellPrepared({ cell, area, cellElement }: DxPivotGridTypes.CellPreparedEvent) {
+function onCellPrepared({ cell, cellElement }: DxPivotGridTypes.CellPreparedEvent) {
   if (isDataCell(cell) || isTotalCell(cell)) {
     const appearance = getConditionalAppearance(cell);
     Object.assign(cellElement.style, getCssStyles(appearance));

apps/demos/Demos/PivotGrid/ExcelJSCellCustomization/jQuery/index.js

@@ -39,7 +39,6 @@ $(() => {
     },
     onCellPrepared(e) {
       const { cell } = e;
-      cell.area = e.area;
 
       if (isDataCell(cell) || isTotalCell(cell)) {
         const appearance = getConditionalAppearance(cell);
@@ -79,7 +78,7 @@ $(() => {
   });
 
   function isDataCell(cell) {
-    return (cell.area === 'data' && cell.rowType === 'D' && cell.columnType === 'D');
+    return cell.rowType === 'D' && cell.columnType === 'D';
   }
 
   function isTotalCell(cell) {