@datorama/core 22.12.5-beta.2 → 22.12.6

package/bundles/datorama-core.umd.js

@@ -14414,18 +14414,14 @@
             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),
-                    cellClassRules: this.getCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this), cellStyle: function (params) {
+                params.gridOptions.defaultColDef = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClassRules: this.getPivotModeCellClassRules(), 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),
-                    cellClassRules: this.getCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
+                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClassRules: this.getPivotModeCellClassRules(), headerClass: this.getPivotHeaderClass.bind(this) });
             }
             return params.gridOptions;
         };
@@ -14442,40 +14438,6 @@
             }
             return cellClass;
         };
-        GridService.prototype.getPivotCellClass = function (params) {
-            var _a = params.node, leafGroup = _a.leafGroup, childIndex = _a.childIndex, rowGroupIndex = _a.rowGroupIndex;
-            var gridQuery = params.colDef.headerComponentParams.gridQuery;
-            var cellClass = "";
-            if (gridQuery && gridQuery.api) {
-                var columns = gridQuery.api.columns;
-                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 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) {
-                            /** If row is even */
-                            cellClass += 'primary-0-background-color';
-                        }
-                    }
-                    else {
-                        cellClass += 'primary-100-background-color pointer dato-simple-bold';
-                    }
-                }
-            }
-            return cellClass;
-        };
         GridService.prototype.normalizeColumns = function (colDefs, gridOptions) {
             var _this = this;
             if (gridOptions === void 0) { gridOptions = null; }
@@ -15326,7 +15288,9 @@
             });
             this.api.grid.setRowData(convertedData);
         };
-        GridService.prototype.getCellClassRules = function () {
+        /** No declared interface in current grid version yet.
+         *  Refer docs - https://www.ag-grid.com/angular-data-grid/cell-styles/#cell-class-rules */
+        GridService.prototype.getPivotModeCellClassRules = function () {
             return {
                 'primary-0-background-color': this.isLeafGroupEvenCell.bind(this),
                 'primary-100-background-color pointer dato-simple-bold': this.isRowGroupValuedCell.bind(this)
@@ -15335,12 +15299,12 @@
         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;
+            return 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;
+            return rowGroupIndex <= colIndex && !leafGroup;
         };
         GridService.prototype.getCellClassRuleColIndex = function (params) {
             var gridQuery = params.colDef.headerComponentParams.gridQuery;
@@ -15350,7 +15314,7 @@
                 var displayedColumn = allDisplayedColumns.find(function (col) { return col.getColId() === params.colDef.colId; });
                 return allDisplayedColumns.indexOf(displayedColumn);
             }
-            return null;
+            return -1;
         };
         GridService.ctorParameters = function () { return [
             { type: GridStore },
@@ -25166,7 +25130,7 @@
         DatoProgressBarComponent = __decorate([
             core.Component({
                 selector: 'dato-progress-bar',
-                template: "<div class=\"bar d-flex width-100 overflow-hidden\"\n     [style.width]=\"width\"\n     [class]=\"barColor + '-background-color'\">\n    <div *ngFor=\"let part of parts; index as i\"\n         class=\"part height-100\"\n         [ngClass]=\"part.color ? part.color + '-background-color' : ''\"\n         [style.width]=\"i > 0 ? 'calc(' + part.percent + '% + 8px)' : part.percent + '%'\"\n         [style.z-index]=\"100 - i\"\n         [datoTooltipV2]=\"part.tooltip\">\n    </div>\n</div>\n\n<ng-content></ng-content>\n\n<div *ngIf=\"showLegend\" class=\"d-flex mt-12\">\n    <div *ngFor=\"let part of parts; index as i\" class=\"d-flex mr-16\">\n        <div class=\"d-flex items-center dato-note primary-400-color\">\n            <div class=\"legend-color mr-4\" [ngClass]=\"part.color ? part.color + '-background-color' : ''\"></div>\n            <div>{{ part.legendLabel || part.tooltip }}</div>\n            <div class=\"primary-300-color ml-3\" *ngIf=\"part.legendSecondaryLabel\">{{ part.legendSecondaryLabel }}</div>\n        </div>\n    </div>\n</div>\n",
+                template: "<div class=\"bar d-flex width-100 overflow-hidden\"\n     [style.width]=\"width\"\n     [class]=\"barColor + '-background-color'\">\n    <div *ngFor=\"let part of parts; index as i\"\n         class=\"part height-100\"\n         [ngClass]=\"part.color ? part.color + '-background-color' : ''\"\n         [style.width]=\"i > 0 ? 'calc(' + part.percent + '% + 8px)' : part.percent + '%'\"\n         [style.z-index]=\"100 - i\"\n         [datoTooltipV2]=\"part.tooltip\">\n    </div>\n</div>\n\n<ng-content></ng-content>\n\n<div *ngIf=\"showLegend\" class=\"d-flex mt-12\">\n    <div *ngFor=\"let part of parts; index as i\" class=\"d-flex mr-16\">\n        <div *ngIf=\"part.legendLabel || part.tooltip\" class=\"d-flex items-center dato-note primary-400-color\">\n            <div class=\"legend-color mr-4\" [ngClass]=\"part.color ? part.color + '-background-color' : ''\"></div>\n            <div>{{ part.legendLabel || part.tooltip }}</div>\n            <div class=\"primary-300-color ml-3\" *ngIf=\"part.legendSecondaryLabel\">{{ part.legendSecondaryLabel }}</div>\n        </div>\n    </div>\n</div>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 encapsulation: core.ViewEncapsulation.None,
                 styles: ["dato-progress-bar .bar{height:8px;border-radius:4px}dato-progress-bar .part{border-radius:0 4px 4px 0}dato-progress-bar .part:not(:first-child){margin-left:-8px}dato-progress-bar .legend-color{width:8px;height:8px;min-width:8px;border-radius:50%}"]
@@ -25723,7 +25687,7 @@
         };
     }
 
-    window.coreVersion = '22.12.4';
+    window.coreVersion = '22.12.6';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;