@salutejs/plasma-web 1.426.0-canary.1500.11456169969.0 → 1.426.1-canary.1502.11462220468.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. package/api/plasma-web.api.md +2109 -662
  2. package/components/Autocomplete/Autocomplete.d.ts +1 -1
  3. package/components/Badge/Badge.d.ts +0 -3
  4. package/components/Mask/Mask.d.ts +740 -12
  5. package/components/Tabs/TabItem.d.ts +17 -2
  6. package/components/Tabs/Tabs.d.ts +1 -1
  7. package/components/TextArea/TextArea.config.d.ts +7 -0
  8. package/components/TextArea/TextArea.config.js +19 -12
  9. package/components/TextArea/TextArea.d.ts +717 -3
  10. package/components/TextArea/index.d.ts +68 -1
  11. package/components/TextField/TextField.config.d.ts +7 -0
  12. package/components/TextField/TextField.config.js +18 -11
  13. package/components/TextField/TextField.d.ts +527 -43
  14. package/components/TextField/TextField.js +4 -1
  15. package/css/cjs/components/Mask/Mask.css +14 -11
  16. package/css/cjs/components/TextArea/TextArea.config.js +10 -3
  17. package/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  18. package/css/cjs/components/TextArea/{TextArea.config_gz8cpa.css → TextArea.config_1xy99im.css} +13 -10
  19. package/css/cjs/components/TextArea/TextArea.css +13 -10
  20. package/css/cjs/components/TextArea/TextArea.js.map +1 -1
  21. package/css/cjs/components/TextField/TextField.config.js +10 -3
  22. package/css/cjs/components/TextField/TextField.config.js.map +1 -1
  23. package/css/cjs/components/TextField/TextField.config_zr4d8x.css +16 -0
  24. package/css/cjs/components/TextField/TextField.js +4 -1
  25. package/css/cjs/components/TextField/TextField.js.map +1 -1
  26. package/css/cjs/index.css +31 -25
  27. package/css/es/components/Mask/Mask.css +14 -11
  28. package/css/es/components/TextArea/TextArea.config.js +10 -3
  29. package/css/es/components/TextArea/TextArea.config.js.map +1 -1
  30. package/css/es/components/TextArea/{TextArea.config_gz8cpa.css → TextArea.config_1xy99im.css} +13 -10
  31. package/css/es/components/TextArea/TextArea.css +13 -10
  32. package/css/es/components/TextArea/TextArea.js.map +1 -1
  33. package/css/es/components/TextField/TextField.config.js +10 -3
  34. package/css/es/components/TextField/TextField.config.js.map +1 -1
  35. package/css/es/components/TextField/TextField.config_zr4d8x.css +16 -0
  36. package/css/es/components/TextField/TextField.js +4 -1
  37. package/css/es/components/TextField/TextField.js.map +1 -1
  38. package/css/es/index.css +31 -25
  39. package/es/components/TextArea/TextArea.config.js +19 -12
  40. package/es/components/TextField/TextField.config.js +18 -11
  41. package/es/components/TextField/TextField.js +4 -1
  42. package/package.json +3 -3
  43. package/temp/plasma-web.api.md +2109 -662
  44. package/css/cjs/components/TextField/TextField.config_j0ymp0.css +0 -13
  45. package/css/es/components/TextField/TextField.config_j0ymp0.css +0 -13
