@salutejs/sdds-finportal 0.167.0-canary.1550.11804452240.0 → 0.167.0-canary.1556.11815100174.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,7 @@
1
- import type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';
2
- import React from 'react';
3
- declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
1
+ import type { ItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';
2
+ import React, { ComponentProps } from 'react';
3
+ import { config } from './Combobox.config';
4
+ declare const ComboboxNew: 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;
6
7
  positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -26,7 +27,43 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
26
27
  }> & (({
27
28
  items: ItemOption[];
28
29
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
30
+ placeholder?: string | undefined;
31
+ helperText?: string | undefined;
32
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
33
+ textBefore?: string | undefined;
34
+ textAfter?: string | undefined;
35
+ variant?: "normal" | "tight" | undefined;
36
+ listOverflow?: import("csstype").Property.Overflow | undefined;
37
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
38
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
39
+ portal?: string | React.RefObject<HTMLElement> | undefined;
40
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
41
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
42
+ closeAfterSelect?: boolean | undefined;
43
+ size?: string | undefined;
44
+ view?: string | undefined;
45
+ } & {
29
46
  label?: string | undefined;
47
+ labelPlacement: "inner";
48
+ hasInnerLabelPlaceholder?: boolean | undefined;
49
+ } & {
50
+ readOnly?: boolean | undefined;
51
+ disabled?: true | undefined;
52
+ alwaysOpened?: false | undefined;
53
+ } & {
54
+ multiple?: false | undefined;
55
+ value?: string | undefined;
56
+ onChange?: ((value: string) => void) | undefined;
57
+ isTargetAmount?: false | undefined;
58
+ targetAmount?: undefined;
59
+ renderValue?: undefined;
60
+ } & {
61
+ required: true;
62
+ requiredPlacement?: "right" | "left" | undefined;
63
+ optional?: false | undefined;
64
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
65
+ items: ItemOption[];
66
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
30
67
  placeholder?: string | undefined;
31
68
  helperText?: string | undefined;
32
69
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -42,7 +79,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
42
79
  closeAfterSelect?: boolean | undefined;
43
80
  size?: string | undefined;
44
81
  view?: string | undefined;
45
- labelPlacement?: "outer" | "inner" | undefined;
82
+ } & {
83
+ label?: string | undefined;
84
+ labelPlacement: "inner";
85
+ hasInnerLabelPlaceholder?: boolean | undefined;
46
86
  } & {
47
87
  readOnly?: boolean | undefined;
48
88
  disabled?: true | undefined;
@@ -55,14 +95,49 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
55
95
  targetAmount?: undefined;
56
96
  renderValue?: undefined;
57
97
  } & {
98
+ required?: false | undefined;
58
99
  requiredPlacement?: "right" | "left" | undefined;
100
+ optional?: true | undefined;
101
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
102
+ items: ItemOption[];
103
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
104
+ placeholder?: string | undefined;
105
+ helperText?: string | undefined;
106
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
107
+ textBefore?: string | undefined;
108
+ textAfter?: string | undefined;
109
+ variant?: "normal" | "tight" | undefined;
110
+ listOverflow?: import("csstype").Property.Overflow | undefined;
111
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
112
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
113
+ portal?: string | React.RefObject<HTMLElement> | undefined;
114
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
115
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
116
+ closeAfterSelect?: boolean | undefined;
117
+ size?: string | undefined;
118
+ view?: string | undefined;
119
+ } & {
120
+ label?: string | undefined;
121
+ labelPlacement: "inner";
122
+ hasInnerLabelPlaceholder?: boolean | undefined;
123
+ } & {
124
+ readOnly?: boolean | undefined;
125
+ disabled?: true | undefined;
126
+ alwaysOpened?: false | undefined;
127
+ } & {
128
+ multiple: true;
129
+ value?: string[] | undefined;
130
+ onChange?: ((value: string[]) => void) | undefined;
131
+ isTargetAmount?: true | undefined;
132
+ targetAmount?: number | undefined;
133
+ renderValue?: ((item: ItemOption) => string) | undefined;
59
134
  } & {
60
135
  required: true;
136
+ requiredPlacement?: "right" | "left" | undefined;
61
137
  optional?: false | undefined;
62
138
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
63
139
  items: ItemOption[];
64
140
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
65
- label?: string | undefined;
66
141
  placeholder?: string | undefined;
67
142
  helperText?: string | undefined;
68
143
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -78,11 +153,51 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
78
153
  closeAfterSelect?: boolean | undefined;
79
154
  size?: string | undefined;
80
155
  view?: string | undefined;
81
- labelPlacement?: "outer" | "inner" | undefined;
156
+ } & {
157
+ label?: string | undefined;
158
+ labelPlacement: "inner";
159
+ hasInnerLabelPlaceholder?: boolean | undefined;
82
160
  } & {
83
161
  readOnly?: boolean | undefined;
84
162
  disabled?: true | undefined;
85
163
  alwaysOpened?: false | undefined;
164
+ } & {
165
+ multiple: true;
166
+ value?: string[] | undefined;
167
+ onChange?: ((value: string[]) => void) | undefined;
168
+ isTargetAmount?: true | undefined;
169
+ targetAmount?: number | undefined;
170
+ renderValue?: ((item: ItemOption) => string) | undefined;
171
+ } & {
172
+ required?: false | undefined;
173
+ requiredPlacement?: "right" | "left" | undefined;
174
+ optional?: true | undefined;
175
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
176
+ items: ItemOption[];
177
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
178
+ placeholder?: string | undefined;
179
+ helperText?: string | undefined;
180
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
181
+ textBefore?: string | undefined;
182
+ textAfter?: string | undefined;
183
+ variant?: "normal" | "tight" | undefined;
184
+ listOverflow?: import("csstype").Property.Overflow | undefined;
185
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
186
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
187
+ portal?: string | React.RefObject<HTMLElement> | undefined;
188
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
189
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
190
+ closeAfterSelect?: boolean | undefined;
191
+ size?: string | undefined;
192
+ view?: string | undefined;
193
+ } & {
194
+ label?: string | undefined;
195
+ labelPlacement: "inner";
196
+ hasInnerLabelPlaceholder?: boolean | undefined;
197
+ } & {
198
+ readOnly?: true | undefined;
199
+ disabled?: boolean | undefined;
200
+ alwaysOpened?: false | undefined;
86
201
  } & {
87
202
  multiple?: false | undefined;
88
203
  value?: string | undefined;
@@ -91,14 +206,86 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
91
206
  targetAmount?: undefined;
92
207
  renderValue?: undefined;
93
208
  } & {
209
+ required: true;
94
210
  requiredPlacement?: "right" | "left" | undefined;
211
+ optional?: false | undefined;
212
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
213
+ items: ItemOption[];
214
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
215
+ placeholder?: string | undefined;
216
+ helperText?: string | undefined;
217
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
218
+ textBefore?: string | undefined;
219
+ textAfter?: string | undefined;
220
+ variant?: "normal" | "tight" | undefined;
221
+ listOverflow?: import("csstype").Property.Overflow | undefined;
222
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
223
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
224
+ portal?: string | React.RefObject<HTMLElement> | undefined;
225
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
226
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
227
+ closeAfterSelect?: boolean | undefined;
228
+ size?: string | undefined;
229
+ view?: string | undefined;
230
+ } & {
231
+ label?: string | undefined;
232
+ labelPlacement: "inner";
233
+ hasInnerLabelPlaceholder?: boolean | undefined;
234
+ } & {
235
+ readOnly?: true | undefined;
236
+ disabled?: boolean | undefined;
237
+ alwaysOpened?: false | undefined;
238
+ } & {
239
+ multiple?: false | undefined;
240
+ value?: string | undefined;
241
+ onChange?: ((value: string) => void) | undefined;
242
+ isTargetAmount?: false | undefined;
243
+ targetAmount?: undefined;
244
+ renderValue?: undefined;
95
245
  } & {
96
- optional?: true | undefined;
97
246
  required?: false | undefined;
247
+ requiredPlacement?: "right" | "left" | undefined;
248
+ optional?: true | undefined;
98
249
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
99
250
  items: ItemOption[];
100
251
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
252
+ placeholder?: string | undefined;
253
+ helperText?: string | undefined;
254
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
255
+ textBefore?: string | undefined;
256
+ textAfter?: string | undefined;
257
+ variant?: "normal" | "tight" | undefined;
258
+ listOverflow?: import("csstype").Property.Overflow | undefined;
259
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
260
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
261
+ portal?: string | React.RefObject<HTMLElement> | undefined;
262
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
263
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
264
+ closeAfterSelect?: boolean | undefined;
265
+ size?: string | undefined;
266
+ view?: string | undefined;
267
+ } & {
101
268
  label?: string | undefined;
269
+ labelPlacement: "inner";
270
+ hasInnerLabelPlaceholder?: boolean | undefined;
271
+ } & {
272
+ readOnly?: true | undefined;
273
+ disabled?: boolean | undefined;
274
+ alwaysOpened?: false | undefined;
275
+ } & {
276
+ multiple: true;
277
+ value?: string[] | undefined;
278
+ onChange?: ((value: string[]) => void) | undefined;
279
+ isTargetAmount?: true | undefined;
280
+ targetAmount?: number | undefined;
281
+ renderValue?: ((item: ItemOption) => string) | undefined;
282
+ } & {
283
+ required: true;
284
+ requiredPlacement?: "right" | "left" | undefined;
285
+ optional?: false | undefined;
286
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
287
+ items: ItemOption[];
288
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
102
289
  placeholder?: string | undefined;
103
290
  helperText?: string | undefined;
104
291
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -114,10 +301,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
114
301
  closeAfterSelect?: boolean | undefined;
115
302
  size?: string | undefined;
116
303
  view?: string | undefined;
117
- labelPlacement?: "outer" | "inner" | undefined;
118
304
  } & {
119
- readOnly?: boolean | undefined;
120
- disabled?: true | undefined;
305
+ label?: string | undefined;
306
+ labelPlacement: "inner";
307
+ hasInnerLabelPlaceholder?: boolean | undefined;
308
+ } & {
309
+ readOnly?: true | undefined;
310
+ disabled?: boolean | undefined;
121
311
  alwaysOpened?: false | undefined;
122
312
  } & {
123
313
  multiple: true;
@@ -127,14 +317,234 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
127
317
  targetAmount?: number | undefined;
128
318
  renderValue?: ((item: ItemOption) => string) | undefined;
129
319
  } & {
320
+ required?: false | undefined;
321
+ requiredPlacement?: "right" | "left" | undefined;
322
+ optional?: true | undefined;
323
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
324
+ items: ItemOption[];
325
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
326
+ placeholder?: string | undefined;
327
+ helperText?: string | undefined;
328
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
329
+ textBefore?: string | undefined;
330
+ textAfter?: string | undefined;
331
+ variant?: "normal" | "tight" | undefined;
332
+ listOverflow?: import("csstype").Property.Overflow | undefined;
333
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
334
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
335
+ portal?: string | React.RefObject<HTMLElement> | undefined;
336
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
337
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
338
+ closeAfterSelect?: boolean | undefined;
339
+ size?: string | undefined;
340
+ view?: string | undefined;
341
+ } & {
342
+ label?: string | undefined;
343
+ labelPlacement: "inner";
344
+ hasInnerLabelPlaceholder?: boolean | undefined;
345
+ } & {
346
+ readOnly?: false | undefined;
347
+ disabled?: false | undefined;
348
+ alwaysOpened?: true | undefined;
349
+ } & {
350
+ multiple?: false | undefined;
351
+ value?: string | undefined;
352
+ onChange?: ((value: string) => void) | undefined;
353
+ isTargetAmount?: false | undefined;
354
+ targetAmount?: undefined;
355
+ renderValue?: undefined;
356
+ } & {
357
+ required: true;
358
+ requiredPlacement?: "right" | "left" | undefined;
359
+ optional?: false | undefined;
360
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
361
+ items: ItemOption[];
362
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
363
+ placeholder?: string | undefined;
364
+ helperText?: string | undefined;
365
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
366
+ textBefore?: string | undefined;
367
+ textAfter?: string | undefined;
368
+ variant?: "normal" | "tight" | undefined;
369
+ listOverflow?: import("csstype").Property.Overflow | undefined;
370
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
371
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
372
+ portal?: string | React.RefObject<HTMLElement> | undefined;
373
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
374
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
375
+ closeAfterSelect?: boolean | undefined;
376
+ size?: string | undefined;
377
+ view?: string | undefined;
378
+ } & {
379
+ label?: string | undefined;
380
+ labelPlacement: "inner";
381
+ hasInnerLabelPlaceholder?: boolean | undefined;
382
+ } & {
383
+ readOnly?: false | undefined;
384
+ disabled?: false | undefined;
385
+ alwaysOpened?: true | undefined;
386
+ } & {
387
+ multiple?: false | undefined;
388
+ value?: string | undefined;
389
+ onChange?: ((value: string) => void) | undefined;
390
+ isTargetAmount?: false | undefined;
391
+ targetAmount?: undefined;
392
+ renderValue?: undefined;
393
+ } & {
394
+ required?: false | undefined;
395
+ requiredPlacement?: "right" | "left" | undefined;
396
+ optional?: true | undefined;
397
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
398
+ items: ItemOption[];
399
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
400
+ placeholder?: string | undefined;
401
+ helperText?: string | undefined;
402
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
403
+ textBefore?: string | undefined;
404
+ textAfter?: string | undefined;
405
+ variant?: "normal" | "tight" | undefined;
406
+ listOverflow?: import("csstype").Property.Overflow | undefined;
407
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
408
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
409
+ portal?: string | React.RefObject<HTMLElement> | undefined;
410
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
411
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
412
+ closeAfterSelect?: boolean | undefined;
413
+ size?: string | undefined;
414
+ view?: string | undefined;
415
+ } & {
416
+ label?: string | undefined;
417
+ labelPlacement: "inner";
418
+ hasInnerLabelPlaceholder?: boolean | undefined;
419
+ } & {
420
+ readOnly?: false | undefined;
421
+ disabled?: false | undefined;
422
+ alwaysOpened?: true | undefined;
423
+ } & {
424
+ multiple: true;
425
+ value?: string[] | undefined;
426
+ onChange?: ((value: string[]) => void) | undefined;
427
+ isTargetAmount?: true | undefined;
428
+ targetAmount?: number | undefined;
429
+ renderValue?: ((item: ItemOption) => string) | undefined;
430
+ } & {
431
+ required: true;
130
432
  requiredPlacement?: "right" | "left" | undefined;
433
+ optional?: false | undefined;
434
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
435
+ items: ItemOption[];
436
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
437
+ placeholder?: string | undefined;
438
+ helperText?: string | undefined;
439
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
440
+ textBefore?: string | undefined;
441
+ textAfter?: string | undefined;
442
+ variant?: "normal" | "tight" | undefined;
443
+ listOverflow?: import("csstype").Property.Overflow | undefined;
444
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
445
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
446
+ portal?: string | React.RefObject<HTMLElement> | undefined;
447
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
448
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
449
+ closeAfterSelect?: boolean | undefined;
450
+ size?: string | undefined;
451
+ view?: string | undefined;
452
+ } & {
453
+ label?: string | undefined;
454
+ labelPlacement: "inner";
455
+ hasInnerLabelPlaceholder?: boolean | undefined;
456
+ } & {
457
+ readOnly?: false | undefined;
458
+ disabled?: false | undefined;
459
+ alwaysOpened?: true | undefined;
460
+ } & {
461
+ multiple: true;
462
+ value?: string[] | undefined;
463
+ onChange?: ((value: string[]) => void) | undefined;
464
+ isTargetAmount?: true | undefined;
465
+ targetAmount?: number | undefined;
466
+ renderValue?: ((item: ItemOption) => string) | undefined;
467
+ } & {
468
+ required?: false | undefined;
469
+ requiredPlacement?: "right" | "left" | undefined;
470
+ optional?: true | undefined;
471
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
472
+ items: ItemOption[];
473
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
474
+ placeholder?: string | undefined;
475
+ helperText?: string | undefined;
476
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
477
+ textBefore?: string | undefined;
478
+ textAfter?: string | undefined;
479
+ variant?: "normal" | "tight" | undefined;
480
+ listOverflow?: import("csstype").Property.Overflow | undefined;
481
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
482
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
483
+ portal?: string | React.RefObject<HTMLElement> | undefined;
484
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
485
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
486
+ closeAfterSelect?: boolean | undefined;
487
+ size?: string | undefined;
488
+ view?: string | undefined;
489
+ } & {
490
+ label?: string | undefined;
491
+ labelPlacement?: "outer" | "inner" | undefined;
492
+ hasInnerLabelPlaceholder?: false | undefined;
493
+ } & {
494
+ readOnly?: boolean | undefined;
495
+ disabled?: true | undefined;
496
+ alwaysOpened?: false | undefined;
497
+ } & {
498
+ multiple?: false | undefined;
499
+ value?: string | undefined;
500
+ onChange?: ((value: string) => void) | undefined;
501
+ isTargetAmount?: false | undefined;
502
+ targetAmount?: undefined;
503
+ renderValue?: undefined;
131
504
  } & {
132
505
  required: true;
506
+ requiredPlacement?: "right" | "left" | undefined;
133
507
  optional?: false | undefined;
134
508
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
135
509
  items: ItemOption[];
136
510
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
511
+ placeholder?: string | undefined;
512
+ helperText?: string | undefined;
513
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
514
+ textBefore?: string | undefined;
515
+ textAfter?: string | undefined;
516
+ variant?: "normal" | "tight" | undefined;
517
+ listOverflow?: import("csstype").Property.Overflow | undefined;
518
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
519
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
520
+ portal?: string | React.RefObject<HTMLElement> | undefined;
521
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
522
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
523
+ closeAfterSelect?: boolean | undefined;
524
+ size?: string | undefined;
525
+ view?: string | undefined;
526
+ } & {
137
527
  label?: string | undefined;
528
+ labelPlacement?: "outer" | "inner" | undefined;
529
+ hasInnerLabelPlaceholder?: false | undefined;
530
+ } & {
531
+ readOnly?: boolean | undefined;
532
+ disabled?: true | undefined;
533
+ alwaysOpened?: false | undefined;
534
+ } & {
535
+ multiple?: false | undefined;
536
+ value?: string | undefined;
537
+ onChange?: ((value: string) => void) | undefined;
538
+ isTargetAmount?: false | undefined;
539
+ targetAmount?: undefined;
540
+ renderValue?: undefined;
541
+ } & {
542
+ required?: false | undefined;
543
+ requiredPlacement?: "right" | "left" | undefined;
544
+ optional?: true | undefined;
545
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
546
+ items: ItemOption[];
547
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
138
548
  placeholder?: string | undefined;
139
549
  helperText?: string | undefined;
140
550
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -150,7 +560,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
150
560
  closeAfterSelect?: boolean | undefined;
151
561
  size?: string | undefined;
152
562
  view?: string | undefined;
563
+ } & {
564
+ label?: string | undefined;
153
565
  labelPlacement?: "outer" | "inner" | undefined;
566
+ hasInnerLabelPlaceholder?: false | undefined;
154
567
  } & {
155
568
  readOnly?: boolean | undefined;
156
569
  disabled?: true | undefined;
@@ -163,14 +576,49 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
163
576
  targetAmount?: number | undefined;
164
577
  renderValue?: ((item: ItemOption) => string) | undefined;
165
578
  } & {
579
+ required: true;
166
580
  requiredPlacement?: "right" | "left" | undefined;
581
+ optional?: false | undefined;
582
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
583
+ items: ItemOption[];
584
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
585
+ placeholder?: string | undefined;
586
+ helperText?: string | undefined;
587
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
588
+ textBefore?: string | undefined;
589
+ textAfter?: string | undefined;
590
+ variant?: "normal" | "tight" | undefined;
591
+ listOverflow?: import("csstype").Property.Overflow | undefined;
592
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
593
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
594
+ portal?: string | React.RefObject<HTMLElement> | undefined;
595
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
596
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
597
+ closeAfterSelect?: boolean | undefined;
598
+ size?: string | undefined;
599
+ view?: string | undefined;
600
+ } & {
601
+ label?: string | undefined;
602
+ labelPlacement?: "outer" | "inner" | undefined;
603
+ hasInnerLabelPlaceholder?: false | undefined;
604
+ } & {
605
+ readOnly?: boolean | undefined;
606
+ disabled?: true | undefined;
607
+ alwaysOpened?: false | undefined;
608
+ } & {
609
+ multiple: true;
610
+ value?: string[] | undefined;
611
+ onChange?: ((value: string[]) => void) | undefined;
612
+ isTargetAmount?: true | undefined;
613
+ targetAmount?: number | undefined;
614
+ renderValue?: ((item: ItemOption) => string) | undefined;
167
615
  } & {
168
- optional?: true | undefined;
169
616
  required?: false | undefined;
617
+ requiredPlacement?: "right" | "left" | undefined;
618
+ optional?: true | undefined;
170
619
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
171
620
  items: ItemOption[];
172
621
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
173
- label?: string | undefined;
174
622
  placeholder?: string | undefined;
175
623
  helperText?: string | undefined;
176
624
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -186,7 +634,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
186
634
  closeAfterSelect?: boolean | undefined;
187
635
  size?: string | undefined;
188
636
  view?: string | undefined;
637
+ } & {
638
+ label?: string | undefined;
189
639
  labelPlacement?: "outer" | "inner" | undefined;
640
+ hasInnerLabelPlaceholder?: false | undefined;
190
641
  } & {
191
642
  readOnly?: true | undefined;
192
643
  disabled?: boolean | undefined;
@@ -198,15 +649,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
198
649
  isTargetAmount?: false | undefined;
199
650
  targetAmount?: undefined;
200
651
  renderValue?: undefined;
201
- } & {
202
- requiredPlacement?: "right" | "left" | undefined;
203
652
  } & {
204
653
  required: true;
654
+ requiredPlacement?: "right" | "left" | undefined;
205
655
  optional?: false | undefined;
206
656
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
207
657
  items: ItemOption[];
208
658
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
209
- label?: string | undefined;
210
659
  placeholder?: string | undefined;
211
660
  helperText?: string | undefined;
212
661
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -222,7 +671,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
222
671
  closeAfterSelect?: boolean | undefined;
223
672
  size?: string | undefined;
224
673
  view?: string | undefined;
674
+ } & {
675
+ label?: string | undefined;
225
676
  labelPlacement?: "outer" | "inner" | undefined;
677
+ hasInnerLabelPlaceholder?: false | undefined;
226
678
  } & {
227
679
  readOnly?: true | undefined;
228
680
  disabled?: boolean | undefined;
@@ -235,14 +687,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
235
687
  targetAmount?: undefined;
236
688
  renderValue?: undefined;
237
689
  } & {
690
+ required?: false | undefined;
238
691
  requiredPlacement?: "right" | "left" | undefined;
239
- } & {
240
692
  optional?: true | undefined;
241
- required?: false | undefined;
242
693
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
243
694
  items: ItemOption[];
244
695
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
245
- label?: string | undefined;
246
696
  placeholder?: string | undefined;
247
697
  helperText?: string | undefined;
248
698
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -258,7 +708,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
258
708
  closeAfterSelect?: boolean | undefined;
259
709
  size?: string | undefined;
260
710
  view?: string | undefined;
711
+ } & {
712
+ label?: string | undefined;
261
713
  labelPlacement?: "outer" | "inner" | undefined;
714
+ hasInnerLabelPlaceholder?: false | undefined;
262
715
  } & {
263
716
  readOnly?: true | undefined;
264
717
  disabled?: boolean | undefined;
@@ -270,15 +723,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
270
723
  isTargetAmount?: true | undefined;
271
724
  targetAmount?: number | undefined;
272
725
  renderValue?: ((item: ItemOption) => string) | undefined;
273
- } & {
274
- requiredPlacement?: "right" | "left" | undefined;
275
726
  } & {
276
727
  required: true;
728
+ requiredPlacement?: "right" | "left" | undefined;
277
729
  optional?: false | undefined;
278
730
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
279
731
  items: ItemOption[];
280
732
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
281
- label?: string | undefined;
282
733
  placeholder?: string | undefined;
283
734
  helperText?: string | undefined;
284
735
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -294,7 +745,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
294
745
  closeAfterSelect?: boolean | undefined;
295
746
  size?: string | undefined;
296
747
  view?: string | undefined;
748
+ } & {
749
+ label?: string | undefined;
297
750
  labelPlacement?: "outer" | "inner" | undefined;
751
+ hasInnerLabelPlaceholder?: false | undefined;
298
752
  } & {
299
753
  readOnly?: true | undefined;
300
754
  disabled?: boolean | undefined;
@@ -307,14 +761,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
307
761
  targetAmount?: number | undefined;
308
762
  renderValue?: ((item: ItemOption) => string) | undefined;
309
763
  } & {
764
+ required?: false | undefined;
310
765
  requiredPlacement?: "right" | "left" | undefined;
311
- } & {
312
766
  optional?: true | undefined;
313
- required?: false | undefined;
314
767
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
315
768
  items: ItemOption[];
316
769
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
317
- label?: string | undefined;
318
770
  placeholder?: string | undefined;
319
771
  helperText?: string | undefined;
320
772
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -330,7 +782,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
330
782
  closeAfterSelect?: boolean | undefined;
331
783
  size?: string | undefined;
332
784
  view?: string | undefined;
785
+ } & {
786
+ label?: string | undefined;
333
787
  labelPlacement?: "outer" | "inner" | undefined;
788
+ hasInnerLabelPlaceholder?: false | undefined;
334
789
  } & {
335
790
  readOnly?: false | undefined;
336
791
  disabled?: false | undefined;
@@ -342,15 +797,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
342
797
  isTargetAmount?: false | undefined;
343
798
  targetAmount?: undefined;
344
799
  renderValue?: undefined;
345
- } & {
346
- requiredPlacement?: "right" | "left" | undefined;
347
800
  } & {
348
801
  required: true;
802
+ requiredPlacement?: "right" | "left" | undefined;
349
803
  optional?: false | undefined;
350
804
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
351
805
  items: ItemOption[];
352
806
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
353
- label?: string | undefined;
354
807
  placeholder?: string | undefined;
355
808
  helperText?: string | undefined;
356
809
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -366,7 +819,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
366
819
  closeAfterSelect?: boolean | undefined;
367
820
  size?: string | undefined;
368
821
  view?: string | undefined;
822
+ } & {
823
+ label?: string | undefined;
369
824
  labelPlacement?: "outer" | "inner" | undefined;
825
+ hasInnerLabelPlaceholder?: false | undefined;
370
826
  } & {
371
827
  readOnly?: false | undefined;
372
828
  disabled?: false | undefined;
@@ -379,14 +835,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
379
835
  targetAmount?: undefined;
380
836
  renderValue?: undefined;
381
837
  } & {
838
+ required?: false | undefined;
382
839
  requiredPlacement?: "right" | "left" | undefined;
383
- } & {
384
840
  optional?: true | undefined;
385
- required?: false | undefined;
386
841
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
387
842
  items: ItemOption[];
388
843
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
389
- label?: string | undefined;
390
844
  placeholder?: string | undefined;
391
845
  helperText?: string | undefined;
392
846
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -402,7 +856,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
402
856
  closeAfterSelect?: boolean | undefined;
403
857
  size?: string | undefined;
404
858
  view?: string | undefined;
859
+ } & {
860
+ label?: string | undefined;
405
861
  labelPlacement?: "outer" | "inner" | undefined;
862
+ hasInnerLabelPlaceholder?: false | undefined;
406
863
  } & {
407
864
  readOnly?: false | undefined;
408
865
  disabled?: false | undefined;
@@ -414,15 +871,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
414
871
  isTargetAmount?: true | undefined;
415
872
  targetAmount?: number | undefined;
416
873
  renderValue?: ((item: ItemOption) => string) | undefined;
417
- } & {
418
- requiredPlacement?: "right" | "left" | undefined;
419
874
  } & {
420
875
  required: true;
876
+ requiredPlacement?: "right" | "left" | undefined;
421
877
  optional?: false | undefined;
422
878
  } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
423
879
  items: ItemOption[];
424
880
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
425
- label?: string | undefined;
426
881
  placeholder?: string | undefined;
427
882
  helperText?: string | undefined;
428
883
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -438,7 +893,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
438
893
  closeAfterSelect?: boolean | undefined;
439
894
  size?: string | undefined;
440
895
  view?: string | undefined;
896
+ } & {
897
+ label?: string | undefined;
441
898
  labelPlacement?: "outer" | "inner" | undefined;
899
+ hasInnerLabelPlaceholder?: false | undefined;
442
900
  } & {
443
901
  readOnly?: false | undefined;
444
902
  disabled?: false | undefined;
@@ -451,9 +909,11 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
451
909
  targetAmount?: number | undefined;
452
910
  renderValue?: ((item: ItemOption) => string) | undefined;
453
911
  } & {
912
+ required?: false | undefined;
454
913
  requiredPlacement?: "right" | "left" | undefined;
455
- } & {
456
914
  optional?: true | undefined;
457
- required?: false | undefined;
458
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
915
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>))>;
916
+ declare type PropsFromConfig = keyof typeof config['variations'];
917
+ declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
918
+ declare const Combobox: <T extends ItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
459
919
  export { Combobox };