@datorama/core 22.12.1-beta.4 → 22.12.2

package/bundle.scss

@@ -14320,10 +14320,6 @@ dato-input input:disabled:hover {
        */
 }
 
-.dato-grid.pivot-style .ag-row.ag-row-group .bottom-border {
-    border-bottom: 1px solid themify(primary-200);
-}
-
 .dato-grid.pivot-style .ag-row.ag-row-group:not(.ag-row-hover) {
     background-color: themify(primary-50);
 }

package/bundles/datorama-core.umd.js

@@ -13580,6 +13580,7 @@
             this.showFilter = colDef.filter !== exports.DatoGridFilterTypes.None;
             this.showMoreMenu = isNil(colDef.moreMenuActions) || colDef.moreMenuActions.length > 0;
             this.field = getColField(colDef);
+            this.headerTooltip = this.getHeaderTooltip(colDef);
             this.context = {
                 api: {
                     grid: params.api,
@@ -13662,6 +13663,19 @@
             });
         };
         DatoGridColumnHeaderComponent.prototype.ngOnDestroy = function () { };
+        DatoGridColumnHeaderComponent.prototype.getHeaderTooltip = function (initialColDef) {
+            if (this.params) {
+                var colDef_1 = initialColDef;
+                if (colDef_1.showRowGroup) {
+                    var rowGroupColumns = this.params.columnApi.getRowGroupColumns();
+                    var rowGroupColumn = rowGroupColumns && rowGroupColumns.find(function (col) { return col.getColId() === colDef_1.showRowGroup; });
+                    var rowGroupColDef = rowGroupColumn && rowGroupColumn.getColDef();
+                    colDef_1 = rowGroupColDef || colDef_1;
+                }
+                return colDef_1.customHeaderTooltip || colDef_1.headerName;
+            }
+            return '';
+        };
         DatoGridColumnHeaderComponent.ctorParameters = function () { return [
             { type: core.ViewContainerRef },
             { type: CustomHeaderControllerService },
@@ -13671,7 +13685,7 @@
         DatoGridColumnHeaderComponent = __decorate([
             core.Component({
                 selector: 'dato-grid-column-header',
-                template: "<div class=\"d-flex align-start-center\" [attr.data-auto-id]=\"field + '-column-header'\" [attr.data-field]=\"field\">\n    <ng-container *ngIf=\"customTemplates && customTemplates.customHeader as customHeader\">\n        <div class=\"mr-5\" [attr.data-auto-id]=\"field + '-dynamic-section'\">\n            <ng-container *ngTemplateOutlet=\"customHeader; context: context\"></ng-container>\n        </div>\n    </ng-container>\n    <div class=\"d-flex d-flex-grow align-start-center min-width-0 items-center\">\n        <span class=\"dato-simple-bold primary-400-color ellipsis min-width-0 mr-5\" [datoTooltip]=\"headerName\"\n              datoTooltipPosition=\"bottom\">{{headerName}}</span>\n        <div>\n            <dato-icon class=\"primary-300-color\" *ngIf=\"headerInfo\" [datoTooltip]=\"headerInfo\" datoTooltipPosition=\"bottom\" datoIcon=\"question\"></dato-icon>\n        </div>\n    </div>\n    <div class=\"sort-icon opacity-0\" *ngIf=\"params.enableSorting && (sortingInfo$ | async) as sortingInfo\"\n         [class.active]=\"sortingInfo.active\">\n        <dato-icon width=\"24px\" height=\"16px\" class=\"primary-300-color\"\n                   [attr.data-auto-id]=\"field + '-sort'\"\n                   [icon]=\"sortingInfo.icon\"></dato-icon>\n    </div>\n    <ng-container *ngIf=\"showFilter\">\n        <div class=\"filter relative\" *datoSubscribe=\"filterActive$ as filterActive\">\n            <dato-icon-button (click.stop)=\"openFilters(filters)\" datoTooltip=\"core.filters\" datoTooltipPosition=\"bottom\"\n                              datoType=\"none\" [attr.data-auto-id]=\"field + '-filter'\" class=\"filter-icon opacity-0\"\n                              [class.active]=\"filtersMenuOpen || filterActive\"\n                              datoSize=\"md\" icon=\"filter\"\n                              #filters></dato-icon-button>\n            <div [class.opacity-100]=\"filterActive\"\n                 class=\"opacity-0 filter-active-circle accent-400-background-color absolute\"></div>\n        </div>\n    </ng-container>\n    <dato-icon-button *ngIf=\"showMoreMenu\" (click.stop)=\"openMoreMenu(moreMenu)\" datoTooltip=\"core.more-options\" datoTooltipPosition=\"bottom\"\n                      datoType=\"none\" [attr.data-auto-id]=\"field + '-more-menu'\" [class.active]=\"moreMenuOpen\"\n                      datoSize=\"md\" icon=\"more-vertical\" #moreMenu></dato-icon-button>\n</div>\n",
+                template: "<div class=\"d-flex align-start-center\" [attr.data-auto-id]=\"field + '-column-header'\" [attr.data-field]=\"field\">\n    <ng-container *ngIf=\"customTemplates && customTemplates.customHeader as customHeader\">\n        <div class=\"mr-5\" [attr.data-auto-id]=\"field + '-dynamic-section'\">\n            <ng-container *ngTemplateOutlet=\"customHeader; context: context\"></ng-container>\n        </div>\n    </ng-container>\n    <div class=\"d-flex d-flex-grow align-start-center min-width-0 items-center\">\n        <span class=\"dato-simple-bold primary-400-color ellipsis min-width-0 mr-5\" [datoTooltip]=\"headerTooltip\"\n              datoTooltipPosition=\"bottom\">{{headerName}}</span>\n        <div>\n            <dato-icon class=\"primary-300-color\" *ngIf=\"headerInfo\" [datoTooltip]=\"headerInfo\" datoTooltipPosition=\"bottom\" datoIcon=\"question\"></dato-icon>\n        </div>\n    </div>\n    <div class=\"sort-icon opacity-0\" *ngIf=\"params.enableSorting && (sortingInfo$ | async) as sortingInfo\"\n         [class.active]=\"sortingInfo.active\">\n        <dato-icon width=\"24px\" height=\"16px\" class=\"primary-300-color\"\n                   [attr.data-auto-id]=\"field + '-sort'\"\n                   [icon]=\"sortingInfo.icon\"></dato-icon>\n    </div>\n    <ng-container *ngIf=\"showFilter\">\n        <div class=\"filter relative\" *datoSubscribe=\"filterActive$ as filterActive\">\n            <dato-icon-button (click.stop)=\"openFilters(filters)\" datoTooltip=\"core.filters\" datoTooltipPosition=\"bottom\"\n                              datoType=\"none\" [attr.data-auto-id]=\"field + '-filter'\" class=\"filter-icon opacity-0\"\n                              [class.active]=\"filtersMenuOpen || filterActive\"\n                              datoSize=\"md\" icon=\"filter\"\n                              #filters></dato-icon-button>\n            <div [class.opacity-100]=\"filterActive\"\n                 class=\"opacity-0 filter-active-circle accent-400-background-color absolute\"></div>\n        </div>\n    </ng-container>\n    <dato-icon-button *ngIf=\"showMoreMenu\" (click.stop)=\"openMoreMenu(moreMenu)\" datoTooltip=\"core.more-options\" datoTooltipPosition=\"bottom\"\n                      datoType=\"none\" [attr.data-auto-id]=\"field + '-more-menu'\" [class.active]=\"moreMenuOpen\"\n                      datoSize=\"md\" icon=\"more-vertical\" #moreMenu></dato-icon-button>\n</div>\n",
                 styles: [":host .filter-icon,:host .sort-icon{transition:opacity .25s linear,width .25s ease-in-out;width:0}:host .sort-icon{height:16px}:host .filter-icon.active,:host .sort-icon.active{opacity:1;width:24px}:host:hover .filter-icon,:host:hover .sort-icon{opacity:1;width:24px}:host .filter-active-circle{pointer-events:none;transition:opacity .2s ease-in-out;position:absolute;height:8px;width:8px;top:2px;right:2px;border-radius:4px;border:1px solid #fff}:host ::ng-deep .filter dato-icon-button dato-icon{transition:color .2s ease-in-out}"]
             }),
             __metadata("design:paramtypes", [core.ViewContainerRef,
@@ -13736,7 +13750,7 @@
             type: exports.DatoGridColumnTypes.String,
             menuTabs: ['filterMenuTab'],
             headerComponentFramework: DatoGridColumnHeaderComponent
-        }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: exports.GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1, pivotGridStyle: false }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
+        }, suppressCellSelection: true, suppressPropertyNamesCheck: true, rowHeight: 35, headerHeight: 30, rowSelection: exports.GridRowSelectionType.MULTIPLE, rowDeselection: true, unSortIcon: true, animateRows: true, rememberGroupStateWhenNewData: true, groupMultiAutoColumn: true, groupDefaultExpanded: -1, usePivotGridStyle: false }, (isTestEnv() ? { suppressColumnVirtualisation: true, rowBuffer: 99999 } : {}));
     var DEFAULT_GRID_SEARCH_DEBOUNCE_TIME = {
         CLIENT: 200,
         SERVER: 250
@@ -14355,10 +14369,11 @@
                 this.initPivotSecondaryColsProcess(params);
                 params.gridOptions.saveSettings = false;
             }
-            if (params.gridOptions.pivotGridStyle) {
-                params.gridOptions.rowHeight = 30;
+            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) {
-                        var style = { lineHeight: '30px' };
+                        var style = { lineHeight: rowHeight_1 + "px" };
                         if (params.colDef.type === exports.DatoGridColumnTypes.Number) {
                             style.textAlign = 'end';
                         }
@@ -14651,7 +14666,7 @@
                     }
                     this.updateSettings({ sort: sortToApply });
                     this.api.grid.setSortModel([sortToApply]);
-                    if (this.gridRef.gridOptions.pivotGridStyle) {
+                    if (this.gridRef.gridOptions.usePivotGridStyle) {
                         this.api.grid.redrawRows();
                     }
                 }
@@ -16201,7 +16216,7 @@
         });
         Object.defineProperty(DatoGridV2Component.prototype, "isPivotStyle", {
             get: function () {
-                return this.gridOptions ? this.gridOptions.pivotGridStyle : false;
+                return this.gridOptions && this.gridOptions.usePivotGridStyle;
             },
             enumerable: true,
             configurable: true
@@ -25627,7 +25642,7 @@
         };
     }
 
-    window.coreVersion = '22.12.0';
+    window.coreVersion = '22.12.2';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;