@salutejs/plasma-web 1.594.0-canary.2218.17555761279.0 → 1.594.0-canary.2218.17560383957.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Autocomplete/Autocomplete.d.ts +124 -117
- package/components/Autocomplete/Autocomplete.js +76 -4
- package/components/Combobox/Combobox.d.ts +24 -24
- package/components/Dropdown/Dropdown.d.ts +2 -2
- package/components/Select/Select.d.ts +6 -6
- package/css/cjs/components/Autocomplete/Autocomplete.js +14 -1
- package/css/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/css/es/components/Autocomplete/Autocomplete.js +11 -3
- package/css/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.js +61 -2
- package/package.json +3 -3
@@ -1,4 +1,7 @@
|
|
1
|
-
|
1
|
+
import { AutocompleteProps, DistributiveOmit, DistributivePick, SuggestionItemType } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import React, { ComponentProps } from 'react';
|
3
|
+
import { config } from './Autocomplete.config';
|
4
|
+
export declare const AutocompleteComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
2
5
|
view: {
|
3
6
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
4
7
|
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -33,33 +36,33 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
33
36
|
readOnly?: boolean;
|
34
37
|
disabled?: boolean;
|
35
38
|
portal?: string | React.RefObject<HTMLElement>;
|
36
|
-
zIndex?:
|
39
|
+
zIndex?: React.CSSProperties["zIndex"];
|
37
40
|
value?: string;
|
38
41
|
defaultValue?: string;
|
39
|
-
suggestions?:
|
42
|
+
suggestions?: SuggestionItemType[] | undefined;
|
40
43
|
threshold?: number;
|
41
|
-
filter?: (data:
|
42
|
-
onSuggestionSelect?: (data:
|
44
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
45
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
43
46
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
44
47
|
listMaxHeight?: string;
|
45
48
|
listWidth?: string;
|
46
|
-
renderList?: (data?:
|
47
|
-
renderListEnd?: () =>
|
48
|
-
renderItem?: (item:
|
49
|
-
beforeList?:
|
50
|
-
afterList?:
|
49
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
50
|
+
renderListEnd?: () => React.ReactNode;
|
51
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
52
|
+
beforeList?: React.ReactNode;
|
53
|
+
afterList?: React.ReactNode;
|
51
54
|
virtual?: boolean;
|
52
55
|
flip?: boolean;
|
53
56
|
size?: string;
|
54
57
|
view?: string;
|
55
58
|
} & Omit<{
|
56
|
-
titleCaption?:
|
57
|
-
leftHelper?:
|
59
|
+
titleCaption?: React.ReactNode;
|
60
|
+
leftHelper?: React.ReactNode;
|
58
61
|
contentLeft?: React.ReactElement;
|
59
62
|
contentRight?: React.ReactElement;
|
60
63
|
textBefore?: string;
|
61
64
|
textAfter?: string;
|
62
|
-
onSearch?: (value: string, event?:
|
65
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
63
66
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
64
67
|
clear?: boolean;
|
65
68
|
hasDivider?: boolean;
|
@@ -68,53 +71,53 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
68
71
|
hintTrigger?: "hover" | "click";
|
69
72
|
hintView?: string;
|
70
73
|
hintSize?: string;
|
71
|
-
hintTargetIcon?:
|
74
|
+
hintTargetIcon?: React.ReactNode;
|
72
75
|
hintTargetPlacement?: "inner" | "outer";
|
73
76
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
|
74
77
|
hintHasArrow?: boolean;
|
75
78
|
hintOffset?: [number, number];
|
76
79
|
hintWidth?: string;
|
77
|
-
hintContentLeft?:
|
80
|
+
hintContentLeft?: React.ReactNode;
|
78
81
|
} & {
|
79
82
|
chips?: never;
|
80
83
|
onChangeChips?: never;
|
81
84
|
enumerationType?: "plain";
|
82
|
-
onSearch?: (value: string, event?:
|
85
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
83
86
|
chipType?: never;
|
84
87
|
chipView?: never;
|
85
88
|
chipValidator?: never;
|
86
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
89
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
87
90
|
labelPlacement?: string;
|
88
91
|
readOnly?: boolean;
|
89
92
|
disabled?: boolean;
|
90
93
|
portal?: string | React.RefObject<HTMLElement>;
|
91
|
-
zIndex?:
|
94
|
+
zIndex?: React.CSSProperties["zIndex"];
|
92
95
|
value?: string;
|
93
96
|
defaultValue?: string;
|
94
|
-
suggestions?:
|
97
|
+
suggestions?: SuggestionItemType[] | undefined;
|
95
98
|
threshold?: number;
|
96
|
-
filter?: (data:
|
97
|
-
onSuggestionSelect?: (data:
|
99
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
100
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
98
101
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
99
102
|
listMaxHeight?: string;
|
100
103
|
listWidth?: string;
|
101
|
-
renderList?: (data?:
|
102
|
-
renderListEnd?: () =>
|
103
|
-
renderItem?: (item:
|
104
|
-
beforeList?:
|
105
|
-
afterList?:
|
104
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
105
|
+
renderListEnd?: () => React.ReactNode;
|
106
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
107
|
+
beforeList?: React.ReactNode;
|
108
|
+
afterList?: React.ReactNode;
|
106
109
|
virtual?: boolean;
|
107
110
|
flip?: boolean;
|
108
111
|
size?: string;
|
109
112
|
view?: string;
|
110
113
|
} & Omit<{
|
111
|
-
titleCaption?:
|
112
|
-
leftHelper?:
|
114
|
+
titleCaption?: React.ReactNode;
|
115
|
+
leftHelper?: React.ReactNode;
|
113
116
|
contentLeft?: React.ReactElement;
|
114
117
|
contentRight?: React.ReactElement;
|
115
118
|
textBefore?: string;
|
116
119
|
textAfter?: string;
|
117
|
-
onSearch?: (value: string, event?:
|
120
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
118
121
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
119
122
|
clear?: boolean;
|
120
123
|
hasDivider?: boolean;
|
@@ -123,13 +126,13 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
123
126
|
hintTrigger?: "hover" | "click";
|
124
127
|
hintView?: string;
|
125
128
|
hintSize?: string;
|
126
|
-
hintTargetIcon?:
|
129
|
+
hintTargetIcon?: React.ReactNode;
|
127
130
|
hintTargetPlacement?: "inner" | "outer";
|
128
131
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
|
129
132
|
hintHasArrow?: boolean;
|
130
133
|
hintOffset?: [number, number];
|
131
134
|
hintWidth?: string;
|
132
|
-
hintContentLeft?:
|
135
|
+
hintContentLeft?: React.ReactNode;
|
133
136
|
} & {
|
134
137
|
enumerationType: "chip";
|
135
138
|
onSearch?: never;
|
@@ -140,38 +143,38 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
140
143
|
chipValidator?: (value: string) => {
|
141
144
|
view?: string;
|
142
145
|
};
|
143
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
146
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
144
147
|
labelPlacement?: string;
|
145
148
|
readOnly?: boolean;
|
146
149
|
disabled?: boolean;
|
147
150
|
portal?: string | React.RefObject<HTMLElement>;
|
148
|
-
zIndex?:
|
151
|
+
zIndex?: React.CSSProperties["zIndex"];
|
149
152
|
value?: string;
|
150
153
|
defaultValue?: string;
|
151
|
-
suggestions?:
|
154
|
+
suggestions?: SuggestionItemType[] | undefined;
|
152
155
|
threshold?: number;
|
153
|
-
filter?: (data:
|
154
|
-
onSuggestionSelect?: (data:
|
156
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
157
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
155
158
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
156
159
|
listMaxHeight?: string;
|
157
160
|
listWidth?: string;
|
158
|
-
renderList?: (data?:
|
159
|
-
renderListEnd?: () =>
|
160
|
-
renderItem?: (item:
|
161
|
-
beforeList?:
|
162
|
-
afterList?:
|
161
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
162
|
+
renderListEnd?: () => React.ReactNode;
|
163
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
164
|
+
beforeList?: React.ReactNode;
|
165
|
+
afterList?: React.ReactNode;
|
163
166
|
virtual?: boolean;
|
164
167
|
flip?: boolean;
|
165
168
|
size?: string;
|
166
169
|
view?: string;
|
167
170
|
} & Omit<{
|
168
|
-
titleCaption?:
|
169
|
-
leftHelper?:
|
171
|
+
titleCaption?: React.ReactNode;
|
172
|
+
leftHelper?: React.ReactNode;
|
170
173
|
contentLeft?: React.ReactElement;
|
171
174
|
contentRight?: React.ReactElement;
|
172
175
|
textBefore?: string;
|
173
176
|
textAfter?: string;
|
174
|
-
onSearch?: (value: string, event?:
|
177
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
175
178
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
176
179
|
clear?: boolean;
|
177
180
|
hasDivider?: boolean;
|
@@ -191,42 +194,42 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
191
194
|
chips?: never;
|
192
195
|
onChangeChips?: never;
|
193
196
|
enumerationType?: "plain";
|
194
|
-
onSearch?: (value: string, event?:
|
197
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
195
198
|
chipType?: never;
|
196
199
|
chipView?: never;
|
197
200
|
chipValidator?: never;
|
198
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
201
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
199
202
|
labelPlacement?: string;
|
200
203
|
readOnly?: boolean;
|
201
204
|
disabled?: boolean;
|
202
205
|
portal?: string | React.RefObject<HTMLElement>;
|
203
|
-
zIndex?:
|
206
|
+
zIndex?: React.CSSProperties["zIndex"];
|
204
207
|
value?: string;
|
205
208
|
defaultValue?: string;
|
206
|
-
suggestions?:
|
209
|
+
suggestions?: SuggestionItemType[] | undefined;
|
207
210
|
threshold?: number;
|
208
|
-
filter?: (data:
|
209
|
-
onSuggestionSelect?: (data:
|
211
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
212
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
210
213
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
211
214
|
listMaxHeight?: string;
|
212
215
|
listWidth?: string;
|
213
|
-
renderList?: (data?:
|
214
|
-
renderListEnd?: () =>
|
215
|
-
renderItem?: (item:
|
216
|
-
beforeList?:
|
217
|
-
afterList?:
|
216
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
217
|
+
renderListEnd?: () => React.ReactNode;
|
218
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
219
|
+
beforeList?: React.ReactNode;
|
220
|
+
afterList?: React.ReactNode;
|
218
221
|
virtual?: boolean;
|
219
222
|
flip?: boolean;
|
220
223
|
size?: string;
|
221
224
|
view?: string;
|
222
225
|
} & Omit<{
|
223
|
-
titleCaption?:
|
224
|
-
leftHelper?:
|
226
|
+
titleCaption?: React.ReactNode;
|
227
|
+
leftHelper?: React.ReactNode;
|
225
228
|
contentLeft?: React.ReactElement;
|
226
229
|
contentRight?: React.ReactElement;
|
227
230
|
textBefore?: string;
|
228
231
|
textAfter?: string;
|
229
|
-
onSearch?: (value: string, event?:
|
232
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
230
233
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
231
234
|
clear?: boolean;
|
232
235
|
hasDivider?: boolean;
|
@@ -252,38 +255,38 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
252
255
|
chipValidator?: (value: string) => {
|
253
256
|
view?: string;
|
254
257
|
};
|
255
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
258
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
256
259
|
labelPlacement?: string;
|
257
260
|
readOnly?: boolean;
|
258
261
|
disabled?: boolean;
|
259
262
|
portal?: string | React.RefObject<HTMLElement>;
|
260
|
-
zIndex?:
|
263
|
+
zIndex?: React.CSSProperties["zIndex"];
|
261
264
|
value?: string;
|
262
265
|
defaultValue?: string;
|
263
|
-
suggestions?:
|
266
|
+
suggestions?: SuggestionItemType[] | undefined;
|
264
267
|
threshold?: number;
|
265
|
-
filter?: (data:
|
266
|
-
onSuggestionSelect?: (data:
|
268
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
269
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
267
270
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
268
271
|
listMaxHeight?: string;
|
269
272
|
listWidth?: string;
|
270
|
-
renderList?: (data?:
|
271
|
-
renderListEnd?: () =>
|
272
|
-
renderItem?: (item:
|
273
|
-
beforeList?:
|
274
|
-
afterList?:
|
273
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
274
|
+
renderListEnd?: () => React.ReactNode;
|
275
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
276
|
+
beforeList?: React.ReactNode;
|
277
|
+
afterList?: React.ReactNode;
|
275
278
|
virtual?: boolean;
|
276
279
|
flip?: boolean;
|
277
280
|
size?: string;
|
278
281
|
view?: string;
|
279
282
|
} & Omit<{
|
280
|
-
titleCaption?:
|
281
|
-
leftHelper?:
|
283
|
+
titleCaption?: React.ReactNode;
|
284
|
+
leftHelper?: React.ReactNode;
|
282
285
|
contentLeft?: React.ReactElement;
|
283
286
|
contentRight?: React.ReactElement;
|
284
287
|
textBefore?: string;
|
285
288
|
textAfter?: string;
|
286
|
-
onSearch?: (value: string, event?:
|
289
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
287
290
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
288
291
|
clear?: false;
|
289
292
|
hasDivider?: never;
|
@@ -292,53 +295,53 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
292
295
|
hintTrigger?: "hover" | "click";
|
293
296
|
hintView?: string;
|
294
297
|
hintSize?: string;
|
295
|
-
hintTargetIcon?:
|
298
|
+
hintTargetIcon?: React.ReactNode;
|
296
299
|
hintTargetPlacement?: "inner" | "outer";
|
297
300
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
|
298
301
|
hintHasArrow?: boolean;
|
299
302
|
hintOffset?: [number, number];
|
300
303
|
hintWidth?: string;
|
301
|
-
hintContentLeft?:
|
304
|
+
hintContentLeft?: React.ReactNode;
|
302
305
|
} & {
|
303
306
|
chips?: never;
|
304
307
|
onChangeChips?: never;
|
305
308
|
enumerationType?: "plain";
|
306
|
-
onSearch?: (value: string, event?:
|
309
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
307
310
|
chipType?: never;
|
308
311
|
chipView?: never;
|
309
312
|
chipValidator?: never;
|
310
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
313
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
311
314
|
labelPlacement?: string;
|
312
315
|
readOnly?: boolean;
|
313
316
|
disabled?: boolean;
|
314
317
|
portal?: string | React.RefObject<HTMLElement>;
|
315
|
-
zIndex?:
|
318
|
+
zIndex?: React.CSSProperties["zIndex"];
|
316
319
|
value?: string;
|
317
320
|
defaultValue?: string;
|
318
|
-
suggestions?:
|
321
|
+
suggestions?: SuggestionItemType[] | undefined;
|
319
322
|
threshold?: number;
|
320
|
-
filter?: (data:
|
321
|
-
onSuggestionSelect?: (data:
|
323
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
324
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
322
325
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
323
326
|
listMaxHeight?: string;
|
324
327
|
listWidth?: string;
|
325
|
-
renderList?: (data?:
|
326
|
-
renderListEnd?: () =>
|
327
|
-
renderItem?: (item:
|
328
|
-
beforeList?:
|
329
|
-
afterList?:
|
328
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
329
|
+
renderListEnd?: () => React.ReactNode;
|
330
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
331
|
+
beforeList?: React.ReactNode;
|
332
|
+
afterList?: React.ReactNode;
|
330
333
|
virtual?: boolean;
|
331
334
|
flip?: boolean;
|
332
335
|
size?: string;
|
333
336
|
view?: string;
|
334
337
|
} & Omit<{
|
335
|
-
titleCaption?:
|
336
|
-
leftHelper?:
|
338
|
+
titleCaption?: React.ReactNode;
|
339
|
+
leftHelper?: React.ReactNode;
|
337
340
|
contentLeft?: React.ReactElement;
|
338
341
|
contentRight?: React.ReactElement;
|
339
342
|
textBefore?: string;
|
340
343
|
textAfter?: string;
|
341
|
-
onSearch?: (value: string, event?:
|
344
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
342
345
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
343
346
|
clear?: false;
|
344
347
|
hasDivider?: never;
|
@@ -347,13 +350,13 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
347
350
|
hintTrigger?: "hover" | "click";
|
348
351
|
hintView?: string;
|
349
352
|
hintSize?: string;
|
350
|
-
hintTargetIcon?:
|
353
|
+
hintTargetIcon?: React.ReactNode;
|
351
354
|
hintTargetPlacement?: "inner" | "outer";
|
352
355
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | Array<import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic>;
|
353
356
|
hintHasArrow?: boolean;
|
354
357
|
hintOffset?: [number, number];
|
355
358
|
hintWidth?: string;
|
356
|
-
hintContentLeft?:
|
359
|
+
hintContentLeft?: React.ReactNode;
|
357
360
|
} & {
|
358
361
|
enumerationType: "chip";
|
359
362
|
onSearch?: never;
|
@@ -364,38 +367,38 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
364
367
|
chipValidator?: (value: string) => {
|
365
368
|
view?: string;
|
366
369
|
};
|
367
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
370
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
368
371
|
labelPlacement?: string;
|
369
372
|
readOnly?: boolean;
|
370
373
|
disabled?: boolean;
|
371
374
|
portal?: string | React.RefObject<HTMLElement>;
|
372
|
-
zIndex?:
|
375
|
+
zIndex?: React.CSSProperties["zIndex"];
|
373
376
|
value?: string;
|
374
377
|
defaultValue?: string;
|
375
|
-
suggestions?:
|
378
|
+
suggestions?: SuggestionItemType[] | undefined;
|
376
379
|
threshold?: number;
|
377
|
-
filter?: (data:
|
378
|
-
onSuggestionSelect?: (data:
|
380
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
381
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
379
382
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
380
383
|
listMaxHeight?: string;
|
381
384
|
listWidth?: string;
|
382
|
-
renderList?: (data?:
|
383
|
-
renderListEnd?: () =>
|
384
|
-
renderItem?: (item:
|
385
|
-
beforeList?:
|
386
|
-
afterList?:
|
385
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
386
|
+
renderListEnd?: () => React.ReactNode;
|
387
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
388
|
+
beforeList?: React.ReactNode;
|
389
|
+
afterList?: React.ReactNode;
|
387
390
|
virtual?: boolean;
|
388
391
|
flip?: boolean;
|
389
392
|
size?: string;
|
390
393
|
view?: string;
|
391
394
|
} & Omit<{
|
392
|
-
titleCaption?:
|
393
|
-
leftHelper?:
|
395
|
+
titleCaption?: React.ReactNode;
|
396
|
+
leftHelper?: React.ReactNode;
|
394
397
|
contentLeft?: React.ReactElement;
|
395
398
|
contentRight?: React.ReactElement;
|
396
399
|
textBefore?: string;
|
397
400
|
textAfter?: string;
|
398
|
-
onSearch?: (value: string, event?:
|
401
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
399
402
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
400
403
|
clear?: false;
|
401
404
|
hasDivider?: never;
|
@@ -415,42 +418,42 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
415
418
|
chips?: never;
|
416
419
|
onChangeChips?: never;
|
417
420
|
enumerationType?: "plain";
|
418
|
-
onSearch?: (value: string, event?:
|
421
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
419
422
|
chipType?: never;
|
420
423
|
chipView?: never;
|
421
424
|
chipValidator?: never;
|
422
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
425
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
|
423
426
|
labelPlacement?: string;
|
424
427
|
readOnly?: boolean;
|
425
428
|
disabled?: boolean;
|
426
429
|
portal?: string | React.RefObject<HTMLElement>;
|
427
|
-
zIndex?:
|
430
|
+
zIndex?: React.CSSProperties["zIndex"];
|
428
431
|
value?: string;
|
429
432
|
defaultValue?: string;
|
430
|
-
suggestions?:
|
433
|
+
suggestions?: SuggestionItemType[] | undefined;
|
431
434
|
threshold?: number;
|
432
|
-
filter?: (data:
|
433
|
-
onSuggestionSelect?: (data:
|
435
|
+
filter?: ((data: SuggestionItemType) => boolean) | undefined;
|
436
|
+
onSuggestionSelect?: ((data: SuggestionItemType) => void) | undefined;
|
434
437
|
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
435
438
|
listMaxHeight?: string;
|
436
439
|
listWidth?: string;
|
437
|
-
renderList?: (data?:
|
438
|
-
renderListEnd?: () =>
|
439
|
-
renderItem?: (item:
|
440
|
-
beforeList?:
|
441
|
-
afterList?:
|
440
|
+
renderList?: ((data?: SuggestionItemType[] | undefined) => React.ReactNode) | undefined;
|
441
|
+
renderListEnd?: () => React.ReactNode;
|
442
|
+
renderItem?: ((item: SuggestionItemType) => React.ReactNode) | undefined;
|
443
|
+
beforeList?: React.ReactNode;
|
444
|
+
afterList?: React.ReactNode;
|
442
445
|
virtual?: boolean;
|
443
446
|
flip?: boolean;
|
444
447
|
size?: string;
|
445
448
|
view?: string;
|
446
449
|
} & Omit<{
|
447
|
-
titleCaption?:
|
448
|
-
leftHelper?:
|
450
|
+
titleCaption?: React.ReactNode;
|
451
|
+
leftHelper?: React.ReactNode;
|
449
452
|
contentLeft?: React.ReactElement;
|
450
453
|
contentRight?: React.ReactElement;
|
451
454
|
textBefore?: string;
|
452
455
|
textAfter?: string;
|
453
|
-
onSearch?: (value: string, event?:
|
456
|
+
onSearch?: (value: string, event?: React.KeyboardEvent<HTMLInputElement>) => void;
|
454
457
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
455
458
|
clear?: false;
|
456
459
|
hasDivider?: never;
|
@@ -476,4 +479,8 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
476
479
|
chipValidator?: (value: string) => {
|
477
480
|
view?: string;
|
478
481
|
};
|
479
|
-
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<
|
482
|
+
}, "labelPlacement" | "enumerationType" | "chipType" | "chipView" | "chips" | "onChangeChips" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "size" | "value" | "required"> & React.RefAttributes<HTMLInputElement>))>;
|
483
|
+
type PropsFromConfig = keyof typeof config['variations'];
|
484
|
+
type Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;
|
485
|
+
export declare const Autocomplete: <T extends SuggestionItemType>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
|
486
|
+
export {};
|
@@ -2,13 +2,85 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
function _export(target, all) {
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
7
|
+
enumerable: true,
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
9
|
+
});
|
10
|
+
}
|
11
|
+
_export(exports, {
|
12
|
+
get Autocomplete () {
|
8
13
|
return Autocomplete;
|
14
|
+
},
|
15
|
+
get AutocompleteComponent () {
|
16
|
+
return AutocompleteComponent;
|
9
17
|
}
|
10
18
|
});
|
11
19
|
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
20
|
+
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
21
|
var _Autocompleteconfig = require("./Autocomplete.config");
|
22
|
+
function _define_property(obj, key, value) {
|
23
|
+
if (key in obj) {
|
24
|
+
Object.defineProperty(obj, key, {
|
25
|
+
value: value,
|
26
|
+
enumerable: true,
|
27
|
+
configurable: true,
|
28
|
+
writable: true
|
29
|
+
});
|
30
|
+
} else {
|
31
|
+
obj[key] = value;
|
32
|
+
}
|
33
|
+
return obj;
|
34
|
+
}
|
35
|
+
function _interop_require_default(obj) {
|
36
|
+
return obj && obj.__esModule ? obj : {
|
37
|
+
default: obj
|
38
|
+
};
|
39
|
+
}
|
40
|
+
function _object_spread(target) {
|
41
|
+
for(var i = 1; i < arguments.length; i++){
|
42
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
43
|
+
var ownKeys = Object.keys(source);
|
44
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
45
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
46
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
47
|
+
}));
|
48
|
+
}
|
49
|
+
ownKeys.forEach(function(key) {
|
50
|
+
_define_property(target, key, source[key]);
|
51
|
+
});
|
52
|
+
}
|
53
|
+
return target;
|
54
|
+
}
|
55
|
+
function ownKeys(object, enumerableOnly) {
|
56
|
+
var keys = Object.keys(object);
|
57
|
+
if (Object.getOwnPropertySymbols) {
|
58
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
59
|
+
if (enumerableOnly) {
|
60
|
+
symbols = symbols.filter(function(sym) {
|
61
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
62
|
+
});
|
63
|
+
}
|
64
|
+
keys.push.apply(keys, symbols);
|
65
|
+
}
|
66
|
+
return keys;
|
67
|
+
}
|
68
|
+
function _object_spread_props(target, source) {
|
69
|
+
source = source != null ? source : {};
|
70
|
+
if (Object.getOwnPropertyDescriptors) {
|
71
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
72
|
+
} else {
|
73
|
+
ownKeys(Object(source)).forEach(function(key) {
|
74
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
75
|
+
});
|
76
|
+
}
|
77
|
+
return target;
|
78
|
+
}
|
13
79
|
var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteconfig.config);
|
14
|
-
var
|
80
|
+
var AutocompleteComponent = (0, _styledcomponents.component)(mergedConfig);
|
81
|
+
var AutocompleteWithoutRef = function(props, ref) {
|
82
|
+
return /*#__PURE__*/ _react.default.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
|
83
|
+
ref: ref
|
84
|
+
}));
|
85
|
+
};
|
86
|
+
var Autocomplete = (0, _styledcomponents.fixedForwardRef)(AutocompleteWithoutRef);
|
@@ -43,7 +43,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
43
43
|
textAfter?: string;
|
44
44
|
variant?: "normal" | "tight";
|
45
45
|
zIndex?: React.CSSProperties["zIndex"];
|
46
|
-
listOverflow?: React.CSSProperties["overflow"];
|
47
46
|
listMaxHeight?: React.CSSProperties["height"];
|
48
47
|
listWidth?: React.CSSProperties["width"];
|
49
48
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -60,6 +59,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
60
59
|
view?: string;
|
61
60
|
emptyStateDescription?: string;
|
62
61
|
listHeight?: React.CSSProperties["height"];
|
62
|
+
listOverflow?: React.CSSProperties["overflow"];
|
63
63
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
64
64
|
readOnly?: boolean;
|
65
65
|
disabled?: true;
|
@@ -97,7 +97,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
97
97
|
textAfter?: string;
|
98
98
|
variant?: "normal" | "tight";
|
99
99
|
zIndex?: React.CSSProperties["zIndex"];
|
100
|
-
listOverflow?: React.CSSProperties["overflow"];
|
101
100
|
listMaxHeight?: React.CSSProperties["height"];
|
102
101
|
listWidth?: React.CSSProperties["width"];
|
103
102
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -114,6 +113,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
114
113
|
view?: string;
|
115
114
|
emptyStateDescription?: string;
|
116
115
|
listHeight?: React.CSSProperties["height"];
|
116
|
+
listOverflow?: React.CSSProperties["overflow"];
|
117
117
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
118
118
|
readOnly?: boolean;
|
119
119
|
disabled?: true;
|
@@ -151,7 +151,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
151
151
|
textAfter?: string;
|
152
152
|
variant?: "normal" | "tight";
|
153
153
|
zIndex?: React.CSSProperties["zIndex"];
|
154
|
-
listOverflow?: React.CSSProperties["overflow"];
|
155
154
|
listMaxHeight?: React.CSSProperties["height"];
|
156
155
|
listWidth?: React.CSSProperties["width"];
|
157
156
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -168,6 +167,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
168
167
|
view?: string;
|
169
168
|
emptyStateDescription?: string;
|
170
169
|
listHeight?: React.CSSProperties["height"];
|
170
|
+
listOverflow?: React.CSSProperties["overflow"];
|
171
171
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
172
172
|
readOnly?: boolean;
|
173
173
|
disabled?: true;
|
@@ -205,7 +205,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
205
205
|
textAfter?: string;
|
206
206
|
variant?: "normal" | "tight";
|
207
207
|
zIndex?: React.CSSProperties["zIndex"];
|
208
|
-
listOverflow?: React.CSSProperties["overflow"];
|
209
208
|
listMaxHeight?: React.CSSProperties["height"];
|
210
209
|
listWidth?: React.CSSProperties["width"];
|
211
210
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -222,6 +221,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
222
221
|
view?: string;
|
223
222
|
emptyStateDescription?: string;
|
224
223
|
listHeight?: React.CSSProperties["height"];
|
224
|
+
listOverflow?: React.CSSProperties["overflow"];
|
225
225
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
226
226
|
readOnly?: boolean;
|
227
227
|
disabled?: true;
|
@@ -259,7 +259,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
259
259
|
textAfter?: string;
|
260
260
|
variant?: "normal" | "tight";
|
261
261
|
zIndex?: React.CSSProperties["zIndex"];
|
262
|
-
listOverflow?: React.CSSProperties["overflow"];
|
263
262
|
listMaxHeight?: React.CSSProperties["height"];
|
264
263
|
listWidth?: React.CSSProperties["width"];
|
265
264
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -276,6 +275,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
276
275
|
view?: string;
|
277
276
|
emptyStateDescription?: string;
|
278
277
|
listHeight?: React.CSSProperties["height"];
|
278
|
+
listOverflow?: React.CSSProperties["overflow"];
|
279
279
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
280
280
|
readOnly?: boolean;
|
281
281
|
disabled?: true;
|
@@ -313,7 +313,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
313
313
|
textAfter?: string;
|
314
314
|
variant?: "normal" | "tight";
|
315
315
|
zIndex?: React.CSSProperties["zIndex"];
|
316
|
-
listOverflow?: React.CSSProperties["overflow"];
|
317
316
|
listMaxHeight?: React.CSSProperties["height"];
|
318
317
|
listWidth?: React.CSSProperties["width"];
|
319
318
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -330,6 +329,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
330
329
|
view?: string;
|
331
330
|
emptyStateDescription?: string;
|
332
331
|
listHeight?: React.CSSProperties["height"];
|
332
|
+
listOverflow?: React.CSSProperties["overflow"];
|
333
333
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
334
334
|
readOnly?: boolean;
|
335
335
|
disabled?: true;
|
@@ -367,7 +367,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
367
367
|
textAfter?: string;
|
368
368
|
variant?: "normal" | "tight";
|
369
369
|
zIndex?: React.CSSProperties["zIndex"];
|
370
|
-
listOverflow?: React.CSSProperties["overflow"];
|
371
370
|
listMaxHeight?: React.CSSProperties["height"];
|
372
371
|
listWidth?: React.CSSProperties["width"];
|
373
372
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -384,6 +383,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
384
383
|
view?: string;
|
385
384
|
emptyStateDescription?: string;
|
386
385
|
listHeight?: React.CSSProperties["height"];
|
386
|
+
listOverflow?: React.CSSProperties["overflow"];
|
387
387
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
388
388
|
readOnly?: boolean;
|
389
389
|
disabled?: true;
|
@@ -421,7 +421,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
421
421
|
textAfter?: string;
|
422
422
|
variant?: "normal" | "tight";
|
423
423
|
zIndex?: React.CSSProperties["zIndex"];
|
424
|
-
listOverflow?: React.CSSProperties["overflow"];
|
425
424
|
listMaxHeight?: React.CSSProperties["height"];
|
426
425
|
listWidth?: React.CSSProperties["width"];
|
427
426
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -438,6 +437,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
438
437
|
view?: string;
|
439
438
|
emptyStateDescription?: string;
|
440
439
|
listHeight?: React.CSSProperties["height"];
|
440
|
+
listOverflow?: React.CSSProperties["overflow"];
|
441
441
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
442
442
|
readOnly?: boolean;
|
443
443
|
disabled?: true;
|
@@ -475,7 +475,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
475
475
|
textAfter?: string;
|
476
476
|
variant?: "normal" | "tight";
|
477
477
|
zIndex?: React.CSSProperties["zIndex"];
|
478
|
-
listOverflow?: React.CSSProperties["overflow"];
|
479
478
|
listMaxHeight?: React.CSSProperties["height"];
|
480
479
|
listWidth?: React.CSSProperties["width"];
|
481
480
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -492,6 +491,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
492
491
|
view?: string;
|
493
492
|
emptyStateDescription?: string;
|
494
493
|
listHeight?: React.CSSProperties["height"];
|
494
|
+
listOverflow?: React.CSSProperties["overflow"];
|
495
495
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
496
496
|
readOnly?: true;
|
497
497
|
disabled?: boolean;
|
@@ -529,7 +529,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
529
529
|
textAfter?: string;
|
530
530
|
variant?: "normal" | "tight";
|
531
531
|
zIndex?: React.CSSProperties["zIndex"];
|
532
|
-
listOverflow?: React.CSSProperties["overflow"];
|
533
532
|
listMaxHeight?: React.CSSProperties["height"];
|
534
533
|
listWidth?: React.CSSProperties["width"];
|
535
534
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -546,6 +545,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
546
545
|
view?: string;
|
547
546
|
emptyStateDescription?: string;
|
548
547
|
listHeight?: React.CSSProperties["height"];
|
548
|
+
listOverflow?: React.CSSProperties["overflow"];
|
549
549
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
550
550
|
readOnly?: true;
|
551
551
|
disabled?: boolean;
|
@@ -583,7 +583,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
583
583
|
textAfter?: string;
|
584
584
|
variant?: "normal" | "tight";
|
585
585
|
zIndex?: React.CSSProperties["zIndex"];
|
586
|
-
listOverflow?: React.CSSProperties["overflow"];
|
587
586
|
listMaxHeight?: React.CSSProperties["height"];
|
588
587
|
listWidth?: React.CSSProperties["width"];
|
589
588
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -600,6 +599,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
600
599
|
view?: string;
|
601
600
|
emptyStateDescription?: string;
|
602
601
|
listHeight?: React.CSSProperties["height"];
|
602
|
+
listOverflow?: React.CSSProperties["overflow"];
|
603
603
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
604
604
|
readOnly?: true;
|
605
605
|
disabled?: boolean;
|
@@ -637,7 +637,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
637
637
|
textAfter?: string;
|
638
638
|
variant?: "normal" | "tight";
|
639
639
|
zIndex?: React.CSSProperties["zIndex"];
|
640
|
-
listOverflow?: React.CSSProperties["overflow"];
|
641
640
|
listMaxHeight?: React.CSSProperties["height"];
|
642
641
|
listWidth?: React.CSSProperties["width"];
|
643
642
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -654,6 +653,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
654
653
|
view?: string;
|
655
654
|
emptyStateDescription?: string;
|
656
655
|
listHeight?: React.CSSProperties["height"];
|
656
|
+
listOverflow?: React.CSSProperties["overflow"];
|
657
657
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
658
658
|
readOnly?: true;
|
659
659
|
disabled?: boolean;
|
@@ -691,7 +691,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
691
691
|
textAfter?: string;
|
692
692
|
variant?: "normal" | "tight";
|
693
693
|
zIndex?: React.CSSProperties["zIndex"];
|
694
|
-
listOverflow?: React.CSSProperties["overflow"];
|
695
694
|
listMaxHeight?: React.CSSProperties["height"];
|
696
695
|
listWidth?: React.CSSProperties["width"];
|
697
696
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -708,6 +707,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
708
707
|
view?: string;
|
709
708
|
emptyStateDescription?: string;
|
710
709
|
listHeight?: React.CSSProperties["height"];
|
710
|
+
listOverflow?: React.CSSProperties["overflow"];
|
711
711
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
712
712
|
readOnly?: true;
|
713
713
|
disabled?: boolean;
|
@@ -745,7 +745,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
745
745
|
textAfter?: string;
|
746
746
|
variant?: "normal" | "tight";
|
747
747
|
zIndex?: React.CSSProperties["zIndex"];
|
748
|
-
listOverflow?: React.CSSProperties["overflow"];
|
749
748
|
listMaxHeight?: React.CSSProperties["height"];
|
750
749
|
listWidth?: React.CSSProperties["width"];
|
751
750
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -762,6 +761,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
762
761
|
view?: string;
|
763
762
|
emptyStateDescription?: string;
|
764
763
|
listHeight?: React.CSSProperties["height"];
|
764
|
+
listOverflow?: React.CSSProperties["overflow"];
|
765
765
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
766
766
|
readOnly?: true;
|
767
767
|
disabled?: boolean;
|
@@ -799,7 +799,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
799
799
|
textAfter?: string;
|
800
800
|
variant?: "normal" | "tight";
|
801
801
|
zIndex?: React.CSSProperties["zIndex"];
|
802
|
-
listOverflow?: React.CSSProperties["overflow"];
|
803
802
|
listMaxHeight?: React.CSSProperties["height"];
|
804
803
|
listWidth?: React.CSSProperties["width"];
|
805
804
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -816,6 +815,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
816
815
|
view?: string;
|
817
816
|
emptyStateDescription?: string;
|
818
817
|
listHeight?: React.CSSProperties["height"];
|
818
|
+
listOverflow?: React.CSSProperties["overflow"];
|
819
819
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
820
820
|
readOnly?: true;
|
821
821
|
disabled?: boolean;
|
@@ -853,7 +853,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
853
853
|
textAfter?: string;
|
854
854
|
variant?: "normal" | "tight";
|
855
855
|
zIndex?: React.CSSProperties["zIndex"];
|
856
|
-
listOverflow?: React.CSSProperties["overflow"];
|
857
856
|
listMaxHeight?: React.CSSProperties["height"];
|
858
857
|
listWidth?: React.CSSProperties["width"];
|
859
858
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -870,6 +869,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
870
869
|
view?: string;
|
871
870
|
emptyStateDescription?: string;
|
872
871
|
listHeight?: React.CSSProperties["height"];
|
872
|
+
listOverflow?: React.CSSProperties["overflow"];
|
873
873
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
874
874
|
readOnly?: true;
|
875
875
|
disabled?: boolean;
|
@@ -907,7 +907,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
907
907
|
textAfter?: string;
|
908
908
|
variant?: "normal" | "tight";
|
909
909
|
zIndex?: React.CSSProperties["zIndex"];
|
910
|
-
listOverflow?: React.CSSProperties["overflow"];
|
911
910
|
listMaxHeight?: React.CSSProperties["height"];
|
912
911
|
listWidth?: React.CSSProperties["width"];
|
913
912
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -924,6 +923,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
924
923
|
view?: string;
|
925
924
|
emptyStateDescription?: string;
|
926
925
|
listHeight?: React.CSSProperties["height"];
|
926
|
+
listOverflow?: React.CSSProperties["overflow"];
|
927
927
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
928
928
|
readOnly?: false;
|
929
929
|
disabled?: false;
|
@@ -961,7 +961,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
961
961
|
textAfter?: string;
|
962
962
|
variant?: "normal" | "tight";
|
963
963
|
zIndex?: React.CSSProperties["zIndex"];
|
964
|
-
listOverflow?: React.CSSProperties["overflow"];
|
965
964
|
listMaxHeight?: React.CSSProperties["height"];
|
966
965
|
listWidth?: React.CSSProperties["width"];
|
967
966
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -978,6 +977,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
978
977
|
view?: string;
|
979
978
|
emptyStateDescription?: string;
|
980
979
|
listHeight?: React.CSSProperties["height"];
|
980
|
+
listOverflow?: React.CSSProperties["overflow"];
|
981
981
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
982
982
|
readOnly?: false;
|
983
983
|
disabled?: false;
|
@@ -1015,7 +1015,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1015
1015
|
textAfter?: string;
|
1016
1016
|
variant?: "normal" | "tight";
|
1017
1017
|
zIndex?: React.CSSProperties["zIndex"];
|
1018
|
-
listOverflow?: React.CSSProperties["overflow"];
|
1019
1018
|
listMaxHeight?: React.CSSProperties["height"];
|
1020
1019
|
listWidth?: React.CSSProperties["width"];
|
1021
1020
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -1032,6 +1031,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1032
1031
|
view?: string;
|
1033
1032
|
emptyStateDescription?: string;
|
1034
1033
|
listHeight?: React.CSSProperties["height"];
|
1034
|
+
listOverflow?: React.CSSProperties["overflow"];
|
1035
1035
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
1036
1036
|
readOnly?: false;
|
1037
1037
|
disabled?: false;
|
@@ -1069,7 +1069,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1069
1069
|
textAfter?: string;
|
1070
1070
|
variant?: "normal" | "tight";
|
1071
1071
|
zIndex?: React.CSSProperties["zIndex"];
|
1072
|
-
listOverflow?: React.CSSProperties["overflow"];
|
1073
1072
|
listMaxHeight?: React.CSSProperties["height"];
|
1074
1073
|
listWidth?: React.CSSProperties["width"];
|
1075
1074
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -1086,6 +1085,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1086
1085
|
view?: string;
|
1087
1086
|
emptyStateDescription?: string;
|
1088
1087
|
listHeight?: React.CSSProperties["height"];
|
1088
|
+
listOverflow?: React.CSSProperties["overflow"];
|
1089
1089
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
1090
1090
|
readOnly?: false;
|
1091
1091
|
disabled?: false;
|
@@ -1123,7 +1123,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1123
1123
|
textAfter?: string;
|
1124
1124
|
variant?: "normal" | "tight";
|
1125
1125
|
zIndex?: React.CSSProperties["zIndex"];
|
1126
|
-
listOverflow?: React.CSSProperties["overflow"];
|
1127
1126
|
listMaxHeight?: React.CSSProperties["height"];
|
1128
1127
|
listWidth?: React.CSSProperties["width"];
|
1129
1128
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -1140,6 +1139,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1140
1139
|
view?: string;
|
1141
1140
|
emptyStateDescription?: string;
|
1142
1141
|
listHeight?: React.CSSProperties["height"];
|
1142
|
+
listOverflow?: React.CSSProperties["overflow"];
|
1143
1143
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
1144
1144
|
readOnly?: false;
|
1145
1145
|
disabled?: false;
|
@@ -1177,7 +1177,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1177
1177
|
textAfter?: string;
|
1178
1178
|
variant?: "normal" | "tight";
|
1179
1179
|
zIndex?: React.CSSProperties["zIndex"];
|
1180
|
-
listOverflow?: React.CSSProperties["overflow"];
|
1181
1180
|
listMaxHeight?: React.CSSProperties["height"];
|
1182
1181
|
listWidth?: React.CSSProperties["width"];
|
1183
1182
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -1194,6 +1193,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1194
1193
|
view?: string;
|
1195
1194
|
emptyStateDescription?: string;
|
1196
1195
|
listHeight?: React.CSSProperties["height"];
|
1196
|
+
listOverflow?: React.CSSProperties["overflow"];
|
1197
1197
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
1198
1198
|
readOnly?: false;
|
1199
1199
|
disabled?: false;
|
@@ -1231,7 +1231,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1231
1231
|
textAfter?: string;
|
1232
1232
|
variant?: "normal" | "tight";
|
1233
1233
|
zIndex?: React.CSSProperties["zIndex"];
|
1234
|
-
listOverflow?: React.CSSProperties["overflow"];
|
1235
1234
|
listMaxHeight?: React.CSSProperties["height"];
|
1236
1235
|
listWidth?: React.CSSProperties["width"];
|
1237
1236
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -1248,6 +1247,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1248
1247
|
view?: string;
|
1249
1248
|
emptyStateDescription?: string;
|
1250
1249
|
listHeight?: React.CSSProperties["height"];
|
1250
|
+
listOverflow?: React.CSSProperties["overflow"];
|
1251
1251
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
1252
1252
|
readOnly?: false;
|
1253
1253
|
disabled?: false;
|
@@ -1285,7 +1285,6 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1285
1285
|
textAfter?: string;
|
1286
1286
|
variant?: "normal" | "tight";
|
1287
1287
|
zIndex?: React.CSSProperties["zIndex"];
|
1288
|
-
listOverflow?: React.CSSProperties["overflow"];
|
1289
1288
|
listMaxHeight?: React.CSSProperties["height"];
|
1290
1289
|
listWidth?: React.CSSProperties["width"];
|
1291
1290
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -1302,6 +1301,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
|
|
1302
1301
|
view?: string;
|
1303
1302
|
emptyStateDescription?: string;
|
1304
1303
|
listHeight?: React.CSSProperties["height"];
|
1304
|
+
listOverflow?: React.CSSProperties["overflow"];
|
1305
1305
|
} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
1306
1306
|
readOnly?: false;
|
1307
1307
|
disabled?: false;
|
@@ -22,7 +22,6 @@ declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-
|
|
22
22
|
openByRightClick?: boolean;
|
23
23
|
placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement;
|
24
24
|
offset?: [number, number];
|
25
|
-
listOverflow?: React.CSSProperties["overflow"];
|
26
25
|
listMaxHeight?: React.CSSProperties["height"];
|
27
26
|
listWidth?: React.CSSProperties["width"];
|
28
27
|
hasArrow?: boolean;
|
@@ -40,6 +39,7 @@ declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-
|
|
40
39
|
onItemClick?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
|
41
40
|
listHeight?: React.CSSProperties["height"];
|
42
41
|
hoverIndex?: number;
|
42
|
+
listOverflow?: React.CSSProperties["overflow"];
|
43
43
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
44
44
|
export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
|
45
45
|
declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
@@ -64,7 +64,6 @@ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewPr
|
|
64
64
|
openByRightClick?: boolean;
|
65
65
|
placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement;
|
66
66
|
offset?: [number, number];
|
67
|
-
listOverflow?: React.CSSProperties["overflow"];
|
68
67
|
listMaxHeight?: React.CSSProperties["height"];
|
69
68
|
listWidth?: React.CSSProperties["width"];
|
70
69
|
hasArrow?: boolean;
|
@@ -82,5 +81,6 @@ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewPr
|
|
82
81
|
onItemClick?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
|
83
82
|
listHeight?: React.CSSProperties["height"];
|
84
83
|
hoverIndex?: number;
|
84
|
+
listOverflow?: React.CSSProperties["overflow"];
|
85
85
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "view" | "size"> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
|
86
86
|
export { Dropdown };
|
@@ -78,7 +78,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
78
78
|
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
|
79
79
|
variant?: "normal" | "tight";
|
80
80
|
zIndex?: React.CSSProperties["zIndex"];
|
81
|
-
listOverflow?: React.CSSProperties["overflow"];
|
82
81
|
listMaxHeight?: React.CSSProperties["height"];
|
83
82
|
listWidth?: React.CSSProperties["width"];
|
84
83
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -98,6 +97,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
98
97
|
isOpen?: boolean;
|
99
98
|
listHeight?: React.CSSProperties["height"];
|
100
99
|
onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
|
100
|
+
listOverflow?: React.CSSProperties["overflow"];
|
101
101
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
102
102
|
hintText: string;
|
103
103
|
hintTrigger?: "hover" | "click";
|
@@ -136,7 +136,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
136
136
|
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
|
137
137
|
variant?: "normal" | "tight";
|
138
138
|
zIndex?: React.CSSProperties["zIndex"];
|
139
|
-
listOverflow?: React.CSSProperties["overflow"];
|
140
139
|
listMaxHeight?: React.CSSProperties["height"];
|
141
140
|
listWidth?: React.CSSProperties["width"];
|
142
141
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -156,6 +155,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
156
155
|
isOpen?: boolean;
|
157
156
|
listHeight?: React.CSSProperties["height"];
|
158
157
|
onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
|
158
|
+
listOverflow?: React.CSSProperties["overflow"];
|
159
159
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
160
160
|
hintTrigger?: never;
|
161
161
|
hintText?: never;
|
@@ -193,7 +193,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
193
193
|
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
|
194
194
|
variant?: "normal" | "tight";
|
195
195
|
zIndex?: React.CSSProperties["zIndex"];
|
196
|
-
listOverflow?: React.CSSProperties["overflow"];
|
197
196
|
listMaxHeight?: React.CSSProperties["height"];
|
198
197
|
listWidth?: React.CSSProperties["width"];
|
199
198
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -213,6 +212,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
213
212
|
isOpen?: boolean;
|
214
213
|
listHeight?: React.CSSProperties["height"];
|
215
214
|
onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
|
215
|
+
listOverflow?: React.CSSProperties["overflow"];
|
216
216
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
|
217
217
|
hintTrigger?: never;
|
218
218
|
hintText?: never;
|
@@ -251,7 +251,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
251
251
|
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
|
252
252
|
variant?: "normal" | "tight";
|
253
253
|
zIndex?: React.CSSProperties["zIndex"];
|
254
|
-
listOverflow?: React.CSSProperties["overflow"];
|
255
254
|
listMaxHeight?: React.CSSProperties["height"];
|
256
255
|
listWidth?: React.CSSProperties["width"];
|
257
256
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -271,6 +270,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
271
270
|
isOpen?: boolean;
|
272
271
|
listHeight?: React.CSSProperties["height"];
|
273
272
|
onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
|
273
|
+
listOverflow?: React.CSSProperties["overflow"];
|
274
274
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
275
275
|
target: "button-like";
|
276
276
|
view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
|
@@ -296,7 +296,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
296
296
|
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
|
297
297
|
variant?: "normal" | "tight";
|
298
298
|
zIndex?: React.CSSProperties["zIndex"];
|
299
|
-
listOverflow?: React.CSSProperties["overflow"];
|
300
299
|
listMaxHeight?: React.CSSProperties["height"];
|
301
300
|
listWidth?: React.CSSProperties["width"];
|
302
301
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -316,6 +315,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
316
315
|
isOpen?: boolean;
|
317
316
|
listHeight?: React.CSSProperties["height"];
|
318
317
|
onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
|
318
|
+
listOverflow?: React.CSSProperties["overflow"];
|
319
319
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
|
320
320
|
target: "button-like";
|
321
321
|
view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
|
@@ -342,7 +342,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
342
342
|
placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
|
343
343
|
variant?: "normal" | "tight";
|
344
344
|
zIndex?: React.CSSProperties["zIndex"];
|
345
|
-
listOverflow?: React.CSSProperties["overflow"];
|
346
345
|
listMaxHeight?: React.CSSProperties["height"];
|
347
346
|
listWidth?: React.CSSProperties["width"];
|
348
347
|
portal?: string | React.RefObject<HTMLElement>;
|
@@ -362,6 +361,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
|
|
362
361
|
isOpen?: boolean;
|
363
362
|
listHeight?: React.CSSProperties["height"];
|
364
363
|
onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
|
364
|
+
listOverflow?: React.CSSProperties["overflow"];
|
365
365
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
|
366
366
|
export type SelectProps<T, K extends DropdownNodeSelect> = DistributiveOmit<MergedSelectPropsNewHope<T, K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
|
367
367
|
declare const Select: <T, K extends DropdownNodeSelect>(props: SelectProps<T, K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
|
@@ -2,11 +2,24 @@
|
|
2
2
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
5
6
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
7
|
+
var React = require('react');
|
6
8
|
var Autocomplete_config = require('./Autocomplete.config.js');
|
7
9
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
11
|
+
|
12
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
13
|
+
|
8
14
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.autocompleteConfig, Autocomplete_config.config);
|
9
|
-
var
|
15
|
+
var AutocompleteComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
16
|
+
var AutocompleteWithoutRef = function AutocompleteWithoutRef(props, ref) {
|
17
|
+
return /*#__PURE__*/React__default.default.createElement(AutocompleteComponent, _rollupPluginBabelHelpers.extends({}, props, {
|
18
|
+
ref: ref
|
19
|
+
}));
|
20
|
+
};
|
21
|
+
var Autocomplete = /*#__PURE__*/plasmaNewHope.fixedForwardRef(AutocompleteWithoutRef);
|
10
22
|
|
11
23
|
exports.Autocomplete = Autocomplete;
|
24
|
+
exports.AutocompleteComponent = AutocompleteComponent;
|
12
25
|
//# sourceMappingURL=Autocomplete.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../../src-css/components/Autocomplete/Autocomplete.
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../../src-css/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n autocompleteConfig,\n AutocompleteProps,\n component,\n DistributiveOmit,\n DistributivePick,\n mergeConfig,\n SuggestionItemType,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps } from 'react';\n\nimport { config } from './Autocomplete.config';\n\nconst mergedConfig = mergeConfig(autocompleteConfig, config);\nexport const AutocompleteComponent = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;\n\nconst AutocompleteWithoutRef = <T extends SuggestionItemType>(\n props: Props<T>,\n ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n return <AutocompleteComponent {...(props as any)} ref={ref} />;\n};\n\nexport const Autocomplete = fixedForwardRef(AutocompleteWithoutRef);\n"],"names":["mergedConfig","mergeConfig","autocompleteConfig","config","AutocompleteComponent","component","AutocompleteWithoutRef","props","ref","React","createElement","_extends","Autocomplete","fixedForwardRef"],"mappings":";;;;;;;;;;;;;AAcA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC,CAAA;IAC/CC,qBAAqB,gBAAGC,uBAAS,CAACL,YAAY,EAAC;AAO5D,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBC,KAAe,EACfC,GAAyC,EACxC;EACD,oBAAOC,sBAAA,CAAAC,aAAA,CAACN,qBAAqB,EAAAO,iCAAA,KAAMJ,KAAK,EAAA;AAAUC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAE,CAAC,CAAA;AAClE,CAAC,CAAA;IAEYI,YAAY,gBAAGC,6BAAe,CAACP,sBAAsB;;;;;"}
|
@@ -1,8 +1,16 @@
|
|
1
|
-
import {
|
1
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import { fixedForwardRef, component, mergeConfig, autocompleteConfig } from '@salutejs/plasma-new-hope';
|
3
|
+
import React from 'react';
|
2
4
|
import { config } from './Autocomplete.config.js';
|
3
5
|
|
4
6
|
var mergedConfig = /*#__PURE__*/mergeConfig(autocompleteConfig, config);
|
5
|
-
var
|
7
|
+
var AutocompleteComponent = /*#__PURE__*/component(mergedConfig);
|
8
|
+
var AutocompleteWithoutRef = function AutocompleteWithoutRef(props, ref) {
|
9
|
+
return /*#__PURE__*/React.createElement(AutocompleteComponent, _extends({}, props, {
|
10
|
+
ref: ref
|
11
|
+
}));
|
12
|
+
};
|
13
|
+
var Autocomplete = /*#__PURE__*/fixedForwardRef(AutocompleteWithoutRef);
|
6
14
|
|
7
|
-
export { Autocomplete };
|
15
|
+
export { Autocomplete, AutocompleteComponent };
|
8
16
|
//# sourceMappingURL=Autocomplete.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../../src-css/components/Autocomplete/Autocomplete.
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../../src-css/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n autocompleteConfig,\n AutocompleteProps,\n component,\n DistributiveOmit,\n DistributivePick,\n mergeConfig,\n SuggestionItemType,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps } from 'react';\n\nimport { config } from './Autocomplete.config';\n\nconst mergedConfig = mergeConfig(autocompleteConfig, config);\nexport const AutocompleteComponent = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;\n\nconst AutocompleteWithoutRef = <T extends SuggestionItemType>(\n props: Props<T>,\n ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n return <AutocompleteComponent {...(props as any)} ref={ref} />;\n};\n\nexport const Autocomplete = fixedForwardRef(AutocompleteWithoutRef);\n"],"names":["mergedConfig","mergeConfig","autocompleteConfig","config","AutocompleteComponent","component","AutocompleteWithoutRef","props","ref","React","createElement","_extends","Autocomplete","fixedForwardRef"],"mappings":";;;;;AAcA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAM,CAAC,CAAA;IAC/CC,qBAAqB,gBAAGC,SAAS,CAACL,YAAY,EAAC;AAO5D,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CACxBC,KAAe,EACfC,GAAyC,EACxC;EACD,oBAAOC,KAAA,CAAAC,aAAA,CAACN,qBAAqB,EAAAO,QAAA,KAAMJ,KAAK,EAAA;AAAUC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAE,CAAC,CAAA;AAClE,CAAC,CAAA;IAEYI,YAAY,gBAAGC,eAAe,CAACP,sBAAsB;;;;"}
|
@@ -1,4 +1,63 @@
|
|
1
|
-
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
30
|
+
var keys = Object.keys(object);
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
33
|
+
if (enumerableOnly) {
|
34
|
+
symbols = symbols.filter(function(sym) {
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
36
|
+
});
|
37
|
+
}
|
38
|
+
keys.push.apply(keys, symbols);
|
39
|
+
}
|
40
|
+
return keys;
|
41
|
+
}
|
42
|
+
function _object_spread_props(target, source) {
|
43
|
+
source = source != null ? source : {};
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
46
|
+
} else {
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
49
|
+
});
|
50
|
+
}
|
51
|
+
return target;
|
52
|
+
}
|
53
|
+
import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
|
54
|
+
import React from 'react';
|
2
55
|
import { config } from './Autocomplete.config';
|
3
56
|
var mergedConfig = mergeConfig(autocompleteConfig, config);
|
4
|
-
export var
|
57
|
+
export var AutocompleteComponent = component(mergedConfig);
|
58
|
+
var AutocompleteWithoutRef = function(props, ref) {
|
59
|
+
return /*#__PURE__*/ React.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
|
60
|
+
ref: ref
|
61
|
+
}));
|
62
|
+
};
|
63
|
+
export var Autocomplete = fixedForwardRef(AutocompleteWithoutRef);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.594.0-canary.2218.
|
3
|
+
"version": "1.594.0-canary.2218.17560383957.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.207.0",
|
23
23
|
"@salutejs/plasma-hope": "1.352.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.336.0-canary.2218.
|
24
|
+
"@salutejs/plasma-new-hope": "0.336.0-canary.2218.17560383957.0",
|
25
25
|
"@salutejs/plasma-themes": "0.37.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.53.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.64.0",
|
@@ -111,5 +111,5 @@
|
|
111
111
|
"Fanil Zubairov"
|
112
112
|
],
|
113
113
|
"sideEffects": false,
|
114
|
-
"gitHead": "
|
114
|
+
"gitHead": "f78f0ea5fbd6adf013264ee107076b67011c340f"
|
115
115
|
}
|