@firestitch/list 9.10.2 → 9.11.0

package/app/interfaces/listconfig.interface.d.ts

@@ -143,7 +143,7 @@ export interface FsListRowActionGroup {
     rowActions: FsListRowAction[];
 }
 export interface FsListRowAction {
-    label?: string;
+    label?: string | FsListRowActionLabelFn;
     type?: ActionType;
     className?: string;
     icon?: string;
@@ -160,6 +160,9 @@ export interface FsListRowAction {
 export interface FsListRowActionLinkFn {
     (row: FsListAbstractRow): FsListRowActionLink;
 }
+export interface FsListRowActionLabelFn {
+    (row: FsListAbstractRow): string;
+}
 export interface FsListRowActionLink {
     link: any[] | string;
     queryParams?: Record<string, any>;

package/app/models/row-action.model.d.ts

@@ -3,7 +3,6 @@ import { ActionType } from '../enums/button-type.enum';
 import { FsListRowActionLink } from '../interfaces';
 export declare class RowAction extends Model {
     icon: string;
-    label: string;
     menu: boolean;
     remove: {
         title: string;
@@ -14,16 +13,19 @@ export declare class RowAction extends Model {
     show: Function;
     restore: boolean;
     rowActions: RowAction[];
+    label: string;
     routerLink: FsListRowActionLink;
     classArray: string[];
     isShown: boolean;
     click: Function;
     private _linkFn;
+    private _labelFn;
     private readonly _isGroup;
     constructor(config?: any);
     get isGroup(): boolean;
     _fromJSON(value: any): void;
     checkShowStatus(row: any, index: any): void;
     updateLink(row: any): void;
+    updateLabel(row: any): void;
     private clickEvent;
 }

package/bundles/firestitch-list.umd.js

@@ -517,6 +517,7 @@
         function RowAction(config) {
             if (config === void 0) { config = {}; }
             var _this = _super.call(this) || this;
+            _this.label = '';
             _this.classArray = [];
             _this.isShown = true;
             _this._isGroup = false;
@@ -549,6 +550,13 @@
                 return _this.clickEvent(row, event, index, rowActionsRef, clickFn);
             };
             this._linkFn = value.link;
+            if (typeof value.label === 'function') {
+                this._labelFn = value.label;
+                this.label = '';
+            }
+            else {
+                this.label = value.label;
+            }
             if (this.className) {
                 this.classArray = this.className.split(' ').reduce(function (acc, elem) {
                     acc.push(elem);
@@ -583,6 +591,19 @@
                 }
             }
         };
+        RowAction.prototype.updateLabel = function (row) {
+            if (!this.isShown) {
+                return;
+            }
+            if (this.isGroup) {
+                this.rowActions.forEach(function (action) {
+                    action.updateLabel(row);
+                });
+            }
+            else if (this._labelFn) {
+                this.label = this._labelFn(row);
+            }
+        };
         RowAction.prototype.clickEvent = function (row, event, index, rowActionsRef, clickFn) {
             // Stop event propagation for parent
             event.stopPropagation();
@@ -599,10 +620,6 @@
             tsmodels.Alias(),
             __metadata("design:type", String)
         ], RowAction.prototype, "icon", void 0);
-        __decorate([
-            tsmodels.Alias(),
-            __metadata("design:type", String)
-        ], RowAction.prototype, "label", void 0);
         __decorate([
             tsmodels.Alias(),
             __metadata("design:type", Boolean)
@@ -5748,7 +5765,10 @@
             return index;
         };
         FsRowActionsComponent.prototype.clickOnTrigger = function (event) {
+            var _this = this;
             event.stopPropagation();
+            this.rowActions
+                .forEach(function (action) { return action.updateLabel(_this.row.data); });
         };
         /**
          * Emit that some row must be removed