@firestitch/list 9.10.1 → 9.11.2

package/fesm5/firestitch-list.js

@@ -323,6 +323,7 @@ var RowAction = /** @class */ (function (_super) {
     function RowAction(config) {
         if (config === void 0) { config = {}; }
         var _this = _super.call(this) || this;
+        _this.label = '';
         _this.classArray = [];
         _this.isShown = true;
         _this._isGroup = false;
@@ -355,6 +356,13 @@ var RowAction = /** @class */ (function (_super) {
             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);
@@ -389,6 +397,19 @@ var RowAction = /** @class */ (function (_super) {
             }
         }
     };
+    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();
@@ -405,10 +426,6 @@ var RowAction = /** @class */ (function (_super) {
         Alias(),
         __metadata("design:type", String)
     ], RowAction.prototype, "icon", void 0);
-    __decorate([
-        Alias(),
-        __metadata("design:type", String)
-    ], RowAction.prototype, "label", void 0);
     __decorate([
         Alias(),
         __metadata("design:type", Boolean)
@@ -2833,6 +2850,7 @@ var List = /** @class */ (function (_super) {
         // Empty state
         _this.emptyStateEnabled = false;
         _this.onDestroy$ = new Subject();
+        _this._filtersQuery = new BehaviorSubject(null);
         _this._fromJSON(config);
         _this.initialize(config);
         _this._headerConfig = new StyleConfig(config.header);
@@ -2854,6 +2872,20 @@ var List = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(List.prototype, "filtersQuery", {
+        get: function () {
+            return this._filtersQuery.getValue();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(List.prototype, "filtersQuery$", {
+        get: function () {
+            return this._filtersQuery.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
     List.prototype.fetchRemote = function (query) {
         var options = {
             state: this.dataController.operation,
@@ -3144,7 +3176,7 @@ var List = /** @class */ (function (_super) {
         var _this = this;
         var fetch$ = this.fetch$.asObservable();
         // Should wait until saved filters not loaded
-        if (!!this.filters && !!this.savedFilters) {
+        if (!!this.filters) {
             fetch$ = combineLatest([fetch$, this.filtersReady$])
                 .pipe(map(function (_a) {
                 var _b = __read(_a, 1), params = _b[0];
@@ -3317,7 +3349,7 @@ var List = /** @class */ (function (_super) {
         if (this.filterInitCb) {
             this.filterInitCb(filters);
         }
-        this.filtersQuery = filters;
+        this._filtersQuery.next(filters);
         this.checkRestoreFilter();
     };
     /**
@@ -3329,7 +3361,7 @@ var List = /** @class */ (function (_super) {
         if (this.filterChangeCb) {
             this.filterChangeCb(filterQuery, filterSort);
         }
-        this.filtersQuery = filterQuery;
+        this._filtersQuery.next(filterQuery);
         this.restoreMode = false;
         // Restore option
         this.checkRestoreFilter();
@@ -3404,7 +3436,9 @@ var List = /** @class */ (function (_super) {
         if (((_c = this.emptyState) === null || _c === void 0 ? void 0 : _c.validate) && this.emptyStateTemplate) {
             this.emptyStateEnabled = this.emptyState.validate(query, cloneDeep(response.data));
         }
-        this.afterFetchFn(query, this.dataController.visibleRowsData);
+        if (this.afterFetchFn) {
+            this.afterFetchFn(query, this.dataController.visibleRowsData);
+        }
         this.fetchComplete$.next();
         this.loading$.next(false);
     };
@@ -3547,6 +3581,7 @@ var ReorderController = /** @class */ (function () {
         this._enabled$ = new BehaviorSubject(false);
         this._manualReorderActivated$ = new BehaviorSubject(false);
         this._reorderDisabled$ = new BehaviorSubject(false);
+        this._numberOfActiveFilters = 0;
         this._destroy$ = new Subject();
     }
     Object.defineProperty(ReorderController.prototype, "enabled", {
@@ -3580,7 +3615,9 @@ var ReorderController = /** @class */ (function () {
             return this._enabled$
                 .pipe(map(function (enabled) {
                 return enabled && _this.position === ReorderPosition.Left;
-            }), distinctUntilChanged(), shareReplay(), takeUntil(this._destroy$));
+            }), map(function () {
+                return _this._numberOfActiveFilters === 0;
+            }), distinctUntilChanged(), shareReplay());
         },
         enumerable: true,
         configurable: true
@@ -3591,7 +3628,9 @@ var ReorderController = /** @class */ (function () {
             return this._enabled$
                 .pipe(map(function (enabled) {
                 return enabled && _this.position === ReorderPosition.Right;
-            }), distinctUntilChanged(), shareReplay(), takeUntil(this._destroy$));
+            }), map(function () {
+                return _this._numberOfActiveFilters === 0;
+            }), distinctUntilChanged(), shareReplay());
         },
         enumerable: true,
         configurable: true
@@ -3714,6 +3753,10 @@ var ReorderController = /** @class */ (function () {
         this._reorderDisabled$.next(true);
         this._actionsController.updateDisabledState();
     };
+    ReorderController.prototype.setNunberOfActiveFilters = function (activeFilters) {
+        this._numberOfActiveFilters = activeFilters;
+        this.enabled = this.enabled;
+    };
     ReorderController = __decorate([
         Injectable(),
         __metadata("design:paramtypes", [])
@@ -4240,6 +4283,7 @@ var FsListComponent = /** @class */ (function () {
         this._updateCustomizeAction(listConfig.actions);
         this.list = new List(this._el, listConfig, this.fsScroll, this.selectionDialog, this._router, this._route, this._persistance, this._inDialog);
         this._waitFirstLoad();
+        this._listenFiltersQueryChange();
         this.reorderController.initWithConfig(config.reorder, this.list.dataController, this.list.actions);
         if (this.listColumnDirectives) {
             this.list.tranformTemplatesToColumns(this.listColumnDirectives);
@@ -4317,6 +4361,17 @@ var FsListComponent = /** @class */ (function () {
             _this.cdRef.markForCheck();
         });
     };
+    FsListComponent.prototype._listenFiltersQueryChange = function () {
+        var _this = this;
+        this.list.filtersQuery$
+            .pipe(takeUntil(this.list.onDestroy$), takeUntil(this._destroy))
+            .subscribe(function (value) {
+            if (value) {
+                var activeFilters = Object.keys(value).length;
+                _this.reorderController.setNunberOfActiveFilters(activeFilters);
+            }
+        });
+    };
     FsListComponent.prototype._configMergeCustomizer = function (objValue, srcValue) {
         if (Array.isArray(objValue)) {
             return objValue;
@@ -5552,7 +5607,10 @@ var FsRowActionsComponent = /** @class */ (function () {
         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