@salutejs/sdds-dfa 0.172.0-canary.1550.11801015277.0 → 0.172.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-dfa.api.md +240 -59
- package/components/Attach/Attach.d.ts +8 -8
- package/components/Button/Button.d.ts +4 -4
- package/components/Combobox/Combobox.d.ts +80 -82
- package/components/Combobox/Combobox.js +1 -10
- package/components/Combobox/index.d.ts +465 -1
- package/components/Combobox/index.js +3 -7
- package/components/IconButton/IconButton.d.ts +2 -2
- package/components/Mask/Mask.d.ts +16 -16
- package/components/Radiobox/Radiobox.d.ts +2 -2
- package/components/Select/Select.config.d.ts +7 -15
- package/components/Select/Select.config.js +21 -29
- package/components/Select/Select.d.ts +50 -59
- package/components/Select/Select.js +6 -5
- package/components/Switch/Switch.config.d.ts +7 -0
- package/components/Switch/Switch.config.js +12 -5
- package/components/Switch/Switch.d.ts +12 -0
- package/components/TextArea/TextArea.d.ts +16 -16
- package/components/TextField/TextField.d.ts +16 -16
- package/es/components/Combobox/Combobox.js +2 -11
- package/es/components/Combobox/index.js +3 -1
- package/es/components/Select/Select.config.js +22 -30
- package/es/components/Select/Select.js +4 -5
- package/es/components/Switch/Switch.config.js +12 -5
- package/package.json +3 -3
- package/temp/sdds-dfa.api.md +0 -5323
package/api/sdds-dfa.api.md
CHANGED
@@ -9,7 +9,7 @@
|
|
9
9
|
import { addFocus } from '@salutejs/plasma-new-hope/styled-components';
|
10
10
|
import { AlignProp } from '@salutejs/plasma-new-hope/types/components/Cell/Cell.types';
|
11
11
|
import { AnchorHTMLAttributes } from 'react';
|
12
|
-
import { AsProps } from '@salutejs/plasma-new-hope/
|
12
|
+
import { AsProps } from '@salutejs/plasma-new-hope/types/types';
|
13
13
|
import { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
14
14
|
import { AvatarProps } from '@salutejs/plasma-new-hope/styled-components';
|
15
15
|
import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -79,8 +79,6 @@ import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-component
|
|
79
79
|
import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
|
80
80
|
import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
|
81
81
|
import { DatePickerVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
|
82
|
-
import type { DistributiveOmit } from '@salutejs/plasma-new-hope';
|
83
|
-
import type { DistributivePick } from '@salutejs/plasma-new-hope';
|
84
82
|
import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
|
85
83
|
import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
|
86
84
|
import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -88,7 +86,6 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
|
|
88
86
|
import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
|
89
87
|
import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
|
90
88
|
import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
|
91
|
-
import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
|
92
89
|
import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
|
93
90
|
import { dsplL } from '@salutejs/sdds-themes/tokens';
|
94
91
|
import { dsplLBold } from '@salutejs/sdds-themes/tokens';
|
@@ -100,6 +97,7 @@ import type { FC } from 'react';
|
|
100
97
|
import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
|
101
98
|
import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
|
102
99
|
import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
|
100
|
+
import type { ForwardedRef } from 'react';
|
103
101
|
import { ForwardRefExoticComponent } from 'react';
|
104
102
|
import { FunctionComponent } from 'react';
|
105
103
|
import { GridProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -117,18 +115,19 @@ import { HTMLAttributes } from 'react';
|
|
117
115
|
import { ImageProps } from '@salutejs/plasma-new-hope/styled-components';
|
118
116
|
import { ImgHTMLAttributes } from 'react';
|
119
117
|
import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
120
|
-
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/
|
118
|
+
import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
|
121
119
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
|
122
120
|
import type { ItemOption } from '@salutejs/plasma-new-hope';
|
123
|
-
import type { ItemOptionSelect } from '@salutejs/plasma-new-hope';
|
124
121
|
import { JSXElementConstructor } from 'react';
|
125
122
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
126
123
|
import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
|
127
124
|
import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
|
128
125
|
import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
|
126
|
+
import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
|
129
127
|
import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
|
130
128
|
import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
|
131
129
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
130
|
+
import { MutableRefObject } from 'react';
|
132
131
|
import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
|
133
132
|
import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
|
134
133
|
import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
|
@@ -172,7 +171,7 @@ import { SegmentGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
172
171
|
import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
|
173
172
|
import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
|
174
173
|
import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
|
175
|
-
import type { SelectProps
|
174
|
+
import type { SelectProps } from '@salutejs/plasma-new-hope/styled-components';
|
176
175
|
import { sheetClasses } from '@salutejs/plasma-new-hope/styled-components';
|
177
176
|
import { SheetProps } from '@salutejs/plasma-new-hope/styled-components';
|
178
177
|
import { ShowToastArgs } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -192,7 +191,7 @@ import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
|
|
192
191
|
import { TabsContext } from '@salutejs/plasma-new-hope/styled-components';
|
193
192
|
import { TabsControllerProps } from '@salutejs/plasma-new-hope/styled-components';
|
194
193
|
import { TabsProps } from '@salutejs/plasma-new-hope/styled-components';
|
195
|
-
import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/
|
194
|
+
import { TextareaHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
|
196
195
|
import { TextFieldGroupProps } from '@salutejs/plasma-new-hope/styled-components';
|
197
196
|
import { TextFieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/TextField/TextField.types';
|
198
197
|
import { TextfieldPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
|
@@ -1011,15 +1010,15 @@ true: PolymorphicClassName;
|
|
1011
1010
|
label?: string | undefined;
|
1012
1011
|
placeholder?: string | undefined;
|
1013
1012
|
helperText?: string | undefined;
|
1014
|
-
contentLeft?:
|
1013
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1015
1014
|
textBefore?: string | undefined;
|
1016
1015
|
textAfter?: string | undefined;
|
1017
1016
|
variant?: "normal" | "tight" | undefined;
|
1018
1017
|
listOverflow?: Property.Overflow | undefined;
|
1019
1018
|
listHeight?: Property.Height<string | number> | undefined;
|
1020
1019
|
listWidth?: Property.Width<string | number> | undefined;
|
1021
|
-
portal?:
|
1022
|
-
renderItem?: ((item: ItemOption) =>
|
1020
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1021
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1023
1022
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1024
1023
|
closeAfterSelect?: boolean | undefined;
|
1025
1024
|
size?: string | undefined;
|
@@ -1041,21 +1040,21 @@ true: PolymorphicClassName;
|
|
1041
1040
|
} & {
|
1042
1041
|
required: true;
|
1043
1042
|
optional?: false | undefined;
|
1044
|
-
} & Omit<
|
1043
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1045
1044
|
items: ItemOption[];
|
1046
1045
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1047
1046
|
label?: string | undefined;
|
1048
1047
|
placeholder?: string | undefined;
|
1049
1048
|
helperText?: string | undefined;
|
1050
|
-
contentLeft?:
|
1049
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1051
1050
|
textBefore?: string | undefined;
|
1052
1051
|
textAfter?: string | undefined;
|
1053
1052
|
variant?: "normal" | "tight" | undefined;
|
1054
1053
|
listOverflow?: Property.Overflow | undefined;
|
1055
1054
|
listHeight?: Property.Height<string | number> | undefined;
|
1056
1055
|
listWidth?: Property.Width<string | number> | undefined;
|
1057
|
-
portal?:
|
1058
|
-
renderItem?: ((item: ItemOption) =>
|
1056
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1057
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1059
1058
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1060
1059
|
closeAfterSelect?: boolean | undefined;
|
1061
1060
|
size?: string | undefined;
|
@@ -1077,21 +1076,21 @@ true: PolymorphicClassName;
|
|
1077
1076
|
} & {
|
1078
1077
|
optional?: true | undefined;
|
1079
1078
|
required?: false | undefined;
|
1080
|
-
} & Omit<
|
1079
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1081
1080
|
items: ItemOption[];
|
1082
1081
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1083
1082
|
label?: string | undefined;
|
1084
1083
|
placeholder?: string | undefined;
|
1085
1084
|
helperText?: string | undefined;
|
1086
|
-
contentLeft?:
|
1085
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1087
1086
|
textBefore?: string | undefined;
|
1088
1087
|
textAfter?: string | undefined;
|
1089
1088
|
variant?: "normal" | "tight" | undefined;
|
1090
1089
|
listOverflow?: Property.Overflow | undefined;
|
1091
1090
|
listHeight?: Property.Height<string | number> | undefined;
|
1092
1091
|
listWidth?: Property.Width<string | number> | undefined;
|
1093
|
-
portal?:
|
1094
|
-
renderItem?: ((item: ItemOption) =>
|
1092
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1093
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1095
1094
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1096
1095
|
closeAfterSelect?: boolean | undefined;
|
1097
1096
|
size?: string | undefined;
|
@@ -1113,21 +1112,21 @@ true: PolymorphicClassName;
|
|
1113
1112
|
} & {
|
1114
1113
|
required: true;
|
1115
1114
|
optional?: false | undefined;
|
1116
|
-
} & Omit<
|
1115
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1117
1116
|
items: ItemOption[];
|
1118
1117
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1119
1118
|
label?: string | undefined;
|
1120
1119
|
placeholder?: string | undefined;
|
1121
1120
|
helperText?: string | undefined;
|
1122
|
-
contentLeft?:
|
1121
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1123
1122
|
textBefore?: string | undefined;
|
1124
1123
|
textAfter?: string | undefined;
|
1125
1124
|
variant?: "normal" | "tight" | undefined;
|
1126
1125
|
listOverflow?: Property.Overflow | undefined;
|
1127
1126
|
listHeight?: Property.Height<string | number> | undefined;
|
1128
1127
|
listWidth?: Property.Width<string | number> | undefined;
|
1129
|
-
portal?:
|
1130
|
-
renderItem?: ((item: ItemOption) =>
|
1128
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1129
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1131
1130
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1132
1131
|
closeAfterSelect?: boolean | undefined;
|
1133
1132
|
size?: string | undefined;
|
@@ -1149,21 +1148,21 @@ true: PolymorphicClassName;
|
|
1149
1148
|
} & {
|
1150
1149
|
optional?: true | undefined;
|
1151
1150
|
required?: false | undefined;
|
1152
|
-
} & Omit<
|
1151
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1153
1152
|
items: ItemOption[];
|
1154
1153
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1155
1154
|
label?: string | undefined;
|
1156
1155
|
placeholder?: string | undefined;
|
1157
1156
|
helperText?: string | undefined;
|
1158
|
-
contentLeft?:
|
1157
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1159
1158
|
textBefore?: string | undefined;
|
1160
1159
|
textAfter?: string | undefined;
|
1161
1160
|
variant?: "normal" | "tight" | undefined;
|
1162
1161
|
listOverflow?: Property.Overflow | undefined;
|
1163
1162
|
listHeight?: Property.Height<string | number> | undefined;
|
1164
1163
|
listWidth?: Property.Width<string | number> | undefined;
|
1165
|
-
portal?:
|
1166
|
-
renderItem?: ((item: ItemOption) =>
|
1164
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1165
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1167
1166
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1168
1167
|
closeAfterSelect?: boolean | undefined;
|
1169
1168
|
size?: string | undefined;
|
@@ -1185,21 +1184,21 @@ true: PolymorphicClassName;
|
|
1185
1184
|
} & {
|
1186
1185
|
required: true;
|
1187
1186
|
optional?: false | undefined;
|
1188
|
-
} & Omit<
|
1187
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1189
1188
|
items: ItemOption[];
|
1190
1189
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1191
1190
|
label?: string | undefined;
|
1192
1191
|
placeholder?: string | undefined;
|
1193
1192
|
helperText?: string | undefined;
|
1194
|
-
contentLeft?:
|
1193
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1195
1194
|
textBefore?: string | undefined;
|
1196
1195
|
textAfter?: string | undefined;
|
1197
1196
|
variant?: "normal" | "tight" | undefined;
|
1198
1197
|
listOverflow?: Property.Overflow | undefined;
|
1199
1198
|
listHeight?: Property.Height<string | number> | undefined;
|
1200
1199
|
listWidth?: Property.Width<string | number> | undefined;
|
1201
|
-
portal?:
|
1202
|
-
renderItem?: ((item: ItemOption) =>
|
1200
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1201
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1203
1202
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1204
1203
|
closeAfterSelect?: boolean | undefined;
|
1205
1204
|
size?: string | undefined;
|
@@ -1221,21 +1220,21 @@ true: PolymorphicClassName;
|
|
1221
1220
|
} & {
|
1222
1221
|
optional?: true | undefined;
|
1223
1222
|
required?: false | undefined;
|
1224
|
-
} & Omit<
|
1223
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1225
1224
|
items: ItemOption[];
|
1226
1225
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1227
1226
|
label?: string | undefined;
|
1228
1227
|
placeholder?: string | undefined;
|
1229
1228
|
helperText?: string | undefined;
|
1230
|
-
contentLeft?:
|
1229
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1231
1230
|
textBefore?: string | undefined;
|
1232
1231
|
textAfter?: string | undefined;
|
1233
1232
|
variant?: "normal" | "tight" | undefined;
|
1234
1233
|
listOverflow?: Property.Overflow | undefined;
|
1235
1234
|
listHeight?: Property.Height<string | number> | undefined;
|
1236
1235
|
listWidth?: Property.Width<string | number> | undefined;
|
1237
|
-
portal?:
|
1238
|
-
renderItem?: ((item: ItemOption) =>
|
1236
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1237
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1239
1238
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1240
1239
|
closeAfterSelect?: boolean | undefined;
|
1241
1240
|
size?: string | undefined;
|
@@ -1257,21 +1256,21 @@ true: PolymorphicClassName;
|
|
1257
1256
|
} & {
|
1258
1257
|
required: true;
|
1259
1258
|
optional?: false | undefined;
|
1260
|
-
} & Omit<
|
1259
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1261
1260
|
items: ItemOption[];
|
1262
1261
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1263
1262
|
label?: string | undefined;
|
1264
1263
|
placeholder?: string | undefined;
|
1265
1264
|
helperText?: string | undefined;
|
1266
|
-
contentLeft?:
|
1265
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1267
1266
|
textBefore?: string | undefined;
|
1268
1267
|
textAfter?: string | undefined;
|
1269
1268
|
variant?: "normal" | "tight" | undefined;
|
1270
1269
|
listOverflow?: Property.Overflow | undefined;
|
1271
1270
|
listHeight?: Property.Height<string | number> | undefined;
|
1272
1271
|
listWidth?: Property.Width<string | number> | undefined;
|
1273
|
-
portal?:
|
1274
|
-
renderItem?: ((item: ItemOption) =>
|
1272
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1273
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1275
1274
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1276
1275
|
closeAfterSelect?: boolean | undefined;
|
1277
1276
|
size?: string | undefined;
|
@@ -1293,21 +1292,21 @@ true: PolymorphicClassName;
|
|
1293
1292
|
} & {
|
1294
1293
|
optional?: true | undefined;
|
1295
1294
|
required?: false | undefined;
|
1296
|
-
} & Omit<
|
1295
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1297
1296
|
items: ItemOption[];
|
1298
1297
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1299
1298
|
label?: string | undefined;
|
1300
1299
|
placeholder?: string | undefined;
|
1301
1300
|
helperText?: string | undefined;
|
1302
|
-
contentLeft?:
|
1301
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1303
1302
|
textBefore?: string | undefined;
|
1304
1303
|
textAfter?: string | undefined;
|
1305
1304
|
variant?: "normal" | "tight" | undefined;
|
1306
1305
|
listOverflow?: Property.Overflow | undefined;
|
1307
1306
|
listHeight?: Property.Height<string | number> | undefined;
|
1308
1307
|
listWidth?: Property.Width<string | number> | undefined;
|
1309
|
-
portal?:
|
1310
|
-
renderItem?: ((item: ItemOption) =>
|
1308
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1309
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1311
1310
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1312
1311
|
closeAfterSelect?: boolean | undefined;
|
1313
1312
|
size?: string | undefined;
|
@@ -1329,21 +1328,21 @@ true: PolymorphicClassName;
|
|
1329
1328
|
} & {
|
1330
1329
|
required: true;
|
1331
1330
|
optional?: false | undefined;
|
1332
|
-
} & Omit<
|
1331
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1333
1332
|
items: ItemOption[];
|
1334
1333
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1335
1334
|
label?: string | undefined;
|
1336
1335
|
placeholder?: string | undefined;
|
1337
1336
|
helperText?: string | undefined;
|
1338
|
-
contentLeft?:
|
1337
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1339
1338
|
textBefore?: string | undefined;
|
1340
1339
|
textAfter?: string | undefined;
|
1341
1340
|
variant?: "normal" | "tight" | undefined;
|
1342
1341
|
listOverflow?: Property.Overflow | undefined;
|
1343
1342
|
listHeight?: Property.Height<string | number> | undefined;
|
1344
1343
|
listWidth?: Property.Width<string | number> | undefined;
|
1345
|
-
portal?:
|
1346
|
-
renderItem?: ((item: ItemOption) =>
|
1344
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1345
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1347
1346
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1348
1347
|
closeAfterSelect?: boolean | undefined;
|
1349
1348
|
size?: string | undefined;
|
@@ -1365,21 +1364,21 @@ true: PolymorphicClassName;
|
|
1365
1364
|
} & {
|
1366
1365
|
optional?: true | undefined;
|
1367
1366
|
required?: false | undefined;
|
1368
|
-
} & Omit<
|
1367
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1369
1368
|
items: ItemOption[];
|
1370
1369
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1371
1370
|
label?: string | undefined;
|
1372
1371
|
placeholder?: string | undefined;
|
1373
1372
|
helperText?: string | undefined;
|
1374
|
-
contentLeft?:
|
1373
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1375
1374
|
textBefore?: string | undefined;
|
1376
1375
|
textAfter?: string | undefined;
|
1377
1376
|
variant?: "normal" | "tight" | undefined;
|
1378
1377
|
listOverflow?: Property.Overflow | undefined;
|
1379
1378
|
listHeight?: Property.Height<string | number> | undefined;
|
1380
1379
|
listWidth?: Property.Width<string | number> | undefined;
|
1381
|
-
portal?:
|
1382
|
-
renderItem?: ((item: ItemOption) =>
|
1380
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1381
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1383
1382
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1384
1383
|
closeAfterSelect?: boolean | undefined;
|
1385
1384
|
size?: string | undefined;
|
@@ -1401,21 +1400,21 @@ true: PolymorphicClassName;
|
|
1401
1400
|
} & {
|
1402
1401
|
required: true;
|
1403
1402
|
optional?: false | undefined;
|
1404
|
-
} & Omit<
|
1403
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
|
1405
1404
|
items: ItemOption[];
|
1406
1405
|
placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
|
1407
1406
|
label?: string | undefined;
|
1408
1407
|
placeholder?: string | undefined;
|
1409
1408
|
helperText?: string | undefined;
|
1410
|
-
contentLeft?:
|
1409
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1411
1410
|
textBefore?: string | undefined;
|
1412
1411
|
textAfter?: string | undefined;
|
1413
1412
|
variant?: "normal" | "tight" | undefined;
|
1414
1413
|
listOverflow?: Property.Overflow | undefined;
|
1415
1414
|
listHeight?: Property.Height<string | number> | undefined;
|
1416
1415
|
listWidth?: Property.Width<string | number> | undefined;
|
1417
|
-
portal?:
|
1418
|
-
renderItem?: ((item: ItemOption) =>
|
1416
|
+
portal?: MutableRefObject<HTMLElement | null> | undefined;
|
1417
|
+
renderItem?: ((item: ItemOption) => ReactNode) | undefined;
|
1419
1418
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
1420
1419
|
closeAfterSelect?: boolean | undefined;
|
1421
1420
|
size?: string | undefined;
|
@@ -1437,7 +1436,9 @@ true: PolymorphicClassName;
|
|
1437
1436
|
} & {
|
1438
1437
|
optional?: true | undefined;
|
1439
1438
|
required?: false | undefined;
|
1440
|
-
} & Omit<
|
1439
|
+
} & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
|
1440
|
+
ref?: ForwardedRef<HTMLInputElement> | undefined;
|
1441
|
+
}) => ReactElement | null;
|
1441
1442
|
|
1442
1443
|
// @public
|
1443
1444
|
export const Counter: FunctionComponent<PropsType< {
|
@@ -3497,10 +3498,184 @@ export { SegmentProvider }
|
|
3497
3498
|
|
3498
3499
|
export { SegmentProviderProps }
|
3499
3500
|
|
3500
|
-
// Warning: (ae-forgotten-export) The symbol "SelectProps" needs to be exported by the entry point index.d.ts
|
3501
|
-
//
|
3502
3501
|
// @public (undocumented)
|
3503
|
-
export const Select:
|
3502
|
+
export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps, "view" | "size" | "chipView"> & Pick<PropsType< {
|
3503
|
+
size: {
|
3504
|
+
xs: PolymorphicClassName;
|
3505
|
+
s: PolymorphicClassName;
|
3506
|
+
m: PolymorphicClassName;
|
3507
|
+
l: PolymorphicClassName;
|
3508
|
+
};
|
3509
|
+
view: {
|
3510
|
+
default: PolymorphicClassName;
|
3511
|
+
positive: PolymorphicClassName;
|
3512
|
+
warning: PolymorphicClassName;
|
3513
|
+
negative: PolymorphicClassName;
|
3514
|
+
accent: PolymorphicClassName;
|
3515
|
+
secondary: PolymorphicClassName;
|
3516
|
+
clear: PolymorphicClassName;
|
3517
|
+
dark: PolymorphicClassName;
|
3518
|
+
black: PolymorphicClassName;
|
3519
|
+
white: PolymorphicClassName;
|
3520
|
+
};
|
3521
|
+
chipView: {
|
3522
|
+
default: PolymorphicClassName;
|
3523
|
+
secondary: PolymorphicClassName;
|
3524
|
+
accent: PolymorphicClassName;
|
3525
|
+
};
|
3526
|
+
}> & (({
|
3527
|
+
target?: "textfield-like" | undefined;
|
3528
|
+
view?: "default" | "positive" | "warning" | "negative" | undefined;
|
3529
|
+
contentLeft?: React_2.ReactNode;
|
3530
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
3531
|
+
placeholder?: string | undefined;
|
3532
|
+
helperText?: string | undefined;
|
3533
|
+
} & {
|
3534
|
+
multiselect?: false | undefined;
|
3535
|
+
separator?: undefined;
|
3536
|
+
} & {
|
3537
|
+
value: any;
|
3538
|
+
onChange?: ((value: any) => void) | undefined;
|
3539
|
+
listOverflow?: Property.Overflow | undefined;
|
3540
|
+
listHeight?: Property.Height<string | number> | undefined;
|
3541
|
+
status?: "warning" | "success" | "error" | undefined;
|
3542
|
+
placeholder?: string | undefined;
|
3543
|
+
helperText?: string | undefined;
|
3544
|
+
disabled?: boolean | undefined;
|
3545
|
+
items?: MergedDropdownNode[] | undefined;
|
3546
|
+
onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
|
3547
|
+
hasItems?: boolean | undefined;
|
3548
|
+
children?: undefined;
|
3549
|
+
isOpen?: boolean | undefined;
|
3550
|
+
isTargetAmount?: boolean | undefined;
|
3551
|
+
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
3552
|
+
placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
|
3553
|
+
label?: string | undefined;
|
3554
|
+
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
3555
|
+
variant?: "normal" | "tight" | undefined;
|
3556
|
+
listWidth?: Property.Width<string | number> | undefined;
|
3557
|
+
portal?: string | React_2.RefObject<HTMLElement> | undefined;
|
3558
|
+
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
3559
|
+
renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
|
3560
|
+
closeAfterSelect?: boolean | undefined;
|
3561
|
+
size?: string | undefined;
|
3562
|
+
view?: string | undefined;
|
3563
|
+
chipView?: string | undefined;
|
3564
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
|
3565
|
+
target?: "textfield-like" | undefined;
|
3566
|
+
view?: "default" | "positive" | "warning" | "negative" | undefined;
|
3567
|
+
contentLeft?: React_2.ReactNode;
|
3568
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
3569
|
+
placeholder?: string | undefined;
|
3570
|
+
helperText?: string | undefined;
|
3571
|
+
} & {
|
3572
|
+
multiselect?: true | undefined;
|
3573
|
+
separator?: string | undefined;
|
3574
|
+
} & {
|
3575
|
+
value: any;
|
3576
|
+
onChange?: ((value: any) => void) | undefined;
|
3577
|
+
listOverflow?: Property.Overflow | undefined;
|
3578
|
+
listHeight?: Property.Height<string | number> | undefined;
|
3579
|
+
status?: "warning" | "success" | "error" | undefined;
|
3580
|
+
placeholder?: string | undefined;
|
3581
|
+
helperText?: string | undefined;
|
3582
|
+
disabled?: boolean | undefined;
|
3583
|
+
items?: MergedDropdownNode[] | undefined;
|
3584
|
+
onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
|
3585
|
+
hasItems?: boolean | undefined;
|
3586
|
+
children?: undefined;
|
3587
|
+
isOpen?: boolean | undefined;
|
3588
|
+
isTargetAmount?: boolean | undefined;
|
3589
|
+
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
3590
|
+
placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
|
3591
|
+
label?: string | undefined;
|
3592
|
+
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
3593
|
+
variant?: "normal" | "tight" | undefined;
|
3594
|
+
listWidth?: Property.Width<string | number> | undefined;
|
3595
|
+
portal?: string | React_2.RefObject<HTMLElement> | undefined;
|
3596
|
+
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
3597
|
+
renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
|
3598
|
+
closeAfterSelect?: boolean | undefined;
|
3599
|
+
size?: string | undefined;
|
3600
|
+
view?: string | undefined;
|
3601
|
+
chipView?: string | undefined;
|
3602
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
|
3603
|
+
target?: "button-like" | undefined;
|
3604
|
+
view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
|
3605
|
+
contentLeft?: undefined;
|
3606
|
+
labelPlacement?: undefined;
|
3607
|
+
placeholder?: undefined;
|
3608
|
+
helperText?: undefined;
|
3609
|
+
} & {
|
3610
|
+
multiselect?: false | undefined;
|
3611
|
+
separator?: undefined;
|
3612
|
+
} & {
|
3613
|
+
value: any;
|
3614
|
+
onChange?: ((value: any) => void) | undefined;
|
3615
|
+
listOverflow?: Property.Overflow | undefined;
|
3616
|
+
listHeight?: Property.Height<string | number> | undefined;
|
3617
|
+
status?: "warning" | "success" | "error" | undefined;
|
3618
|
+
placeholder?: string | undefined;
|
3619
|
+
helperText?: string | undefined;
|
3620
|
+
disabled?: boolean | undefined;
|
3621
|
+
items?: MergedDropdownNode[] | undefined;
|
3622
|
+
onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
|
3623
|
+
hasItems?: boolean | undefined;
|
3624
|
+
children?: undefined;
|
3625
|
+
isOpen?: boolean | undefined;
|
3626
|
+
isTargetAmount?: boolean | undefined;
|
3627
|
+
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
3628
|
+
placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
|
3629
|
+
label?: string | undefined;
|
3630
|
+
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
3631
|
+
variant?: "normal" | "tight" | undefined;
|
3632
|
+
listWidth?: Property.Width<string | number> | undefined;
|
3633
|
+
portal?: string | React_2.RefObject<HTMLElement> | undefined;
|
3634
|
+
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
3635
|
+
renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
|
3636
|
+
closeAfterSelect?: boolean | undefined;
|
3637
|
+
size?: string | undefined;
|
3638
|
+
view?: string | undefined;
|
3639
|
+
chipView?: string | undefined;
|
3640
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>) | ({
|
3641
|
+
target?: "button-like" | undefined;
|
3642
|
+
view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
|
3643
|
+
contentLeft?: undefined;
|
3644
|
+
labelPlacement?: undefined;
|
3645
|
+
placeholder?: undefined;
|
3646
|
+
helperText?: undefined;
|
3647
|
+
} & {
|
3648
|
+
multiselect?: true | undefined;
|
3649
|
+
separator?: string | undefined;
|
3650
|
+
} & {
|
3651
|
+
value: any;
|
3652
|
+
onChange?: ((value: any) => void) | undefined;
|
3653
|
+
listOverflow?: Property.Overflow | undefined;
|
3654
|
+
listHeight?: Property.Height<string | number> | undefined;
|
3655
|
+
status?: "warning" | "success" | "error" | undefined;
|
3656
|
+
placeholder?: string | undefined;
|
3657
|
+
helperText?: string | undefined;
|
3658
|
+
disabled?: boolean | undefined;
|
3659
|
+
items?: MergedDropdownNode[] | undefined;
|
3660
|
+
onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
|
3661
|
+
hasItems?: boolean | undefined;
|
3662
|
+
children?: undefined;
|
3663
|
+
isOpen?: boolean | undefined;
|
3664
|
+
isTargetAmount?: boolean | undefined;
|
3665
|
+
renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
|
3666
|
+
placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
|
3667
|
+
label?: string | undefined;
|
3668
|
+
onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
3669
|
+
variant?: "normal" | "tight" | undefined;
|
3670
|
+
listWidth?: Property.Width<string | number> | undefined;
|
3671
|
+
portal?: string | React_2.RefObject<HTMLElement> | undefined;
|
3672
|
+
renderValue?: ((item: MergedDropdownNode) => string) | undefined;
|
3673
|
+
renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
|
3674
|
+
closeAfterSelect?: boolean | undefined;
|
3675
|
+
size?: string | undefined;
|
3676
|
+
view?: string | undefined;
|
3677
|
+
chipView?: string | undefined;
|
3678
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React_2.RefAttributes<HTMLButtonElement>)), "view" | "size" | "chipView"> & React_2.RefAttributes<HTMLButtonElement>>;
|
3504
3679
|
|
3505
3680
|
// @public
|
3506
3681
|
export const Sheet: FunctionComponent<PropsType< {
|
@@ -3717,7 +3892,13 @@ xs: PolymorphicClassName;
|
|
3717
3892
|
// @public (undocumented)
|
3718
3893
|
export const Switch: FunctionComponent<PropsType< {
|
3719
3894
|
size: {
|
3895
|
+
s: PolymorphicClassName;
|
3720
3896
|
m: PolymorphicClassName;
|
3897
|
+
l: PolymorphicClassName;
|
3898
|
+
};
|
3899
|
+
toggleSize: {
|
3900
|
+
l: PolymorphicClassName;
|
3901
|
+
s: PolymorphicClassName;
|
3721
3902
|
};
|
3722
3903
|
view: {
|
3723
3904
|
default: PolymorphicClassName;
|