@firestitch/list 9.11.1 → 9.11.2

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

@@ -4,7 +4,7 @@ import { ChangeFn, FilterConfig, IFilterSavedFiltersConfig } from '@firestitch/f
 import { FsScrollInstance, FsScrollService } from '@firestitch/scroll';
 import { SelectionDialog } from '@firestitch/selection';
 import { Model } from 'tsmodels';
-import { BehaviorSubject, Subject } from 'rxjs';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { FsListAfterFetchFn, FsListConfig, FsListEmptyStateConfig, FsListFetchFn, FsListFetchSubscription, FsListNoResultsConfig, FsListRestoreConfig, FsListScrollableConfig, FsListTrackByFn } from '../interfaces';
 import { ColumnsController } from './columns-controller';
 import { ActionsController } from './index';
@@ -45,7 +45,6 @@ export declare class List extends Model {
     afterFetchFn: FsListAfterFetchFn;
     initialized$: BehaviorSubject<boolean>;
     loading$: BehaviorSubject<boolean>;
-    filtersQuery: any;
     hasRowActions: any;
     paging: PaginationController;
     columns: ColumnsController;
@@ -68,6 +67,7 @@ export declare class List extends Model {
     emptyStateTemplate: TemplateRef<any>;
     fsScrollInstance: FsScrollInstance;
     onDestroy$: Subject<unknown>;
+    private readonly _filtersQuery;
     private readonly _headerConfig;
     private readonly _groupCellConfig;
     private readonly _cellConfig;
@@ -75,6 +75,8 @@ export declare class List extends Model {
     private _fsScrollSubscription;
     constructor(el: ElementRef, config: FsListConfig, fsScroll: FsScrollService, selectionDialog: SelectionDialog, router: Router, route: ActivatedRoute, persistance: PersistanceController, inDialog: boolean);
     get hasSavedFilters(): boolean;
+    get filtersQuery(): Record<string, any>;
+    get filtersQuery$(): Observable<Record<string, any>>;
     fetchRemote(query: any): any;
     /**
      * Transform templates for using

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

@@ -27,6 +27,7 @@ export declare class ReorderController implements OnDestroy {
     private _enabled$;
     private _manualReorderActivated$;
     private _reorderDisabled$;
+    private _numberOfActiveFilters;
     private _destroy$;
     constructor();
     get enabled(): boolean;
@@ -53,4 +54,5 @@ export declare class ReorderController implements OnDestroy {
      * Disable reorder action and update filter actions state
      */
     disableReorderAction(): void;
+    setNunberOfActiveFilters(activeFilters: number): void;
 }

package/app/components/list/list.component.d.ts

@@ -103,6 +103,7 @@ export declare class FsListComponent implements OnInit, OnDestroy {
     private _subscribeToRemoveRow;
     private _subscribeToGroupExpandStatusChange;
     private _waitFirstLoad;
+    private _listenFiltersQueryChange;
     private _configMergeCustomizer;
     private _restorePersistance;
 }

package/bundles/firestitch-list.umd.js

@@ -3044,6 +3044,7 @@
             // Empty state
             _this.emptyStateEnabled = false;
             _this.onDestroy$ = new rxjs.Subject();
+            _this._filtersQuery = new rxjs.BehaviorSubject(null);
             _this._fromJSON(config);
             _this.initialize(config);
             _this._headerConfig = new StyleConfig(config.header);
@@ -3065,6 +3066,20 @@
             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,
@@ -3528,7 +3543,7 @@
             if (this.filterInitCb) {
                 this.filterInitCb(filters);
             }
-            this.filtersQuery = filters;
+            this._filtersQuery.next(filters);
             this.checkRestoreFilter();
         };
         /**
@@ -3540,7 +3555,7 @@
             if (this.filterChangeCb) {
                 this.filterChangeCb(filterQuery, filterSort);
             }
-            this.filtersQuery = filterQuery;
+            this._filtersQuery.next(filterQuery);
             this.restoreMode = false;
             // Restore option
             this.checkRestoreFilter();
@@ -3760,6 +3775,7 @@
             this._enabled$ = new rxjs.BehaviorSubject(false);
             this._manualReorderActivated$ = new rxjs.BehaviorSubject(false);
             this._reorderDisabled$ = new rxjs.BehaviorSubject(false);
+            this._numberOfActiveFilters = 0;
             this._destroy$ = new rxjs.Subject();
         }
         Object.defineProperty(ReorderController.prototype, "enabled", {
@@ -3793,7 +3809,9 @@
                 return this._enabled$
                     .pipe(operators.map(function (enabled) {
                     return enabled && _this.position === exports.ReorderPosition.Left;
-                }), operators.distinctUntilChanged(), operators.shareReplay(), operators.takeUntil(this._destroy$));
+                }), operators.map(function () {
+                    return _this._numberOfActiveFilters === 0;
+                }), operators.distinctUntilChanged(), operators.shareReplay());
             },
             enumerable: true,
             configurable: true
@@ -3804,7 +3822,9 @@
                 return this._enabled$
                     .pipe(operators.map(function (enabled) {
                     return enabled && _this.position === exports.ReorderPosition.Right;
-                }), operators.distinctUntilChanged(), operators.shareReplay(), operators.takeUntil(this._destroy$));
+                }), operators.map(function () {
+                    return _this._numberOfActiveFilters === 0;
+                }), operators.distinctUntilChanged(), operators.shareReplay());
             },
             enumerable: true,
             configurable: true
@@ -3927,6 +3947,10 @@
             this._reorderDisabled$.next(true);
             this._actionsController.updateDisabledState();
         };
+        ReorderController.prototype.setNunberOfActiveFilters = function (activeFilters) {
+            this._numberOfActiveFilters = activeFilters;
+            this.enabled = this.enabled;
+        };
         ReorderController = __decorate([
             core.Injectable(),
             __metadata("design:paramtypes", [])
@@ -4453,6 +4477,7 @@
             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);
@@ -4530,6 +4555,17 @@
                 _this.cdRef.markForCheck();
             });
         };
+        FsListComponent.prototype._listenFiltersQueryChange = function () {
+            var _this = this;
+            this.list.filtersQuery$
+                .pipe(operators.takeUntil(this.list.onDestroy$), operators.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;