@snack-uikit/fields 0.19.1 → 0.19.2

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 (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +406 -235
  3. package/dist/components/FieldSelect/FieldSelectMultiple.d.ts +2 -2
  4. package/dist/components/FieldSelect/FieldSelectSingle.d.ts +2 -2
  5. package/dist/components/FieldSelect/types.d.ts +2 -2
  6. package/package.json +4 -4
  7. package/src/components/FieldSelect/types.ts +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
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
+ ## 0.19.2 (2024-04-25)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **PDS-0000:** remove required pinTop/pinBottom ([51bbe9f](https://github.com/cloud-ru-tech/snack-uikit/commit/51bbe9f6d79c50bd2aa41128a12b125eb91f625b))
12
+ * **PDS-0000:** set default button type as button ([4ec64de](https://github.com/cloud-ru-tech/snack-uikit/commit/4ec64de508826df4a1e82fd8c75448d9919e563f))
13
+
14
+
15
+
16
+
17
+
6
18
  ## 0.19.1 (2024-04-24)
7
19
 
8
20
 
package/README.md CHANGED
@@ -163,260 +163,431 @@ const [isOpen, setIsOpen] = useState(false);
163
163
 
164
164
  [//]: DOCUMENTATION_SECTION_START
165
165
  [//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
166
+
166
167
  ## FieldDecorator
168
+
167
169
  ### Props
168
- | name | type | default value | description |
169
- |------|------|---------------|-------------|
170
- | children* | `ReactNode` | - | Контент |
171
- | className | `string` | - | CSS-класс |
172
- | disabled | `boolean` | - | Деактивирован ли элемент Является ли поле деактивированным |
173
- | readonly | `boolean` | - | Является ли поле доступным только на чтение Доступно ли поле только на чтение |
174
- | error | `string` | - | |
175
- | label | `string` | - | Лейбл |
176
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
177
- | labelFor | `string` | - | Аттрибут for |
178
- | required | `boolean` | - | Является ли поле обязательным |
179
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
180
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
181
- | length | `{ current: number; max?: number; }` | - | Допустимая длинна текста |
182
- | hint | `string` | - | Подсказка внизу |
183
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
184
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
170
+
171
+ | name | type | default value | description |
172
+ | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ----------------------------------------------------------------------------- |
173
+ | children\* | `ReactNode` | - | Контент |
174
+ | className | `string` | - | CSS-класс |
175
+ | disabled | `boolean` | - | Деактивирован ли элемент Является ли поле деактивированным |
176
+ | readonly | `boolean` | - | Является ли поле доступным только на чтение Доступно ли поле только на чтение |
177
+ | error | `string` | - | |
178
+ | label | `string` | - | Лейбл |
179
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
180
+ | labelFor | `string` | - | Аттрибут for |
181
+ | required | `boolean` | - | Является ли поле обязательным |
182
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
183
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
184
+ | length | `{ current: number; max?: number; }` | - | Допустимая длинна текста |
185
+ | hint | `string` | - | Подсказка внизу |
186
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | - | Состояние валидации |
187
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
188
+
185
189
  ## FieldText
190
+
186
191
  ### Props
187
- | name | type | default value | description |
188
- |------|------|---------------|-------------|
189
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
190
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
191
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
192
- | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
193
- | value | `string` | - | Значение input |
194
- | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
195
- | disabled | `boolean` | - | Является ли поле деактивированным |
196
- | readonly | `boolean` | - | Является ли поле доступным только для чтения |
197
- | id | `string` | - | Значение html-атрибута id |
198
- | name | `string` | - | Значение html-атрибута name |
199
- | placeholder | `string` | - | Значение плейсхолдера |
200
- | maxLength | `number` | - | Максимальная длина вводимого значения |
201
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
202
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
203
- | error | `string` | - | |
204
- | className | `string` | - | CSS-класс |
205
- | label | `string` | - | Лейбл |
206
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
207
- | required | `boolean` | - | Является ли поле обязательным |
208
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
209
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
210
- | hint | `string` | - | Подсказка внизу |
211
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
212
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
213
- | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
214
- | key | `Key` | - | |
192
+
193
+ | name | type | default value | description |
194
+ | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
195
+ | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
196
+ | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
197
+ | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
198
+ | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
199
+ | value | `string` | - | Значение input |
200
+ | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
201
+ | disabled | `boolean` | - | Является ли поле деактивированным |
202
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
203
+ | id | `string` | - | Значение html-атрибута id |
204
+ | name | `string` | - | Значение html-атрибута name |
205
+ | placeholder | `string` | - | Значение плейсхолдера |
206
+ | maxLength | `number` | - | Максимальная длина вводимого значения |
207
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
208
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
209
+ | error | `string` | - | |
210
+ | className | `string` | - | CSS-класс |
211
+ | label | `string` | - | Лейбл |
212
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
213
+ | required | `boolean` | - | Является ли поле обязательным |
214
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
215
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
216
+ | hint | `string` | - | Подсказка внизу |
217
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
218
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
219
+ | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
220
+ | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
221
+ | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
222
+ | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
223
+ | value | `string` | - | Значение input |
224
+ | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
225
+ | disabled | `boolean` | - | Является ли поле деактивированным |
226
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
227
+ | id | `string` | - | Значение html-атрибута id |
228
+ | name | `string` | - | Значение html-атрибута name |
229
+ | placeholder | `string` | - | Значение плейсхолдера |
230
+ | maxLength | `number` | - | Максимальная длина вводимого значения |
231
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
232
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
233
+ | error | `string` | - | |
234
+ | className | `string` | - | CSS-класс |
235
+ | label | `string` | - | Лейбл |
236
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
237
+ | required | `boolean` | - | Является ли поле обязательным |
238
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
239
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
240
+ | hint | `string` | - | Подсказка внизу |
241
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
242
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
243
+ | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
244
+ | key | `Key` | - | |
245
+
215
246
  ## FieldTextArea
247
+
216
248
  ### Props
217
- | name | type | default value | description |
218
- |------|------|---------------|-------------|
219
- | maxRows | `number` | - | Максимальное кол-во строк, до которого размер поля может быть увеличен |
220
- | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
221
- | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
222
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
223
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
224
- | allowMoreThanMaxLength | `boolean` | true | Можно ли вводить больше разрешённого кол-ва символов |
225
- | value | `string` | - | HTML-аттрибут value |
226
- | disabled | `boolean` | - | Является ли поле деактивированным |
227
- | readonly | `boolean` | - | Является ли поле доступным только на чтение |
228
- | id | `string` | - | HTML-аттрибут id |
229
- | name | `string` | - | HTML-аттрибут name |
230
- | placeholder | `string` | - | Плейсхолдер |
231
- | maxLength | `number` | - | Максимальное кол-во символов |
232
- | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
233
- | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
234
- | error | `string` | - | |
235
- | className | `string` | - | CSS-класс |
236
- | label | `string` | - | Лейбл |
237
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
238
- | required | `boolean` | - | Является ли поле обязательным |
239
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
240
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
241
- | hint | `string` | - | Подсказка внизу |
242
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
243
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
244
- | ref | `Ref<HTMLTextAreaElement>` | - | 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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
245
- | key | `Key` | - | |
249
+
250
+ | name | type | default value | description |
251
+ | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
252
+ | maxRows | `number` | - | Максимальное кол-во строк, до которого размер поля может быть увеличен |
253
+ | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
254
+ | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
255
+ | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
256
+ | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
257
+ | allowMoreThanMaxLength | `boolean` | true | Можно ли вводить больше разрешённого кол-ва символов |
258
+ | value | `string` | - | HTML-аттрибут value |
259
+ | disabled | `boolean` | - | Является ли поле деактивированным |
260
+ | readonly | `boolean` | - | Является ли поле доступным только на чтение |
261
+ | id | `string` | - | HTML-аттрибут id |
262
+ | name | `string` | - | HTML-аттрибут name |
263
+ | placeholder | `string` | - | Плейсхолдер |
264
+ | maxLength | `number` | - | Максимальное кол-во символов |
265
+ | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
266
+ | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
267
+ | error | `string` | - | |
268
+ | className | `string` | - | CSS-класс |
269
+ | label | `string` | - | Лейбл |
270
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
271
+ | required | `boolean` | - | Является ли поле обязательным |
272
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
273
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
274
+ | hint | `string` | - | Подсказка внизу |
275
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
276
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
277
+ | maxRows | `number` | - | Максимальное кол-во строк, до которого размер поля может быть увеличен |
278
+ | resizable | `boolean` | - | Может ли ли пользователь изменять размеры поля (если св-во не включено, поле автоматически меняет свой размер) |
279
+ | onChange | `(value: string, e?: ChangeEvent<HTMLTextAreaElement>) => void` | - | Колбек смены значения |
280
+ | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
281
+ | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
282
+ | allowMoreThanMaxLength | `boolean` | true | Можно ли вводить больше разрешённого кол-ва символов |
283
+ | value | `string` | - | HTML-аттрибут value |
284
+ | disabled | `boolean` | - | Является ли поле деактивированным |
285
+ | readonly | `boolean` | - | Является ли поле доступным только на чтение |
286
+ | id | `string` | - | HTML-аттрибут id |
287
+ | name | `string` | - | HTML-аттрибут name |
288
+ | placeholder | `string` | - | Плейсхолдер |
289
+ | maxLength | `number` | - | Максимальное кол-во символов |
290
+ | onFocus | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек получения фокуса |
291
+ | onBlur | `FocusEventHandler<HTMLTextAreaElement>` | - | Колбек потери фокуса |
292
+ | error | `string` | - | |
293
+ | className | `string` | - | CSS-класс |
294
+ | label | `string` | - | Лейбл |
295
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
296
+ | required | `boolean` | - | Является ли поле обязательным |
297
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
298
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
299
+ | hint | `string` | - | Подсказка внизу |
300
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
301
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
302
+ | ref | `Ref<HTMLTextAreaElement>` | - | 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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
303
+ | key | `Key` | - | |
304
+
246
305
  ## FieldSecure
306
+
247
307
  ### Props
248
- | name | type | default value | description |
249
- |------|------|---------------|-------------|
250
- | hidden | `boolean` | - | Замаскированно ли значение поля |
251
- | onHiddenChange | `(value: boolean) => void` | - | Колбек смены маскирования |
252
- | showCopyButton | `boolean` | - | Отображение кнопки копирования |
253
- | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
254
- | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
255
- | value | `string` | - | Значение input |
256
- | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
257
- | disabled | `boolean` | - | Является ли поле деактивированным |
258
- | readonly | `boolean` | - | Является ли поле доступным только для чтения |
259
- | id | `string` | - | Значение html-атрибута id |
260
- | name | `string` | - | Значение html-атрибута name |
261
- | placeholder | `string` | - | Значение плейсхолдера |
262
- | maxLength | `number` | - | Максимальная длина вводимого значения |
263
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
264
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
265
- | error | `string` | - | |
266
- | className | `string` | - | CSS-класс |
267
- | label | `string` | - | Лейбл |
268
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
269
- | required | `boolean` | - | Является ли поле обязательным |
270
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
271
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
272
- | hint | `string` | - | Подсказка внизу |
273
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
274
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
275
- | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
276
- | key | `Key` | - | |
308
+
309
+ | name | type | default value | description |
310
+ | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
311
+ | hidden | `boolean` | - | Замаскированно ли значение поля |
312
+ | onHiddenChange | `(value: boolean) => void` | - | Колбек смены маскирования |
313
+ | showCopyButton | `boolean` | - | Отображение кнопки копирования |
314
+ | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
315
+ | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
316
+ | value | `string` | - | Значение input |
317
+ | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
318
+ | disabled | `boolean` | - | Является ли поле деактивированным |
319
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
320
+ | id | `string` | - | Значение html-атрибута id |
321
+ | name | `string` | - | Значение html-атрибута name |
322
+ | placeholder | `string` | - | Значение плейсхолдера |
323
+ | maxLength | `number` | - | Максимальная длина вводимого значения |
324
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
325
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
326
+ | error | `string` | - | |
327
+ | className | `string` | - | CSS-класс |
328
+ | label | `string` | - | Лейбл |
329
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
330
+ | required | `boolean` | - | Является ли поле обязательным |
331
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
332
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
333
+ | hint | `string` | - | Подсказка внизу |
334
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
335
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
336
+ | hidden | `boolean` | - | Замаскированно ли значение поля |
337
+ | onHiddenChange | `(value: boolean) => void` | - | Колбек смены маскирования |
338
+ | showCopyButton | `boolean` | - | Отображение кнопки копирования |
339
+ | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
340
+ | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
341
+ | value | `string` | - | Значение input |
342
+ | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
343
+ | disabled | `boolean` | - | Является ли поле деактивированным |
344
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
345
+ | id | `string` | - | Значение html-атрибута id |
346
+ | name | `string` | - | Значение html-атрибута name |
347
+ | placeholder | `string` | - | Значение плейсхолдера |
348
+ | maxLength | `number` | - | Максимальная длина вводимого значения |
349
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
350
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
351
+ | error | `string` | - | |
352
+ | className | `string` | - | CSS-класс |
353
+ | label | `string` | - | Лейбл |
354
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
355
+ | required | `boolean` | - | Является ли поле обязательным |
356
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
357
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
358
+ | hint | `string` | - | Подсказка внизу |
359
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
360
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
361
+ | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
362
+ | key | `Key` | - | |
363
+
277
364
  ## parseDate
278
- `helper`
365
+
366
+ `helper`
279
367
 
280
368
  Преобразует строковое значение поля FieldDate в тип Date
369
+
281
370
  ## FieldDate
371
+
282
372
  ### Props
283
- | name | type | default value | description |
284
- |------|------|---------------|-------------|
285
- | value* | `string` | - | Значение input |
286
- | open | `boolean` | - | Открыт date-picker |
287
- | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
288
- | onChange | `(value: string) => void` | - | Колбек смены значения |
289
- | showCopyButton | `boolean` | - | Отображение кнопки копирования |
290
- | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
291
- | locale | `Locale` | new Intl.Locale('ru-RU') | Текущая локаль календаря |
292
- | buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean };` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br> - `month` отображение месяца, каждая ячейка - 1 день <br> - `year` отображение года, каждая ячейка - 1 месяц <br> - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
293
- | disabled | `boolean` | - | Является ли поле деактивированным |
294
- | readonly | `boolean` | - | Является ли поле доступным только для чтения |
295
- | id | `string` | - | Значение html-атрибута id |
296
- | name | `string` | - | Значение html-атрибута name |
297
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
298
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
299
- | error | `string` | - | |
300
- | className | `string` | - | CSS-класс |
301
- | label | `string` | - | Лейбл |
302
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
303
- | required | `boolean` | - | Является ли поле обязательным |
304
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
305
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
306
- | hint | `string` | - | Подсказка внизу |
307
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
308
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
309
- | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
310
- | key | `Key` | - | |
373
+
374
+ | name | type | default value | description |
375
+ | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
376
+ | value\* | `string` | - | Значение input |
377
+ | open | `boolean` | - | Открыт date-picker |
378
+ | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
379
+ | onChange | `(value: string) => void` | - | Колбек смены значения |
380
+ | showCopyButton | `boolean` | - | Отображение кнопки копирования |
381
+ | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
382
+ | locale | `Locale` | new Intl.Locale('ru-RU') | Текущая локаль календаря |
383
+ | buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean };` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br> - `month` отображение месяца, каждая ячейка - 1 день <br> - `year` отображение года, каждая ячейка - 1 месяц <br> - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
384
+ | disabled | `boolean` | - | Является ли поле деактивированным |
385
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
386
+ | id | `string` | - | Значение html-атрибута id |
387
+ | name | `string` | - | Значение html-атрибута name |
388
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
389
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
390
+ | error | `string` | - | |
391
+ | className | `string` | - | CSS-класс |
392
+ | label | `string` | - | Лейбл |
393
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
394
+ | required | `boolean` | - | Является ли поле обязательным |
395
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
396
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
397
+ | hint | `string` | - | Подсказка внизу |
398
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
399
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
400
+ | value\* | `string` | - | Значение input |
401
+ | open | `boolean` | - | Открыт date-picker |
402
+ | onOpenChange | `(value: boolean) => void` | - | Колбек открытия пикера |
403
+ | onChange | `(value: string) => void` | - | Колбек смены значения |
404
+ | showCopyButton | `boolean` | - | Отображение кнопки копирования |
405
+ | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
406
+ | locale | `Locale` | new Intl.Locale('ru-RU') | Текущая локаль календаря |
407
+ | buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean };` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br> - `month` отображение месяца, каждая ячейка - 1 день <br> - `year` отображение года, каждая ячейка - 1 месяц <br> - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
408
+ | disabled | `boolean` | - | Является ли поле деактивированным |
409
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
410
+ | id | `string` | - | Значение html-атрибута id |
411
+ | name | `string` | - | Значение html-атрибута name |
412
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
413
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
414
+ | error | `string` | - | |
415
+ | className | `string` | - | CSS-класс |
416
+ | label | `string` | - | Лейбл |
417
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
418
+ | required | `boolean` | - | Является ли поле обязательным |
419
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
420
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
421
+ | hint | `string` | - | Подсказка внизу |
422
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
423
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
424
+ | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
425
+ | key | `Key` | - | |
426
+
311
427
  ## FieldSelect
428
+
312
429
  ### Props
313
- | name | type | default value | description |
314
- |------|------|---------------|-------------|
315
- | pinBottom* | `OptionProps[]` | - | |
316
- | pinTop* | `OptionProps[]` | - | |
317
- | options* | `OptionProps[]` | - | |
318
- | disabled | `boolean` | false | Является ли поле деактивированным |
319
- | readonly | `boolean` | false false | Является ли поле доступным только для чтения |
320
- | id | `string` | - | Значение html-атрибута id |
321
- | name | `string` | - | Значение html-атрибута name |
322
- | placeholder | `string` | - | Значение плейсхолдера |
323
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
324
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
325
- | onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки нажатия клавиши клавиатуры |
326
- | error | `string` | - | |
327
- | className | `string` | - | CSS-класс |
328
- | label | `string` | - | Лейбл |
329
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
330
- | required | `boolean` | - | Является ли поле обязательным |
331
- | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
332
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
333
- | hint | `string` | - | Подсказка внизу |
334
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | - | Состояние валидации |
335
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
336
- | loading | `boolean` | - | |
337
- | value | `ItemId \| ItemId[]` | - | Controlled состояние |
338
- | onChange | `OnChangeHandler<any>` | - | Controlled обработчик измения состояния |
339
- | defaultValue | `ItemId \| ItemId[]` | - | Начальное состояние |
340
- | searchable | `boolean` | - | |
341
- | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
342
- | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
343
- | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
344
- | footer | `ReactNode` | - | |
345
- | widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | - | |
346
- | search | `SearchState` | - | |
347
- | autocomplete | `boolean` | - | |
348
- | addOptionByEnter | `boolean` | - | |
349
- | open | `boolean` | - | |
350
- | onOpenChange | `(open: boolean) => void` | - | |
351
- | selectedOptionFormatter | `SelectedOptionFormatter` | - | |
352
- | dataFiltered | `boolean` | - | |
353
- | dataError | `boolean` | - | |
354
- | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
355
- | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
356
- | errorDataState | `EmptyStateProps` | - | Экран при ошибке запроса |
357
- | selection | "single" \| "multiple" | - | |
358
- | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
359
- | key | `Key` | - | |
360
- | removeByBackspace | `boolean` | - | |
430
+
431
+ | name | type | default value | description |
432
+ | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
433
+ | options\* | `OptionProps[]` | - | |
434
+ | disabled | `boolean` | false | Является ли поле деактивированным |
435
+ | readonly | `boolean` | false false | Является ли поле доступным только для чтения |
436
+ | id | `string` | - | Значение html-атрибута id |
437
+ | name | `string` | - | Значение html-атрибута name |
438
+ | placeholder | `string` | - | Значение плейсхолдера |
439
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
440
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
441
+ | onKeyDown | `KeyboardEventHandler<HTMLInputElement>` | - | Колбек обработки нажатия клавиши клавиатуры |
442
+ | error | `string` | - | |
443
+ | className | `string` | - | CSS-класс |
444
+ | label | `string` | - | Лейбл |
445
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
446
+ | required | `boolean` | - | Является ли поле обязательным |
447
+ | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
448
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
449
+ | hint | `string` | - | Подсказка внизу |
450
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | - | Состояние валидации |
451
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
452
+ | loading | `boolean` | - | |
453
+ | value | `ItemId \| ItemId[]` | - | Controlled состояние |
454
+ | onChange | `OnChangeHandler<any>` | - | Controlled обработчик измения состояния |
455
+ | defaultValue | `ItemId \| ItemId[]` | - | Начальное состояние |
456
+ | pinTop | `OptionProps[]` | - | |
457
+ | pinBottom | `OptionProps[]` | - | |
458
+ | searchable | `boolean` | - | |
459
+ | showCopyButton | `boolean` | - | Отображение кнопки Копировать для поля (актуально только для `readonly = true`) |
460
+ | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
461
+ | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
462
+ | footer | `ReactNode` | - | |
463
+ | widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | - | |
464
+ | search | `SearchState` | - | |
465
+ | autocomplete | `boolean` | - | |
466
+ | addOptionByEnter | `boolean` | - | |
467
+ | open | `boolean` | - | |
468
+ | onOpenChange | `(open: boolean) => void` | - | |
469
+ | selectedOptionFormatter | `SelectedOptionFormatter` | - | |
470
+ | dataFiltered | `boolean` | - | |
471
+ | dataError | `boolean` | - | |
472
+ | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
473
+ | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
474
+ | errorDataState | `EmptyStateProps` | - | Экран при ошибке запроса |
475
+ | selection | "single" \| "multiple" | - | |
476
+ | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
477
+ | key | `Key` | - | |
478
+ | removeByBackspace | `boolean` | - | |
479
+ | removeByBackspace | `boolean` | - | |
480
+
361
481
  ## FieldStepper
482
+
362
483
  ### Props
363
- | name | type | default value | description |
364
- |------|------|---------------|-------------|
365
- | value | `number` | - | Значение поля |
366
- | onChange | `(value: number, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
367
- | step | `number` | 1 | Шаг поля |
368
- | allowMoreThanLimits | `boolean` | true | Можно ли вводить c клавиатуры числа, выходящие за пределы min/max |
369
- | disabled | `boolean` | - | Является ли поле деактивированным |
370
- | readonly | `boolean` | - | Является ли поле доступным только для чтения |
371
- | id | `string` | - | Значение html-атрибута id |
372
- | name | `string` | - | Значение html-атрибута name |
373
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
374
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
375
- | min | `number` | Number.NEGATIVE_INFINITY | Минимальное значение поля |
376
- | max | `number` | Number.POSITIVE_INFINITY | Максимальное значение поля |
377
- | error | `string` | - | |
378
- | className | `string` | - | CSS-класс |
379
- | label | `string` | - | Лейбл |
380
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
381
- | required | `boolean` | - | Является ли поле обязательным |
382
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
383
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
384
- | hint | `string` | - | Подсказка внизу |
385
- | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
386
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
387
- | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
388
- | key | `Key` | - | |
484
+
485
+ | name | type | default value | description |
486
+ | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
487
+ | value | `number` | - | Значение поля |
488
+ | onChange | `(value: number, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
489
+ | step | `number` | 1 | Шаг поля |
490
+ | allowMoreThanLimits | `boolean` | true | Можно ли вводить c клавиатуры числа, выходящие за пределы min/max |
491
+ | disabled | `boolean` | - | Является ли поле деактивированным |
492
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
493
+ | id | `string` | - | Значение html-атрибута id |
494
+ | name | `string` | - | Значение html-атрибута name |
495
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
496
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
497
+ | min | `number` | Number.NEGATIVE_INFINITY | Минимальное значение поля |
498
+ | max | `number` | Number.POSITIVE_INFINITY | Максимальное значение поля |
499
+ | error | `string` | - | |
500
+ | className | `string` | - | CSS-класс |
501
+ | label | `string` | - | Лейбл |
502
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
503
+ | required | `boolean` | - | Является ли поле обязательным |
504
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
505
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
506
+ | hint | `string` | - | Подсказка внизу |
507
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
508
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
509
+ | value | `number` | - | Значение поля |
510
+ | onChange | `(value: number, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
511
+ | step | `number` | 1 | Шаг поля |
512
+ | allowMoreThanLimits | `boolean` | true | Можно ли вводить c клавиатуры числа, выходящие за пределы min/max |
513
+ | disabled | `boolean` | - | Является ли поле деактивированным |
514
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
515
+ | id | `string` | - | Значение html-атрибута id |
516
+ | name | `string` | - | Значение html-атрибута name |
517
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
518
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
519
+ | min | `number` | Number.NEGATIVE_INFINITY | Минимальное значение поля |
520
+ | max | `number` | Number.POSITIVE_INFINITY | Максимальное значение поля |
521
+ | error | `string` | - | |
522
+ | className | `string` | - | CSS-класс |
523
+ | label | `string` | - | Лейбл |
524
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
525
+ | required | `boolean` | - | Является ли поле обязательным |
526
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
527
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
528
+ | hint | `string` | - | Подсказка внизу |
529
+ | validationState | enum ValidationState: `"default"`, `"error"`, `"warning"`, `"success"` | default | Состояние валидации |
530
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
531
+ | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
532
+ | key | `Key` | - | |
533
+
389
534
  ## FieldSlider
535
+
390
536
  ### Props
391
- | name | type | default value | description |
392
- |------|------|---------------|-------------|
393
- | postfixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-постфикс для поля |
394
- | showScaleBar | `boolean` | true | Отображение линейки |
395
- | textInputFormatter | `TextInputFormatter` | - | Функция для форматирования значений в текстовом поле |
396
- | disabled | `boolean` | - | Является ли поле деактивированным |
397
- | readonly | `boolean` | - | Является ли поле доступным только для чтения |
398
- | id | `string` | - | Значение html-атрибута id |
399
- | name | `string` | - | Значение html-атрибута name |
400
- | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
401
- | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
402
- | value | `number \| number[]` | - | |
403
- | onChange | `(value: number \| number[]) => void` | - | |
404
- | range | `boolean` | - | |
405
- | tipFormatter | `(value: string \| number) => ReactNode` | - | |
406
- | step | `number` | - | |
407
- | min | `number` | - | |
408
- | max | `number` | - | |
409
- | marks | `Record<string \| number, ReactNode \| MarkObj>` | - | |
410
- | className | `string` | - | CSS-класс |
411
- | label | `string` | - | Лейбл |
412
- | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
413
- | required | `boolean` | - | Является ли поле обязательным |
414
- | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
415
- | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
416
- | hint | `string` | - | Подсказка внизу |
417
- | showHintIcon | `boolean` | - | Отображать иконку подсказки |
418
- | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
419
- | key | `Key` | - | |
420
537
 
538
+ | name | type | default value | description |
539
+ | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
540
+ | postfixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-постфикс для поля |
541
+ | showScaleBar | `boolean` | true | Отображение линейки |
542
+ | textInputFormatter | `TextInputFormatter` | - | Функция для форматирования значений в текстовом поле |
543
+ | disabled | `boolean` | - | Является ли поле деактивированным |
544
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
545
+ | id | `string` | - | Значение html-атрибута id |
546
+ | name | `string` | - | Значение html-атрибута name |
547
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
548
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
549
+ | value | `number \| number[]` | - | |
550
+ | onChange | `(value: number \| number[]) => void` | - | |
551
+ | range | `boolean` | - | |
552
+ | tipFormatter | `(value: string \| number) => ReactNode` | - | |
553
+ | step | `number` | - | |
554
+ | min | `number` | - | |
555
+ | max | `number` | - | |
556
+ | marks | `Record<string \| number, ReactNode \| MarkObj>` | - | |
557
+ | className | `string` | - | CSS-класс |
558
+ | label | `string` | - | Лейбл |
559
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
560
+ | required | `boolean` | - | Является ли поле обязательным |
561
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
562
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
563
+ | hint | `string` | - | Подсказка внизу |
564
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
565
+ | postfixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-постфикс для поля |
566
+ | showScaleBar | `boolean` | true | Отображение линейки |
567
+ | textInputFormatter | `TextInputFormatter` | - | Функция для форматирования значений в текстовом поле |
568
+ | disabled | `boolean` | - | Является ли поле деактивированным |
569
+ | readonly | `boolean` | - | Является ли поле доступным только для чтения |
570
+ | id | `string` | - | Значение html-атрибута id |
571
+ | name | `string` | - | Значение html-атрибута name |
572
+ | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
573
+ | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
574
+ | value | `number \| number[]` | - | |
575
+ | onChange | `(value: number \| number[]) => void` | - | |
576
+ | range | `boolean` | - | |
577
+ | tipFormatter | `(value: string \| number) => ReactNode` | - | |
578
+ | step | `number` | - | |
579
+ | min | `number` | - | |
580
+ | max | `number` | - | |
581
+ | marks | `Record<string \| number, ReactNode \| MarkObj>` | - | |
582
+ | className | `string` | - | CSS-класс |
583
+ | label | `string` | - | Лейбл |
584
+ | labelTooltip | `string` | - | Всплывающая подсказка лейбла |
585
+ | required | `boolean` | - | Является ли поле обязательным |
586
+ | size | enum Size: `"s"`, `"m"`, `"l"` | SIZE.S | Размер |
587
+ | labelTooltipPlacement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Расположение подсказки лейбла |
588
+ | hint | `string` | - | Подсказка внизу |
589
+ | showHintIcon | `boolean` | - | Отображать иконку подсказки |
590
+ | ref | `Ref<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 https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
591
+ | key | `Key` | - | |
421
592
 
422
593
  [//]: DOCUMENTATION_SECTION_END
package/dist/components/FieldSelect/FieldSelectMultiple.d.ts CHANGED
@@ -9,8 +9,8 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
9
9
  'data-test-id'?: string | undefined;
10
10
  } & import("react").AriaAttributes & {
11
11
  options: import("./types").OptionProps[];
12
- pinTop: import("./types").OptionProps[];
13
- pinBottom: import("./types").OptionProps[];
12
+ pinTop?: import("./types").OptionProps[] | undefined;
13
+ pinBottom?: import("./types").OptionProps[] | undefined;
14
14
  searchable?: boolean | undefined;
15
15
  showCopyButton?: boolean | undefined;
16
16
  showClearButton?: boolean | undefined;
package/dist/components/FieldSelect/FieldSelectSingle.d.ts CHANGED
@@ -7,8 +7,8 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
7
7
  'data-test-id'?: string | undefined;
8
8
  } & import("react").AriaAttributes & {
9
9
  options: import("./types").OptionProps[];
10
- pinTop: import("./types").OptionProps[];
11
- pinBottom: import("./types").OptionProps[];
10
+ pinTop?: import("./types").OptionProps[] | undefined;
11
+ pinBottom?: import("./types").OptionProps[] | undefined;
12
12
  searchable?: boolean | undefined;
13
13
  showCopyButton?: boolean | undefined;
14
14
  showClearButton?: boolean | undefined;
package/dist/components/FieldSelect/types.d.ts CHANGED
@@ -37,8 +37,8 @@ export type FieldSelectPrivateProps = InputProps & WrapperProps & {
37
37
  };
38
38
  type FiledSelectCommonProps = WithSupportProps<{
39
39
  options: OptionProps[];
40
- pinTop: OptionProps[];
41
- pinBottom: OptionProps[];
40
+ pinTop?: OptionProps[];
41
+ pinBottom?: OptionProps[];
42
42
  searchable?: boolean;
43
43
  /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
44
44
  showCopyButton?: boolean;
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Fields",
7
- "version": "0.19.1",
7
+ "version": "0.19.2",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -33,11 +33,11 @@
33
33
  "scripts": {},
34
34
  "dependencies": {
35
35
  "@snack-uikit/button": "0.17.1",
36
- "@snack-uikit/calendar": "0.7.7",
36
+ "@snack-uikit/calendar": "0.7.8",
37
37
  "@snack-uikit/dropdown": "0.2.2",
38
38
  "@snack-uikit/icons": "0.20.1",
39
39
  "@snack-uikit/input-private": "3.1.2",
40
- "@snack-uikit/list": "0.11.1",
40
+ "@snack-uikit/list": "0.11.2",
41
41
  "@snack-uikit/scroll": "0.5.3",
42
42
  "@snack-uikit/slider": "0.1.9",
43
43
  "@snack-uikit/tag": "0.9.1",
@@ -58,5 +58,5 @@
58
58
  "peerDependencies": {
59
59
  "@snack-uikit/locale": "*"
60
60
  },
61
- "gitHead": "06a0c7c3a2f092971d66bead5e89f74f4befee4b"
61
+ "gitHead": "17bfcf1150776cd35c77d9cca8f45dde97472bf1"
62
62
  }
package/src/components/FieldSelect/types.ts CHANGED
@@ -83,8 +83,8 @@ export type FieldSelectPrivateProps = InputProps & WrapperProps & { options: Opt
83
83
  type FiledSelectCommonProps = WithSupportProps<{
84
84
  options: OptionProps[];
85
85
 
86
- pinTop: OptionProps[];
87
- pinBottom: OptionProps[];
86
+ pinTop?: OptionProps[];
87
+ pinBottom?: OptionProps[];
88
88
 
89
89
  searchable?: boolean;
90
90
  /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */