@firestitch/list 12.3.3 → 12.3.4

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

@@ -128,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
@@ -165,4 +170,5 @@ export declare class List {
      * @param row
      */
     private restoreClick;
+    private _updateSortingColumns;
 }

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();
         };
@@ -3906,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) {
@@ -4141,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;
     }());