@wizishop/angular-components 0.0.99 → 0.0.102

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) {
@@ -845,18 +850,14 @@
 
     var TagComponent = /** @class */ (function () {
         function TagComponent() {
-            //todo Refacto, open/close should be handle outside this component
             this.label = '';
             this.hasClose = false;
             this.big = false;
             this.isOpen = true;
             this.isOpenChange = new i0.EventEmitter();
         }
-        TagComponent.prototype.closeTag = function () {
-            if (!this.hasClose) {
-                return;
-            }
-            this.isOpen = false;
+        TagComponent.prototype.toggleTag = function () {
+            this.isOpen = !this.isOpen;
             this.isOpenChange.next(this.isOpen);
         };
         return TagComponent;
@@ -864,7 +865,7 @@
     TagComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-tag',
-                    template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\" *ngIf=\"isOpen\" (click)=\"closeTag()\">\n  {{ label }}\n  <span *ngIf=\"hasClose\"><i class=\"fas fa-times\"></i></span>\n</div>\n"
+                    template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\">\n  {{ label }}\n  <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n"
                 },] }
     ];
     TagComponent.ctorParameters = function () { return []; };
@@ -4041,6 +4042,20 @@
                 },] }
     ];
 
+    var TableFiltersGroup = /** @class */ (function (_super) {
+        __extends(TableFiltersGroup, _super);
+        function TableFiltersGroup() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        TableFiltersGroup.prototype.set = function (key, value) {
+            _super.prototype.set.call(this, key, value);
+        };
+        TableFiltersGroup.prototype.resetToFirstPage = function () {
+            this.set("currentPage", 1);
+        };
+        return TableFiltersGroup;
+    }(i1$1.NwbFilterGroup));
+
     /*
      * Public API Surface of angular-components
      */
@@ -4107,6 +4122,7 @@
     exports.TableColumn = TableColumn;
     exports.TableColumnHeader = TableColumnHeader;
     exports.TableComponent = TableComponent;
+    exports.TableFiltersGroup = TableFiltersGroup;
     exports.TableRow = TableRow;
     exports.TagComponent = TagComponent;
     exports.TextAreaComponent = TextAreaComponent;