@datorama/core 22.11.0 → 22.11.1

package/fesm2015/datorama-core.js

@@ -10232,6 +10232,7 @@ let GridQuery = class GridQuery extends Query {
         return this.select(state => state.serverSidePagination.selectAllRowsEnabled);
     }
     getSecondaryColumn(colId) {
+        /** Use getPivotResultColumns from ver 28 */
         const secondaryColumns = this.api.columns.getSecondaryColumns();
         if (secondaryColumns) {
             return secondaryColumns.find(col => col.getColId() === colId);
@@ -11325,6 +11326,7 @@ let DatoGridFilterComponent = class DatoGridFilterComponent {
         const filtersConfig = colDef.filtersConfig || this.colDef.filtersConfig || {};
         const colFilter = filter || colDef.filter;
         const filterOptions = DatoGridFilterOptionsMap[colFilter];
+        /** Use getPivotResultColumn from ver 28 */
         this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
         this.inputConditionsOperator = filtersConfig.inputConditionsOperator;
         if (!isNil(filtersConfig.showClearFiltersButton)) {
@@ -12613,11 +12615,24 @@ let GridService = class GridService {
             this.initPivotSecondaryColsProcess(params);
             params.gridOptions.enableV2_1 = true;
             params.gridOptions.saveSettings = false;
-            params.gridOptions.defaultColDef.cellClass = this.getPivotCellClass.bind(this);
-            params.gridOptions.autoGroupColumnDef.cellClass = this.getPivotCellClass.bind(this);
+            params.gridOptions.defaultColDef = Object.assign(Object.assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
+            params.gridOptions.autoGroupColumnDef = Object.assign(Object.assign({}, params.gridOptions.autoGroupColumnDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
         }
         return params.gridOptions;
     }
+    getPivotHeaderClass(params) {
+        const gridQuery = params.colDef.headerComponentParams.gridQuery;
+        let cellClass = '';
+        if (gridQuery && gridQuery.api) {
+            const { columns } = gridQuery.api;
+            /** Use getPivotResultColumns from ver 28 */
+            const pivotColumns = columns.getSecondaryColumns();
+            if (pivotColumns && pivotColumns.length > 0) {
+                cellClass += 'top-border';
+            }
+        }
+        return cellClass;
+    }
     getPivotCellClass(params) {
         const { leafGroup, childIndex, rowGroupIndex } = params.node;
         const gridQuery = params.colDef.headerComponentParams.gridQuery;
@@ -12633,11 +12648,11 @@ let GridService = class GridService {
                 if (leafGroup) {
                     if (childIndex % 2 === 0) {
                         /** If row is even */
-                        cellClass += ' primary-100-background-color';
+                        cellClass += ' primary-0-background-color';
                     }
                 }
                 else {
-                    cellClass += 'primary-0-background-color pointer dato-simple-bold';
+                    cellClass += 'bottom-border primary-100-background-color pointer dato-simple-bold';
                 }
             }
         }
@@ -13324,6 +13339,7 @@ let GridService = class GridService {
      * we add the field name to the column header class in order to access it through the auto generated pivot column.
      */
     initPivotSecondaryColsProcess({ gridOptions }) {
+        /** Use processPivotResultColDef from ver 28 */
         gridOptions.processSecondaryColDef = colDef => {
             const userProvidedColDef = colDef.pivotValueColumn && colDef.pivotValueColumn.getUserProvidedColDef();
             if (userProvidedColDef) {
@@ -13336,6 +13352,7 @@ let GridService = class GridService {
                 });
             }
         };
+        /** Use processPivotResultColGroupDe from ver 28 */
         gridOptions.processSecondaryColGroupDef = (colGroupDef) => {
             if (colGroupDef.headerName) {
                 const parsedValue = tryParsePivotValue(colGroupDef.headerName);
@@ -13802,7 +13819,7 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
     }
     ngOnDestroy() {
         this.contentInit.complete();
-        this.tooltip && this.clearTooltip();
+        this.clearTooltip();
         this.rowHoverComponent && this.rowHoverComponent.destroy();
         this.rowHoverComponent = null;
     }
@@ -14003,37 +14020,51 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
             });
             this.addOnHoverElement();
         }
-        agGrid.cellMouseOver
-            .pipe(filter$1(({ node, column }) => lastHoveredCell !== `${node.id}-${column.getColId()}`), untilDestroyed(this))
-            .subscribe((event) => {
-            lastHoveredCell = `${event.node.id}-${event.column.getColId()}`;
+        agGrid.cellMouseOver.pipe(untilDestroyed(this)).subscribe((event) => {
+            const { node, column } = event;
+            if (lastHoveredCell === `${node.id}-${column.getColId()}`) {
+                clearTimeout(this.cellMouseOutTimer);
+                return;
+            }
+            lastHoveredCell = `${node.id}-${column.getColId()}`;
             this.showTooltip(event);
             const row = event.event.target.parentElement;
-            if (onHoverEnabled && (event.node.group === false || isNil(event.node.group)) && this.lastHoveredRow !== row) {
+            if (onHoverEnabled && (node.group === false || isNil(node.group)) && this.lastHoveredRow !== row) {
                 const previousNode = this.lastHoveredRow;
                 this.lastHoveredRow = row;
                 this.toggleRowHoverClass([previousNode, this.lastHoveredRow]);
                 this.setOnHoverState(true, event);
             }
         });
-        const onTooltipOut = merge$1(fromEvent(bodyViewport, 'scroll'), fromEvent(this.agGridEl, 'mouseleave'), agGrid.cellMouseOut);
-        onTooltipOut
+        const onTooltipOut = merge$1(fromEvent(bodyViewport, 'scroll'), fromEvent(this.agGridEl, 'mouseleave'));
+        onTooltipOut.pipe(untilDestroyed(this)).subscribe(() => {
+            lastHoveredCell = null;
+            this.clearTooltip();
+        });
+        agGrid.cellMouseOut
             .pipe(filter$1(() => !isNil(this.tooltip)), untilDestroyed(this))
             .subscribe(() => {
-            this.clearTooltip();
+            this.cellMouseOutTimer = window.setTimeout(() => this.clearTooltip());
         });
     }
     /**
      * Dispose the tooltip
      */
     clearTooltip() {
-        this.tooltip.dispose();
+        this.tooltip && this.tooltip.dispose();
         this.tooltip = null;
     }
     showTooltip(event) {
-        const cell = event.event.target;
+        let cell = event.event.target;
+        if (cell.tagName === 'SPAN' && cell.scrollWidth === 0) {
+            cell = cell.parentElement;
+        }
+        if (event.colDef.editable) {
+            cell = cell.querySelector('.value-wrapper') || cell;
+        }
         const textOverflow = cell.offsetWidth < cell.scrollWidth;
         if (textOverflow) {
+            clearTimeout(this.cellMouseOutTimer);
             const params = { cell, value: cell.innerText };
             isNil(this.tooltip) ? this.createAndShowTooltip(params) : this.updateTooltip(params);
         }
@@ -22805,7 +22836,7 @@ function fixNgLeaks() {
     };
 }
 
-window.coreVersion = '22.11.0';
+window.coreVersion = '22.11.1';
 
 /**
  * @license