@firestitch/list 9.9.12 → 9.11.0

package/app/classes/list-controller.d.ts

@@ -5,7 +5,7 @@ import { FsScrollInstance, FsScrollService } from '@firestitch/scroll';
 import { SelectionDialog } from '@firestitch/selection';
 import { Model } from 'tsmodels';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { FsListConfig, FsListEmptyStateConfig, FsListFetchFn, FsListFetchSubscription, FsListNoResultsConfig, FsListRestoreConfig, FsListScrollableConfig, FsListTrackByFn } from '../interfaces';
+import { FsListAfterFetchFn, FsListConfig, FsListEmptyStateConfig, FsListFetchFn, FsListFetchSubscription, FsListNoResultsConfig, FsListRestoreConfig, FsListScrollableConfig, FsListTrackByFn } from '../interfaces';
 import { ColumnsController } from './columns-controller';
 import { ActionsController } from './index';
 import { DataController } from './data-controller';
@@ -42,6 +42,7 @@ export declare class List extends Model {
     noResults: FsListNoResultsConfig;
     emptyState: FsListEmptyStateConfig;
     fetchFn: FsListFetchFn;
+    afterFetchFn: FsListAfterFetchFn;
     initialized$: BehaviorSubject<boolean>;
     loading$: BehaviorSubject<boolean>;
     filtersQuery: any;

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

@@ -33,6 +33,7 @@ export interface FsListConfig {
     rowClass?: (row: any) => string;
     actions?: FsListAction[];
     fetch?: FsListFetchFn;
+    afterFetch?: FsListAfterFetchFn;
     scrollable?: FsListScrollableConfig | boolean;
     selection?: FsListSelectionConfig;
     initialFetch?: boolean;
@@ -142,7 +143,7 @@ export interface FsListRowActionGroup {
     rowActions: FsListRowAction[];
 }
 export interface FsListRowAction {
-    label?: string;
+    label?: string | FsListRowActionLabelFn;
     type?: ActionType;
     className?: string;
     icon?: string;
@@ -159,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>;
@@ -218,3 +222,4 @@ export declare type FsListFetchFn = (query: Record<string, any>, options: FsList
     data: unknown[];
     paging?: FsPaging;
 }>;
+export declare type FsListAfterFetchFn = (query: Record<string, any>, data: unknown[]) => void;

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)
@@ -3598,6 +3615,9 @@
             if (((_c = this.emptyState) === null || _c === void 0 ? void 0 : _c.validate) && this.emptyStateTemplate) {
                 this.emptyStateEnabled = this.emptyState.validate(query, lodashEs.cloneDeep(response.data));
             }
+            if (this.afterFetchFn) {
+                this.afterFetchFn(query, this.dataController.visibleRowsData);
+            }
             this.fetchComplete$.next();
             this.loading$.next(false);
         };
@@ -3717,6 +3737,10 @@
             tsmodels.Alias('fetch'),
             __metadata("design:type", Function)
         ], List.prototype, "fetchFn", void 0);
+        __decorate([
+            tsmodels.Alias('afterFetch'),
+            __metadata("design:type", Function)
+        ], List.prototype, "afterFetchFn", void 0);
         return List;
     }(tsmodels.Model));
 
@@ -5741,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