@salutejs/plasma-b2c 1.413.0-canary.1470.11181201904.0 → 1.413.0-canary.1470.11192852883.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +13 -234
- package/components/Combobox/Combobox.d.ts +21 -27
- package/components/Combobox/Combobox.js +39 -3
- package/components/Combobox/index.d.ts +15 -234
- package/components/Combobox/index.js +21 -3
- package/css/cjs/components/Combobox/Combobox.js +27 -3
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/components/Combobox/index.js +20 -1
- package/css/cjs/components/Combobox/index.js.map +1 -1
- package/css/cjs/index.js +1 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Combobox/Combobox.js +28 -3
- package/css/es/components/Combobox/Combobox.js.map +1 -1
- package/css/es/components/Combobox/index.js +20 -2
- package/css/es/components/Combobox/index.js.map +1 -1
- package/css/es/index.js +1 -1
- package/es/components/Combobox/Combobox.js +40 -2
- package/es/components/Combobox/index.js +19 -2
- package/package.json +3 -3
- package/temp/plasma-b2c.api.md +13 -234
package/api/plasma-b2c.api.md
CHANGED
@@ -92,7 +92,7 @@ import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
92
92
|
import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
|
93
93
|
import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
|
94
94
|
import { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
|
95
|
-
import { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope
|
95
|
+
import type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
|
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';
|
@@ -140,6 +140,7 @@ import { FocusProps } from '@salutejs/plasma-core';
|
|
140
140
|
import { formatCurrency } from '@salutejs/plasma-core';
|
141
141
|
import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
|
142
142
|
import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
|
143
|
+
import { ForwardedRef } from 'react';
|
143
144
|
import { ForwardRefExoticComponent } from 'react';
|
144
145
|
import { FunctionComponent } from 'react';
|
145
146
|
import { gridBreakpoints } from '@salutejs/plasma-hope';
|
@@ -154,7 +155,8 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
154
155
|
import { InputHTMLAttributes } from '@salutejs/plasma-core';
|
155
156
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
|
156
157
|
import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
|
157
|
-
import { ItemOption } from '@salutejs/plasma-new-hope
|
158
|
+
import type { ItemOption } from '@salutejs/plasma-new-hope';
|
159
|
+
import { ItemOption as ItemOption_2 } from '@salutejs/plasma-new-hope/styled-components';
|
158
160
|
import { JSXElementConstructor } from 'react';
|
159
161
|
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
160
162
|
import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -175,6 +177,7 @@ import { ModalView } from '@salutejs/plasma-hope';
|
|
175
177
|
import { monthLongName } from '@salutejs/plasma-core';
|
176
178
|
import { monthShortName } from '@salutejs/plasma-core';
|
177
179
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
180
|
+
import { MutableRefObject } from 'react';
|
178
181
|
import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
179
182
|
import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
|
180
183
|
import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -1223,239 +1226,15 @@ export { ColProps }
|
|
1223
1226
|
|
1224
1227
|
export { ColSizeProps }
|
1225
1228
|
|
1229
|
+
// Warning: (ae-forgotten-export) The symbol "CommonProps" needs to be exported by the entry point index.d.ts
|
1230
|
+
//
|
1226
1231
|
// @public (undocumented)
|
1227
|
-
export const Combobox:
|
1228
|
-
|
1229
|
-
|
1230
|
-
|
1231
|
-
|
1232
|
-
|
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< {
|
1260
|
-
view: {
|
1261
|
-
default: PolymorphicClassName;
|
1262
|
-
positive: PolymorphicClassName;
|
1263
|
-
warning: PolymorphicClassName;
|
1264
|
-
negative: PolymorphicClassName;
|
1265
|
-
};
|
1266
|
-
size: {
|
1267
|
-
l: PolymorphicClassName;
|
1268
|
-
m: PolymorphicClassName;
|
1269
|
-
s: PolymorphicClassName;
|
1270
|
-
xs: PolymorphicClassName;
|
1271
|
-
};
|
1272
|
-
labelPlacement: {
|
1273
|
-
inner: PolymorphicClassName;
|
1274
|
-
outer: PolymorphicClassName;
|
1275
|
-
};
|
1276
|
-
disabled: {
|
1277
|
-
true: PolymorphicClassName;
|
1278
|
-
};
|
1279
|
-
readOnly: {
|
1280
|
-
true: PolymorphicClassName;
|
1281
|
-
};
|
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
|
-
} & {
|
1303
|
-
readOnly?: boolean | undefined;
|
1304
|
-
disabled?: true | undefined;
|
1305
|
-
alwaysOpened?: false | undefined;
|
1306
|
-
} & {
|
1307
|
-
multiple?: false | undefined;
|
1308
|
-
value?: string | undefined;
|
1309
|
-
onChange?: ((value: string) => void) | undefined;
|
1310
|
-
isTargetAmount?: false | undefined;
|
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
|
-
} & {
|
1332
|
-
readOnly?: boolean | undefined;
|
1333
|
-
disabled?: true | undefined;
|
1334
|
-
alwaysOpened?: false | undefined;
|
1335
|
-
} & {
|
1336
|
-
multiple: true;
|
1337
|
-
value?: string[] | undefined;
|
1338
|
-
onChange?: ((value: string[]) => void) | undefined;
|
1339
|
-
isTargetAmount?: boolean | undefined;
|
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
|
-
} & {
|
1361
|
-
readOnly?: true | undefined;
|
1362
|
-
disabled?: boolean | undefined;
|
1363
|
-
alwaysOpened?: false | undefined;
|
1364
|
-
} & {
|
1365
|
-
multiple?: false | undefined;
|
1366
|
-
value?: string | undefined;
|
1367
|
-
onChange?: ((value: string) => void) | undefined;
|
1368
|
-
isTargetAmount?: false | undefined;
|
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
|
-
} & {
|
1390
|
-
readOnly?: true | undefined;
|
1391
|
-
disabled?: boolean | undefined;
|
1392
|
-
alwaysOpened?: false | undefined;
|
1393
|
-
} & {
|
1394
|
-
multiple: true;
|
1395
|
-
value?: string[] | undefined;
|
1396
|
-
onChange?: ((value: string[]) => void) | undefined;
|
1397
|
-
isTargetAmount?: boolean | undefined;
|
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
|
-
} & {
|
1419
|
-
readOnly?: false | undefined;
|
1420
|
-
disabled?: false | undefined;
|
1421
|
-
alwaysOpened?: true | undefined;
|
1422
|
-
} & {
|
1423
|
-
multiple?: false | undefined;
|
1424
|
-
value?: string | undefined;
|
1425
|
-
onChange?: ((value: string) => void) | undefined;
|
1426
|
-
isTargetAmount?: false | undefined;
|
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
|
-
} & {
|
1448
|
-
readOnly?: false | undefined;
|
1449
|
-
disabled?: false | undefined;
|
1450
|
-
alwaysOpened?: true | undefined;
|
1451
|
-
} & {
|
1452
|
-
multiple: true;
|
1453
|
-
value?: string[] | undefined;
|
1454
|
-
onChange?: ((value: string[]) => void) | undefined;
|
1455
|
-
isTargetAmount?: boolean | undefined;
|
1456
|
-
} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
|
1457
|
-
ref: React_2.ForwardedRef<HTMLInputElement>;
|
1458
|
-
}, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
|
1232
|
+
export const Combobox: CommonProps;
|
1233
|
+
|
1234
|
+
// Warning: (ae-forgotten-export) The symbol "CommonProps2" needs to be exported by the entry point index.d.ts
|
1235
|
+
//
|
1236
|
+
// @public (undocumented)
|
1237
|
+
export const Combobox2: <T extends ItemOption>(props: CommonProps2<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactNode;
|
1459
1238
|
|
1460
1239
|
// @public (undocumented)
|
1461
1240
|
export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
|
@@ -1,6 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export declare const ComboboxComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
1
|
+
/// <reference types="react" />
|
2
|
+
declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
4
3
|
view: {
|
5
4
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
5
|
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -24,12 +23,12 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
24
23
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
25
24
|
};
|
26
25
|
}> & (({
|
27
|
-
items: ItemOption[];
|
26
|
+
items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
|
28
27
|
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
29
28
|
label?: string | undefined;
|
30
29
|
placeholder?: string | undefined;
|
31
30
|
helperText?: string | undefined;
|
32
|
-
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
31
|
+
contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
33
32
|
textBefore?: string | undefined;
|
34
33
|
textAfter?: string | undefined;
|
35
34
|
variant?: "normal" | "tight" | undefined;
|
@@ -37,7 +36,7 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
37
36
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
38
37
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
39
38
|
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
40
|
-
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
39
|
+
renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
|
41
40
|
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
42
41
|
closeAfterSelect?: boolean | undefined;
|
43
42
|
size?: string | undefined;
|
@@ -53,12 +52,12 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
53
52
|
onChange?: ((value: string) => void) | undefined;
|
54
53
|
isTargetAmount?: false | undefined;
|
55
54
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
56
|
-
items: ItemOption[];
|
55
|
+
items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
|
57
56
|
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
58
57
|
label?: string | undefined;
|
59
58
|
placeholder?: string | undefined;
|
60
59
|
helperText?: string | undefined;
|
61
|
-
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
60
|
+
contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
62
61
|
textBefore?: string | undefined;
|
63
62
|
textAfter?: string | undefined;
|
64
63
|
variant?: "normal" | "tight" | undefined;
|
@@ -66,7 +65,7 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
66
65
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
67
66
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
68
67
|
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
69
|
-
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
68
|
+
renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
|
70
69
|
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
71
70
|
closeAfterSelect?: boolean | undefined;
|
72
71
|
size?: string | undefined;
|
@@ -82,12 +81,12 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
82
81
|
onChange?: ((value: string[]) => void) | undefined;
|
83
82
|
isTargetAmount?: boolean | undefined;
|
84
83
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
85
|
-
items: ItemOption[];
|
84
|
+
items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
|
86
85
|
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
87
86
|
label?: string | undefined;
|
88
87
|
placeholder?: string | undefined;
|
89
88
|
helperText?: string | undefined;
|
90
|
-
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
89
|
+
contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
91
90
|
textBefore?: string | undefined;
|
92
91
|
textAfter?: string | undefined;
|
93
92
|
variant?: "normal" | "tight" | undefined;
|
@@ -95,7 +94,7 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
95
94
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
96
95
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
97
96
|
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
98
|
-
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
97
|
+
renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
|
99
98
|
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
100
99
|
closeAfterSelect?: boolean | undefined;
|
101
100
|
size?: string | undefined;
|
@@ -111,12 +110,12 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
111
110
|
onChange?: ((value: string) => void) | undefined;
|
112
111
|
isTargetAmount?: false | undefined;
|
113
112
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
114
|
-
items: ItemOption[];
|
113
|
+
items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
|
115
114
|
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
116
115
|
label?: string | undefined;
|
117
116
|
placeholder?: string | undefined;
|
118
117
|
helperText?: string | undefined;
|
119
|
-
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
118
|
+
contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
120
119
|
textBefore?: string | undefined;
|
121
120
|
textAfter?: string | undefined;
|
122
121
|
variant?: "normal" | "tight" | undefined;
|
@@ -124,7 +123,7 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
124
123
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
125
124
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
126
125
|
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
127
|
-
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
126
|
+
renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
|
128
127
|
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
129
128
|
closeAfterSelect?: boolean | undefined;
|
130
129
|
size?: string | undefined;
|
@@ -140,12 +139,12 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
140
139
|
onChange?: ((value: string[]) => void) | undefined;
|
141
140
|
isTargetAmount?: boolean | undefined;
|
142
141
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
143
|
-
items: ItemOption[];
|
142
|
+
items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
|
144
143
|
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
145
144
|
label?: string | undefined;
|
146
145
|
placeholder?: string | undefined;
|
147
146
|
helperText?: string | undefined;
|
148
|
-
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
147
|
+
contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
149
148
|
textBefore?: string | undefined;
|
150
149
|
textAfter?: string | undefined;
|
151
150
|
variant?: "normal" | "tight" | undefined;
|
@@ -153,7 +152,7 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
153
152
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
154
153
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
155
154
|
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
156
|
-
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
155
|
+
renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
|
157
156
|
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
158
157
|
closeAfterSelect?: boolean | undefined;
|
159
158
|
size?: string | undefined;
|
@@ -169,12 +168,12 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
169
168
|
onChange?: ((value: string) => void) | undefined;
|
170
169
|
isTargetAmount?: false | undefined;
|
171
170
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
172
|
-
items: ItemOption[];
|
171
|
+
items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
|
173
172
|
placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
|
174
173
|
label?: string | undefined;
|
175
174
|
placeholder?: string | undefined;
|
176
175
|
helperText?: string | undefined;
|
177
|
-
contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
176
|
+
contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
178
177
|
textBefore?: string | undefined;
|
179
178
|
textAfter?: string | undefined;
|
180
179
|
variant?: "normal" | "tight" | undefined;
|
@@ -182,7 +181,7 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
182
181
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
183
182
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
184
183
|
portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
|
185
|
-
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
184
|
+
renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => import("react").ReactNode) | undefined;
|
186
185
|
filter?: ((label: string, textValue: string) => boolean) | undefined;
|
187
186
|
closeAfterSelect?: boolean | undefined;
|
188
187
|
size?: string | undefined;
|
@@ -198,9 +197,4 @@ export declare const ComboboxComponent: import("react").FunctionComponent<import
|
|
198
197
|
onChange?: ((value: string[]) => void) | undefined;
|
199
198
|
isTargetAmount?: boolean | undefined;
|
200
199
|
} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
|
201
|
-
|
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 {};
|
200
|
+
export { Combobox };
|
@@ -3,9 +3,45 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
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
|
+
// import React from 'react';
|
10
|
+
|
9
11
|
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxNewConfig, _Combobox.config);
|
10
|
-
var
|
11
|
-
|
12
|
+
var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
13
|
+
|
14
|
+
// type PropsFromConfig = 'view' | 'size' | 'labelPlacement' | 'disabled' | 'readOnly';
|
15
|
+
//
|
16
|
+
// type ComboboxType = <T extends ItemOption>(
|
17
|
+
// props: Omit<ComboboxProps<T>, PropsFromConfig> &
|
18
|
+
// Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig> & { ref?: ForwardedRef<HTMLInputElement> },
|
19
|
+
// ) => ReactElement;
|
20
|
+
//
|
21
|
+
// const Combobox = ComboboxComponent as ComboboxType;
|
22
|
+
|
23
|
+
// const items = [
|
24
|
+
// {
|
25
|
+
// value: 'north_america',
|
26
|
+
// label: 'Северная Америка',
|
27
|
+
// name: 'dima',
|
28
|
+
// },
|
29
|
+
// {
|
30
|
+
// value: 'north_america',
|
31
|
+
// label: 'Северная Америка',
|
32
|
+
// name: 'dima',
|
33
|
+
// },
|
34
|
+
// ];
|
35
|
+
//
|
36
|
+
// const Func = () => {
|
37
|
+
// return (
|
38
|
+
// <Combobox
|
39
|
+
// items={items}
|
40
|
+
// renderItem={(item) => {
|
41
|
+
// console.log(item);
|
42
|
+
//
|
43
|
+
// return <div>123</div>;
|
44
|
+
// }}
|
45
|
+
// />
|
46
|
+
// );
|
47
|
+
// };
|