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

package/bundles/datorama-core.umd.js

@@ -20562,12 +20562,14 @@
             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);
@@ -20580,9 +20582,9 @@
         DatoGridStatusCellComponent = __decorate([
             core.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: core.ChangeDetectionStrategy.OnPush,
-                styles: [".status{line-height:18px}"]
+                styles: [".line-height-18{line-height:18px}"]
             }),
             __metadata("design:paramtypes", [core.ChangeDetectorRef])
         ], DatoGridStatusCellComponent);