@recursyve/nice-data-filter-kit 15.0.1 → 15.1.0

package/fesm2020/recursyve-nice-data-filter-kit.mjs

@@ -5,7 +5,7 @@ import * as i5$1 from '@recursyve/nice-ui-kit.v2';
 import { isNullOrUndefined, ObjectUtils, FileUtils, ArrayUtils, ExportBottomSheetComponent, NiceLoadingSpinnerModule, NiceTypeaheadModule, NiceExportBottomSheetModule, NiceAsyncTypeaheadProvider, NICE_ASYNC_TYPEAHEAD_PROVIDER, NiceAsyncTypeaheadModule } from '@recursyve/nice-ui-kit.v2';
 import * as i0 from '@angular/core';
 import { Directive, Input, NgModule, Injectable, Inject, InjectionToken, Optional, Pipe, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, HostListener, forwardRef, TemplateRef, ContentChild, ContentChildren, QueryList, ViewChild } from '@angular/core';
-import { Store, StoreConfig, Query, arrayAdd, arrayUpsert, arrayRemove, EntityStore, QueryEntity, EntityActions } from '@datorama/akita';
+import { Store, StoreConfig, Query, arrayAdd, arrayUpsert, arrayRemove, EntityStore, transaction, QueryEntity, EntityActions } from '@datorama/akita';
 import { combineLatest, Subject, firstValueFrom, of, lastValueFrom, startWith, tap, distinct, take } from 'rxjs';
 import { __decorate, __metadata } from 'tslib';
 import * as i2 from '@angular/router';
@@ -571,7 +571,8 @@ class FilterUtils {
                 rules: filterParameters.rules ?? []
             },
             order: OrderUtils.combineOrders(filterParameters.order, filterParameters.fallbackOrder),
