@ethlete/query 5.4.1 → 5.6.0

package/lib/query-form/query-form.d.ts

@@ -5,8 +5,15 @@ export declare class QueryField<T> {
     get control(): import("@angular/forms").FormControl<T | null>;
     constructor(data: QueryFieldOptions<T>);
 }
+export interface QueryFormOptions {
+    /**
+     * A prefix to use for the query parameters. This is useful when you have multiple query forms on the same page.
+     */
+    queryParamPrefix?: string;
+}
 export declare class QueryForm<T extends Record<string, QueryField<any>>> {
     private _fields;
+    private _options?;
     private readonly _destroy$;
     private readonly _unobserveTrigger$;
     private readonly _router;
@@ -31,6 +38,7 @@ export declare class QueryForm<T extends Record<string, QueryField<any>>> {
     private readonly _lastFormValue$;
     private readonly _currentFormValue$;
     private get _formValue();
+    private get _form();
     private readonly _changes$;
     readonly changes$: import("rxjs").Observable<QueryFormValueEvent<T>>;
     readonly currentValue$: import("rxjs").Observable<QueryFormValue<T>>;
@@ -58,8 +66,8 @@ export declare class QueryForm<T extends Record<string, QueryField<any>>> {
     } : QueryFormGroupControls<T>;
     get value(): QueryFormValue<T>;
     get defaultFormValue(): QueryFormValue<T>;
-    constructor(_fields: T);
-    observe(options?: QueryFormObserveOptions): void;
+    constructor(_fields: T, _options?: QueryFormOptions | undefined);
+    observe(options?: QueryFormObserveOptions): this;
     private _handleQueryFormResets;
     unobserve(): void;
     setFormValueFromUrlQueryParams(options: {
@@ -68,6 +76,7 @@ export declare class QueryForm<T extends Record<string, QueryField<any>>> {
     setValue(value: QueryFormValue<T>, options?: QueryFormWriteOptions): void;
     patchValue(value: Partial<QueryFormValue<T>>, options?: QueryFormWriteOptions): void;
     private _getDefaultValue;
+    private _transformKeyToQueryParam;
     private _isDefaultValue;
     private _setupFormGroup;
     private _extractDefaultValues;

package/lib/query-form/query-form.types.d.ts

@@ -1,4 +1,4 @@
-import { FormControl } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { QueryField } from './query-form';
 export interface QueryFieldOptions<T = unknown> {
     /**
@@ -82,6 +82,15 @@ export type QueryFormGroupControls<T extends Record<string, QueryField<any>>> =
 export type QueryFormValue<T extends Record<string, QueryField<any>>> = {
     [Property in keyof T]: T[Property]['control']['value'];
 };
+export type QueryFormOf<T extends FormGroup> = {
+    [K in keyof T['controls']]: QueryField<T['controls'][K]['value']>;
+};
+export interface QueryFormGroup extends FormGroup {
+    _setValue: FormGroup['setValue'];
+    _patchValue: FormGroup['patchValue'];
+    setValue(value: unknown, options?: QueryFormWriteOptions): void;
+    patchValue(value: unknown, options?: QueryFormWriteOptions): void;
+}
 export interface QueryFormObserveOptions {
     /**
      * Whether the form value should be synced to the url query params.

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ethlete/query",
-  "version": "5.4.1",
+  "version": "5.6.0",
   "peerDependencies": {
-    "@angular/common": "17.1.1",
-    "@angular/core": "17.1.1",
-    "@angular/forms": "17.1.1",
-    "@angular/router": "17.1.1",
+    "@angular/common": "17.2.1",
+    "@angular/core": "17.2.1",
+    "@angular/forms": "17.2.1",
+    "@angular/router": "17.2.1",
     "@ethlete/core": "^4.0.3",
     "@ethlete/types": "^1.6.2",
     "rxjs": "^7.8.1"