Fields Predefined

Пакет @cloud-ru/ds-uikit-product-fields-predefined — это готовые поля формы поверх @cloud-ru/ds-fields с заранее настроенным поведением: маски ввода, телефон с выбором страны, валидация имени и описания (yup + react-hook-form), код подтверждения. Каждое поле инкапсулирует свою логику (маскирование, детект страны, validation) и предоставляет чистое API в стиле @ds.

Установка

pnpm add @cloud-ru/ds-uikit-product-fields-predefined

import { FieldMask, FieldPhone } from '@cloud-ru/ds-uikit-product-fields-predefined'

Состав пакета

• FieldMask — поле с предустановленной маской (uuid, code, passport, snils, ipv4).
• FieldName — имя с yup-валидацией символов и длины; standalone и react-hook-form варианты.
• FieldDescription — многострочное описание с валидацией длины, опциональным раскрытием по кнопке и react-hook-form вариантом.
• FieldPhone — телефон с выбором страны, динамической маской и авто-детектом страны при вставке.
• FieldChat — поле чата с многострочным вводом, прикреплением файлов и отправкой по Enter.
• FieldSelectCreate — выбор из списка с действием «Создать» и состояниями загрузки/ошибки/пустого результата.
• FieldCode — OTP-поле: код по ячейкам с автопереходом фокуса, resend-таймером и imperative ref.