-            data: filterParameters.data
+            data: filterParameters.data,
+            groupBy: filterParameters.groupBy
         };
     }
     static filterChangeNeedsRefresh(currentFilters, newFilters) {
@@ -2755,6 +2756,7 @@ const initialValue = {
     mode: "paginated",
     autoLoad: true,
     disabled: false,
+    initialLoadCompleted: false,
     filterConfigLoading: false,
     filterConfig: [],
     filterResult: null,
@@ -2788,7 +2790,7 @@ class NiceFilterViewStore extends EntityStore {
         this.update({ filterParameters });
     }
     setResult(filterResult) {
-        const { mode, resetResult } = this.getValue();
+        const { mode, resetResult, initialLoadCompleted } = this.getValue();
         if (mode === "accumulated") {
             this.update((state) => ({
                 filterResult: {
@@ -2813,6 +2815,9 @@ class NiceFilterViewStore extends EntityStore {
         else {
             this.set([...filterResult.values]);
         }
+        if (!initialLoadCompleted) {
+            this.update({ initialLoadCompleted: true });
+        }
     }
     addValue(value, opts) {
         const { filterResult } = this.getValue();
@@ -2827,6 +2832,19 @@ class NiceFilterViewStore extends EntityStore {
         });
         this.add(value, opts);
     }
+    addValues(values, opts) {
+        const { filterResult } = this.getValue();
+        if (!filterResult) {
+            return;
+        }
+        this.update({
+            filterResult: {
+                ...filterResult,
+                values: arrayAdd(filterResult.values, values, opts)
+            }
+        });
+        this.add(values, opts);
+    }
     upsertValue(value, key) {
         const { filterResult } = this.getValue();
         if (!filterResult) {
@@ -2841,6 +2859,22 @@ class NiceFilterViewStore extends EntityStore {
         });
         this.upsert(value[idKey], value);
     }
+    upsertValues(values, key) {
+        const { filterResult } = this.getValue();
+        if (!filterResult) {
+            return;
+        }
+        const idKey = key ?? this.idKey;
+        for (const value of values) {
+            this.update({
+                filterResult: {
+                    ...filterResult,
+                    values: arrayUpsert(filterResult.values, value[idKey], value, key)
+                }
+            });
+            this.upsert(value[idKey], value);
+        }
+    }
     removeValue(value, key) {
         const { filterResult } = this.getValue();
         if (!filterResult) {
@@ -2855,6 +2889,21 @@ class NiceFilterViewStore extends EntityStore {
         });
         this.remove(value[idKey]);
     }
+    removeValues(values, key) {
+        const { filterResult } = this.getValue();
+        if (!filterResult) {
+            return;
+        }
+        const idKey = key ?? this.idKey;
+        const ids = values.map(value => value[idKey]);
+        this.update({
+            filterResult: {
+                ...filterResult,
+                values: arrayRemove(filterResult.values, ids)
+            }
+        });
+        this.remove(ids);
+    }
     getParameters(filterParameters) {
         const { baseRules } = this.getValue();
         const parameters = {
@@ -2876,6 +2925,48 @@ class NiceFilterViewStore extends EntityStore {
 }
 NiceFilterViewStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterViewStore, deps: [{ token: FILTER_VIEW_STATE }, { token: FILTER_VIEW_STORE }], target: i0.ɵɵFactoryTarget.Injectable });
 NiceFilterViewStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterViewStore });
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "setResult", null);
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object, Object]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "addValue", null);
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Array, Object]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "addValues", null);
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object, String]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "upsertValue", null);
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Array, String]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "upsertValues", null);
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object, String]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "removeValue", null);
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Array, String]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewStore.prototype, "removeValues", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterViewStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -2884,7 +2975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [FILTER_VIEW_STORE]
-                }] }]; } });
+                }] }]; }, propDecorators: { setResult: [], addValue: [], addValues: [], upsertValue: [], upsertValues: [], removeValue: [], removeValues: [] } });
 
 class NiceFilterViewQuery extends QueryEntity {
     constructor(store) {
@@ -3127,17 +3218,27 @@ class NiceFilterViewService {
     addValue(value, opts) {
         this.store.addValue(value, opts);
     }
+    addValues(value, opts) {
+        this.store.addValues(value, opts);
+    }
     upsertValue(value, key) {
         this.store.upsertValue(value, key);
     }
+    upsertValues(values, key) {
+        this.store.upsertValues(values, key);
+    }
     removeValue(value, key) {
         this.store.removeValue(value, key);
     }
+    removeValues(values, key) {
+        this.store.removeValues(values, key);
+    }
     resetResult(waitForNextFilter) {
         if (!waitForNextFilter) {
             this.store.update({
                 filterResult: null
             });
+            this.store.set([]);
         }
         else {
             this.store.update({
@@ -3148,12 +3249,18 @@ class NiceFilterViewService {
 }
 NiceFilterViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterViewService, deps: [{ token: NiceFilterViewStore }, { token: NiceFilterService }], target: i0.ɵɵFactoryTarget.Injectable });
 NiceFilterViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterViewService });
+__decorate([
+    transaction(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Boolean]),
+    __metadata("design:returntype", void 0)
+], NiceFilterViewService.prototype, "resetResult", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NiceFilterViewService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: NiceFilterViewStore }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NiceFilterService]
-                }] }]; } });
+                }] }]; }, propDecorators: { resetResult: [] } });
 
 class AdvancedFiltersUtils {
     static isSingleInput(filterOperator) {
@@ -4030,6 +4137,9 @@ class NiceSelectableListStateService {
     get preloadedWindow() {
         return this.options?.preloadWindow ?? 2;
     }
+    get queryParamsDisabled() {
+        return this.options?.disableQueryParams ?? false;
+    }
     constructor(store, route, router, preloadService, options) {
         this.store = store;
         this.route = route;
@@ -4225,10 +4335,12 @@ class NiceSelectableListStateService {
         };
     }
     setQueryParams() {
-        this.router.navigate([], {
-            queryParams: this.generateQueryParams(),
-            queryParamsHandling: "merge"
-        });
+        if (!this.queryParamsDisabled) {
+            this.router.navigate([], {
+                queryParams: this.generateQueryParams(),
+                queryParamsHandling: "merge"
+            });
+        }
     }
 }
 
@@ -4858,6 +4970,9 @@ class NiceSelectableListDirective {
         this.unsubscribeQuerySub$ = new Subject();
     }
     ngOnInit() {
+        if (this.options?.disableQueryParams) {
+            return;
+        }
         combineLatest([
             this.route.queryParams.pipe(map((params) => params.selection), distinct()),
             this.route.queryParams.pipe(map((params) => params.selected), distinct())
@@ -4890,7 +5005,7 @@ class NiceSelectableListDirective {
         }
         if ("state" in changes) {
             this.service.setState(this.state);
-            this.stateService = this.selectableListService.withState(this.state);
+            this.stateService = this.selectableListService.withState(this.state, this.options);
             this.stateQuery = this.selectableListService.query(this.state);
             this.listenOnStateChanges();
         }
@@ -4935,6 +5050,7 @@ class NiceBaseFilterViewComponent {
         this.autoLoad(autoLoad);
         this.loadConfig(loadConfig, configQueryParams);
         this.filterViewLoading$ = this.filterViewQuery.selectLoading();
+        this.filterViewCount$ = this.filterViewQuery.selectCount();
         if (this.selectableListDirective) {
             this.filterViewService.updateSubState("selectable", { stateName: this.selectableListDirective.state });
         }