@recursyve/nice-data-filter-kit 13.1.2 → 13.1.5

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

@@ -125,8 +125,8 @@ class NiceFilterApi {
         this.path = path;
         this.http = http;
     }
-    filter(queryModel) {
-        return this.http.post(this.url("filter"), queryModel);
+    filter(queryModel, option = {}) {
+        return this.http.post(this.url("filter"), queryModel, option);
     }
     filterCount(queryModel) {
         return this.http.post(this.url("filter-count"), queryModel);
@@ -525,8 +525,8 @@ class NiceFilterService {
     constructor(api) {
         this.api = api;
     }
-    filter(params) {
-        return this.api?.filter(FilterUtils.parametersToRequest(params));
+    filter(params, option = {}) {
+        return this.api?.filter(FilterUtils.parametersToRequest(params), option);
     }
     getFile(type, parameters) {
         return this.api?.downloadData(type, FilterUtils.parametersToRequest(parameters));
@@ -651,7 +651,8 @@ const initialBaseListState = {
     },
     filterConfig: [],
     showQueryBuilder: false,
-    defaultRules: []
+    defaultRules: [],
+    queryParams: {}
 };
 let NiceBaseListStore = class NiceBaseListStore extends Store {
     constructor(parameters, defaultRules) {
@@ -935,6 +936,9 @@ class NiceBaseListService {
             mergePageResults: mode === "infinite-scroll"
         });
     }
+    setQueryParams(queryParams) {
+        this.store.update({ queryParams });
+    }
     loadQueryParams(autoLoad) {
         this.activatedRoute?.queryParams
             .pipe(takeUntil(this.unsubscribeAll$), map((params) => {
@@ -963,7 +967,7 @@ class NiceBaseListService {
         return this.loadData(parameters, updateQueryParams, true);
     }
     async loadData(parameters, updateQueryParams = true, reset = false) {
-        const { disabled } = this.store.getValue();
+        const { disabled, queryParams } = this.store.getValue();
         try {
             const filterParameters = this.mergeParameters(parameters);
             if (filterParameters) {
@@ -972,7 +976,9 @@ class NiceBaseListService {
             if (!disabled) {
                 this.store.setLoading(true);
                 this.loadingData = true;
-                const result = await firstValueFrom(this.filterService.filter(this.getParameters(filterParameters)));
+                const result = await firstValueFrom(this.filterService.filter(this.getParameters(filterParameters), {
+                    params: queryParams
+                }));
                 this.store.setResult(result, reset);
             }
         }
@@ -1166,16 +1172,6 @@ class NiceBaseListService {
             }
         });
     }
-    async updateQueryParams(queryParams) {
-        if (!this.activatedRoute) {
-            return;
-        }
-        await this.router.navigate([], {
-            relativeTo: this.activatedRoute,
-            queryParams,
-            queryParamsHandling: "merge"
-        });
-    }
     getParameters(filterParameters) {
         const { defaultRules } = this.store.getValue();
         const parameters = {
@@ -1190,6 +1186,16 @@ class NiceBaseListService {
         }
         return parameters;
     }
+    async updateQueryParams(queryParams) {
+        if (!this.activatedRoute) {
+            return;
+        }
+        await this.router.navigate([], {
+            relativeTo: this.activatedRoute,
+            queryParams,
+            queryParamsHandling: "merge"
+        });
+    }
     mergeParameters(parameters) {
         const { filterParameters } = this.store.getValue();
         if (!parameters) {
@@ -1770,6 +1776,7 @@ class NiceBaseListComponent {
         this.canExport = true;
         this.disableRouting = false;
         this.customExport = [];
+        this.queryParams = {};
         this.newPage = new EventEmitter();
         this.defaultPageSizeOptions = [10, 25, 50, 100];
         this.columnNames = [];
@@ -1802,7 +1809,7 @@ class NiceBaseListComponent {
                 || xl && !this.listLayout.xl;
         }));
         this.searchText$ = new Subject();
-        this.setColumn(columns);
+        this.setColumns(columns);
     }
     get prefixButtons() {
         return this.buttons?.find(x => x.position === "prefix")?.template;
@@ -1841,6 +1848,9 @@ class NiceBaseListComponent {
         if ("mode" in changes) {
             this.service.setMode(changes.mode.currentValue);
         }
+        if ("queryParams" in changes) {
+            this.service.setQueryParams(changes.queryParams.currentValue);
+        }
     }
     setLoading(loading) {
         this.service.setLoading(loading);
@@ -1937,13 +1947,27 @@ class NiceBaseListComponent {
     clickPdf() {
         this.service.downloadData("pdf");
     }
-    setColumn(columns) {
+    setColumns(columns) {
         this.columns = columns;
         this.columnNames = columns.map(x => x.id);
     }
+    addColumns(columns, prepend = false) {
+        if (prepend) {
+            this.setColumns([
+                ...columns,
+                ...this.columns
+            ]);
+        }
+        else {
+            this.setColumns([
+                ...this.columns,
+                ...columns
+            ]);
+        }
+    }
 }
 NiceBaseListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceBaseListComponent, deps: [{ token: ENABLE_QUERY_BUILDER, optional: true }, { token: BASE_LIST_ICONS }, { token: BASE_LIST_LAYOUT }, { token: TABLE_COLUMNS }, { token: EXPORTS_SETTINGS }, { token: NiceBaseListQuery }, { token: NiceBaseListService }, { token: i2.ActivatedRoute }, { token: i4$1.MatBottomSheet }, { token: i2.Router }, { token: i5.NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component });
-NiceBaseListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: NiceBaseListComponent, selector: "nice-base-list", inputs: { mode: "mode", layout: "layout", layoutContent: "layoutContent", autoChangeLayout: "autoChangeLayout", baseRoute: "baseRoute", routeFn: "routeFn", navigateFn: "navigateFn", autoLoad: "autoLoad", pageTitle: "pageTitle", canExport: "canExport", disableRouting: "disableRouting", customExport: "customExport" }, outputs: { newPage: "newPage" }, providers: [
+NiceBaseListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: NiceBaseListComponent, selector: "nice-base-list", inputs: { mode: "mode", layout: "layout", layoutContent: "layoutContent", autoChangeLayout: "autoChangeLayout", baseRoute: "baseRoute", routeFn: "routeFn", navigateFn: "navigateFn", autoLoad: "autoLoad", pageTitle: "pageTitle", canExport: "canExport", disableRouting: "disableRouting", customExport: "customExport", queryParams: "queryParams" }, outputs: { newPage: "newPage" }, providers: [
         NiceBaseListQuery,
         NiceBaseListService,
         NiceBaseListStore
@@ -2017,6 +2041,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                 type: Input
             }], customExport: [{
                 type: Input
+            }], queryParams: [{
+                type: Input
             }], newPage: [{
                 type: Output
             }] } });
@@ -2403,7 +2429,7 @@ class NiceMultiStateListComponent extends NiceBaseListComponent {
     }
     switchState(state) {
         const columns = this.multiStateListService.switchState(state);
-        this.setColumn(columns);
+        this.setColumns(columns);
     }
 }
 NiceMultiStateListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceMultiStateListComponent, deps: [{ token: ENABLE_QUERY_BUILDER, optional: true }, { token: BASE_LIST_ICONS }, { token: BASE_LIST_LAYOUT }, { token: EXPORTS_SETTINGS }, { token: NiceMultiStateListQuery }, { token: i2.ActivatedRoute }, { token: i4$1.MatBottomSheet }, { token: i2.Router }, { token: i5.NiceMediaWatcherService }, { token: NiceMultiStateListService }], target: i0.ɵɵFactoryTarget.Component });