@recursyve/nice-data-filter-kit 14.4.2 → 14.5.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';
@@ -2757,6 +2757,7 @@ const initialValue = {
     mode: "paginated",
     autoLoad: true,
     disabled: false,
+    initialLoadCompleted: false,
     filterConfigLoading: false,
     filterConfig: [],
     filterResult: null,
@@ -2790,7 +2791,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: {
@@ -2815,6 +2816,9 @@ class NiceFilterViewStore extends EntityStore {
         else {
             this.set([...filterResult.values]);
         }
+        if (!initialLoadCompleted) {
+            this.update({ initialLoadCompleted: true });
+        }
     }
     addValue(value, opts) {
         const { filterResult } = this.getValue();
@@ -2829,6 +2833,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) {
@@ -2843,6 +2860,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) {
@@ -2857,6 +2890,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 = {
@@ -2878,6 +2926,48 @@ class NiceFilterViewStore extends EntityStore {
 }
 NiceFilterViewStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", 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: "14.2.3", 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: "14.2.3", ngImport: i0, type: NiceFilterViewStore, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -2886,7 +2976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [FILTER_VIEW_STORE]
-                }] }]; } });
+                }] }]; }, propDecorators: { setResult: [], addValue: [], addValues: [], upsertValue: [], upsertValues: [], removeValue: [], removeValues: [] } });
 
 class NiceFilterViewQuery extends QueryEntity {
     constructor(store) {
@@ -3129,12 +3219,21 @@ 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({
@@ -4938,6 +5037,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 });
         }