@salutejs/sdds-dfa 0.173.1-canary.1562.11858039838.0 → 0.174.0-canary.1552.11858023676.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/api/sdds-dfa.api.md +3 -30
  2. package/components/Combobox/Combobox.d.ts +492 -12
  3. package/components/Dropdown/Dropdown.d.ts +3 -28
  4. package/components/Dropdown/Dropdown.js +1 -10
  5. package/es/components/Dropdown/Dropdown.js +2 -10
  6. package/package.json +3 -3
  7. package/temp/sdds-dfa.api.md +3 -30
package/api/sdds-dfa.api.md CHANGED
@@ -88,11 +88,8 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
88
88
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
89
89
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
90
90
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
91
- import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
92
- import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
93
91
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
94
- import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
95
- import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
92
+ import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
96
93
  import { dsplL } from '@salutejs/sdds-themes/tokens';
97
94
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
98
95
  import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1191,7 +1188,7 @@ export { DrawerHeaderProps }
1191
1188
  export { DrawerProps }
1192
1189
 
1193
1190
  // @public (undocumented)
1194
- export const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<PropsType< {
1191
+ export const Dropdown: FunctionComponent<PropsType< {
1195
1192
  size: {
1196
1193
  l: PolymorphicClassName;
1197
1194
  m: PolymorphicClassName;
@@ -1201,31 +1198,7 @@ xs: PolymorphicClassName;
1201
1198
  view: {
1202
1199
  default: PolymorphicClassName;
1203
1200
  };
1204
- }> & {
1205
- items: DropdownItemOption[];
1206
- alwaysOpened?: boolean | undefined;
1207
- children?: React_2.ReactNode;
1208
- itemRole?: string | undefined;
1209
- onHover?: ((index: number) => void) | undefined;
1210
- onItemSelect?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
1211
- trigger?: DropdownTrigger | undefined;
1212
- placement?: DropdownPlacement | undefined;
1213
- offset?: [number, number] | undefined;
1214
- listWidth?: Property.Width<string | number> | undefined;
1215
- hasArrow?: boolean | undefined;
1216
- closeOnSelect?: boolean | undefined;
1217
- closeOnOverlayClick?: boolean | undefined;
1218
- onToggle?: ((isOpen: boolean, event: Event | React_2.SyntheticEvent<Element, Event>) => void) | undefined;
1219
- size?: string | undefined;
1220
- view?: string | undefined;
1221
- variant?: "normal" | "tight" | undefined;
1222
- portal?: string | React_2.RefObject<HTMLElement> | undefined;
1223
- renderItem?: ((item: DropdownItemOption) => React_2.ReactNode) | undefined;
1224
- onItemClick?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
1225
- listOverflow?: Property.Overflow | undefined;
1226
- listHeight?: Property.Height<string | number> | undefined;
1227
- hoverIndex?: number | undefined;
1228
- } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1201
+ }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1229
1202
 
1230
1203
  // @public (undocumented)
1231
1204
  export const DsplL: FunctionComponent<PropsType< {
package/components/Combobox/Combobox.d.ts CHANGED
@@ -49,8 +49,10 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
49
49
  disabled?: true | undefined;
50
50
  alwaysOpened?: false | undefined;
51
51
  } & {
52
+ name?: undefined;
52
53
  multiple?: false | undefined;
53
54
  value?: string | undefined;
55
+ defaultValue?: undefined;
54
56
  onChange?: ((value: string) => void) | undefined;
55
57
  isTargetAmount?: false | undefined;
56
58
  targetAmount?: undefined;
@@ -60,7 +62,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
60
62
  } & {
61
63
  required: true;
62
64
  optional?: false | undefined;
63
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
65
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
64
66
  items: ItemOption[];
65
67
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
66
68
  label?: string | undefined;
@@ -85,8 +87,10 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
85
87
  disabled?: true | undefined;
86
88
  alwaysOpened?: false | undefined;
87
89
  } & {
90
+ name?: undefined;
88
91
  multiple?: false | undefined;
89
92
  value?: string | undefined;
93
+ defaultValue?: undefined;
90
94
  onChange?: ((value: string) => void) | undefined;
91
95
  isTargetAmount?: false | undefined;
92
96
  targetAmount?: undefined;
@@ -96,7 +100,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
96
100
  } & {
97
101
  optional?: true | undefined;
98
102
  required?: false | undefined;
99
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
103
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
100
104
  items: ItemOption[];
101
105
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
102
106
  label?: string | undefined;
@@ -123,16 +127,170 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
123
127
  } & {
124
128
  multiple: true;
125
129
  value?: string[] | undefined;
130
+ defaultValue?: string[] | undefined;
131
+ onChange?: React.ChangeEventHandler<Element> | undefined;
132
+ isTargetAmount?: false | undefined;
133
+ targetAmount?: undefined;
134
+ renderValue?: undefined;
135
+ name: string;
136
+ } & {
137
+ requiredPlacement?: "right" | "left" | undefined;
138
+ } & {
139
+ required: true;
140
+ optional?: false | undefined;
141
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
142
+ items: ItemOption[];
143
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
144
+ label?: string | undefined;
145
+ placeholder?: string | undefined;
146
+ helperText?: string | undefined;
147
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
148
+ textBefore?: string | undefined;
149
+ textAfter?: string | undefined;
150
+ variant?: "normal" | "tight" | undefined;
151
+ listOverflow?: import("csstype").Property.Overflow | undefined;
152
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
153
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
154
+ portal?: string | React.RefObject<HTMLElement> | undefined;
155
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
156
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
157
+ closeAfterSelect?: boolean | undefined;
158
+ size?: string | undefined;
159
+ view?: string | undefined;
160
+ labelPlacement?: "outer" | "inner" | undefined;
161
+ } & {
162
+ readOnly?: boolean | undefined;
163
+ disabled?: true | undefined;
164
+ alwaysOpened?: false | undefined;
165
+ } & {
166
+ multiple: true;
167
+ value?: string[] | undefined;
168
+ defaultValue?: string[] | undefined;
169
+ onChange?: React.ChangeEventHandler<Element> | undefined;
170
+ isTargetAmount?: false | undefined;
171
+ targetAmount?: undefined;
172
+ renderValue?: undefined;
173
+ name: string;
174
+ } & {
175
+ requiredPlacement?: "right" | "left" | undefined;
176
+ } & {
177
+ optional?: true | undefined;
178
+ required?: false | undefined;
179
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
180
+ items: ItemOption[];
181
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
182
+ label?: string | undefined;
183
+ placeholder?: string | undefined;
184
+ helperText?: string | undefined;
185
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
186
+ textBefore?: string | undefined;
187
+ textAfter?: string | undefined;
188
+ variant?: "normal" | "tight" | undefined;
189
+ listOverflow?: import("csstype").Property.Overflow | undefined;
190
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
191
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
192
+ portal?: string | React.RefObject<HTMLElement> | undefined;
193
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
194
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
195
+ closeAfterSelect?: boolean | undefined;
196
+ size?: string | undefined;
197
+ view?: string | undefined;
198
+ labelPlacement?: "outer" | "inner" | undefined;
199
+ } & {
200
+ readOnly?: boolean | undefined;
201
+ disabled?: true | undefined;
202
+ alwaysOpened?: false | undefined;
203
+ } & {
204
+ multiple?: false | undefined;
205
+ value?: string | undefined;
206
+ defaultValue?: string | undefined;
207
+ onChange?: React.ChangeEventHandler<Element> | undefined;
208
+ isTargetAmount?: false | undefined;
209
+ targetAmount?: undefined;
210
+ renderValue?: undefined;
211
+ name: string;
212
+ } & {
213
+ requiredPlacement?: "right" | "left" | undefined;
214
+ } & {
215
+ required: true;
216
+ optional?: false | undefined;
217
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
218
+ items: ItemOption[];
219
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
220
+ label?: string | undefined;
221
+ placeholder?: string | undefined;
222
+ helperText?: string | undefined;
223
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
224
+ textBefore?: string | undefined;
225
+ textAfter?: string | undefined;
226
+ variant?: "normal" | "tight" | undefined;
227
+ listOverflow?: import("csstype").Property.Overflow | undefined;
228
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
229
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
230
+ portal?: string | React.RefObject<HTMLElement> | undefined;
231
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
232
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
233
+ closeAfterSelect?: boolean | undefined;
234
+ size?: string | undefined;
235
+ view?: string | undefined;
236
+ labelPlacement?: "outer" | "inner" | undefined;
237
+ } & {
238
+ readOnly?: boolean | undefined;
239
+ disabled?: true | undefined;
240
+ alwaysOpened?: false | undefined;
241
+ } & {
242
+ multiple?: false | undefined;
243
+ value?: string | undefined;
244
+ defaultValue?: string | undefined;
245
+ onChange?: React.ChangeEventHandler<Element> | undefined;
246
+ isTargetAmount?: false | undefined;
247
+ targetAmount?: undefined;
248
+ renderValue?: undefined;
249
+ name: string;
250
+ } & {
251
+ requiredPlacement?: "right" | "left" | undefined;
252
+ } & {
253
+ optional?: true | undefined;
254
+ required?: false | undefined;
255
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
256
+ items: ItemOption[];
257
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
258
+ label?: string | undefined;
259
+ placeholder?: string | undefined;
260
+ helperText?: string | undefined;
261
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
262
+ textBefore?: string | undefined;
263
+ textAfter?: string | undefined;
264
+ variant?: "normal" | "tight" | undefined;
265
+ listOverflow?: import("csstype").Property.Overflow | undefined;
266
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
267
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
268
+ portal?: string | React.RefObject<HTMLElement> | undefined;
269
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
270
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
271
+ closeAfterSelect?: boolean | undefined;
272
+ size?: string | undefined;
273
+ view?: string | undefined;
274
+ labelPlacement?: "outer" | "inner" | undefined;
275
+ } & {
276
+ readOnly?: boolean | undefined;
277
+ disabled?: true | undefined;
278
+ alwaysOpened?: false | undefined;
279
+ } & {
280
+ multiple: true;
281
+ value?: string[] | undefined;
282
+ defaultValue?: undefined;
126
283
  onChange?: ((value: string[]) => void) | undefined;
127
284
  isTargetAmount?: true | undefined;
128
285
  targetAmount?: number | undefined;
129
286
  renderValue?: ((item: ItemOption) => string) | undefined;
287
+ name?: undefined;
130
288
  } & {
131
289
  requiredPlacement?: "right" | "left" | undefined;
132
290
  } & {
133
291
  required: true;
134
292
  optional?: false | undefined;
135
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
293
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
136
294
  items: ItemOption[];
137
295
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
138
296
  label?: string | undefined;
@@ -159,16 +317,18 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
159
317
  } & {
160
318
  multiple: true;
161
319
  value?: string[] | undefined;
320
+ defaultValue?: undefined;
162
321
  onChange?: ((value: string[]) => void) | undefined;
163
322
  isTargetAmount?: true | undefined;
164
323
  targetAmount?: number | undefined;
165
324
  renderValue?: ((item: ItemOption) => string) | undefined;
325
+ name?: undefined;
166
326
  } & {
167
327
  requiredPlacement?: "right" | "left" | undefined;
168
328
  } & {
169
329
  optional?: true | undefined;
170
330
  required?: false | undefined;
171
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
331
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
172
332
  items: ItemOption[];
173
333
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
174
334
  label?: string | undefined;
@@ -193,8 +353,10 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
193
353
  disabled?: boolean | undefined;
194
354
  alwaysOpened?: false | undefined;
195
355
  } & {
356
+ name?: undefined;
196
357
  multiple?: false | undefined;
197
358
  value?: string | undefined;
359
+ defaultValue?: undefined;
198
360
  onChange?: ((value: string) => void) | undefined;
199
361
  isTargetAmount?: false | undefined;
200
362
  targetAmount?: undefined;
@@ -204,7 +366,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
204
366
  } & {
205
367
  required: true;
206
368
  optional?: false | undefined;
207
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
369
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
208
370
  items: ItemOption[];
209
371
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
210
372
  label?: string | undefined;
@@ -229,8 +391,10 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
229
391
  disabled?: boolean | undefined;
230
392
  alwaysOpened?: false | undefined;
231
393
  } & {
394
+ name?: undefined;
232
395
  multiple?: false | undefined;
233
396
  value?: string | undefined;
397
+ defaultValue?: undefined;
234
398
  onChange?: ((value: string) => void) | undefined;
235
399
  isTargetAmount?: false | undefined;
236
400
  targetAmount?: undefined;
@@ -240,7 +404,159 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
240
404
  } & {
241
405
  optional?: true | undefined;
242
406
  required?: false | undefined;
243
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
407
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
408
+ items: ItemOption[];
409
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
410
+ label?: string | undefined;
411
+ placeholder?: string | undefined;
412
+ helperText?: string | undefined;
413
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
414
+ textBefore?: string | undefined;
415
+ textAfter?: string | undefined;
416
+ variant?: "normal" | "tight" | undefined;
417
+ listOverflow?: import("csstype").Property.Overflow | undefined;
418
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
419
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
420
+ portal?: string | React.RefObject<HTMLElement> | undefined;
421
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
422
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
423
+ closeAfterSelect?: boolean | undefined;
424
+ size?: string | undefined;
425
+ view?: string | undefined;
426
+ labelPlacement?: "outer" | "inner" | undefined;
427
+ } & {
428
+ readOnly?: true | undefined;
429
+ disabled?: boolean | undefined;
430
+ alwaysOpened?: false | undefined;
431
+ } & {
432
+ multiple: true;
433
+ value?: string[] | undefined;
434
+ defaultValue?: string[] | undefined;
435
+ onChange?: React.ChangeEventHandler<Element> | undefined;
436
+ isTargetAmount?: false | undefined;
437
+ targetAmount?: undefined;
438
+ renderValue?: undefined;
439
+ name: string;
440
+ } & {
441
+ requiredPlacement?: "right" | "left" | undefined;
442
+ } & {
443
+ required: true;
444
+ optional?: false | undefined;
445
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
446
+ items: ItemOption[];
447
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
448
+ label?: string | undefined;
449
+ placeholder?: string | undefined;
450
+ helperText?: string | undefined;
451
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
452
+ textBefore?: string | undefined;
453
+ textAfter?: string | undefined;
454
+ variant?: "normal" | "tight" | undefined;
455
+ listOverflow?: import("csstype").Property.Overflow | undefined;
456
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
457
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
458
+ portal?: string | React.RefObject<HTMLElement> | undefined;
459
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
460
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
461
+ closeAfterSelect?: boolean | undefined;
462
+ size?: string | undefined;
463
+ view?: string | undefined;
464
+ labelPlacement?: "outer" | "inner" | undefined;
465
+ } & {
466
+ readOnly?: true | undefined;
467
+ disabled?: boolean | undefined;
468
+ alwaysOpened?: false | undefined;
469
+ } & {
470
+ multiple: true;
471
+ value?: string[] | undefined;
472
+ defaultValue?: string[] | undefined;
473
+ onChange?: React.ChangeEventHandler<Element> | undefined;
474
+ isTargetAmount?: false | undefined;
475
+ targetAmount?: undefined;
476
+ renderValue?: undefined;
477
+ name: string;
478
+ } & {
479
+ requiredPlacement?: "right" | "left" | undefined;
480
+ } & {
481
+ optional?: true | undefined;
482
+ required?: false | undefined;
483
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
484
+ items: ItemOption[];
485
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
486
+ label?: string | undefined;
487
+ placeholder?: string | undefined;
488
+ helperText?: string | undefined;
489
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
490
+ textBefore?: string | undefined;
491
+ textAfter?: string | undefined;
492
+ variant?: "normal" | "tight" | undefined;
493
+ listOverflow?: import("csstype").Property.Overflow | undefined;
494
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
495
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
496
+ portal?: string | React.RefObject<HTMLElement> | undefined;
497
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
498
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
499
+ closeAfterSelect?: boolean | undefined;
500
+ size?: string | undefined;
501
+ view?: string | undefined;
502
+ labelPlacement?: "outer" | "inner" | undefined;
503
+ } & {
504
+ readOnly?: true | undefined;
505
+ disabled?: boolean | undefined;
506
+ alwaysOpened?: false | undefined;
507
+ } & {
508
+ multiple?: false | undefined;
509
+ value?: string | undefined;
510
+ defaultValue?: string | undefined;
511
+ onChange?: React.ChangeEventHandler<Element> | undefined;
512
+ isTargetAmount?: false | undefined;
513
+ targetAmount?: undefined;
514
+ renderValue?: undefined;
515
+ name: string;
516
+ } & {
517
+ requiredPlacement?: "right" | "left" | undefined;
518
+ } & {
519
+ required: true;
520
+ optional?: false | undefined;
521
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
522
+ items: ItemOption[];
523
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
524
+ label?: string | undefined;
525
+ placeholder?: string | undefined;
526
+ helperText?: string | undefined;
527
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
528
+ textBefore?: string | undefined;
529
+ textAfter?: string | undefined;
530
+ variant?: "normal" | "tight" | undefined;
531
+ listOverflow?: import("csstype").Property.Overflow | undefined;
532
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
533
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
534
+ portal?: string | React.RefObject<HTMLElement> | undefined;
535
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
536
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
537
+ closeAfterSelect?: boolean | undefined;
538
+ size?: string | undefined;
539
+ view?: string | undefined;
540
+ labelPlacement?: "outer" | "inner" | undefined;
541
+ } & {
542
+ readOnly?: true | undefined;
543
+ disabled?: boolean | undefined;
544
+ alwaysOpened?: false | undefined;
545
+ } & {
546
+ multiple?: false | undefined;
547
+ value?: string | undefined;
548
+ defaultValue?: string | undefined;
549
+ onChange?: React.ChangeEventHandler<Element> | undefined;
550
+ isTargetAmount?: false | undefined;
551
+ targetAmount?: undefined;
552
+ renderValue?: undefined;
553
+ name: string;
554
+ } & {
555
+ requiredPlacement?: "right" | "left" | undefined;
556
+ } & {
557
+ optional?: true | undefined;
558
+ required?: false | undefined;
559
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
244
560
  items: ItemOption[];
245
561
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
246
562
  label?: string | undefined;
@@ -267,16 +583,18 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
267
583
  } & {
268
584
  multiple: true;
269
585
  value?: string[] | undefined;
586
+ defaultValue?: undefined;
270
587
  onChange?: ((value: string[]) => void) | undefined;
271
588
  isTargetAmount?: true | undefined;
272
589
  targetAmount?: number | undefined;
273
590
  renderValue?: ((item: ItemOption) => string) | undefined;
591
+ name?: undefined;
274
592
  } & {
275
593
  requiredPlacement?: "right" | "left" | undefined;
276
594
  } & {
277
595
  required: true;
278
596
  optional?: false | undefined;
279
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
597
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
280
598
  items: ItemOption[];
281
599
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
282
600
  label?: string | undefined;
@@ -303,16 +621,18 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
303
621
  } & {
304
622
  multiple: true;
305
623
  value?: string[] | undefined;
624
+ defaultValue?: undefined;
306
625
  onChange?: ((value: string[]) => void) | undefined;
307
626
  isTargetAmount?: true | undefined;
308
627
  targetAmount?: number | undefined;
309
628
  renderValue?: ((item: ItemOption) => string) | undefined;
629
+ name?: undefined;
310
630
  } & {
311
631
  requiredPlacement?: "right" | "left" | undefined;
312
632
  } & {
313
633
  optional?: true | undefined;
314
634
  required?: false | undefined;
315
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
635
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
316
636
  items: ItemOption[];
317
637
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
318
638
  label?: string | undefined;
@@ -337,8 +657,10 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
337
657
  disabled?: false | undefined;
338
658
  alwaysOpened?: true | undefined;
339
659
  } & {
660
+ name?: undefined;
340
661
  multiple?: false | undefined;
341
662
  value?: string | undefined;
663
+ defaultValue?: undefined;
342
664
  onChange?: ((value: string) => void) | undefined;
343
665
  isTargetAmount?: false | undefined;
344
666
  targetAmount?: undefined;
@@ -348,7 +670,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
348
670
  } & {
349
671
  required: true;
350
672
  optional?: false | undefined;
351
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
673
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
352
674
  items: ItemOption[];
353
675
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
354
676
  label?: string | undefined;
@@ -373,8 +695,10 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
373
695
  disabled?: false | undefined;
374
696
  alwaysOpened?: true | undefined;
375
697
  } & {
698
+ name?: undefined;
376
699
  multiple?: false | undefined;
377
700
  value?: string | undefined;
701
+ defaultValue?: undefined;
378
702
  onChange?: ((value: string) => void) | undefined;
379
703
  isTargetAmount?: false | undefined;
380
704
  targetAmount?: undefined;
@@ -384,7 +708,159 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
384
708
  } & {
385
709
  optional?: true | undefined;
386
710
  required?: false | undefined;
387
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
711
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
712
+ items: ItemOption[];
713
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
714
+ label?: string | undefined;
715
+ placeholder?: string | undefined;
716
+ helperText?: string | undefined;
717
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
718
+ textBefore?: string | undefined;
719
+ textAfter?: string | undefined;
720
+ variant?: "normal" | "tight" | undefined;
721
+ listOverflow?: import("csstype").Property.Overflow | undefined;
722
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
723
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
724
+ portal?: string | React.RefObject<HTMLElement> | undefined;
725
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
726
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
727
+ closeAfterSelect?: boolean | undefined;
728
+ size?: string | undefined;
729
+ view?: string | undefined;
730
+ labelPlacement?: "outer" | "inner" | undefined;
731
+ } & {
732
+ readOnly?: false | undefined;
733
+ disabled?: false | undefined;
734
+ alwaysOpened?: true | undefined;
735
+ } & {
736
+ multiple: true;
737
+ value?: string[] | undefined;
738
+ defaultValue?: string[] | undefined;
739
+ onChange?: React.ChangeEventHandler<Element> | undefined;
740
+ isTargetAmount?: false | undefined;
741
+ targetAmount?: undefined;
742
+ renderValue?: undefined;
743
+ name: string;
744
+ } & {
745
+ requiredPlacement?: "right" | "left" | undefined;
746
+ } & {
747
+ required: true;
748
+ optional?: false | undefined;
749
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
750
+ items: ItemOption[];
751
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
752
+ label?: string | undefined;
753
+ placeholder?: string | undefined;
754
+ helperText?: string | undefined;
755
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
756
+ textBefore?: string | undefined;
757
+ textAfter?: string | undefined;
758
+ variant?: "normal" | "tight" | undefined;
759
+ listOverflow?: import("csstype").Property.Overflow | undefined;
760
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
761
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
762
+ portal?: string | React.RefObject<HTMLElement> | undefined;
763
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
764
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
765
+ closeAfterSelect?: boolean | undefined;
766
+ size?: string | undefined;
767
+ view?: string | undefined;
768
+ labelPlacement?: "outer" | "inner" | undefined;
769
+ } & {
770
+ readOnly?: false | undefined;
771
+ disabled?: false | undefined;
772
+ alwaysOpened?: true | undefined;
773
+ } & {
774
+ multiple: true;
775
+ value?: string[] | undefined;
776
+ defaultValue?: string[] | undefined;
777
+ onChange?: React.ChangeEventHandler<Element> | undefined;
778
+ isTargetAmount?: false | undefined;
779
+ targetAmount?: undefined;
780
+ renderValue?: undefined;
781
+ name: string;
782
+ } & {
783
+ requiredPlacement?: "right" | "left" | undefined;
784
+ } & {
785
+ optional?: true | undefined;
786
+ required?: false | undefined;
787
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
788
+ items: ItemOption[];
789
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
790
+ label?: string | undefined;
791
+ placeholder?: string | undefined;
792
+ helperText?: string | undefined;
793
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
794
+ textBefore?: string | undefined;
795
+ textAfter?: string | undefined;
796
+ variant?: "normal" | "tight" | undefined;
797
+ listOverflow?: import("csstype").Property.Overflow | undefined;
798
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
799
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
800
+ portal?: string | React.RefObject<HTMLElement> | undefined;
801
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
802
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
803
+ closeAfterSelect?: boolean | undefined;
804
+ size?: string | undefined;
805
+ view?: string | undefined;
806
+ labelPlacement?: "outer" | "inner" | undefined;
807
+ } & {
808
+ readOnly?: false | undefined;
809
+ disabled?: false | undefined;
810
+ alwaysOpened?: true | undefined;
811
+ } & {
812
+ multiple?: false | undefined;
813
+ value?: string | undefined;
814
+ defaultValue?: string | undefined;
815
+ onChange?: React.ChangeEventHandler<Element> | undefined;
816
+ isTargetAmount?: false | undefined;
817
+ targetAmount?: undefined;
818
+ renderValue?: undefined;
819
+ name: string;
820
+ } & {
821
+ requiredPlacement?: "right" | "left" | undefined;
822
+ } & {
823
+ required: true;
824
+ optional?: false | undefined;
825
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
826
+ items: ItemOption[];
827
+ placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
828
+ label?: string | undefined;
829
+ placeholder?: string | undefined;
830
+ helperText?: string | undefined;
831
+ contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
832
+ textBefore?: string | undefined;
833
+ textAfter?: string | undefined;
834
+ variant?: "normal" | "tight" | undefined;
835
+ listOverflow?: import("csstype").Property.Overflow | undefined;
836
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
837
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
838
+ portal?: string | React.RefObject<HTMLElement> | undefined;
839
+ renderItem?: ((item: ItemOption) => React.ReactNode) | undefined;
840
+ filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
841
+ closeAfterSelect?: boolean | undefined;
842
+ size?: string | undefined;
843
+ view?: string | undefined;
844
+ labelPlacement?: "outer" | "inner" | undefined;
845
+ } & {
846
+ readOnly?: false | undefined;
847
+ disabled?: false | undefined;
848
+ alwaysOpened?: true | undefined;
849
+ } & {
850
+ multiple?: false | undefined;
851
+ value?: string | undefined;
852
+ defaultValue?: string | undefined;
853
+ onChange?: React.ChangeEventHandler<Element> | undefined;
854
+ isTargetAmount?: false | undefined;
855
+ targetAmount?: undefined;
856
+ renderValue?: undefined;
857
+ name: string;
858
+ } & {
859
+ requiredPlacement?: "right" | "left" | undefined;
860
+ } & {
861
+ optional?: true | undefined;
862
+ required?: false | undefined;
863
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
388
864
  items: ItemOption[];
389
865
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
390
866
  label?: string | undefined;
@@ -411,16 +887,18 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
411
887
  } & {
412
888
  multiple: true;
413
889
  value?: string[] | undefined;
890
+ defaultValue?: undefined;
414
891
  onChange?: ((value: string[]) => void) | undefined;
415
892
  isTargetAmount?: true | undefined;
416
893
  targetAmount?: number | undefined;
417
894
  renderValue?: ((item: ItemOption) => string) | undefined;
895
+ name?: undefined;
418
896
  } & {
419
897
  requiredPlacement?: "right" | "left" | undefined;
420
898
  } & {
421
899
  required: true;
422
900
  optional?: false | undefined;
423
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
901
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
424
902
  items: ItemOption[];
425
903
  placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
426
904
  label?: string | undefined;
@@ -447,16 +925,18 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
447
925
  } & {
448
926
  multiple: true;
449
927
  value?: string[] | undefined;
928
+ defaultValue?: undefined;
450
929
  onChange?: ((value: string[]) => void) | undefined;
451
930
  isTargetAmount?: true | undefined;
452
931
  targetAmount?: number | undefined;
453
932
  renderValue?: ((item: ItemOption) => string) | undefined;
933
+ name?: undefined;
454
934
  } & {
455
935
  requiredPlacement?: "right" | "left" | undefined;
456
936
  } & {
457
937
  optional?: true | undefined;
458
938
  required?: false | undefined;
459
- } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>))>;
939
+ } & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue" | "name" | "value"> & React.RefAttributes<HTMLInputElement>))>;
460
940
  declare type PropsFromConfig = keyof typeof config['variations'];
