@salutejs/plasma-b2c 1.422.0-canary.1492.11402523696.0 → 1.423.0-canary.1459.11417545272.0

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