@datorama/core 22.11.0 → 22.11.1

package/bundle.scss

@@ -14319,6 +14319,10 @@ dato-input input:disabled:hover {
        */
 }
 
+.dato-grid.pivot-mode .ag-row.ag-row-group .bottom-border {
+    border-bottom: 1px solid themify(primary-200);
+}
+
 .dato-grid.pivot-mode .ag-row.ag-row-group:not(.ag-row-hover) {
     background-color: themify(primary-50);
 }
@@ -14333,7 +14337,6 @@ dato-input input:disabled:hover {
 
 .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell {
     border: none;
-    border-top: 1px solid themify(primary-200);
 }
 
 .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell dato-grid-column-header {
@@ -14349,6 +14352,10 @@ dato-input input:disabled:hover {
     color: themify(primary-500);
 }
 
+.dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell.top-border {
+    border-top: 1px solid themify(primary-200);
+}
+
 .dato-grid.pivot-mode .ag-header .ag-header-row .ag-header-cell-resize {
     height: 100%;
     margin: 0;

package/bundles/datorama-core.umd.js

@@ -11722,6 +11722,7 @@
             return this.select(function (state) { return state.serverSidePagination.selectAllRowsEnabled; });
         };
         GridQuery.prototype.getSecondaryColumn = function (colId) {
+            /** Use getPivotResultColumns from ver 28 */
             var secondaryColumns = this.api.columns.getSecondaryColumns();
             if (secondaryColumns) {
                 return secondaryColumns.find(function (col) { return col.getColId() === colId; });
@@ -12965,6 +12966,7 @@
             var filtersConfig = colDef.filtersConfig || this.colDef.filtersConfig || {};
             var colFilter = filter || colDef.filter;
             var filterOptions = DatoGridFilterOptionsMap[colFilter];
+            /** Use getPivotResultColumn from ver 28 */
             this.pivotColumn = gridQuery.api.columns.getSecondaryPivotColumn(pivotKeys, pivotValueColumn);
             this.inputConditionsOperator = filtersConfig.inputConditionsOperator;
             if (!isNil(filtersConfig.showClearFiltersButton)) {
@@ -14341,11 +14343,24 @@
                 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 = __assign(__assign({}, params.gridOptions.defaultColDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
+                params.gridOptions.autoGroupColumnDef = __assign(__assign({}, params.gridOptions.autoGroupColumnDef), { cellClass: this.getPivotCellClass.bind(this), headerClass: this.getPivotHeaderClass.bind(this) });
             }
             return params.gridOptions;
         };
+        GridService.prototype.getPivotHeaderClass = function (params) {
+            var gridQuery = params.colDef.headerComponentParams.gridQuery;
+            var cellClass = '';
+            if (gridQuery && gridQuery.api) {
+                var columns = gridQuery.api.columns;
+                /** Use getPivotResultColumns from ver 28 */
+                var pivotColumns = columns.getSecondaryColumns();
+                if (pivotColumns && pivotColumns.length > 0) {
+                    cellClass += 'top-border';
+                }
+            }
+            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;
@@ -14361,11 +14376,11 @@
                     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';
                     }
                 }
             }
@@ -15146,6 +15161,7 @@
         GridService.prototype.initPivotSecondaryColsProcess = function (_a) {
             var _this = this;
             var gridOptions = _a.gridOptions;
+            /** Use processPivotResultColDef from ver 28 */
             gridOptions.processSecondaryColDef = function (colDef) {
                 var userProvidedColDef = colDef.pivotValueColumn && colDef.pivotValueColumn.getUserProvidedColDef();
                 if (userProvidedColDef) {
@@ -15158,6 +15174,7 @@
                     });
                 }
             };
+            /** Use processPivotResultColGroupDe from ver 28 */
             gridOptions.processSecondaryColGroupDef = function (colGroupDef) {
                 if (colGroupDef.headerName) {
                     var parsedValue = tryParsePivotValue(colGroupDef.headerName);
@@ -15662,7 +15679,7 @@
         });
         DatoGridControllerComponent.prototype.ngOnDestroy = function () {
             this.contentInit.complete();
-            this.tooltip && this.clearTooltip();
+            this.clearTooltip();
             this.rowHoverComponent && this.rowHoverComponent.destroy();
             this.rowHoverComponent = null;
         };
@@ -15889,40 +15906,51 @@
                 });
                 this.addOnHoverElement();
             }
-            agGrid.cellMouseOver
-                .pipe(operators.filter(function (_a) {
-                var node = _a.node, column = _a.column;
-                return lastHoveredCell !== node.id + "-" + column.getColId();
-            }), ngxTakeUntilDestroy.untilDestroyed(this))
-                .subscribe(function (event) {
-                lastHoveredCell = event.node.id + "-" + event.column.getColId();
+            agGrid.cellMouseOver.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function (event) {
+                var node = event.node, column = event.column;
+                if (lastHoveredCell === node.id + "-" + column.getColId()) {
+                    clearTimeout(_this.cellMouseOutTimer);
+                    return;
+                }
+                lastHoveredCell = node.id + "-" + column.getColId();
                 _this.showTooltip(event);
                 var 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) {
                     var previousNode = _this.lastHoveredRow;
                     _this.lastHoveredRow = row;
                     _this.toggleRowHoverClass([previousNode, _this.lastHoveredRow]);
                     _this.setOnHoverState(true, event);
                 }
             });
-            var onTooltipOut = rxjs.merge(rxjs.fromEvent(bodyViewport, 'scroll'), rxjs.fromEvent(this.agGridEl, 'mouseleave'), agGrid.cellMouseOut);
-            onTooltipOut
+            var onTooltipOut = rxjs.merge(rxjs.fromEvent(bodyViewport, 'scroll'), rxjs.fromEvent(this.agGridEl, 'mouseleave'));
+            onTooltipOut.pipe(ngxTakeUntilDestroy.untilDestroyed(this)).subscribe(function () {
+                lastHoveredCell = null;
+                _this.clearTooltip();
+            });
+            agGrid.cellMouseOut
                 .pipe(operators.filter(function () { return !isNil(_this.tooltip); }), ngxTakeUntilDestroy.untilDestroyed(this))
                 .subscribe(function () {
-                _this.clearTooltip();
+                _this.cellMouseOutTimer = window.setTimeout(function () { return _this.clearTooltip(); });
             });
         };
         /**
          * Dispose the tooltip
          */
         DatoGridControllerComponent.prototype.clearTooltip = function () {
-            this.tooltip.dispose();
+            this.tooltip && this.tooltip.dispose();
             this.tooltip = null;
         };
         DatoGridControllerComponent.prototype.showTooltip = function (event) {
             var cell = event.event.target;
+            if (cell.tagName === 'SPAN' && cell.scrollWidth === 0) {
+                cell = cell.parentElement;
+            }
+            if (event.colDef.editable) {
+                cell = cell.querySelector('.value-wrapper') || cell;
+            }
             var textOverflow = cell.offsetWidth < cell.scrollWidth;
             if (textOverflow) {
+                clearTimeout(this.cellMouseOutTimer);
                 var params = { cell: cell, value: cell.innerText };
                 isNil(this.tooltip) ? this.createAndShowTooltip(params) : this.updateTooltip(params);
             }
@@ -25573,7 +25601,7 @@
         };
     }
 
-    window.coreVersion = '22.11.0';
+    window.coreVersion = '22.11.1';
 
     exports.APP_TRANSLATE = APP_TRANSLATE;
     exports.AceService = AceService;