@datorama/core 22.12.4 → 22.12.5-beta.2

package/bundles/datorama-core.umd.js

@@ -14414,14 +14414,18 @@
             if (params.gridOptions.usePivotGridStyle) {
                 var rowHeight_1 = 30;
                 params.gridOptions.rowHeight = rowHeight_1;
-                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
+                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { 
+                    // cellClass: this.getPivotCellClass.bind(this),
+                    cellClassRules: this.getCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
                         var style = { lineHeight: rowHeight_1 + "px" };
                         if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
                             style.textAlign = 'end';
                         }
                         return style;
                     } });
-                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
+                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { 
+                    // cellClass: this.getPivotCellClass.bind(this),
+                    cellClassRules: this.getCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
             }
             return params.gridOptions;
         };
@@ -14444,11 +14448,20 @@
             var cellClass = "";
             if (gridQuery && gridQuery.api) {
                 var columns = gridQuery.api.columns;
-                var allDisplayedColumns = columns.getAllDisplayedColumns();
-                var col = allDisplayedColumns.find(function (column) {
-                    return column.getColId() === params.colDef.colId;
+                var originalColumns = columns.getAllColumns();
+                var originalColumn = originalColumns.find(function (col) {
+                    var _a = params.colDef, cellColumnGroupId = _a.showRowGroup, pivotValueColumn = _a.pivotValueColumn, colId = _a.colId;
+                    var cellPivotColumnId = pivotValueColumn && pivotValueColumn.getColId();
+                    var cellColumnId = cellColumnGroupId || cellPivotColumnId || colId;
+                    return col.getColId() === cellColumnId;
                 });
-                var colIndex = allDisplayedColumns.indexOf(col);
+                var allDisplayedColumns = columns.getAllDisplayedColumns();
+                var displayedColumn = allDisplayedColumns.find(function (col) { return col.getColId() === params.colDef.colId; });
+                var colIndex = allDisplayedColumns.indexOf(displayedColumn);
+                var originalCellClass = originalColumn.getColDef().cellClass;
+                if (originalCellClass && typeof originalCellClass === 'string') {
+                    cellClass += originalCellClass + " ";
+                }
                 if (rowGroupIndex <= colIndex) {
                     if (leafGroup) {
                         if (childIndex % 2 === 0) {
@@ -15313,6 +15326,32 @@
             });
             this.api.grid.setRowData(convertedData);
         };
+        GridService.prototype.getCellClassRules = function () {
+            return {
+                'primary-0-background-color': this.isLeafGroupEvenCell.bind(this),
+                'primary-100-background-color pointer dato-simple-bold': this.isRowGroupValuedCell.bind(this)
+            };
+        };
+        GridService.prototype.isLeafGroupEvenCell = function (params) {
+            var _a = params.node, leafGroup = _a.leafGroup, childIndex = _a.childIndex, rowGroupIndex = _a.rowGroupIndex;
+            var colIndex = this.getCellClassRuleColIndex(params);
+            return !isNil(colIndex) && rowGroupIndex <= colIndex && leafGroup && childIndex % 2 === 0;
+        };
+        GridService.prototype.isRowGroupValuedCell = function (params) {
+            var _a = params.node, leafGroup = _a.leafGroup, rowGroupIndex = _a.rowGroupIndex;
+            var colIndex = this.getCellClassRuleColIndex(params);
+            return !isNil(colIndex) && rowGroupIndex <= colIndex && !leafGroup;
+        };
+        GridService.prototype.getCellClassRuleColIndex = function (params) {
+            var gridQuery = params.colDef.headerComponentParams.gridQuery;
+            if (gridQuery && gridQuery.api) {
+                var columns = gridQuery.api.columns;
+                var allDisplayedColumns = columns.getAllDisplayedColumns();
+                var displayedColumn = allDisplayedColumns.find(function (col) { return col.getColId() === params.colDef.colId; });
+                return allDisplayedColumns.indexOf(displayedColumn);
+            }
+            return null;
+        };
         GridService.ctorParameters = function () { return [
             { type: GridStore },
             { type: GridQuery },