@firestitch/list 12.3.1 → 12.3.4

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

@@ -25,6 +25,7 @@ export declare class List {
     heading: string;
     trackBy: string;
     subheading: string;
+    autoFocus: boolean;
     rowActionsRaw: any[];
     groupActionsRaw: any[];
     rowClass: any;
@@ -127,6 +128,11 @@ export declare class List {
      */
     private listenFetch;
     private listenRowsRemove;
+    /**
+     * Lister may have originally hidden columns, but visibility of those columns
+     * can be changed programmaticaly in any time
+     */
+    private _listenVisibleColumnChanges;
     private initInfinityScroll;
     /**
      * Update and watch filter changes
@@ -164,4 +170,5 @@ export declare class List {
      * @param row
      */
     private restoreClick;
+    private _updateSortingColumns;
 }

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

@@ -55,6 +55,7 @@ export declare class FsListComponent implements OnInit, OnDestroy {
     get groupEnabled(): boolean;
     get paginatorVisible(): boolean;
     set groupEnabled(value: boolean);
+    get filtersQuery(): Record<string, unknown>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     nextPage(): void;

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

@@ -22,6 +22,7 @@ export interface FsListConfig {
     status?: boolean;
     chips?: boolean;
     column?: FsListColumnConfig;
+    autoFocus?: boolean;
     filterInput?: boolean;
     queryParam?: boolean;
     paging?: FsPaging | false;

package/bundles/firestitch-list.umd.js

@@ -3522,7 +3522,6 @@
          * @param templates
          */
         List.prototype.tranformTemplatesToColumns = function (templates) {
-            var _this = this;
             var defaultConfigs = {
                 header: this._headerConfig,
                 groupCell: this._groupCellConfig,
@@ -3532,12 +3531,7 @@
             this.columns.setDefaults(defaultConfigs);
             this.columns.initializeColumns(templates);
             // Set sortBy default column
-            this.sorting.clearSortableColumns();
-            this.columns.columns
-                .filter(function (column) { return column.sortable && column.visible; })
-                .forEach(function (column) {
-                _this.sorting.addSortableColumn(column);
-            });
+            this._updateSortingColumns();
             // Default sort by
             var externalSorting = this.externalParams.externalSorting;
             var initialSortConfig = externalSorting || this.config.sort;
@@ -3614,6 +3608,7 @@
                     _this.fetch$.next();
                 }
             });
+            this._listenVisibleColumnChanges();
             this.listenRowsRemove();
             this.listenFetch();
         };
@@ -3674,6 +3669,7 @@
          */
         List.prototype.initialize = function (config) {
             var _a;
+            this.autoFocus = config.autoFocus;
             this.heading = config.heading;
             this.trackBy = config.trackBy;
             this.subheading = config.subheading;
@@ -3905,6 +3901,18 @@
                 }
             });
         };
+        /**
+         * Lister may have originally hidden columns, but visibility of those columns
+         * can be changed programmaticaly in any time
+         */
+        List.prototype._listenVisibleColumnChanges = function () {
+            var _this = this;
+            this.columns.visibleColumns$
+                .pipe(operators.takeUntil(this.onDestroy$))
+                .subscribe(function () {
+                _this._updateSortingColumns();
+            });
+        };
         List.prototype.initInfinityScroll = function () {
             var _this = this;
             if (this.fsScrollInstance) {
@@ -3985,6 +3993,7 @@
                 // inline: this.inlineFilters,
                 actions: this.actions.actions,
                 queryParam: this.queryParam,
+                autofocus: this.autoFocus,
                 sorts: sortValues,
                 sort: sortConfig,
                 chips: this.chips,
@@ -4139,6 +4148,15 @@
                 });
             }
         };
+        List.prototype._updateSortingColumns = function () {
+            var _this = this;
+            this.sorting.clearSortableColumns();
+            this.columns.columns
+                .filter(function (column) { return column.sortable && column.visible; })
+                .forEach(function (column) {
+                _this.sorting.addSortableColumn(column);
+            });
+        };
         return List;
     }());
 
@@ -6118,6 +6136,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FsListComponent.prototype, "filtersQuery", {
+            get: function () {
+                return this.list.filtersQuery;
+            },
+            enumerable: false,
+            configurable: true
+        });
         FsListComponent.prototype.ngOnInit = function () {
             this._subscribeToRemoveRow();
             this._subscribeToGroupExpandStatusChange();