Fields Predefined

Installation

npm i @cloud-ru/uikit-product-fields-predefined

getSymbolsRangeFromMask

helper

Возвращает кол-во символов для маски - со скобками и без

FieldPhone

Props

| name | type | default value | description | |------|------|---------------|-------------| | ref | any | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | | key | any | - | |

useCountries

Props

| name | type | default value | description | |------|------|---------------|-------------| | overriddenOptions | FieldPhoneOptionsProps[] | - | Список элементов выпадающего списка со странами, который будет передан в селект-компонент и переопределит список объявленных стран внутри пакета | | includedCountries | ({ readonly value: "russia"; readonly iso2: "RU"; readonly mask: "XXX XXX-XX-XX"; readonly caption: "+7"; readonly beforeContent: Element; readonly enabled: true; } \| { readonly value: "abkhazia"; ... 4 more ...; readonly enabled: true; } \| ... 156 more ... \| { ...; })[] | - | Список стран, которые должны отображаться в селекторе (будут выбраны из перечня стран, объявленных внутри пакета) | | excludedCountries | ({ readonly value: "russia"; readonly iso2: "RU"; readonly mask: "XXX XXX-XX-XX"; readonly caption: "+7"; readonly beforeContent: Element; readonly enabled: true; } \| { readonly value: "abkhazia"; ... 4 more ...; readonly enabled: true; } \| ... 156 more ... \| { ...; })[] | - | Список стран, которые будут исключены из списка объявленных стран внутри пакета |

SelectCreate

Props

| name | type | default value | description | |------|------|---------------|-------------|

FieldChat

Props

| name | type | default value | description | |------|------|---------------|-------------|

AIDisclaimer

Props

| name | type | default value | description | |------|------|---------------|-------------|

FieldName

Поле имя c локальным стейтом и валидацией

Props

| name | type | default value | description | |------|------|---------------|-------------| | ref | any | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | | key | any | - | |

FieldNameRHF

Поле имя c оберткой для React Hook Form

Props

| name | type | default value | description | |------|------|---------------|-------------| | ref | any | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | | key | any | - | |

FieldDescription

Поле описание c локальным стейтом и валидацией

Props

| name | type | default value | description | |------|------|---------------|-------------| | ref | any | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | | key | any | - | |

FieldDescriptionRHF

Поле описание c оберткой для React Hook Form

Props

| name | type | default value | description | |------|------|---------------|-------------| | ref | any | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | | key | any | - | |

FieldMask

Props

| name | type | default value | description | |------|------|---------------|-------------| | ref | any | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} | | key | any | - | |

Changelog