@wizishop/angular-components 0.0.99 → 0.0.100

package/bundles/wizishop-angular-components.umd.js

@@ -698,6 +698,8 @@
                 currentPage: 0
             };
             var filterGroup = this.filterRoutingBuilder.group(dataTableFilters, dataTableName);
+            filterGroup.tableFiltersValuesChange$ = new rxjs.ReplaySubject(1);
+            filterGroup.tableFiltersValuesDebouncedChange$ = filterGroup.tableFiltersValuesChange$.pipe(operators.debounceTime(300));
             this.filterGroups.set(dataTableName, filterGroup);
             return filterGroup;
         };
@@ -720,6 +722,9 @@
                 currentPage: currentPage
             });
         };
+        /*
+          Add defaults filters in the URL if they not exists.
+        */
         FiltersTableService.prototype.setInitialPaginationFiltersIfNotExist = function (dataTableName, itemsPerPage, currentPage) {
             var filterGroup = this.getTableFilterGroup(dataTableName);
             filterGroup.setValues({
@@ -762,12 +767,11 @@
             this.headerCheckBoxId = uuid.v4(); // Create checkbox unique id
             /* Handle routing filters */
             if (this.tableRoutingName) {
-                this._filterGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
-                // Performe initial fetch data
-                this._filterGroup.valuesChange$.next([]);
+                this.filtersTableService.setInitialPaginationFiltersIfNotExist(this.tableRoutingName, this.tableFilters.itemsPerPage, this.tableFilters.currentPage);
+                this._tableFiltersGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
                 this.setTablesFilters();
                 // Listen to filters changes with debounced time to limit multiple api calls
-                this.filterGroupChangeSub = this._filterGroup.valuesChange$.subscribe(function (filters) {
+                this.filterGroupChangeSub = this._tableFiltersGroup.valuesChange$.subscribe(function (filters) {
                     _this.setTablesFilters();
                 });
             }
@@ -782,8 +786,8 @@
             this.tableFilters.currentPage = 1;
             this.tableFiltersChange.emit(this.tableFilters);
             // Reset routing filters
-            if (this._filterGroup) {
-                this._filterGroup.setValues({
+            if (this._tableFiltersGroup) {
+                this._tableFiltersGroup.setValues({
                     searchValue: this.tableFilters.searchValue,
                     sort: undefined,
                     order: undefined,
@@ -793,8 +797,8 @@
         };
         TableComponent.prototype.pageChange = function () {
             this.tableFiltersChange.emit(this.tableFilters);
-            if (this._filterGroup) {
-                this._filterGroup.setValues({
+            if (this._tableFiltersGroup) {
+                this._tableFiltersGroup.setValues({
                     itemsPerPage: this.tableFilters.itemsPerPage,
                     currentPage: this.tableFilters.currentPage
                 });
@@ -805,14 +809,15 @@
          * */
         TableComponent.prototype.setTablesFilters = function () {
             this.tableFilters = {
-                sort: this._filterGroup.get('sort'),
-                order: this._filterGroup.get('order'),
-                searchValue: this._filterGroup.get('searchValue'),
-                itemsPerPage: this._filterGroup.get('itemsPerPage') ? parseInt(this._filterGroup.get('itemsPerPage')) : 0,
-                currentPage: this._filterGroup.get('currentPage') ? parseInt(this._filterGroup.get('currentPage')) : 0,
+                sort: this._tableFiltersGroup.get('sort'),
+                order: this._tableFiltersGroup.get('order'),
+                searchValue: this._tableFiltersGroup.get('searchValue'),
+                itemsPerPage: this._tableFiltersGroup.get('itemsPerPage') ? parseInt(this._tableFiltersGroup.get('itemsPerPage')) : 0,
+                currentPage: this._tableFiltersGroup.get('currentPage') ? parseInt(this._tableFiltersGroup.get('currentPage')) : 0,
                 totalItems: this.tableFilters.totalItems
             };
             this.tableFiltersChange.emit(this.tableFilters);
+            this._tableFiltersGroup.tableFiltersValuesChange$.next(this.tableFilters);
         };
         TableComponent.prototype.ngDestroy = function () {
             if (this.filterGroupChangeSub) {
@@ -4041,6 +4046,14 @@
                 },] }
     ];
 
+    var TableFiltersGroup = /** @class */ (function (_super) {
+        __extends(TableFiltersGroup, _super);
+        function TableFiltersGroup() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return TableFiltersGroup;
+    }(i1$1.NwbFilterGroup));
+
     /*
      * Public API Surface of angular-components
      */
@@ -4107,6 +4120,7 @@
     exports.TableColumn = TableColumn;
     exports.TableColumnHeader = TableColumnHeader;
     exports.TableComponent = TableComponent;
+    exports.TableFiltersGroup = TableFiltersGroup;
     exports.TableRow = TableRow;
     exports.TagComponent = TagComponent;
     exports.TextAreaComponent = TextAreaComponent;