monkey-style-guide-v2 0.0.22 → 0.0.23

package/lib/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './icon';
 export * from './icon-button';
 export * from './input';
 export * from './input-code';
+export * from './input-phone';
 export * from './input-upload';
 export * from './modal';
 export * from './option';

package/lib/components/input-phone/index.d.ts

@@ -0,0 +1,6 @@
+/** ************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ ************************* */
+export * from './input-phone.component';

package/lib/components/input-phone/input-phone.component.d.ts

@@ -0,0 +1,68 @@
+import { AfterContentInit, ElementRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { MonkeyFormFieldControl } from '../form-field';
+import * as i0 from "@angular/core";
+interface Country {
+    code: string;
+    name: string;
+    flag: string;
+}
+export declare class MonkeyInputPhoneComponent implements MonkeyFormFieldControl, ControlValueAccessor, AfterContentInit, OnDestroy, OnChanges {
+    placeholder: string;
+    tabIndex: number;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    _disabled: boolean;
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    set value(value: any);
+    get value(): any;
+    _value: string | null;
+    constructor();
+    ngControl: NgControl | null;
+    private readonly idGenerator;
+    private readonly countryCode;
+    private readonly locale;
+    readonly id: string;
+    readonly inputId: string;
+    focused: boolean;
+    readonly type: string;
+    readonly stateChanges: Subject<void>;
+    countries: Country[];
+    countriesFiltered: Country[];
+    selectedCallingCode: string;
+    phoneFormatted: string;
+    phoneValid: boolean;
+    inputs: QueryList<ElementRef<HTMLInputElement>>;
+    private getCountryNameFromCode;
+    private getCountryByCallingCode;
+    private isoToFlagEmoji;
+    private getCountryFromPhoneNumber;
+    private performValue;
+    private validateValue;
+    private formatValue;
+    disableToBeDirty?: boolean | undefined;
+    _onChange: any;
+    _onTouched: any;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onContainerClick(event: MouseEvent): void;
+    _onFocus(): void;
+    _onBlur(): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    onInputChange(event: Event): void;
+    onCountryChange(): void;
+    getMaxLength(): number;
+    onHandleSearchSelect(query: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyInputPhoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyInputPhoneComponent, "monkey-input-phone", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+}
+export {};

package/lib/tokens/index.d.ts

@@ -2,3 +2,4 @@ import { InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 export declare const MONKEY_I18N_WRAPPER: InjectionToken<BehaviorSubject<string>>;
 export declare const MONKEY_POPOVER_OPTIONS: InjectionToken<unknown>;
+export declare const MONKEY_COUNTRY_CODE: InjectionToken<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-style-guide-v2",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "peerDependencies": {
     "@angular/common": "^18.1.2",
     "@angular/core": "^18.1.2",
@@ -10,7 +10,8 @@
     "@angular/router": "^18.1.2",
     "@angular/forms": "^18.1.2",
     "rxjs": "~7.8.0",
-    "ngx-mask": "^19.0.6"
+    "ngx-mask": "^19.0.6",
+    "libphonenumber-js": "^1.12.9"
   },
   "dependencies": {
     "date-fns": "^4.1.0",