@salutejs/plasma-b2c 1.412.0-canary.1468.11177090450.0 → 1.413.0-canary.1470.11181201904.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +162 -154
- package/components/Combobox/Combobox.d.ts +135 -8
- package/components/Combobox/Combobox.js +3 -2
- package/components/Combobox/index.d.ts +160 -153
- package/css/cjs/components/Combobox/Combobox.js +3 -1
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/es/components/Combobox/Combobox.js +3 -2
- package/css/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Combobox/Combobox.js +2 -1
- package/package.json +3 -3
- package/temp/plasma-b2c.api.md +162 -154
package/api/plasma-b2c.api.md
CHANGED
@@ -40,7 +40,6 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
40
40
|
import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
|
41
41
|
import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
|
42
42
|
import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
|
43
|
-
import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
|
44
43
|
import { BlurProps } from '@salutejs/plasma-core';
|
45
44
|
import { blurs } from '@salutejs/plasma-core';
|
46
45
|
import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
|
@@ -93,6 +92,7 @@ import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
93
92
|
import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
|
94
93
|
import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
|
95
94
|
import { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
|
95
|
+
import { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope/styled-components';
|
96
96
|
import { ComponentClass } from 'react';
|
97
97
|
import { ComponentProps } from 'react';
|
98
98
|
import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -154,6 +154,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
154
154
|
import { InputHTMLAttributes } from '@salutejs/plasma-core';
|
155
155
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
|
156
156
|
import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
|
157
|
+
import { ItemOption } from '@salutejs/plasma-new-hope/styled-components';
|
157
158
|
import { JSXElementConstructor } from 'react';
|
158
159
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
159
160
|
import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -1224,6 +1225,38 @@ export { ColSizeProps }
|
|
1224
1225
|
|
1225
1226
|
// @public (undocumented)
|
1226
1227
|
export const Combobox: React_2.ForwardRefExoticComponent<(Omit<PropsType< {
|
1228
|
+
size: {
|
1229
|
+
xs: PolymorphicClassName;
|
1230
|
+
s: PolymorphicClassName;
|
1231
|
+
m: PolymorphicClassName;
|
1232
|
+
l: PolymorphicClassName;
|
1233
|
+
};
|
1234
|
+
view: {
|
1235
|
+
default: PolymorphicClassName;
|
1236
|
+
};
|
1237
|
+
}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
1238
|
+
valueType?: "single" | undefined;
|
1239
|
+
value?: ComboboxPrimitiveValue | undefined;
|
1240
|
+
onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
|
1241
|
+
} & React_2.RefAttributes<HTMLInputElement> & {
|
1242
|
+
items?: undefined;
|
1243
|
+
}, "ref"> | Omit<PropsType< {
|
1244
|
+
size: {
|
1245
|
+
xs: PolymorphicClassName;
|
1246
|
+
s: PolymorphicClassName;
|
1247
|
+
m: PolymorphicClassName;
|
1248
|
+
l: PolymorphicClassName;
|
1249
|
+
};
|
1250
|
+
view: {
|
1251
|
+
default: PolymorphicClassName;
|
1252
|
+
};
|
1253
|
+
}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
1254
|
+
valueType: "multiple";
|
1255
|
+
value?: ComboboxPrimitiveValue[] | undefined;
|
1256
|
+
onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
|
1257
|
+
} & React_2.RefAttributes<HTMLInputElement> & {
|
1258
|
+
items?: undefined;
|
1259
|
+
}, "ref"> | Omit<Omit<ComboboxProps_2<ItemOption>, "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & Pick<PropsType< {
|
1227
1260
|
view: {
|
1228
1261
|
default: PolymorphicClassName;
|
1229
1262
|
positive: PolymorphicClassName;
|
@@ -1246,7 +1279,27 @@ true: PolymorphicClassName;
|
|
1246
1279
|
readOnly: {
|
1247
1280
|
true: PolymorphicClassName;
|
1248
1281
|
};
|
1249
|
-
}> &
|
1282
|
+
}> & (({
|
1283
|
+
items: ItemOption[];
|
1284
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
1285
|
+
label?: string | undefined;
|
1286
|
+
placeholder?: string | undefined;
|
1287
|
+
helperText?: string | undefined;
|
1288
|
+
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
1289
|
+
textBefore?: string | undefined;
|
1290
|
+
textAfter?: string | undefined;
|
1291
|
+
variant?: "normal" | "tight" | undefined;
|
1292
|
+
listOverflow?: Property.Overflow | undefined;
|
1293
|
+
listHeight?: Property.Height<string | number> | undefined;
|
1294
|
+
listWidth?: Property.Width<string | number> | undefined;
|
1295
|
+
portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
|
1296
|
+
renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
|
1297
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
1298
|
+
closeAfterSelect?: boolean | undefined;
|
1299
|
+
size?: string | undefined;
|
1300
|
+
view?: string | undefined;
|
1301
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1302
|
+
} & {
|
1250
1303
|
readOnly?: boolean | undefined;
|
1251
1304
|
disabled?: true | undefined;
|
1252
1305
|
alwaysOpened?: false | undefined;
|
@@ -1255,30 +1308,27 @@ true: PolymorphicClassName;
|
|
1255
1308
|
value?: string | undefined;
|
1256
1309
|
onChange?: ((value: string) => void) | undefined;
|
1257
1310
|
isTargetAmount?: false | undefined;
|
1258
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement
|
1259
|
-
|
1260
|
-
|
1261
|
-
|
1262
|
-
|
1263
|
-
|
1264
|
-
|
1265
|
-
|
1266
|
-
|
1267
|
-
|
1268
|
-
|
1269
|
-
|
1270
|
-
|
1271
|
-
|
1272
|
-
|
1273
|
-
|
1274
|
-
|
1275
|
-
|
1276
|
-
|
1277
|
-
|
1278
|
-
|
1279
|
-
true: PolymorphicClassName;
|
1280
|
-
};
|
1281
|
-
}> & BasicProps & {
|
1311
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
|
1312
|
+
items: ItemOption[];
|
1313
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
1314
|
+
label?: string | undefined;
|
1315
|
+
placeholder?: string | undefined;
|
1316
|
+
helperText?: string | undefined;
|
1317
|
+
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
1318
|
+
textBefore?: string | undefined;
|
1319
|
+
textAfter?: string | undefined;
|
1320
|
+
variant?: "normal" | "tight" | undefined;
|
1321
|
+
listOverflow?: Property.Overflow | undefined;
|
1322
|
+
listHeight?: Property.Height<string | number> | undefined;
|
1323
|
+
listWidth?: Property.Width<string | number> | undefined;
|
1324
|
+
portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
|
1325
|
+
renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
|
1326
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
1327
|
+
closeAfterSelect?: boolean | undefined;
|
1328
|
+
size?: string | undefined;
|
1329
|
+
view?: string | undefined;
|
1330
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1331
|
+
} & {
|
1282
1332
|
readOnly?: boolean | undefined;
|
1283
1333
|
disabled?: true | undefined;
|
1284
1334
|
alwaysOpened?: false | undefined;
|
@@ -1287,30 +1337,27 @@ true: PolymorphicClassName;
|
|
1287
1337
|
value?: string[] | undefined;
|
1288
1338
|
onChange?: ((value: string[]) => void) | undefined;
|
1289
1339
|
isTargetAmount?: boolean | undefined;
|
1290
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement
|
1291
|
-
|
1292
|
-
|
1293
|
-
|
1294
|
-
|
1295
|
-
|
1296
|
-
|
1297
|
-
|
1298
|
-
|
1299
|
-
|
1300
|
-
|
1301
|
-
|
1302
|
-
|
1303
|
-
|
1304
|
-
|
1305
|
-
|
1306
|
-
|
1307
|
-
|
1308
|
-
|
1309
|
-
|
1310
|
-
|
1311
|
-
true: PolymorphicClassName;
|
1312
|
-
};
|
1313
|
-
}> & BasicProps & {
|
1340
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
|
1341
|
+
items: ItemOption[];
|
1342
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
1343
|
+
label?: string | undefined;
|
1344
|
+
placeholder?: string | undefined;
|
1345
|
+
helperText?: string | undefined;
|
1346
|
+
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
1347
|
+
textBefore?: string | undefined;
|
1348
|
+
textAfter?: string | undefined;
|
1349
|
+
variant?: "normal" | "tight" | undefined;
|
1350
|
+
listOverflow?: Property.Overflow | undefined;
|
1351
|
+
listHeight?: Property.Height<string | number> | undefined;
|
1352
|
+
listWidth?: Property.Width<string | number> | undefined;
|
1353
|
+
portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
|
1354
|
+
renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
|
1355
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
1356
|
+
closeAfterSelect?: boolean | undefined;
|
1357
|
+
size?: string | undefined;
|
1358
|
+
view?: string | undefined;
|
1359
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1360
|
+
} & {
|
1314
1361
|
readOnly?: true | undefined;
|
1315
1362
|
disabled?: boolean | undefined;
|
1316
1363
|
alwaysOpened?: false | undefined;
|
@@ -1319,30 +1366,27 @@ true: PolymorphicClassName;
|
|
1319
1366
|
value?: string | undefined;
|
1320
1367
|
onChange?: ((value: string) => void) | undefined;
|
1321
1368
|
isTargetAmount?: false | undefined;
|
1322
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement
|
1323
|
-
|
1324
|
-
|
1325
|
-
|
1326
|
-
|
1327
|
-
|
1328
|
-
|
1329
|
-
|
1330
|
-
|
1331
|
-
|
1332
|
-
|
1333
|
-
|
1334
|
-
|
1335
|
-
|
1336
|
-
|
1337
|
-
|
1338
|
-
|
1339
|
-
|
1340
|
-
|
1341
|
-
|
1342
|
-
|
1343
|
-
true: PolymorphicClassName;
|
1344
|
-
};
|
1345
|
-
}> & BasicProps & {
|
1369
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
|
1370
|
+
items: ItemOption[];
|
1371
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
1372
|
+
label?: string | undefined;
|
1373
|
+
placeholder?: string | undefined;
|
1374
|
+
helperText?: string | undefined;
|
1375
|
+
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
1376
|
+
textBefore?: string | undefined;
|
1377
|
+
textAfter?: string | undefined;
|
1378
|
+
variant?: "normal" | "tight" | undefined;
|
1379
|
+
listOverflow?: Property.Overflow | undefined;
|
1380
|
+
listHeight?: Property.Height<string | number> | undefined;
|
1381
|
+
listWidth?: Property.Width<string | number> | undefined;
|
1382
|
+
portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
|
1383
|
+
renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
|
1384
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
1385
|
+
closeAfterSelect?: boolean | undefined;
|
1386
|
+
size?: string | undefined;
|
1387
|
+
view?: string | undefined;
|
1388
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1389
|
+
} & {
|
1346
1390
|
readOnly?: true | undefined;
|
1347
1391
|
disabled?: boolean | undefined;
|
1348
1392
|
alwaysOpened?: false | undefined;
|
@@ -1351,30 +1395,27 @@ true: PolymorphicClassName;
|
|
1351
1395
|
value?: string[] | undefined;
|
1352
1396
|
onChange?: ((value: string[]) => void) | undefined;
|
1353
1397
|
isTargetAmount?: boolean | undefined;
|
1354
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement
|
1355
|
-
|
1356
|
-
|
1357
|
-
|
1358
|
-
|
1359
|
-
|
1360
|
-
|
1361
|
-
|
1362
|
-
|
1363
|
-
|
1364
|
-
|
1365
|
-
|
1366
|
-
|
1367
|
-
|
1368
|
-
|
1369
|
-
|
1370
|
-
|
1371
|
-
|
1372
|
-
|
1373
|
-
|
1374
|
-
|
1375
|
-
true: PolymorphicClassName;
|
1376
|
-
};
|
1377
|
-
}> & BasicProps & {
|
1398
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
|
1399
|
+
items: ItemOption[];
|
1400
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
1401
|
+
label?: string | undefined;
|
1402
|
+
placeholder?: string | undefined;
|
1403
|
+
helperText?: string | undefined;
|
1404
|
+
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
1405
|
+
textBefore?: string | undefined;
|
1406
|
+
textAfter?: string | undefined;
|
1407
|
+
variant?: "normal" | "tight" | undefined;
|
1408
|
+
listOverflow?: Property.Overflow | undefined;
|
1409
|
+
listHeight?: Property.Height<string | number> | undefined;
|
1410
|
+
listWidth?: Property.Width<string | number> | undefined;
|
1411
|
+
portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
|
1412
|
+
renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
|
1413
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
1414
|
+
closeAfterSelect?: boolean | undefined;
|
1415
|
+
size?: string | undefined;
|
1416
|
+
view?: string | undefined;
|
1417
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1418
|
+
} & {
|
1378
1419
|
readOnly?: false | undefined;
|
1379
1420
|
disabled?: false | undefined;
|
1380
1421
|
alwaysOpened?: true | undefined;
|
@@ -1383,30 +1424,27 @@ true: PolymorphicClassName;
|
|
1383
1424
|
value?: string | undefined;
|
1384
1425
|
onChange?: ((value: string) => void) | undefined;
|
1385
1426
|
isTargetAmount?: false | undefined;
|
1386
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement
|
1387
|
-
|
1388
|
-
|
1389
|
-
|
1390
|
-
|
1391
|
-
|
1392
|
-
|
1393
|
-
|
1394
|
-
|
1395
|
-
|
1396
|
-
|
1397
|
-
|
1398
|
-
|
1399
|
-
|
1400
|
-
|
1401
|
-
|
1402
|
-
|
1403
|
-
|
1404
|
-
|
1405
|
-
|
1406
|
-
|
1407
|
-
true: PolymorphicClassName;
|
1408
|
-
};
|
1409
|
-
}> & BasicProps & {
|
1427
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
|
1428
|
+
items: ItemOption[];
|
1429
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
1430
|
+
label?: string | undefined;
|
1431
|
+
placeholder?: string | undefined;
|
1432
|
+
helperText?: string | undefined;
|
1433
|
+
contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
|
1434
|
+
textBefore?: string | undefined;
|
1435
|
+
textAfter?: string | undefined;
|
1436
|
+
variant?: "normal" | "tight" | undefined;
|
1437
|
+
listOverflow?: Property.Overflow | undefined;
|
1438
|
+
listHeight?: Property.Height<string | number> | undefined;
|
1439
|
+
listWidth?: Property.Width<string | number> | undefined;
|
1440
|
+
portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
|
1441
|
+
renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
|
1442
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
1443
|
+
closeAfterSelect?: boolean | undefined;
|
1444
|
+
size?: string | undefined;
|
1445
|
+
view?: string | undefined;
|
1446
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1447
|
+
} & {
|
1410
1448
|
readOnly?: false | undefined;
|
1411
1449
|
disabled?: false | undefined;
|
1412
1450
|
alwaysOpened?: true | undefined;
|
@@ -1415,38 +1453,8 @@ true: PolymorphicClassName;
|
|
1415
1453
|
value?: string[] | undefined;
|
1416
1454
|
onChange?: ((value: string[]) => void) | undefined;
|
1417
1455
|
isTargetAmount?: boolean | undefined;
|
1418
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement
|
1419
|
-
|
1420
|
-
xs: PolymorphicClassName;
|
1421
|
-
s: PolymorphicClassName;
|
1422
|
-
m: PolymorphicClassName;
|
1423
|
-
l: PolymorphicClassName;
|
1424
|
-
};
|
1425
|
-
view: {
|
1426
|
-
default: PolymorphicClassName;
|
1427
|
-
};
|
1428
|
-
}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
1429
|
-
valueType?: "single" | undefined;
|
1430
|
-
value?: ComboboxPrimitiveValue | undefined;
|
1431
|
-
onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
|
1432
|
-
} & React_2.RefAttributes<HTMLInputElement> & {
|
1433
|
-
items?: undefined;
|
1434
|
-
}, "ref"> | Omit<PropsType< {
|
1435
|
-
size: {
|
1436
|
-
xs: PolymorphicClassName;
|
1437
|
-
s: PolymorphicClassName;
|
1438
|
-
m: PolymorphicClassName;
|
1439
|
-
l: PolymorphicClassName;
|
1440
|
-
};
|
1441
|
-
view: {
|
1442
|
-
default: PolymorphicClassName;
|
1443
|
-
};
|
1444
|
-
}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
|
1445
|
-
valueType: "multiple";
|
1446
|
-
value?: ComboboxPrimitiveValue[] | undefined;
|
1447
|
-
onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
|
1448
|
-
} & React_2.RefAttributes<HTMLInputElement> & {
|
1449
|
-
items?: undefined;
|
1456
|
+
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
|
1457
|
+
ref: React_2.ForwardedRef<HTMLInputElement>;
|
1450
1458
|
}, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
|
1451
1459
|
|
1452
1460
|
// @public (undocumented)
|
@@ -1,5 +1,6 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
import type { ComponentProps, ReactElement, ForwardedRef } from 'react';
|
2
|
+
import type { ComboboxProps, ItemOption } from '@salutejs/plasma-new-hope';
|
3
|
+
export declare const ComboboxComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
4
|
view: {
|
4
5
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
6
|
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -22,7 +23,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
22
23
|
readOnly: {
|
23
24
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
24
25
|
};
|
25
|
-
}> & ((
|
26
|
+
}> & (({
|
27
|
+
items: ItemOption[];
|
28
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
29
|
+
label?: string | undefined;
|
30
|
+
placeholder?: string | undefined;
|
31
|
+
helperText?: string | undefined;
|
32
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
33
|
+
textBefore?: string | undefined;
|
34
|
+
textAfter?: string | undefined;
|
35
|
+
variant?: "normal" | "tight" | undefined;
|
36
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
37
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
38
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
39
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
40
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
41
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
42
|
+
closeAfterSelect?: boolean | undefined;
|
43
|
+
size?: string | undefined;
|
44
|
+
view?: string | undefined;
|
45
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
46
|
+
} & {
|
26
47
|
readOnly?: boolean | undefined;
|
27
48
|
disabled?: true | undefined;
|
28
49
|
alwaysOpened?: false | undefined;
|
@@ -31,7 +52,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
31
52
|
value?: string | undefined;
|
32
53
|
onChange?: ((value: string) => void) | undefined;
|
33
54
|
isTargetAmount?: false | undefined;
|
34
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (
|
55
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
56
|
+
items: ItemOption[];
|
57
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
58
|
+
label?: string | undefined;
|
59
|
+
placeholder?: string | undefined;
|
60
|
+
helperText?: string | undefined;
|
61
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
62
|
+
textBefore?: string | undefined;
|
63
|
+
textAfter?: string | undefined;
|
64
|
+
variant?: "normal" | "tight" | undefined;
|
65
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
66
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
67
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
68
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
69
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
70
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
71
|
+
closeAfterSelect?: boolean | undefined;
|
72
|
+
size?: string | undefined;
|
73
|
+
view?: string | undefined;
|
74
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
75
|
+
} & {
|
35
76
|
readOnly?: boolean | undefined;
|
36
77
|
disabled?: true | undefined;
|
37
78
|
alwaysOpened?: false | undefined;
|
@@ -40,7 +81,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
40
81
|
value?: string[] | undefined;
|
41
82
|
onChange?: ((value: string[]) => void) | undefined;
|
42
83
|
isTargetAmount?: boolean | undefined;
|
43
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (
|
84
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
85
|
+
items: ItemOption[];
|
86
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
87
|
+
label?: string | undefined;
|
88
|
+
placeholder?: string | undefined;
|
89
|
+
helperText?: string | undefined;
|
90
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
91
|
+
textBefore?: string | undefined;
|
92
|
+
textAfter?: string | undefined;
|
93
|
+
variant?: "normal" | "tight" | undefined;
|
94
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
95
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
96
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
97
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
98
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
99
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
100
|
+
closeAfterSelect?: boolean | undefined;
|
101
|
+
size?: string | undefined;
|
102
|
+
view?: string | undefined;
|
103
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
104
|
+
} & {
|
44
105
|
readOnly?: true | undefined;
|
45
106
|
disabled?: boolean | undefined;
|
46
107
|
alwaysOpened?: false | undefined;
|
@@ -49,7 +110,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
49
110
|
value?: string | undefined;
|
50
111
|
onChange?: ((value: string) => void) | undefined;
|
51
112
|
isTargetAmount?: false | undefined;
|
52
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (
|
113
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
114
|
+
items: ItemOption[];
|
115
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
116
|
+
label?: string | undefined;
|
117
|
+
placeholder?: string | undefined;
|
118
|
+
helperText?: string | undefined;
|
119
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
120
|
+
textBefore?: string | undefined;
|
121
|
+
textAfter?: string | undefined;
|
122
|
+
variant?: "normal" | "tight" | undefined;
|
123
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
124
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
125
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
126
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
127
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
128
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
129
|
+
closeAfterSelect?: boolean | undefined;
|
130
|
+
size?: string | undefined;
|
131
|
+
view?: string | undefined;
|
132
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
133
|
+
} & {
|
53
134
|
readOnly?: true | undefined;
|
54
135
|
disabled?: boolean | undefined;
|
55
136
|
alwaysOpened?: false | undefined;
|
@@ -58,7 +139,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
58
139
|
value?: string[] | undefined;
|
59
140
|
onChange?: ((value: string[]) => void) | undefined;
|
60
141
|
isTargetAmount?: boolean | undefined;
|
61
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (
|
142
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
143
|
+
items: ItemOption[];
|
144
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
145
|
+
label?: string | undefined;
|
146
|
+
placeholder?: string | undefined;
|
147
|
+
helperText?: string | undefined;
|
148
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
149
|
+
textBefore?: string | undefined;
|
150
|
+
textAfter?: string | undefined;
|
151
|
+
variant?: "normal" | "tight" | undefined;
|
152
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
153
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
154
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
155
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
156
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
157
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
158
|
+
closeAfterSelect?: boolean | undefined;
|
159
|
+
size?: string | undefined;
|
160
|
+
view?: string | undefined;
|
161
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
162
|
+
} & {
|
62
163
|
readOnly?: false | undefined;
|
63
164
|
disabled?: false | undefined;
|
64
165
|
alwaysOpened?: true | undefined;
|
@@ -67,7 +168,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
67
168
|
value?: string | undefined;
|
68
169
|
onChange?: ((value: string) => void) | undefined;
|
69
170
|
isTargetAmount?: false | undefined;
|
70
|
-
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (
|
171
|
+
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
172
|
+
items: ItemOption[];
|
173
|
+
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
174
|
+
label?: string | undefined;
|
175
|
+
placeholder?: string | undefined;
|
176
|
+
helperText?: string | undefined;
|
177
|
+
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
178
|
+
textBefore?: string | undefined;
|
179
|
+
textAfter?: string | undefined;
|
180
|
+
variant?: "normal" | "tight" | undefined;
|
181
|
+
listOverflow?: import("csstype").Property.Overflow | undefined;
|
182
|
+
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
183
|
+
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
184
|
+
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
185
|
+
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
186
|
+
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
187
|
+
closeAfterSelect?: boolean | undefined;
|
188
|
+
size?: string | undefined;
|
189
|
+
view?: string | undefined;
|
190
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
191
|
+
} & {
|
71
192
|
readOnly?: false | undefined;
|
72
193
|
disabled?: false | undefined;
|
73
194
|
alwaysOpened?: true | undefined;
|
@@ -77,3 +198,9 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
|
|
77
198
|
onChange?: ((value: string[]) => void) | undefined;
|
78
199
|
isTargetAmount?: boolean | undefined;
|
79
200
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
|
201
|
+
declare type PropsFromConfig = 'view' | 'size' | 'labelPlacement' | 'disabled' | 'readOnly';
|
202
|
+
declare type ComboboxType = <T extends ItemOption>(props: Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig> & {
|
203
|
+
ref: ForwardedRef<HTMLInputElement>;
|
204
|
+
}) => ReactElement;
|
205
|
+
export declare const Combobox: ComboboxType;
|
206
|
+
export {};
|
@@ -3,8 +3,9 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Combobox = void 0;
|
6
|
+
exports.ComboboxComponent = exports.Combobox = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
8
|
var _Combobox = /*#__PURE__*/require("./Combobox.config");
|
9
9
|
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxNewConfig, _Combobox.config);
|
10
|
-
var
|
10
|
+
var ComboboxComponent = exports.ComboboxComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
11
|
+
var Combobox = exports.Combobox = ComboboxComponent;
|