461
941
  declare type Props<T extends ItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
462
942
  declare const Combobox: <T extends ItemOption>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
package/components/Dropdown/Dropdown.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';
2
- import React from 'react';
3
- declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
1
+ /// <reference types="react" />
2
+ declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
3
  size: {
5
4
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
5
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -10,29 +9,5 @@ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewPr
10
9
  view: {
11
10
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
11
  };
13
- }> & {
14
- items: DropdownItemOption[];
15
- alwaysOpened?: boolean | undefined;
16
- children?: React.ReactNode;
17
- itemRole?: string | undefined;
18
- onHover?: ((index: number) => void) | undefined;
19
- onItemSelect?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
20
- trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger | undefined;
21
- placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement | undefined;
22
- offset?: [number, number] | undefined;
23
- listWidth?: import("csstype").Property.Width<string | number> | undefined;
24
- hasArrow?: boolean | undefined;
25
- closeOnSelect?: boolean | undefined;
26
- closeOnOverlayClick?: boolean | undefined;
27
- onToggle?: ((isOpen: boolean, event: Event | React.SyntheticEvent<Element, Event>) => void) | undefined;
28
- size?: string | undefined;
29
- view?: string | undefined;
30
- variant?: "normal" | "tight" | undefined;
31
- portal?: string | React.RefObject<HTMLElement> | undefined;
32
- renderItem?: ((item: DropdownItemOption) => React.ReactNode) | undefined;
33
- onItemClick?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
34
- listOverflow?: import("csstype").Property.Overflow | undefined;
35
- listHeight?: import("csstype").Property.Height<string | number> | undefined;
36
- hoverIndex?: number | undefined;
37
- } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "view" | "size"> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
12
+ }> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
38
13
  export { Dropdown };
