@cloud-ru/uikit-product-fields-predefined 2.4.8-preview-04a474c4.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +12 -326
  3. package/dist/cjs/components/index.d.ts +0 -2
  4. package/dist/cjs/components/index.js +0 -2
  5. package/dist/esm/components/index.d.ts +0 -2
  6. package/dist/esm/components/index.js +0 -2
  7. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  8. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  9. package/package.json +3 -9
  10. package/src/components/index.ts +0 -2
  11. package/dist/cjs/components/FieldAi/FieldAi.d.ts +0 -24
  12. package/dist/cjs/components/FieldAi/FieldAi.js +0 -92
  13. package/dist/cjs/components/FieldAi/components/AlertButton/AlertButton.d.ts +0 -5
  14. package/dist/cjs/components/FieldAi/components/AlertButton/AlertButton.js +0 -12
  15. package/dist/cjs/components/FieldAi/components/AlertButton/index.d.ts +0 -1
  16. package/dist/cjs/components/FieldAi/components/AlertButton/index.js +0 -17
  17. package/dist/cjs/components/FieldAi/components/AlertButton/styles.module.css +0 -17
  18. package/dist/cjs/components/FieldAi/components/CheckItem/CheckItem.d.ts +0 -9
  19. package/dist/cjs/components/FieldAi/components/CheckItem/CheckItem.js +0 -28
  20. package/dist/cjs/components/FieldAi/components/CheckItem/index.d.ts +0 -1
  21. package/dist/cjs/components/FieldAi/components/CheckItem/index.js +0 -17
  22. package/dist/cjs/components/FieldAi/components/CheckItem/styles.module.css +0 -36
  23. package/dist/cjs/components/FieldAi/components/MobileFieldAi/MobileFieldAi.d.ts +0 -5
  24. package/dist/cjs/components/FieldAi/components/MobileFieldAi/MobileFieldAi.js +0 -31
  25. package/dist/cjs/components/FieldAi/components/MobileFieldAi/index.d.ts +0 -1
  26. package/dist/cjs/components/FieldAi/components/MobileFieldAi/index.js +0 -17
  27. package/dist/cjs/components/FieldAi/components/MobileFieldAi/styles.module.css +0 -78
  28. package/dist/cjs/components/FieldAi/components/PasswordValidation/PasswordValidation.d.ts +0 -7
  29. package/dist/cjs/components/FieldAi/components/PasswordValidation/PasswordValidation.js +0 -23
  30. package/dist/cjs/components/FieldAi/components/PasswordValidation/index.d.ts +0 -1
  31. package/dist/cjs/components/FieldAi/components/PasswordValidation/index.js +0 -17
  32. package/dist/cjs/components/FieldAi/components/PasswordValidation/styles.module.css +0 -36
  33. package/dist/cjs/components/FieldAi/components/TextArea/TextArea.d.ts +0 -39
  34. package/dist/cjs/components/FieldAi/components/TextArea/TextArea.js +0 -33
  35. package/dist/cjs/components/FieldAi/components/TextArea/index.d.ts +0 -1
  36. package/dist/cjs/components/FieldAi/components/TextArea/index.js +0 -17
  37. package/dist/cjs/components/FieldAi/components/TextArea/styles.module.css +0 -32
  38. package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts +0 -10
  39. package/dist/cjs/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js +0 -23
  40. package/dist/cjs/components/FieldAi/components/WithPasswordValidation/index.d.ts +0 -1
  41. package/dist/cjs/components/FieldAi/components/WithPasswordValidation/index.js +0 -17
  42. package/dist/cjs/components/FieldAi/components/WithPasswordValidation/styles.module.css +0 -6
  43. package/dist/cjs/components/FieldAi/index.d.ts +0 -1
  44. package/dist/cjs/components/FieldAi/index.js +0 -17
  45. package/dist/cjs/components/FieldAi/styles.module.css +0 -61
  46. package/dist/cjs/components/FieldAi/utils.d.ts +0 -10
  47. package/dist/cjs/components/FieldAi/utils.js +0 -19
  48. package/dist/cjs/components/FieldCode/FieldCode.d.ts +0 -33
  49. package/dist/cjs/components/FieldCode/FieldCode.js +0 -48
  50. package/dist/cjs/components/FieldCode/components/Cell/Cell.d.ts +0 -5
  51. package/dist/cjs/components/FieldCode/components/Cell/Cell.js +0 -27
  52. package/dist/cjs/components/FieldCode/components/Cell/index.d.ts +0 -1
  53. package/dist/cjs/components/FieldCode/components/Cell/index.js +0 -17
  54. package/dist/cjs/components/FieldCode/components/Cell/styles.module.css +0 -3
  55. package/dist/cjs/components/FieldCode/components/ResendCode/ResendCode.d.ts +0 -8
  56. package/dist/cjs/components/FieldCode/components/ResendCode/ResendCode.js +0 -28
  57. package/dist/cjs/components/FieldCode/components/ResendCode/index.d.ts +0 -1
  58. package/dist/cjs/components/FieldCode/components/ResendCode/index.js +0 -17
  59. package/dist/cjs/components/FieldCode/components/ResendCode/utils.d.ts +0 -1
  60. package/dist/cjs/components/FieldCode/components/ResendCode/utils.js +0 -8
  61. package/dist/cjs/components/FieldCode/components/index.d.ts +0 -2
  62. package/dist/cjs/components/FieldCode/components/index.js +0 -18
  63. package/dist/cjs/components/FieldCode/constants.d.ts +0 -14
  64. package/dist/cjs/components/FieldCode/constants.js +0 -10
  65. package/dist/cjs/components/FieldCode/hooks/index.d.ts +0 -4
  66. package/dist/cjs/components/FieldCode/hooks/index.js +0 -20
  67. package/dist/cjs/components/FieldCode/hooks/useCodeInput.d.ts +0 -22
  68. package/dist/cjs/components/FieldCode/hooks/useCodeInput.js +0 -98
  69. package/dist/cjs/components/FieldCode/hooks/useFieldCodeValidate.d.ts +0 -8
  70. package/dist/cjs/components/FieldCode/hooks/useFieldCodeValidate.js +0 -24
  71. package/dist/cjs/components/FieldCode/hooks/useFieldHelpers.d.ts +0 -13
  72. package/dist/cjs/components/FieldCode/hooks/useFieldHelpers.js +0 -34
  73. package/dist/cjs/components/FieldCode/hooks/useFocusCell.d.ts +0 -5
  74. package/dist/cjs/components/FieldCode/hooks/useFocusCell.js +0 -22
  75. package/dist/cjs/components/FieldCode/index.d.ts +0 -2
  76. package/dist/cjs/components/FieldCode/index.js +0 -20
  77. package/dist/cjs/components/FieldCode/styles.module.css +0 -30
  78. package/dist/cjs/components/FieldCode/utils.d.ts +0 -6
  79. package/dist/cjs/components/FieldCode/utils.js +0 -21
  80. package/dist/esm/components/FieldAi/FieldAi.d.ts +0 -24
  81. package/dist/esm/components/FieldAi/FieldAi.js +0 -86
  82. package/dist/esm/components/FieldAi/components/AlertButton/AlertButton.d.ts +0 -5
  83. package/dist/esm/components/FieldAi/components/AlertButton/AlertButton.js +0 -6
  84. package/dist/esm/components/FieldAi/components/AlertButton/index.d.ts +0 -1
  85. package/dist/esm/components/FieldAi/components/AlertButton/index.js +0 -1
  86. package/dist/esm/components/FieldAi/components/AlertButton/styles.module.css +0 -17
  87. package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.d.ts +0 -9
  88. package/dist/esm/components/FieldAi/components/CheckItem/CheckItem.js +0 -22
  89. package/dist/esm/components/FieldAi/components/CheckItem/index.d.ts +0 -1
  90. package/dist/esm/components/FieldAi/components/CheckItem/index.js +0 -1
  91. package/dist/esm/components/FieldAi/components/CheckItem/styles.module.css +0 -36
  92. package/dist/esm/components/FieldAi/components/MobileFieldAi/MobileFieldAi.d.ts +0 -5
  93. package/dist/esm/components/FieldAi/components/MobileFieldAi/MobileFieldAi.js +0 -25
  94. package/dist/esm/components/FieldAi/components/MobileFieldAi/index.d.ts +0 -1
  95. package/dist/esm/components/FieldAi/components/MobileFieldAi/index.js +0 -1
  96. package/dist/esm/components/FieldAi/components/MobileFieldAi/styles.module.css +0 -78
  97. package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.d.ts +0 -7
  98. package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.js +0 -17
  99. package/dist/esm/components/FieldAi/components/PasswordValidation/index.d.ts +0 -1
  100. package/dist/esm/components/FieldAi/components/PasswordValidation/index.js +0 -1
  101. package/dist/esm/components/FieldAi/components/PasswordValidation/styles.module.css +0 -36
  102. package/dist/esm/components/FieldAi/components/TextArea/TextArea.d.ts +0 -39
  103. package/dist/esm/components/FieldAi/components/TextArea/TextArea.js +0 -27
  104. package/dist/esm/components/FieldAi/components/TextArea/index.d.ts +0 -1
  105. package/dist/esm/components/FieldAi/components/TextArea/index.js +0 -1
  106. package/dist/esm/components/FieldAi/components/TextArea/styles.module.css +0 -32
  107. package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts +0 -10
  108. package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js +0 -17
  109. package/dist/esm/components/FieldAi/components/WithPasswordValidation/index.d.ts +0 -1
  110. package/dist/esm/components/FieldAi/components/WithPasswordValidation/index.js +0 -1
  111. package/dist/esm/components/FieldAi/components/WithPasswordValidation/styles.module.css +0 -6
  112. package/dist/esm/components/FieldAi/index.d.ts +0 -1
  113. package/dist/esm/components/FieldAi/index.js +0 -1
  114. package/dist/esm/components/FieldAi/styles.module.css +0 -61
  115. package/dist/esm/components/FieldAi/utils.d.ts +0 -10
  116. package/dist/esm/components/FieldAi/utils.js +0 -15
  117. package/dist/esm/components/FieldCode/FieldCode.d.ts +0 -33
  118. package/dist/esm/components/FieldCode/FieldCode.js +0 -41
  119. package/dist/esm/components/FieldCode/components/Cell/Cell.d.ts +0 -5
  120. package/dist/esm/components/FieldCode/components/Cell/Cell.js +0 -21
  121. package/dist/esm/components/FieldCode/components/Cell/index.d.ts +0 -1
  122. package/dist/esm/components/FieldCode/components/Cell/index.js +0 -1
  123. package/dist/esm/components/FieldCode/components/Cell/styles.module.css +0 -3
  124. package/dist/esm/components/FieldCode/components/ResendCode/ResendCode.d.ts +0 -8
  125. package/dist/esm/components/FieldCode/components/ResendCode/ResendCode.js +0 -25
  126. package/dist/esm/components/FieldCode/components/ResendCode/index.d.ts +0 -1
  127. package/dist/esm/components/FieldCode/components/ResendCode/index.js +0 -1
  128. package/dist/esm/components/FieldCode/components/ResendCode/utils.d.ts +0 -1
  129. package/dist/esm/components/FieldCode/components/ResendCode/utils.js +0 -5
  130. package/dist/esm/components/FieldCode/components/index.d.ts +0 -2
  131. package/dist/esm/components/FieldCode/components/index.js +0 -2
  132. package/dist/esm/components/FieldCode/constants.d.ts +0 -14
  133. package/dist/esm/components/FieldCode/constants.js +0 -7
  134. package/dist/esm/components/FieldCode/hooks/index.d.ts +0 -4
  135. package/dist/esm/components/FieldCode/hooks/index.js +0 -4
  136. package/dist/esm/components/FieldCode/hooks/useCodeInput.d.ts +0 -22
  137. package/dist/esm/components/FieldCode/hooks/useCodeInput.js +0 -95
  138. package/dist/esm/components/FieldCode/hooks/useFieldCodeValidate.d.ts +0 -8
  139. package/dist/esm/components/FieldCode/hooks/useFieldCodeValidate.js +0 -21
  140. package/dist/esm/components/FieldCode/hooks/useFieldHelpers.d.ts +0 -13
  141. package/dist/esm/components/FieldCode/hooks/useFieldHelpers.js +0 -31
  142. package/dist/esm/components/FieldCode/hooks/useFocusCell.d.ts +0 -5
  143. package/dist/esm/components/FieldCode/hooks/useFocusCell.js +0 -19
  144. package/dist/esm/components/FieldCode/index.d.ts +0 -2
  145. package/dist/esm/components/FieldCode/index.js +0 -2
  146. package/dist/esm/components/FieldCode/styles.module.css +0 -30
  147. package/dist/esm/components/FieldCode/utils.d.ts +0 -6
  148. package/dist/esm/components/FieldCode/utils.js +0 -13
  149. package/src/components/FieldAi/FieldAi.tsx +0 -201
  150. package/src/components/FieldAi/components/AlertButton/AlertButton.tsx +0 -16
  151. package/src/components/FieldAi/components/AlertButton/index.ts +0 -1
  152. package/src/components/FieldAi/components/AlertButton/styles.module.scss +0 -20
  153. package/src/components/FieldAi/components/CheckItem/CheckItem.tsx +0 -45
  154. package/src/components/FieldAi/components/CheckItem/index.ts +0 -1
  155. package/src/components/FieldAi/components/CheckItem/styles.module.scss +0 -44
  156. package/src/components/FieldAi/components/MobileFieldAi/MobileFieldAi.tsx +0 -57
  157. package/src/components/FieldAi/components/MobileFieldAi/index.ts +0 -1
  158. package/src/components/FieldAi/components/MobileFieldAi/styles.module.scss +0 -90
  159. package/src/components/FieldAi/components/PasswordValidation/PasswordValidation.tsx +0 -85
  160. package/src/components/FieldAi/components/PasswordValidation/index.ts +0 -1
  161. package/src/components/FieldAi/components/PasswordValidation/styles.module.scss +0 -34
  162. package/src/components/FieldAi/components/TextArea/TextArea.tsx +0 -113
  163. package/src/components/FieldAi/components/TextArea/index.ts +0 -1
  164. package/src/components/FieldAi/components/TextArea/styles.module.scss +0 -35
  165. package/src/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.tsx +0 -63
  166. package/src/components/FieldAi/components/WithPasswordValidation/index.ts +0 -1
  167. package/src/components/FieldAi/components/WithPasswordValidation/styles.module.scss +0 -8
  168. package/src/components/FieldAi/index.ts +0 -1
  169. package/src/components/FieldAi/styles.module.scss +0 -85
  170. package/src/components/FieldAi/utils.ts +0 -27
  171. package/src/components/FieldCode/FieldCode.tsx +0 -125
  172. package/src/components/FieldCode/components/Cell/Cell.tsx +0 -32
  173. package/src/components/FieldCode/components/Cell/index.ts +0 -1
  174. package/src/components/FieldCode/components/Cell/styles.module.scss +0 -5
  175. package/src/components/FieldCode/components/ResendCode/ResendCode.tsx +0 -33
  176. package/src/components/FieldCode/components/ResendCode/index.ts +0 -1
  177. package/src/components/FieldCode/components/ResendCode/utils.ts +0 -5
  178. package/src/components/FieldCode/components/index.ts +0 -2
  179. package/src/components/FieldCode/constants.ts +0 -20
  180. package/src/components/FieldCode/hooks/index.ts +0 -4
  181. package/src/components/FieldCode/hooks/useCodeInput.ts +0 -147
  182. package/src/components/FieldCode/hooks/useFieldCodeValidate.ts +0 -35
  183. package/src/components/FieldCode/hooks/useFieldHelpers.ts +0 -52
  184. package/src/components/FieldCode/hooks/useFocusCell.ts +0 -29
  185. package/src/components/FieldCode/index.ts +0 -2
  186. package/src/components/FieldCode/styles.module.scss +0 -40
  187. package/src/components/FieldCode/utils.ts +0 -23
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 3.0.0 (2026-05-14)
7
+
8
+
9
+ ### BREAKING CHANGES
10
+
11
+
12
+ * **LK-7388:** remove FieldAi ([95b0317](https://github.com/cloud-ru-tech/uikit-product/commit/95b03178739bd283313142b5cc352681cdf68ba7))
13
+
14
+
15
+
16
+
6
17
  ## 2.4.7 (2026-04-30)
7
18
 
8
19
  ### Only dependencies have been changed
package/README.md CHANGED
@@ -14,42 +14,8 @@
14
14
  ### Props
15
15
  | name | type | default value | description |
16
16
  |------|------|---------------|-------------|
17
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
18
- | value | `string` | - | Значение input |
19
- | onChange | `((value: string, e?: ChangeEvent<HTMLInputElement>) => void) & ((value: string) => void)` | - | Колбек смены значения |
20
- | id | `string` | - | Значение html-атрибута id |
21
- | name | `string` | - | Значение html-атрибута name |
22
- | disabled | `boolean` | false | Является ли поле деактивированным |
23
- | readonly | `boolean` | false | Является ли поле доступным только для чтения |
24
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
25
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
26
- | autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
27
- | autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
28
- | onPaste | `ClipboardEventHandler<HTMLInputElement>` | - | Колбек обработки вставки значения |
29
- | spellCheck | `boolean` | true | Значение атрибута spellcheck (проверка орфографии) |
30
- | pattern | `string` | - | Регулярное выражение валидного инпута |
31
- | className | `string` | - | CSS-класс |
32
- | label | `string` | - | Лейбл |
33
- | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
34
- | required | `boolean` | - | Является ли поле обязательным |
35
- | caption | `string` | - | Подпись справа от лейбла |
36
- | hint | `string` | - | Подсказка внизу |
37
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
38
- | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
39
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
40
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
41
- | error | `string` | - | |
42
- | type | "text" \| "tel" \| "email" | - | |
43
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
44
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
45
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
46
- | onClearButtonClick | `() => void` | - | Колбек клика по кнопке очистки поля |
47
- | scrollList | `boolean` | - | Включить скролл для основной части списка стран |
48
- | searchPlaceholder | `string` | - | |
49
- | onChangeCountry | `(country: FieldPhoneOptionsProps) => void` | - | |
50
- | options | `CountrySettings` | - | options — объект конфигурации для изменения стандартного списка стран |
51
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
52
- | key | `Key` | - | |
17
+ | 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} |
18
+ | key | `any` | - | |
53
19
  ## useCountries
54
20
  ### Props
55
21
  | name | type | default value | description |
@@ -61,328 +27,48 @@
61
27
  ### Props
62
28
  | name | type | default value | description |
63
29
  |------|------|---------------|-------------|
64
- | selectProps* | `FieldSelectProps` | - | Пропсы прокидываемые в селект |
65
- | submitHandler* | `() => Promise<string \| void>` | - | Коллбек создания новой опции, при успешном выполнении возвращает value новой опции |
66
- | entityName* | `EntityName` | - | Тип объекта для создания новой опции (в единственном числе вин.падеже для кнопки Создать <entityName> и множественном числе) |
67
- | createLayoutProps* | `CreateLayoutModalProps \| CreateLayoutDrawerProps` | - | Пропсы передаваемые в модалку или дровер создания новой опции |
68
- | createLayoutType* | "modal" \| "drawer" | - | По клику на кнопку создания открывать модальное окно или дровер |
69
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
70
- | onRefetch | `VoidFunction` | - | Коллбек рефетча запроса на получение списка опций в случае ошибки (при передаче dataError в selectProps). |
71
- | className | `string` | - | CSS-класс |
72
- | afterClose | `VoidFunction` | - | Коллбек после закрытия модального окна/дровера |
73
- | entityIcon | `JSXElementConstructor<{ size?: number; className?: string; }>` | - | Иконка сервиса |
74
- | permission | "none" \| "canRead" \| "canCreate" | - | Управление состоянием компонента в зависимости от прав пользователя (по дефолту permission = 'canCreate') |
75
- ## FieldAi
76
- ### Props
77
- | name | type | default value | description |
78
- |------|------|---------------|-------------|
79
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
80
- | onSubmit* | `(value: string) => void` | - | Колбек действия при отправке |
81
- | value | `string` | - | HTML-аттрибут value |
82
- | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
83
- | inputMode | enum InputMode: `"search"`, `"none"`, `"text"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
84
- | id | `string` | - | HTML-аттрибут id |
85
- | name | `string` | - | HTML-аттрибут name |
86
- | maxLength | `number` | - | Максимальное кол-во символов |
87
- | disabled | `boolean` | - | Является ли поле деактивированным |
88
- | readonly | `boolean` | - | Является ли поле доступным только на чтение |
89
- | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
90
- | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
91
- | autoFocus | `boolean` | - | Включен ли авто-фокус |
92
- | onKeyDown | `KeyboardEventHandler<HTMLTextAreaElement>` | - | Колбек нажатия клавиши клавиатуры |
93
- | className | `string` | - | CSS-класс |
94
- | caption | `string` | - | Подпись справа от лейбла |
95
- | hint | `string` | - | Подсказка внизу |
96
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
97
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
98
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
99
- | error | `string` | - | |
100
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
101
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
102
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
103
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
104
- | minRows | `number` | 3 | Минимальное кол-во строк, до которого размер поля может быть увеличен |
105
- | maxRows | `number` | 1000 | Максимальное кол-во строк, до которого размер поля может быть увеличен |
106
- | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
107
- | secure | `boolean \| "password"` | - | Режим ввода sensitive данных (пароля, API ключей, токенов, etc) |
108
- | onResetContextClick | `() => void` | - | Действие при клике по кнопке сброса контекста |
109
- | onCancelSecure | `() => void` | - | Действие для отмены секьюрности поля |
110
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
111
- | key | `Key` | - | |
112
30
  ## FieldChat
113
31
  ### Props
114
32
  | name | type | default value | description |
115
33
  |------|------|---------------|-------------|
116
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
117
- | handleSubmit* | `(value: string) => void` | - | Колбек действия при отправке |
118
- | value | `string` | - | HTML-аттрибут value |
119
- | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
120
- | inputMode | enum InputMode: `"search"`, `"none"`, `"text"`, `"tel"`, `"email"`, `"decimal"`, `"numeric"`, `"url"` | - | Режим работы экранной клавиатуры |
121
- | id | `string` | - | HTML-аттрибут id |
122
- | name | `string` | - | HTML-аттрибут name |
123
- | maxLength | `number` | - | Максимальное кол-во символов |
124
- | disabled | `boolean` | - | Является ли поле деактивированным |
125
- | readonly | `boolean` | - | Является ли поле доступным только на чтение |
126
- | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
127
- | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
128
- | autoFocus | `boolean` | - | Включен ли авто-фокус |
129
- | onKeyDown | `KeyboardEventHandler<HTMLTextAreaElement>` | - | Колбек нажатия клавиши клавиатуры |
130
- | className | `string` | - | CSS-класс |
131
- | caption | `string` | - | Подпись справа от лейбла |
132
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
133
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
134
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
135
- | error | `string` | - | |
136
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
137
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
138
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
139
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
140
- | minRows | `number` | 3 | Минимальное кол-во строк, до которого размер поля может быть увеличен |
141
- | maxRows | `number` | 1000 | Максимальное кол-во строк, до которого размер поля может быть увеличен |
142
- | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
143
- | attachment | `Pick<FileUploadProps, "onFilesUpload" \| "accept"> & { files?: File[]; onFileDelete: (file?: File) => void; }` | - | |
144
34
  ## AIDisclaimer
145
35
  ### Props
146
36
  | name | type | default value | description |
147
37
  |------|------|---------------|-------------|
148
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
149
38
  ## FieldName
150
39
  Поле имя c локальным стейтом и валидацией
151
40
  ### Props
152
41
  | name | type | default value | description |
153
42
  |------|------|---------------|-------------|
154
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
155
- | value | `string` | - | Значение input |
156
- | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
157
- | id | `string` | - | Значение html-атрибута id |
158
- | name | `string` | - | Значение html-атрибута name |
159
- | maxLength | `number` | - | Максимальная длина вводимого значения |
160
- | disabled | `boolean` | false | Является ли поле деактивированным |
161
- | readonly | `boolean` | false | Является ли поле доступным только для чтения |
162
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
163
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
164
- | autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
165
- | autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
166
- | onPaste | `ClipboardEventHandler<HTMLInputElement>` | - | Колбек обработки вставки значения |
167
- | onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки начала нажатия клавиши клавиатуры |
168
- | spellCheck | `boolean` | true | Значение атрибута spellcheck (проверка орфографии) |
169
- | pattern | `string` | - | Регулярное выражение валидного инпута |
170
- | className | `string` | - | CSS-класс |
171
- | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
172
- | required | `boolean` | - | Является ли поле обязательным |
173
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
174
- | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
175
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
176
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
177
- | error | `string` | - | |
178
- | prefix | `ReactNode` | - | Произвольный префикс для поля |
179
- | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
180
- | postfix | `ReactNode` | - | Произвольный постфикс для поля |
181
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
182
- | button | `Button` | - | Кнопка действия внутри поля |
183
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
184
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
185
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
186
- | onClearButtonClick | `() => void` | - | Колбек клика по кнопке очистки поля |
187
- | showLabel | `boolean` | - | |
188
- | customSchema | `StringSchema<string, AnyObject, undefined, "">` | - | |
189
- | onValidationError | `(error: ValidationError) => void` | - | Колбэк, вызываемый при изменении ошибки валидации |
190
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
191
- | key | `Key` | - | |
43
+ | 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} |
44
+ | key | `any` | - | |
192
45
  ## FieldNameRHF
193
46
  Поле имя c оберткой для React Hook Form
194
47
  ### Props
195
48
  | name | type | default value | description |
196
49
  |------|------|---------------|-------------|
197
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
198
- | controllerProps* | `Omit<ControllerProps<FieldValues>, "disabled" \| "render" \| "rules">` | - | Режим контроллера с использованием react-hook-form |
199
- | value | `string` | - | Значение input |
200
- | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
201
- | id | `string` | - | Значение html-атрибута id |
202
- | name | `string` | - | Значение html-атрибута name |
203
- | maxLength | `number` | - | Максимальная длина вводимого значения |
204
- | disabled | `boolean` | false | Является ли поле деактивированным |
205
- | readonly | `boolean` | false | Является ли поле доступным только для чтения |
206
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
207
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
208
- | autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
209
- | autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
210
- | onPaste | `ClipboardEventHandler<HTMLInputElement>` | - | Колбек обработки вставки значения |
211
- | onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки начала нажатия клавиши клавиатуры |
212
- | spellCheck | `boolean` | true | Значение атрибута spellcheck (проверка орфографии) |
213
- | pattern | `string` | - | Регулярное выражение валидного инпута |
214
- | className | `string` | - | CSS-класс |
215
- | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
216
- | required | `boolean` | - | Является ли поле обязательным |
217
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
218
- | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
219
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
220
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
221
- | error | `string` | - | |
222
- | prefix | `ReactNode` | - | Произвольный префикс для поля |
223
- | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
224
- | postfix | `ReactNode` | - | Произвольный постфикс для поля |
225
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
226
- | button | `Button` | - | Кнопка действия внутри поля |
227
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
228
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
229
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
230
- | onClearButtonClick | `() => void` | - | Колбек клика по кнопке очистки поля |
231
- | showLabel | `boolean` | - | |
232
- | customSchema | `StringSchema<string, AnyObject, undefined, "">` | - | |
233
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
234
- | key | `Key` | - | |
50
+ | 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} |
51
+ | key | `any` | - | |
235
52
  ## FieldDescription
236
53
  Поле описание c локальным стейтом и валидацией
237
54
  ### Props
238
55
  | name | type | default value | description |
239
56
  |------|------|---------------|-------------|
240
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
241
- | value | `string` | - | HTML-аттрибут value |
242
- | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
243
- | id | `string` | - | HTML-аттрибут id |
244
- | maxLength | `number` | 255 | Максимальное кол-во символов |
245
- | disabled | `boolean` | - | Является ли поле деактивированным |
246
- | readonly | `boolean` | - | Является ли поле доступным только на чтение |
247
- | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
248
- | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
249
- | autoFocus | `boolean` | - | Включен ли авто-фокус |
250
- | onKeyDown | `KeyboardEventHandler<HTMLTextAreaElement>` | - | Колбек нажатия клавиши клавиатуры |
251
- | spellCheck | `boolean` | true | Включение проверки орфографии |
252
- | className | `string` | - | CSS-класс |
253
- | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
254
- | required | `boolean` | - | Является ли поле обязательным |
255
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
256
- | size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер |
257
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
258
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
259
- | error | `string` | - | |
260
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
261
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
262
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
263
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
264
- | minRows | `number` | 3 | Минимальное кол-во строк, до которого размер поля может быть увеличен |
265
- | maxRows | `number` | 1000 | Максимальное кол-во строк, до которого размер поля может быть увеличен |
266
- | resizable | `boolean` | true | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
267
- | customSchema | `StringSchema<string, AnyObject, undefined, "">` | - | |
268
- | addButton | `boolean` | - | Поле появляется по кнопке "Добавить описание" (только для опционального поля) |
269
- | onValidationError | `(error: ValidationError) => void` | - | Колбэк, вызываемый при изменении ошибки валидации (только в standalone режиме) |
270
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
271
- | key | `Key` | - | |
57
+ | 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} |
58
+ | key | `any` | - | |
272
59
  ## FieldDescriptionRHF
273
60
  Поле описание c оберткой для React Hook Form
274
61
  ### Props
275
62
  | name | type | default value | description |
276
63
  |------|------|---------------|-------------|
277
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
278
- | controllerProps* | `Omit<ControllerProps<FieldValues>, "disabled" \| "render" \| "rules">` | - | Режим контроллера с использованием react-hook-form |
279
- | value | `string` | - | HTML-аттрибут value |
280
- | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
281
- | id | `string` | - | HTML-аттрибут id |
282
- | maxLength | `number` | 255 | Максимальное кол-во символов |
283
- | disabled | `boolean` | - | Является ли поле деактивированным |
284
- | readonly | `boolean` | - | Является ли поле доступным только на чтение |
285
- | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
286
- | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
287
- | autoFocus | `boolean` | - | Включен ли авто-фокус |
288
- | onKeyDown | `KeyboardEventHandler<HTMLTextAreaElement>` | - | Колбек нажатия клавиши клавиатуры |
289
- | spellCheck | `boolean` | true | Включение проверки орфографии |
290
- | className | `string` | - | CSS-класс |
291
- | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
292
- | required | `boolean` | - | Является ли поле обязательным |
293
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
294
- | size | enum Size: `"s"`, `"m"`, `"l"` | m | Размер |
295
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
296
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
297
- | error | `string` | - | |
298
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
299
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
300
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
301
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
302
- | minRows | `number` | 3 | Минимальное кол-во строк, до которого размер поля может быть увеличен |
303
- | maxRows | `number` | 1000 | Максимальное кол-во строк, до которого размер поля может быть увеличен |
304
- | resizable | `boolean` | true | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
305
- | customSchema | `StringSchema<string, AnyObject, undefined, "">` | - | |
306
- | addButton | `boolean` | - | Поле появляется по кнопке "Добавить описание" (только для опционального поля) |
307
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
308
- | key | `Key` | - | |
64
+ | 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} |
65
+ | key | `any` | - | |
309
66
  ## FieldMask
310
67
  ### Props
311
68
  | name | type | default value | description |
312
69
  |------|------|---------------|-------------|
313
- | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
314
- | mask* | enum Mask: `"code"`, `"uuid"`, `"passport"`, `"snils"`, `"ip-v4-address"`, `"ip-v4-address-with-mask"` | - | |
315
- | id | `string` | - | Значение html-атрибута id |
316
- | name | `string` | - | Значение html-атрибута name |
317
- | placeholder | `string` | - | Значение плейсхолдера |
318
- | maxLength | `number` | - | Максимальная длина вводимого значения |
319
- | disabled | `boolean` | false | Является ли поле деактивированным |
320
- | readonly | `boolean` | false | Является ли поле доступным только для чтения |
321
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
322
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
323
- | autoComplete | `string \| boolean` | false | Включен ли автокомплит для поля |
324
- | autoFocus | `boolean` | false | Включен ли авто-фокус для поля |
325
- | onPaste | `ClipboardEventHandler<HTMLInputElement>` | - | Колбек обработки вставки значения |
326
- | onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки начала нажатия клавиши клавиатуры |
327
- | spellCheck | `boolean` | true | Значение атрибута spellcheck (проверка орфографии) |
328
- | pattern | `string` | - | Регулярное выражение валидного инпута |
329
- | className | `string` | - | CSS-класс |
330
- | label | `string` | - | Лейбл |
331
- | labelTooltip | `ReactNode` | - | Всплывающая подсказка лейбла |
332
- | required | `boolean` | - | Является ли поле обязательным |
333
- | caption | `string` | - | Подпись справа от лейбла |
334
- | hint | `string` | - | Подсказка внизу |
335
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
336
- | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
337
- | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | - | Состояние валидации |
338
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
339
- | error | `string` | - | |
340
- | prefix | `ReactNode` | - | Произвольный префикс для поля |
341
- | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
342
- | postfix | `ReactNode` | - | Произвольный постфикс для поля |
343
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
344
- | button | `Button` | - | Кнопка действия внутри поля |
345
- | type | "text" \| "tel" \| "email" | - | |
346
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
347
- | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
348
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
349
- | onClearButtonClick | `() => void` | - | Колбек клика по кнопке очистки поля |
350
- | value | `string` | - | |
351
- | onChange | `(value: string, mask: InputMask<Record<string, unknown>>) => void` | - | |
352
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
353
- | key | `Key` | - | |
354
- ## useFieldCodeValidate
355
- Возвращает функцию валидации значения кода (пусто / неполный код).
356
- ### Props
357
- | name | type | default value | description |
358
- |------|------|---------------|-------------|
359
- | codeLength* | `number` | - | Ожидаемая длина кода (цифр) |
360
- ## FieldCode
361
- ### Props
362
- | name | type | default value | description |
363
- |------|------|---------------|-------------|
364
- | codeLength* | `number` | - | Количество цифр в коде (ожидается целое ≥ 1) |
365
- | className | `string` | - | CSS-класс компонента |
366
- | cellClassName | `string` | - | CSS-класс ячейки кода |
367
- | spacing | `number[]` | - | Позиции, после которых нужно вставить пробел (индексы символов, после которых будет пробел) |
368
- | showEmptyChars | `boolean` | - | Подсветить пустые символы кода |
369
- | resendCode | `ResendCodeProps` | - | Компонент отправки нового кода |
370
- | focusEffects | `readonly FieldCodeFocusEffect[]` | - | Сценарии автофокуса; по умолчанию — первая ячейка при монтировании и после сброса (см. `FieldCodeFocusEffect`) |
371
- | invalidCode | `string` | - | Сообщение при неверном коде, если не передан свой `error` |
372
- | value | `string` | - | Значение кода |
373
- | onChange | `(code: string) => void` | - | Колбек изменения значения |
374
- | onComplete | `(code: string) => void` | - | Колбек достижения ввода всех символов кода |
375
- | disabled | `boolean` | - | Деактивирован ли элемент Является ли поле деактивированным |
376
- | label | `string` | - | Лейбл |
377
- | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
378
- | error | `string` | - | |
379
- | ref | `LegacyRef<HTMLInputElement>` | - | 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} |
380
- | key | `Key` | - | |
381
- ## FieldCodeFocusEffect
382
- Когда дергать `moveFocus` у `FieldCode` (массив `focusEffects`, порядок не важен).
383
- ### Props
384
- | name | type | default value | description |
385
- |------|------|---------------|-------------|
70
+ | 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} |
71
+ | key | `any` | - | |
386
72
 
387
73
 
388
74
  [//]: DOCUMENTATION_SECTION_END
@@ -1,9 +1,7 @@
1
1
  export * from './FieldPhone';
2
2
  export * from './SelectCreate';
3
- export * from './FieldAi';
4
3
  export * from './FieldChat';
5
4
  export * from './AIDisclaimer';
6
5
  export * from './FieldName';
7
6
  export * from './FieldDescription';
8
7
  export * from './FieldMask';
9
- export * from './FieldCode';
@@ -16,10 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./FieldPhone"), exports);
18
18
  __exportStar(require("./SelectCreate"), exports);
19
- __exportStar(require("./FieldAi"), exports);
20
19
  __exportStar(require("./FieldChat"), exports);
21
20
  __exportStar(require("./AIDisclaimer"), exports);
22
21
  __exportStar(require("./FieldName"), exports);
23
22
  __exportStar(require("./FieldDescription"), exports);
24
23
  __exportStar(require("./FieldMask"), exports);
25
- __exportStar(require("./FieldCode"), exports);
@@ -1,9 +1,7 @@
1
1
  export * from './FieldPhone';
2
2
  export * from './SelectCreate';
3
- export * from './FieldAi';
4
3
  export * from './FieldChat';
5
4
  export * from './AIDisclaimer';
6
5
  export * from './FieldName';
7
6
  export * from './FieldDescription';
8
7
  export * from './FieldMask';
9
- export * from './FieldCode';
@@ -1,9 +1,7 @@
1
1
  export * from './FieldPhone';
2
2
  export * from './SelectCreate';
3
- export * from './FieldAi';
4
3
  export * from './FieldChat';
5
4
  export * from './AIDisclaimer';
6
5
  export * from './FieldName';
7
6
  export * from './FieldDescription';
8
7
  export * from './FieldMask';
9
- export * from './FieldCode';