import type { Dispatch, HTMLAttributes, InputHTMLAttributes, ReactNode, SetStateAction } from 'react'; export type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'forbid-enter'; export type CodeErrorBehavior = 'remove-code' | 'keep'; export type CodeFieldProps = { /** * Значение поля ввода */ value?: string; /** * Строка равная, длине кода или же один символ, * для отображения в качестве placeholder */ placeholder?: string; /** * Автофокус на компоненте */ autoFocus?: boolean; /** * Длина кода * @default 6 */ codeLength?: 4 | 5 | 6; /** * Подпись к компоненту */ caption?: ReactNode; /** * Выравнивание подписи * @default left */ captionAlign?: 'left' | 'center'; /** * Ширина компонента * @description * Значение может принимать строку с единицой измерения CSS (px, rem и тд.). * Если передано число без единицы измерения - рассчитывается в rem. */ width?: string | number; /** * Форма компонента * @default default */ shape?: 'default' | 'segmented'; /** * Вид компонента */ view?: string; /** * Размер компонента */ size?: string; /** * Компонент не активен */ disabled?: boolean; /** * Флаг ошибки кода */ isError?: boolean; /** * Колбек для установки флага ошибки */ setIsError?: Dispatch>; /** * Регулярное выражение или строка, по которой проверяется символ при вводе * @default '^\\d+$' - только цифры */ allowedSymbols?: string | RegExp; /** * Поведение элемента поля ввода, при вводе некорректного значения * - `remove-symbol` - проигрывается анимация ошибки, значение элемента очищается * - `keep` - проигрывается анимация ошибки, значение остается * - `forbid-enter` - запрещается ввод некорректного значения * @default 'remove-symbol' */ itemErrorBehavior?: ItemErrorBehavior; /** * Поведение элемента поля ввода, при вводе некорректного значения * - `remove-code` - проигрывается анимация ошибки, значение всего поля очищается * - `keep` - проигрывается анимация ошибки, значение остается * @default 'remove-code' */ codeErrorBehavior?: CodeErrorBehavior; /** * Коллбек, вызываемый при изменении значения кода */ onChange?: (value: string) => void; /** * Коллбек, вызываемый при вводе полного значения в поле */ onFullCodeEnter?: (code: string) => void; } & Pick, 'aria-label' | 'autoComplete'> & Omit, 'onChange'>; //# sourceMappingURL=CodeField.types.d.ts.map