package/components/Dropdown/Dropdown.js CHANGED
@@ -5,15 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Dropdown = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
9
8
  var _Dropdown = /*#__PURE__*/require("./Dropdown.config");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
9
  var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.dropdownConfig, _Dropdown.config);
13
- var DropdownNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
14
- var DropdownComponent = function DropdownComponent(props, ref) {
15
- return /*#__PURE__*/_react["default"].createElement(DropdownNewHope, _extends({
16
- ref: ref
17
- }, props));
18
- };
19
- var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _styledComponents.fixedForwardRef)(DropdownComponent);
10
+ var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
package/es/components/Dropdown/Dropdown.js CHANGED
@@ -1,13 +1,5 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
3
- import React from 'react';
1
+ import { dropdownConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
4
2
  import { config } from './Dropdown.config';
5
3
  var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
6
- var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
7
- var DropdownComponent = function DropdownComponent(props, ref) {
8
- return /*#__PURE__*/React.createElement(DropdownNewHope, _extends({
9
- ref: ref
10
- }, props));
11
- };
12
- var Dropdown = /*#__PURE__*/fixedForwardRef(DropdownComponent);
4
+ var Dropdown = /*#__PURE__*/component(mergedConfig);
13
5
  export { Dropdown };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.173.1-canary.1562.11858039838.0",
3
+ "version": "0.174.0-canary.1552.11858023676.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.193.1-canary.1562.11858039838.0",
22
+ "@salutejs/plasma-new-hope": "0.194.0-canary.1552.11858023676.0",
23
23
  "@salutejs/sdds-themes": "0.27.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -95,5 +95,5 @@
95
95
  "Anton Vinogradov"
96
96
  ],
