@agorapulse/ui-components 17.3.2 → 17.3.4

package/phone-number-input/phone-number-input.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup, ValidationErrors, Validator } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface PhoneNumberInfo {
@@ -10,13 +10,16 @@ export interface Phone {
     phoneNumber: string;
     phoneNumberCode: string;
 }
-export declare class PhoneNumberInputComponent implements ControlValueAccessor, Validator {
+export declare class PhoneNumberInputComponent implements ControlValueAccessor, Validator, OnInit {
+    private readonly destroyRef;
     set errorsDisplayForced(errorsDisplayForced: boolean);
     flagsBucketUrl: string;
     set phoneNumberInfos(phoneNumberInfos: PhoneNumberInfo[]);
+    set initialCountryCode(initialCountryCode: string);
     codeNumberInfos: PhoneNumberInfo[];
     name: string;
     placeholder: string;
+    searchPlaceholder: string;
     set phoneNumber(phoneNumber: string);
     set phoneNumberCode(phoneNumberCode: string);
     changePhoneNumber: EventEmitter<string>;
@@ -25,17 +28,19 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
         phoneNumberCode: FormControl<string | null>;
         phoneNumber: FormControl<string | null>;
     }>;
-    onTouched: () => void;
-    onChanged: (value: any) => void;
-    registerOnChange(fn: (value: any) => void): void;
+    onTouched: any;
+    onChange: any;
+    ngOnInit(): void;
+    registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     validate(): ValidationErrors | null;
     writeValue(phone: Phone | null): void;
     phoneNumberCodeSearchFn(term: string, item: PhoneNumberInfo): boolean;
+    markAsTouched(): void;
     /**
      * Filter the phone number input to only allow numbers
      */
     filterChars(event: InputEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "errorsDisplayForced": { "alias": "errorsDisplayForced"; "required": false; }; "flagsBucketUrl": { "alias": "flagsBucketUrl"; "required": true; }; "phoneNumberInfos": { "alias": "phoneNumberInfos"; "required": true; }; "name": { "alias": "name"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "phoneNumberCode": { "alias": "phoneNumberCode"; "required": false; }; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "errorsDisplayForced": { "alias": "errorsDisplayForced"; "required": false; }; "flagsBucketUrl": { "alias": "flagsBucketUrl"; "required": true; }; "phoneNumberInfos": { "alias": "phoneNumberInfos"; "required": true; }; "initialCountryCode": { "alias": "initialCountryCode"; "required": false; }; "name": { "alias": "name"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "phoneNumberCode": { "alias": "phoneNumberCode"; "required": false; }; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never, true, never>;
 }

package/select/dropdown-search-form/dropdown-search-form.component.d.ts

@@ -1,9 +1,9 @@
 import { InputSearchComponent } from '@agorapulse/ui-components/input-search';
-import { AfterViewInit, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy, OutputRefSubscription, TemplateRef } from '@angular/core';
 import { NgSelectComponent } from '@ng-select/ng-select';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class DropdownSearchFormComponent implements AfterViewInit {
+export declare class DropdownSearchFormComponent implements AfterViewInit, OnDestroy {
     searchPlaceholder: string;
     createNewEnabled: boolean;
     createText: string;
@@ -15,8 +15,17 @@ export declare class DropdownSearchFormComponent implements AfterViewInit {
     createNew: EventEmitter<string>;
     searchTermSignal: import("@angular/core").WritableSignal<string>;
     searchTerm$: BehaviorSubject<string>;
+    submitSubscription: OutputRefSubscription | null;
     constructor();
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
+    /**
+     * Register the keyboard submit event allowing to press enter to select the first item found.
+     * And escape to close the dropdown. This is useful for keyboard navigation.
+     * Use case: search for an item by typing the first characters and press enter to select it.
+     * Furthermore: arrow keys currently don't work in the dropdown search form.
+     */
+    registerKeyboardSubmit(): void;
     onCreateNew(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownSearchFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownSearchFormComponent, "ap-dropdown-search-form", never, { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "createNewEnabled": { "alias": "createNewEnabled"; "required": false; }; "createText": { "alias": "createText"; "required": false; }; "select": { "alias": "select"; "required": true; }; }, { "createNew": "createNew"; }, never, never, true, never>;