import type { InputMaskProps } from "./InputMask"; import type { CommonFormFieldProps, FormFieldProps } from "../FormField"; import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types"; export interface InputPhoneNumberLegacyProps extends Omit, Pick { readonly value: string; readonly onChange: (value: string) => void; /** * A pattern to specify the format to display the phone number in. * For example if you want to display the format for [Denmark](https://en.wikipedia.org/wiki/National_conventions_for_writing_telephone_numbers#Denmark) * you could set it to `** ** ** **` * @default "(***) ***-****" */ readonly pattern?: InputMaskProps["pattern"]; /** * Shows a "required" validation message when the component is left empty. */ readonly required?: boolean; } export interface InputPhoneNumberRebuiltProps extends Omit, FocusEvents, KeyboardEvents, MouseEvents, RebuiltInputCommonProps { /** * The current value of the input. */ readonly value: string; /** * Custom onChange handler that provides the new value as the first argument. */ readonly onChange: (value: string, event?: React.ChangeEvent) => void; /** * @deprecated Use `onKeyDown` or `onKeyUp` instead. */ readonly onEnter?: FormFieldProps["onEnter"]; /** * A pattern to specify the format to display the phone number in. * For example if you want to display the format for [Denmark](https://en.wikipedia.org/wiki/National_conventions_for_writing_telephone_numbers#Denmark) * you could set it to `** ** ** **` * @default "(***) ***-****" */ readonly pattern?: InputMaskProps["pattern"]; } export declare const DEFAULT_PATTERN = "(***) ***-****";