97
97
  "sideEffects": false,
98
- "gitHead": "f369f45541e75a8a9caca0bdbda7c5bd477a6246"
98
+ "gitHead": "0af9c39c06fe7cad37303fda98eab9b0bf1bb3c9"
99
99
  }
package/temp/sdds-dfa.api.md CHANGED
@@ -88,11 +88,8 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
88
88
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
89
89
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
90
90
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
91
- import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
92
- import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
93
91
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
94
- import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
95
- import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
92
+ import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
96
93
  import { dsplL } from '@salutejs/sdds-themes/tokens';
97
94
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
98
95
  import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1191,7 +1188,7 @@ export { DrawerHeaderProps }
1191
1188
  export { DrawerProps }
1192
1189
 
1193
1190
  // @public (undocumented)
1194
- export const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<PropsType< {
1191
+ export const Dropdown: FunctionComponent<PropsType< {
1195
1192
  size: {
1196
1193
  l: PolymorphicClassName;
1197
1194
  m: PolymorphicClassName;
@@ -1201,31 +1198,7 @@ xs: PolymorphicClassName;
1201
1198
  view: {
1202
1199
  default: PolymorphicClassName;
1203
1200
  };
1204
- }> & {
1205
- items: DropdownItemOption[];
1206
- alwaysOpened?: boolean | undefined;
1207
- children?: React_2.ReactNode;
1208
- itemRole?: string | undefined;
1209
- onHover?: ((index: number) => void) | undefined;
1210
- onItemSelect?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
1211
- trigger?: DropdownTrigger | undefined;
1212
- placement?: DropdownPlacement | undefined;
1213
- offset?: [number, number] | undefined;
1214
- listWidth?: Property.Width<string | number> | undefined;
1215
- hasArrow?: boolean | undefined;
1216
- closeOnSelect?: boolean | undefined;
1217
- closeOnOverlayClick?: boolean | undefined;
1218
- onToggle?: ((isOpen: boolean, event: Event | React_2.SyntheticEvent<Element, Event>) => void) | undefined;
1219
- size?: string | undefined;
1220
- view?: string | undefined;
1221
- variant?: "normal" | "tight" | undefined;
1222
- portal?: string | React_2.RefObject<HTMLElement> | undefined;
1223
- renderItem?: ((item: DropdownItemOption) => React_2.ReactNode) | undefined;
1224
- onItemClick?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
1225
- listOverflow?: Property.Overflow | undefined;
1226
- listHeight?: Property.Height<string | number> | undefined;
1227
- hoverIndex?: number | undefined;
1228
- } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
1201
+ }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1229
1202
 
1230
1203
  // @public (undocumented)
1231
1204
  export const DsplL: FunctionComponent<PropsType< {