@vendure/admin-ui 1.9.0 → 1.9.1

package/bundles/vendure-admin-ui-catalog.umd.js

@@ -1950,19 +1950,9 @@
             var _this = this;
             this.init();
             this.product$ = this.entity$;
-            this.totalItems$ = this.product$.pipe(operators.map(function (product) { return product.variantList.totalItems; }));
-            this.paginationConfig$ = rxjs.combineLatest(this.totalItems$, this.itemsPerPage$, this.currentPage$).pipe(operators.map(function (_c) {
-                var _d = __read(_c, 3), totalItems = _d[0], itemsPerPage = _d[1], currentPage = _d[2];
-                return ({
-                    totalItems: totalItems,
-                    itemsPerPage: itemsPerPage,
-                    currentPage: currentPage,
-                });
-            }));
-            var variants$ = this.product$.pipe(operators.map(function (product) { return product.variantList.items; }));
-            var filterTerm$ = this.filterInput.valueChanges.pipe(operators.startWith(''), operators.debounceTime(200), operators.shareReplay());
+            var filterTerm$ = this.filterInput.valueChanges.pipe(operators.startWith(''), operators.debounceTime(200), operators.shareReplay(), operators.tap(function () { return _this.currentPage$.next(1); }));
             var initialVariants$ = this.product$.pipe(operators.map(function (p) { return p.variantList.items; }));
-            var updatedVariants$ = rxjs.combineLatest(filterTerm$, this.currentPage$, this.itemsPerPage$).pipe(operators.skipUntil(initialVariants$), operators.skip(1), operators.switchMap(function (_c) {
+            var variantsList$ = rxjs.combineLatest(filterTerm$, this.currentPage$, this.itemsPerPage$).pipe(operators.skipUntil(initialVariants$), operators.skip(1), operators.debounceTime(100), operators.switchMap(function (_c) {
                 var _d = __read(_c, 3), term = _d[0], currentPage = _d[1], itemsPerPage = _d[2];
                 return _this.dataService.product
                     .getProductVariants(Object.assign(Object.assign({ skip: (currentPage - 1) * itemsPerPage, take: itemsPerPage }, (term
@@ -1970,9 +1960,10 @@
                     : {})), { filterOperator: i2.LogicalOperator.OR }), _this.id)
                     .mapStream(function (_c) {
                     var productVariants = _c.productVariants;
-                    return productVariants.items;
+                    return productVariants;
                 });
             }), operators.shareReplay({ bufferSize: 1, refCount: true }));
+            var updatedVariants$ = variantsList$.pipe(operators.map(function (result) { return result.items; }));
             this.variants$ = rxjs.merge(initialVariants$, updatedVariants$).pipe(operators.tap(function (variants) {
                 var e_1, _c;
                 try {
@@ -1989,6 +1980,15 @@
                     finally { if (e_1) throw e_1.error; }
                 }
             }));
+            this.totalItems$ = rxjs.merge(this.product$.pipe(operators.map(function (product) { return product.variantList.totalItems; })), variantsList$.pipe(operators.map(function (result) { return result.totalItems; })));
+            this.paginationConfig$ = rxjs.combineLatest(this.totalItems$, this.itemsPerPage$, this.currentPage$).pipe(operators.map(function (_c) {
+                var _d = __read(_c, 3), totalItems = _d[0], itemsPerPage = _d[1], currentPage = _d[2];
+                return ({
+                    totalItems: totalItems,
+                    itemsPerPage: itemsPerPage,
+                    currentPage: currentPage,
+                });
+            }));
             this.taxCategories$ = this.productDetailService.getTaxCategories().pipe(operators.takeUntil(this.destroy$));
             this.activeTab$ = this.route.paramMap.pipe(operators.map(function (qpm) { return qpm.get('tab'); }));
             rxjs.combineLatest(updatedVariants$, this.languageCode$)
@@ -5229,7 +5229,7 @@
         };
         ProductVariantsListComponent.prototype.onAssetChange = function (variantId, event) {
             this.assetChange.emit(Object.assign({ variantId: variantId }, event));
-            var index = this.variants.findIndex(function (v) { return v.id === variantId; });
+            var index = this.formArray.controls.findIndex(function (c) { return c.value.id === variantId; });
             this.formArray.at(index).markAsDirty();
         };
         ProductVariantsListComponent.prototype.toggleSelectAll = function () {