@datorama/core 22.9.9-rc.2 → 22.9.9-rc.3

package/fesm5/datorama-core.js

@@ -20363,12 +20363,14 @@ var DatoGridStatusCellComponent = /** @class */ (function () {
         var mainCustomCellConfig = customCellConfig || {};
         var valueCustomCellConfig = valueToCustomCellConfig ? valueToCustomCellConfig[params.value] || {} : {};
         var config = __assign(__assign({}, mainCustomCellConfig), valueCustomCellConfig);
-        var textCssClass = config.textCssClass, icon = config.icon, iconCssClass = config.iconCssClass, showSpinner = config.showSpinner, getIsVisible = config.getIsVisible;
+        var textCssClass = config.textCssClass, icon = config.icon, iconCssClass = config.iconCssClass, showSpinner = config.showSpinner, getAdditionalText = config.getAdditionalText, additionalTextCssClass = config.additionalTextCssClass, getIsVisible = config.getIsVisible;
         this.isVisible = !getIsVisible || getIsVisible(params.data);
         this.icon = icon;
         this.iconCssClass = iconCssClass || '';
         this.textCssClass = textCssClass || '';
+        this.additionalTextCssClass = additionalTextCssClass || '';
         this.showSpinner = showSpinner;
+        this.additionalText = getAdditionalText ? getAdditionalText(params.data) : null;
     };
     DatoGridStatusCellComponent.prototype.refresh = function (params) {
         this.agInit(params);
@@ -20381,9 +20383,9 @@ var DatoGridStatusCellComponent = /** @class */ (function () {
     DatoGridStatusCellComponent = __decorate([
         Component({
             selector: 'dato-grid-status-cell',
-            template: "<div *ngIf=\"!isGroup && isVisible\" class=\"height-100 d-flex items-center\">\n    <dato-icon *ngIf=\"icon\" class=\"mr-6 {{iconCssClass}}\" [icon]=\"icon\" datoSize=\"sm\"></dato-icon>\n    <dato-page-loader *ngIf=\"showSpinner\" [salesforce]=\"true\" size=\"x-small\" class=\"mr-10 mt-15\"></dato-page-loader>\n    <div class=\"dato-simple ellipsis status {{textCssClass}}\"\n         [datoTooltipV2]=\"status\" [showOnlyOnTextOverflow]=\"true\" [tooltipCheckInView]=\"false\">\n        {{status}}\n    </div>\n</div>\n<span *ngIf=\"isGroup\">{{status}}</span>\n",
+            template: "<div *ngIf=\"!isGroup && isVisible\" class=\"height-100 d-flex items-center\">\n    <dato-icon *ngIf=\"icon\" class=\"mr-6 {{iconCssClass}}\" [icon]=\"icon\" datoSize=\"sm\"></dato-icon>\n    <dato-page-loader *ngIf=\"showSpinner\" [salesforce]=\"true\" size=\"x-small\" class=\"mr-10 mt-15\"></dato-page-loader>\n    <div class=\"dato-simple status line-height-18 {{textCssClass}}\" [class.ellipsis]=\"!additionalText\"\n         [datoTooltipV2]=\"status\" [showOnlyOnTextOverflow]=\"true\" [tooltipCheckInView]=\"false\">\n        {{status}}\n    </div>\n    <div *ngIf=\"additionalText\" class=\"dato-simple ml-3 ellipsis line-height-18 {{additionalTextCssClass}}\"\n         [datoTooltipV2]=\"status + ' ' + additionalText\" [showOnlyOnTextOverflow]=\"true\" [tooltipCheckInView]=\"false\">\n        {{additionalText}}\n    </div>\n</div>\n<span *ngIf=\"isGroup\">{{status}}</span>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".status{line-height:18px}"]
+            styles: [".line-height-18{line-height:18px}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], DatoGridStatusCellComponent);