@@ -1,5 +1,6 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';
3
+ import type { PopoverPlacement, PopoverPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
3
4
  export declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
5
  view: {
5
6
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -20,6 +21,13 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
20
21
  clear: {
21
22
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
23
  };
24
+ hintView: {
25
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ };
27
+ hintSize: {
28
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
29
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
+ };
23
31
  disabled: {
24
32
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
33
  };
@@ -32,10 +40,9 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
32
40
  readOnly?: boolean | undefined;
33
41
  disabled?: boolean | undefined;
34
42
  } & {
35
- label?: string | undefined; /**
36
- * Поле ввода текста.
37
- */
43
+ label?: string | undefined;
38
44
  labelPlacement?: "outer" | "inner" | undefined;
45
+ titleCaption?: React.ReactNode;
39
46
  leftHelper?: string | undefined;
40
47
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
41
48
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -50,24 +57,121 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
50
57
  } & {
51
58
  clear?: boolean | undefined;
52
59
  hasDivider?: boolean | undefined;
60
+ } & {
61
+ hintText: string;
62
+ hintTrigger?: "hover" | "click" | undefined;
63
+ hintView?: string | undefined;
64
+ hintSize?: string | undefined; /**
65
+ * Видимость стрелки (хвоста).
66
+ */
67
+ hintTargetIcon?: React.ReactNode;
68
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
69
+ hintHasArrow?: boolean | undefined; /**
70
+ * Слот для контента слева, например `Icon`.
71
+ */
72
+ hintOffset?: [number, number] | undefined;
73
+ hintWidth?: string | undefined;
74
+ hintContentLeft?: React.ReactNode;
53
75
  } & {
54
76
  chips?: undefined;
55
77
  onChangeChips?: undefined;
56
78
  enumerationType?: "plain" | undefined;
57
- /**
58
- * Флаг обязательности поля
79
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
80
+ * Флаг необязательности поля
59
81
  */
82
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
83
+ size?: string | undefined;
84
+ view?: string | undefined;
85
+ readOnly?: boolean | undefined;
86
+ disabled?: boolean | undefined;
87
+ } & {
88
+ label?: string | undefined;
89
+ labelPlacement?: "outer" | "inner" | undefined;
90
+ titleCaption?: React.ReactNode;
91
+ leftHelper?: string | undefined;
92
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
93
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
94
+ textBefore?: string | undefined;
95
+ textAfter?: string | undefined;
60
96
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
97
+ } & {
98
+ requiredPlacement?: "right" | "left" | undefined;
99
+ } & {
100
+ required: true;
101
+ optional?: false | undefined;
102
+ } & {
103
+ clear?: boolean | undefined;
104
+ hasDivider?: boolean | undefined;
105
+ } & {
106
+ hintText: string;
107
+ hintTrigger?: "hover" | "click" | undefined;
108
+ hintView?: string | undefined;
109
+ hintSize?: string | undefined; /**
110
+ * Видимость стрелки (хвоста).
111
+ */
112
+ hintTargetIcon?: React.ReactNode;
113
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
114
+ hintHasArrow?: boolean | undefined; /**
115
+ * Слот для контента слева, например `Icon`.
116
+ */
117
+ hintOffset?: [number, number] | undefined;
118
+ hintWidth?: string | undefined;
119
+ hintContentLeft?: React.ReactNode;
120
+ } & {
121
+ enumerationType: "chip";
122
+ onSearch?: undefined;
123
+ chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
124
+ onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
61
125
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
62
126
  size?: string | undefined;
63
127
  view?: string | undefined;
64
128
  readOnly?: boolean | undefined;
65
129
  disabled?: boolean | undefined;
66
130
  } & {
67
- label?: string | undefined; /**
68
- * Поле ввода текста.
131
+ label?: string | undefined;
132
+ labelPlacement?: "outer" | "inner" | undefined;
133
+ titleCaption?: React.ReactNode;
134
+ leftHelper?: string | undefined;
135
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
136
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
137
+ textBefore?: string | undefined;
138
+ textAfter?: string | undefined;
139
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
140
+ } & {
141
+ requiredPlacement?: "right" | "left" | undefined;
142
+ } & {
143
+ required: true;
144
+ optional?: false | undefined;
145
+ } & {
146
+ clear?: boolean | undefined;
147
+ hasDivider?: boolean | undefined;
148
+ } & {
149
+ hintTrigger?: undefined;
150
+ hintText?: undefined;
151
+ hintView?: undefined;
152
+ hintSize?: undefined;
153
+ hintTargetIcon?: undefined;
154
+ hintPlacement?: undefined;
155
+ hintHasArrow?: undefined;
156
+ hintOffset?: undefined;
157
+ hintWidth?: undefined;
158
+ hintContentLeft?: undefined;
159
+ } & {
160
+ chips?: undefined;
161
+ onChangeChips?: undefined;
162
+ enumerationType?: "plain" | undefined;
163
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
164
+ * Флаг необязательности поля
69
165
  */
166
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
167
+ size?: string | undefined;
168
+ view?: string | undefined;
169
+ readOnly?: boolean | undefined;
170
+ disabled?: boolean | undefined;
171
+ } & {
172
+ label?: string | undefined;
70
173
  labelPlacement?: "outer" | "inner" | undefined;
174
+ titleCaption?: React.ReactNode;
71
175
  leftHelper?: string | undefined;
72
176
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
73
177
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -82,11 +186,20 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
82
186
  } & {
83
187
  clear?: boolean | undefined;
84
188
  hasDivider?: boolean | undefined;
189
+ } & {
190
+ hintTrigger?: undefined;
191
+ hintText?: undefined;
192
+ hintView?: undefined;
193
+ hintSize?: undefined;
194
+ hintTargetIcon?: undefined;
195
+ hintPlacement?: undefined;
196
+ hintHasArrow?: undefined;
197
+ hintOffset?: undefined;
198
+ hintWidth?: undefined;
199
+ hintContentLeft?: undefined;
85
200
  } & {
86
201
  enumerationType: "chip";
87
- onSearch?: undefined; /**
88
- * Флаг обязательности поля
89
- */
202
+ onSearch?: undefined;
90
203
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
91
204
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
92
205
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -95,10 +208,9 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
95
208
  readOnly?: boolean | undefined;
96
209
  disabled?: boolean | undefined;
97
210
  } & {
98
- label?: string | undefined; /**
99
- * Поле ввода текста.
100
- */
211
+ label?: string | undefined;
101
212
  labelPlacement?: "outer" | "inner" | undefined;
213
+ titleCaption?: React.ReactNode;
102
214
  leftHelper?: string | undefined;
103
215
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
104
216
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -113,24 +225,121 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
113
225
  } & {
114
226
  clear?: false | undefined;
115
227
  hasDivider?: undefined;
228
+ } & {
229
+ hintText: string;
230
+ hintTrigger?: "hover" | "click" | undefined;
231
+ hintView?: string | undefined;
232
+ hintSize?: string | undefined; /**
233
+ * Видимость стрелки (хвоста).
234
+ */
235
+ hintTargetIcon?: React.ReactNode;
236
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
237
+ hintHasArrow?: boolean | undefined; /**
238
+ * Слот для контента слева, например `Icon`.
239
+ */
240
+ hintOffset?: [number, number] | undefined;
241
+ hintWidth?: string | undefined;
242
+ hintContentLeft?: React.ReactNode;
116
243
  } & {
117
244
  chips?: undefined;
118
245
  onChangeChips?: undefined;
119
246
  enumerationType?: "plain" | undefined;
120
- /**
121
- * Флаг обязательности поля
247
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
248
+ * Флаг необязательности поля
122
249
  */
250
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
251
+ size?: string | undefined;
252
+ view?: string | undefined;
253
+ readOnly?: boolean | undefined;
254
+ disabled?: boolean | undefined;
255
+ } & {
256
+ label?: string | undefined;
257
+ labelPlacement?: "outer" | "inner" | undefined;
258
+ titleCaption?: React.ReactNode;
259
+ leftHelper?: string | undefined;
260
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
261
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
262
+ textBefore?: string | undefined;
263
+ textAfter?: string | undefined;
123
264
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
265
+ } & {
266
+ requiredPlacement?: "right" | "left" | undefined;
267
+ } & {
268
+ required: true;
269
+ optional?: false | undefined;
270
+ } & {
271
+ clear?: false | undefined;
272
+ hasDivider?: undefined;
273
+ } & {
274
+ hintText: string;
275
+ hintTrigger?: "hover" | "click" | undefined;
276
+ hintView?: string | undefined;
277
+ hintSize?: string | undefined; /**
278
+ * Видимость стрелки (хвоста).
279
+ */
280
+ hintTargetIcon?: React.ReactNode;
281
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
282
+ hintHasArrow?: boolean | undefined; /**
283
+ * Слот для контента слева, например `Icon`.
284
+ */
285
+ hintOffset?: [number, number] | undefined;
286
+ hintWidth?: string | undefined;
287
+ hintContentLeft?: React.ReactNode;
288
+ } & {
289
+ enumerationType: "chip";
290
+ onSearch?: undefined;
291
+ chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
292
+ onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
124
293
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
125
294
  size?: string | undefined;
126
295
  view?: string | undefined;
127
296
  readOnly?: boolean | undefined;
128
297
  disabled?: boolean | undefined;
129
298
  } & {
130
- label?: string | undefined; /**
131
- * Поле ввода текста.
299
+ label?: string | undefined;
300
+ labelPlacement?: "outer" | "inner" | undefined;
301
+ titleCaption?: React.ReactNode;
302
+ leftHelper?: string | undefined;
303
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
304
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
305
+ textBefore?: string | undefined;
306
+ textAfter?: string | undefined;
307
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
308
+ } & {
309
+ requiredPlacement?: "right" | "left" | undefined;
310
+ } & {
311
+ required: true;
312
+ optional?: false | undefined;
313
+ } & {
314
+ clear?: false | undefined;
315
+ hasDivider?: undefined;
316
+ } & {
317
+ hintTrigger?: undefined;
318
+ hintText?: undefined;
319
+ hintView?: undefined;
320
+ hintSize?: undefined;
321
+ hintTargetIcon?: undefined;
322
+ hintPlacement?: undefined;
323
+ hintHasArrow?: undefined;
324
+ hintOffset?: undefined;
325
+ hintWidth?: undefined;
326
+ hintContentLeft?: undefined;
327
+ } & {
328
+ chips?: undefined;
329
+ onChangeChips?: undefined;
330
+ enumerationType?: "plain" | undefined;
331
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
332
+ * Флаг необязательности поля
132
333
  */
334
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
335
+ size?: string | undefined;
336
+ view?: string | undefined;
337
+ readOnly?: boolean | undefined;
338
+ disabled?: boolean | undefined;
339
+ } & {
340
+ label?: string | undefined;
133
341
  labelPlacement?: "outer" | "inner" | undefined;
342
+ titleCaption?: React.ReactNode;
134
343
  leftHelper?: string | undefined;
135
344
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
136
345
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -145,11 +354,20 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
145
354
  } & {
146
355
  clear?: false | undefined;
147
356
  hasDivider?: undefined;
357
+ } & {
358
+ hintTrigger?: undefined;
359
+ hintText?: undefined;
360
+ hintView?: undefined;
361
+ hintSize?: undefined;
362
+ hintTargetIcon?: undefined;
363
+ hintPlacement?: undefined;
364
+ hintHasArrow?: undefined;
365
+ hintOffset?: undefined;
366
+ hintWidth?: undefined;
367
+ hintContentLeft?: undefined;
148
368
  } & {
149
369
  enumerationType: "chip";
150
- onSearch?: undefined; /**
151
- * Флаг обязательности поля
152
- */
370
+ onSearch?: undefined;
153
371
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
154
372
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
155
373
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -158,10 +376,9 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
158
376
  readOnly?: boolean | undefined;
159
377
  disabled?: boolean | undefined;
160
378
  } & {
161
- label?: string | undefined; /**
162
- * Поле ввода текста.
163
- */
379
+ label?: string | undefined;
164
380
  labelPlacement?: "outer" | "inner" | undefined;
381
+ titleCaption?: React.ReactNode;
165
382
  leftHelper?: string | undefined;
166
383
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
167
384
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -176,24 +393,121 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
176
393
  } & {
177
394
  clear?: boolean | undefined;
178
395
  hasDivider?: boolean | undefined;
396
+ } & {
397
+ hintText: string;
398
+ hintTrigger?: "hover" | "click" | undefined;
399
+ hintView?: string | undefined;
400
+ hintSize?: string | undefined; /**
401
+ * Видимость стрелки (хвоста).
402
+ */
403
+ hintTargetIcon?: React.ReactNode;
404
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
405
+ hintHasArrow?: boolean | undefined; /**
406
+ * Слот для контента слева, например `Icon`.
407
+ */
408
+ hintOffset?: [number, number] | undefined;
409
+ hintWidth?: string | undefined;
410
+ hintContentLeft?: React.ReactNode;
179
411
  } & {
180
412
  chips?: undefined;
181
413
  onChangeChips?: undefined;
182
414
  enumerationType?: "plain" | undefined;
183
- /**
184
- * Флаг обязательности поля
415
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
416
+ * Флаг необязательности поля
185
417
  */
418
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
419
+ size?: string | undefined;
420
+ view?: string | undefined;
421
+ readOnly?: boolean | undefined;
422
+ disabled?: boolean | undefined;
423
+ } & {
424
+ label?: string | undefined;
425
+ labelPlacement?: "outer" | "inner" | undefined;
426
+ titleCaption?: React.ReactNode;
427
+ leftHelper?: string | undefined;
428
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
429
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
430
+ textBefore?: string | undefined;
431
+ textAfter?: string | undefined;
186
432
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
433
+ } & {
434
+ requiredPlacement?: "right" | "left" | undefined;
435
+ } & {
436
+ optional?: true | undefined;
437
+ required?: false | undefined;
438
+ } & {
439
+ clear?: boolean | undefined;
440
+ hasDivider?: boolean | undefined;
441
+ } & {
442
+ hintText: string;
443
+ hintTrigger?: "hover" | "click" | undefined;
444
+ hintView?: string | undefined;
445
+ hintSize?: string | undefined; /**
446
+ * Видимость стрелки (хвоста).
447
+ */
448
+ hintTargetIcon?: React.ReactNode;
449
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
450
+ hintHasArrow?: boolean | undefined; /**
451
+ * Слот для контента слева, например `Icon`.
452
+ */
453
+ hintOffset?: [number, number] | undefined;
454
+ hintWidth?: string | undefined;
455
+ hintContentLeft?: React.ReactNode;
456
+ } & {
457
+ enumerationType: "chip";
458
+ onSearch?: undefined;
459
+ chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
460
+ onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
187
461
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
188
462
  size?: string | undefined;
189
463
  view?: string | undefined;
190
464
  readOnly?: boolean | undefined;
191
465
  disabled?: boolean | undefined;
192
466
  } & {
193
- label?: string | undefined; /**
194
- * Поле ввода текста.
467
+ label?: string | undefined;
468
+ labelPlacement?: "outer" | "inner" | undefined;
469
+ titleCaption?: React.ReactNode;
470
+ leftHelper?: string | undefined;
471
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
472
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
473
+ textBefore?: string | undefined;
474
+ textAfter?: string | undefined;
475
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
476
+ } & {
477
+ requiredPlacement?: "right" | "left" | undefined;
478
+ } & {
479
+ optional?: true | undefined;
480
+ required?: false | undefined;
481
+ } & {
482
+ clear?: boolean | undefined;
483
+ hasDivider?: boolean | undefined;
484
+ } & {
485
+ hintTrigger?: undefined;
486
+ hintText?: undefined;
487
+ hintView?: undefined;
488
+ hintSize?: undefined;
489
+ hintTargetIcon?: undefined;
490
+ hintPlacement?: undefined;
491
+ hintHasArrow?: undefined;
492
+ hintOffset?: undefined;
493
+ hintWidth?: undefined;
494
+ hintContentLeft?: undefined;
495
+ } & {
496
+ chips?: undefined;
497
+ onChangeChips?: undefined;
498
+ enumerationType?: "plain" | undefined;
499
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
500
+ * Флаг необязательности поля
195
501
  */
502
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
503
+ size?: string | undefined;
504
+ view?: string | undefined;
505
+ readOnly?: boolean | undefined;
506
+ disabled?: boolean | undefined;
507
+ } & {
508
+ label?: string | undefined;
196
509
  labelPlacement?: "outer" | "inner" | undefined;
510
+ titleCaption?: React.ReactNode;
197
511
  leftHelper?: string | undefined;
198
512
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
199
513
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -208,11 +522,20 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
208
522
  } & {
209
523
  clear?: boolean | undefined;
210
524
  hasDivider?: boolean | undefined;
525
+ } & {
526
+ hintTrigger?: undefined;
527
+ hintText?: undefined;
528
+ hintView?: undefined;
529
+ hintSize?: undefined;
530
+ hintTargetIcon?: undefined;
531
+ hintPlacement?: undefined;
532
+ hintHasArrow?: undefined;
533
+ hintOffset?: undefined;
534
+ hintWidth?: undefined;
535
+ hintContentLeft?: undefined;
211
536
  } & {
212
537
  enumerationType: "chip";
213
- onSearch?: undefined; /**
214
- * Флаг обязательности поля
215
- */
538
+ onSearch?: undefined;
216
539
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
217
540
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
218
541
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
@@ -221,10 +544,9 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
221
544
  readOnly?: boolean | undefined;
222
545
  disabled?: boolean | undefined;
223
546
  } & {
224
- label?: string | undefined; /**
225
- * Поле ввода текста.
226
- */
547
+ label?: string | undefined;
227
548
  labelPlacement?: "outer" | "inner" | undefined;
549
+ titleCaption?: React.ReactNode;
228
550
  leftHelper?: string | undefined;
229
551
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
230
552
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -239,24 +561,121 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
239
561
  } & {
240
562
  clear?: false | undefined;
241
563
  hasDivider?: undefined;
564
+ } & {
565
+ hintText: string;
566
+ hintTrigger?: "hover" | "click" | undefined;
567
+ hintView?: string | undefined;
568
+ hintSize?: string | undefined; /**
569
+ * Видимость стрелки (хвоста).
570
+ */
571
+ hintTargetIcon?: React.ReactNode;
572
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
573
+ hintHasArrow?: boolean | undefined; /**
574
+ * Слот для контента слева, например `Icon`.
575
+ */
576
+ hintOffset?: [number, number] | undefined;
577
+ hintWidth?: string | undefined;
578
+ hintContentLeft?: React.ReactNode;
242
579
  } & {
243
580
  chips?: undefined;
244
581
  onChangeChips?: undefined;
245
582
  enumerationType?: "plain" | undefined;
246
- /**
247
- * Флаг обязательности поля
583
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
584
+ * Флаг необязательности поля
248
585
  */
586
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
587
+ size?: string | undefined;
588
+ view?: string | undefined;
589
+ readOnly?: boolean | undefined;
590
+ disabled?: boolean | undefined;
591
+ } & {
592
+ label?: string | undefined;
593
+ labelPlacement?: "outer" | "inner" | undefined;
594
+ titleCaption?: React.ReactNode;
595
+ leftHelper?: string | undefined;
596
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
597
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
598
+ textBefore?: string | undefined;
599
+ textAfter?: string | undefined;
249
600
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
601
+ } & {
602
+ requiredPlacement?: "right" | "left" | undefined;
603
+ } & {
604
+ optional?: true | undefined;
605
+ required?: false | undefined;
606
+ } & {
607
+ clear?: false | undefined;
608
+ hasDivider?: undefined;
609
+ } & {
610
+ hintText: string;
611
+ hintTrigger?: "hover" | "click" | undefined;
612
+ hintView?: string | undefined;
613
+ hintSize?: string | undefined; /**
614
+ * Видимость стрелки (хвоста).
615
+ */
616
+ hintTargetIcon?: React.ReactNode;
617
+ hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
618
+ hintHasArrow?: boolean | undefined; /**
619
+ * Слот для контента слева, например `Icon`.
620
+ */
621
+ hintOffset?: [number, number] | undefined;
622
+ hintWidth?: string | undefined;
623
+ hintContentLeft?: React.ReactNode;
624
+ } & {
625
+ enumerationType: "chip";
626
+ onSearch?: undefined;
627
+ chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
628
+ onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
250
629
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
251
630
  size?: string | undefined;
252
631
  view?: string | undefined;
253
632
  readOnly?: boolean | undefined;
254
633
  disabled?: boolean | undefined;
255
634
  } & {
256
- label?: string | undefined; /**
257
- * Поле ввода текста.
635
+ label?: string | undefined;
636
+ labelPlacement?: "outer" | "inner" | undefined;
637
+ titleCaption?: React.ReactNode;
638
+ leftHelper?: string | undefined;
639
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
640
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
641
+ textBefore?: string | undefined;
642
+ textAfter?: string | undefined;
643
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
644
+ } & {
645
+ requiredPlacement?: "right" | "left" | undefined;
646
+ } & {
647
+ optional?: true | undefined;
648
+ required?: false | undefined;
649
+ } & {
650
+ clear?: false | undefined;
651
+ hasDivider?: undefined;
652
+ } & {
653
+ hintTrigger?: undefined;
654
+ hintText?: undefined;
655
+ hintView?: undefined;
656
+ hintSize?: undefined;
657
+ hintTargetIcon?: undefined;
658
+ hintPlacement?: undefined;
659
+ hintHasArrow?: undefined;
660
+ hintOffset?: undefined;
661
+ hintWidth?: undefined;
662
+ hintContentLeft?: undefined;
663
+ } & {
664
+ chips?: undefined;
665
+ onChangeChips?: undefined;
666
+ enumerationType?: "plain" | undefined;
667
+ onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
668
+ * Флаг необязательности поля
258
669
  */
670
+ } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
671
+ size?: string | undefined;
672
+ view?: string | undefined;
673
+ readOnly?: boolean | undefined;
674
+ disabled?: boolean | undefined;
675
+ } & {
676
+ label?: string | undefined;
259
677
  labelPlacement?: "outer" | "inner" | undefined;
678
+ titleCaption?: React.ReactNode;
260
679
  leftHelper?: string | undefined;
261
680
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
262
681
  contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -271,11 +690,20 @@ export declare const TextFieldComponent: React.FunctionComponent<import("@salute
271
690
  } & {
272
691
  clear?: false | undefined;
273
692
  hasDivider?: undefined;
693
+ } & {
694
+ hintTrigger?: undefined;
695
+ hintText?: undefined;
696
+ hintView?: undefined;
697
+ hintSize?: undefined;
698
+ hintTargetIcon?: undefined;
699
+ hintPlacement?: undefined;
700
+ hintHasArrow?: undefined;
701
+ hintOffset?: undefined;
702
+ hintWidth?: undefined;
703
+ hintContentLeft?: undefined;
274
704
  } & {
275
705
  enumerationType: "chip";
276
- onSearch?: undefined; /**
277
- * Флаг обязательности поля
278
- */
706
+ onSearch?: undefined;
279
707
  chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
280
708
  onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
281
709
  } & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
@@ -324,8 +752,64 @@ declare type ClearProps = {
324
752
  */
325
753
  hasDivider?: never;
326
754
  };
327
- declare type TextFieldProps = TextFieldPropsOld & RequiredProps & ClearProps;
328
- export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
755
+ declare type HintProps = {
756
+ /**
757
+ * Текст тултипа
758
+ */
759
+ hintText: string;
760
+ /**
761
+ * Способ открытия тултипа - наведение или клик мышью
762
+ */
763
+ hintTrigger?: 'hover' | 'click';
764
+ /**
765
+ * Вид тултипа
766
+ */
767
+ hintView?: 'default';
768
+ /**
769
+ * Размер тултипа
770
+ */
771
+ hintSize?: 's' | 'm';
772
+ /**
773
+ * Элемент, рядом с которым произойдет вызов всплывающего окна.
774
+ * Если свойство не задано, применится иконка по умолчанию.
775
+ */
776
+ hintTarget?: ReactNode;
777
+ /**
778
+ * Направление раскрытия тултипа.
779
+ */
780
+ hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;
781
+ /**
782
+ * Видимость стрелки (хвоста).
783
+ */
784
+ hintHasArrow?: boolean;
785
+ /**
786
+ * Отступ окна относительно элемента, у которого оно вызвано.
787
+ * @default
788
+ * [0, 8]
789
+ */
790
+ hintOffset?: [number, number];
791
+ /**
792
+ * Ширина окна (в rem).
793
+ */
794
+ hintWidth?: string;
795
+ /**
796
+ * Слот для контента слева, например `Icon`.
797
+ */
798
+ hintContentLeft?: ReactNode;
799
+ } | {
800
+ hintTrigger?: never;
801
+ hintText?: never;
802
+ hintView?: never;
803
+ hintSize?: never;
804
+ hintTarget?: never;
805
+ hintPlacement?: never;
806
+ hintHasArrow?: never;
807
+ hintOffset?: never;
808
+ hintWidth?: never;
809
+ hintContentLeft?: never;
810
+ };
811
+ declare type TextFieldProps = TextFieldPropsOld & RequiredProps & ClearProps & HintProps;
812
+ export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips' | 'titleCaption'>;
329
813
  /**
330
814
  * Поле ввода текста.
331
815
  */