@salutejs/plasma-new-hope 0.186.0-canary.1542.11726237853.0 → 0.186.0-canary.1542.11732695647.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.boundler.js +6 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.boundler.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +4 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +7 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_18a8p75.css → Combobox.styles_15nwy93.css} +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +4 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +4 -3
- package/cjs/components/Combobox/ComboboxNew/utils/getForm.css +39 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getForm.js +14 -10
- package/cjs/components/Combobox/ComboboxNew/utils/getForm.js.map +1 -1
- package/cjs/index.css +4 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.boundler.js +10 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +15 -10
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getForm.js +14 -10
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +2 -3
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +5 -61
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +2 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.boundler.js +7 -4
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +14 -9
- package/emotion/es/components/Combobox/ComboboxNew/utils/getForm.js +15 -11
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +2 -3
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +5 -61
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +2 -3
- package/es/components/Combobox/ComboboxNew/Combobox.boundler.js +7 -4
- package/es/components/Combobox/ComboboxNew/Combobox.boundler.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +4 -3
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +7 -2
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_18a8p75.css → Combobox.styles_15nwy93.css} +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +4 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +4 -3
- package/es/components/Combobox/ComboboxNew/utils/getForm.css +39 -0
- package/es/components/Combobox/ComboboxNew/utils/getForm.js +15 -11
- package/es/components/Combobox/ComboboxNew/utils/getForm.js.map +1 -1
- package/es/index.css +4 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.boundler.js +10 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getForm.js +14 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +2 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +5 -61
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +2 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.boundler.js +7 -4
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +5 -1
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getForm.js +15 -11
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +2 -3
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +5 -61
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +2 -3
- package/types/components/Combobox/ComboboxNew/Combobox.boundler.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +8 -9
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/getForm.d.ts +17 -3
- package/types/components/Combobox/ComboboxNew/utils/getForm.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +25 -459
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +25 -459
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
@@ -5,9 +5,9 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
5
5
|
import { WithTheme } from '../../../_helpers';
|
6
6
|
import { IconDone } from '../../../../components/_Icon';
|
7
7
|
|
8
|
-
import {
|
8
|
+
import { Combobox } from './Combobox';
|
9
9
|
|
10
|
-
type StorySelectProps = ComponentProps<typeof
|
10
|
+
type StorySelectProps = ComponentProps<typeof Combobox> & {
|
11
11
|
enableContentLeft?: boolean;
|
12
12
|
};
|
13
13
|
|
@@ -19,7 +19,7 @@ const variant = ['normal', 'tight'];
|
|
19
19
|
const meta: Meta<StorySelectProps> = {
|
20
20
|
title: 'plasma_b2c/Combobox',
|
21
21
|
decorators: [WithTheme],
|
22
|
-
component:
|
22
|
+
component: Combobox,
|
23
23
|
argTypes: {
|
24
24
|
size: {
|
25
25
|
options: size,
|
@@ -356,7 +356,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
356
356
|
|
357
357
|
return (
|
358
358
|
<div style={{ width: '400px' }}>
|
359
|
-
<
|
359
|
+
<Combobox
|
360
360
|
{...args}
|
361
361
|
items={items}
|
362
362
|
value={value}
|
@@ -367,24 +367,6 @@ const SingleStory = (args: StorySelectProps) => {
|
|
367
367
|
);
|
368
368
|
};
|
369
369
|
|
370
|
-
const SingleFormStory = (args: StorySelectProps) => {
|
371
|
-
const handleChange = (event) => {
|
372
|
-
console.log(event);
|
373
|
-
};
|
374
|
-
|
375
|
-
return (
|
376
|
-
<div style={{ width: '400px' }}>
|
377
|
-
<ComboboxWithForm
|
378
|
-
{...args}
|
379
|
-
items={items}
|
380
|
-
formType
|
381
|
-
onChange={handleChange}
|
382
|
-
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
383
|
-
/>
|
384
|
-
</div>
|
385
|
-
);
|
386
|
-
};
|
387
|
-
|
388
370
|
export const Single: StoryObj<StorySelectProps> = {
|
389
371
|
render: (args) => <SingleStory {...args} />,
|
390
372
|
args: {
|
@@ -397,24 +379,12 @@ export const Single: StoryObj<StorySelectProps> = {
|
|
397
379
|
},
|
398
380
|
};
|
399
381
|
|
400
|
-
export const SingleForm: StoryObj<StorySelectProps> = {
|
401
|
-
render: (args) => <SingleFormStory {...args} />,
|
402
|
-
args: {
|
403
|
-
closeAfterSelect: true,
|
404
|
-
},
|
405
|
-
parameters: {
|
406
|
-
controls: {
|
407
|
-
exclude: ['isTargetAmount'],
|
408
|
-
},
|
409
|
-
},
|
410
|
-
};
|
411
|
-
|
412
382
|
const MultipleStory = (args: StorySelectProps) => {
|
413
383
|
const [value, setValue] = useState([]);
|
414
384
|
|
415
385
|
return (
|
416
386
|
<div style={{ width: '400px' }}>
|
417
|
-
<
|
387
|
+
<Combobox
|
418
388
|
{...args}
|
419
389
|
multiple
|
420
390
|
formType={false}
|
@@ -427,35 +397,9 @@ const MultipleStory = (args: StorySelectProps) => {
|
|
427
397
|
);
|
428
398
|
};
|
429
399
|
|
430
|
-
const MultipleStoryForm = (args: StorySelectProps) => {
|
431
|
-
const handleChange = (event) => {
|
432
|
-
console.log(event);
|
433
|
-
};
|
434
|
-
|
435
|
-
return (
|
436
|
-
<div style={{ width: '400px' }}>
|
437
|
-
<ComboboxWithForm
|
438
|
-
{...args}
|
439
|
-
multiple
|
440
|
-
formType
|
441
|
-
onChange={handleChange}
|
442
|
-
items={items}
|
443
|
-
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
444
|
-
/>
|
445
|
-
</div>
|
446
|
-
);
|
447
|
-
};
|
448
|
-
|
449
400
|
export const Multiple: StoryObj<StorySelectProps> = {
|
450
401
|
render: (args) => <MultipleStory {...args} />,
|
451
402
|
args: {
|
452
403
|
closeAfterSelect: false,
|
453
404
|
},
|
454
405
|
};
|
455
|
-
|
456
|
-
export const MultipleForm: StoryObj<StorySelectProps> = {
|
457
|
-
render: (args) => <MultipleStoryForm {...args} />,
|
458
|
-
args: {
|
459
|
-
closeAfterSelect: false,
|
460
|
-
},
|
461
|
-
};
|
@@ -3,14 +3,13 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.Combobox = void 0;
|
7
7
|
var _engines = /*#__PURE__*/require("../../../../engines");
|
8
8
|
var _ = /*#__PURE__*/require("../../../..");
|
9
9
|
var _Combobox = /*#__PURE__*/require("./Combobox.config");
|
10
10
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
|
11
11
|
var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
12
|
-
var Combobox = exports.Combobox =
|
13
|
-
var ComboboxWithForm = exports.ComboboxWithForm = /*#__PURE__*/(0, _.boundCombobox)({
|
12
|
+
var Combobox = exports.Combobox = /*#__PURE__*/(0, _.boundCombobox)({
|
14
13
|
base: ComboboxComponent,
|
15
14
|
baseForm: /*#__PURE__*/(0, _.getFormComponentGenerator)(ComboboxComponent)
|
16
15
|
});
|
@@ -1,14 +1,17 @@
|
|
1
|
-
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
2
|
+
import React, { forwardRef } from 'react';
|
2
3
|
export var boundCombobox = function boundCombobox(_ref) {
|
3
4
|
var ComboboxBase = _ref.base,
|
4
5
|
ComboboxBaseForm = _ref.baseForm;
|
5
|
-
return function (rest) {
|
6
|
+
return /*#__PURE__*/forwardRef(function (rest, ref) {
|
6
7
|
if (rest.formType) {
|
7
|
-
return /*#__PURE__*/React.createElement(ComboboxBaseForm,
|
8
|
+
return /*#__PURE__*/React.createElement(ComboboxBaseForm, _extends({
|
9
|
+
ref: ref
|
10
|
+
}, rest));
|
8
11
|
}
|
9
12
|
if (!rest.formType) {
|
10
13
|
return /*#__PURE__*/React.createElement(ComboboxBase, rest);
|
11
14
|
}
|
12
15
|
return null;
|
13
|
-
};
|
16
|
+
});
|
14
17
|
};
|
@@ -3,6 +3,7 @@ import { css } from 'styled-components';
|
|
3
3
|
import { emptyStateConfig, emptyStateTokens } from '../../EmptyState';
|
4
4
|
import { IconDisclosureDownCentered } from '../../_Icon';
|
5
5
|
import { component, mergeConfig } from '../../../engines';
|
6
|
+
import { applyHidden } from '../../../mixins';
|
6
7
|
import { tokens, constants, classes } from './Combobox.tokens';
|
7
8
|
var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
|
8
9
|
var EmptyState = /*#__PURE__*/component(mergedConfig);
|
@@ -36,4 +37,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
|
|
36
37
|
export var base = /*#__PURE__*/css([""]);
|
37
38
|
export var StyledEmptyState = /*#__PURE__*/styled(EmptyState).withConfig({
|
38
39
|
componentId: "plasma-new-hope__sc-2kddkg-3"
|
39
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
40
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
41
|
+
export var SelectHidden = /*#__PURE__*/styled.select.withConfig({
|
42
|
+
componentId: "plasma-new-hope__sc-2kddkg-4"
|
43
|
+
})(["", ";"], /*#__PURE__*/applyHidden());
|
@@ -9,9 +9,11 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
9
9
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
10
10
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
11
11
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
12
|
-
import React, { useEffect, useRef, useState } from 'react';
|
12
|
+
import React, { forwardRef, useEffect, useRef, useState } from 'react';
|
13
|
+
import { mergeRefs } from '../../../../utils';
|
14
|
+
import { SelectHidden } from '../Combobox.styles';
|
13
15
|
import { createEvent } from './syntheticEvent';
|
14
|
-
var SingleForm = function
|
16
|
+
var SingleForm = /*#__PURE__*/forwardRef(function (args, ref) {
|
15
17
|
var onChange = args.onChange,
|
16
18
|
name = args.name,
|
17
19
|
defaultValue = args.defaultValue,
|
@@ -29,8 +31,8 @@ var SingleForm = function SingleForm(args) {
|
|
29
31
|
var event = createEvent(selectRef);
|
30
32
|
onChange && onChange(event);
|
31
33
|
}, [value]);
|
32
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
33
|
-
ref: selectRef,
|
34
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
|
35
|
+
ref: mergeRefs(selectRef, ref),
|
34
36
|
value: value,
|
35
37
|
name: name,
|
36
38
|
hidden: true
|
@@ -40,8 +42,8 @@ var SingleForm = function SingleForm(args) {
|
|
40
42
|
value: value,
|
41
43
|
onChange: handleChange
|
42
44
|
})));
|
43
|
-
};
|
44
|
-
var MultipleForm = function
|
45
|
+
});
|
46
|
+
var MultipleForm = /*#__PURE__*/forwardRef(function (args, ref) {
|
45
47
|
var onChange = args.onChange,
|
46
48
|
name = args.name,
|
47
49
|
defaultValue = args.defaultValue,
|
@@ -59,8 +61,8 @@ var MultipleForm = function MultipleForm(args) {
|
|
59
61
|
var event = createEvent(selectRef);
|
60
62
|
onChange && onChange(event);
|
61
63
|
}, [values]);
|
62
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
63
|
-
ref: selectRef,
|
64
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
|
65
|
+
ref: mergeRefs(selectRef, ref),
|
64
66
|
value: values,
|
65
67
|
name: name,
|
66
68
|
multiple: true,
|
@@ -74,13 +76,15 @@ var MultipleForm = function MultipleForm(args) {
|
|
74
76
|
value: values,
|
75
77
|
onChange: handleChange
|
76
78
|
})));
|
77
|
-
};
|
79
|
+
});
|
78
80
|
export var getFormComponentGenerator = function getFormComponentGenerator(Component) {
|
79
|
-
return function (args) {
|
81
|
+
return /*#__PURE__*/forwardRef(function (args, ref) {
|
80
82
|
return args.multiple ? /*#__PURE__*/React.createElement(MultipleForm, _extends({}, args, {
|
83
|
+
ref: ref,
|
81
84
|
component: Component
|
82
85
|
})) : /*#__PURE__*/React.createElement(SingleForm, _extends({}, args, {
|
86
|
+
ref: ref,
|
83
87
|
component: Component
|
84
88
|
}));
|
85
|
-
};
|
89
|
+
});
|
86
90
|
};
|
@@ -3,9 +3,8 @@ import { comboboxNewConfig, boundCombobox, getFormComponentGenerator } from '../
|
|
3
3
|
import { config } from './Combobox.config';
|
4
4
|
var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
|
5
5
|
var ComboboxComponent = /*#__PURE__*/component(mergedConfig);
|
6
|
-
var Combobox =
|
7
|
-
var ComboboxWithForm = /*#__PURE__*/boundCombobox({
|
6
|
+
var Combobox = /*#__PURE__*/boundCombobox({
|
8
7
|
base: ComboboxComponent,
|
9
8
|
baseForm: /*#__PURE__*/getFormComponentGenerator(ComboboxComponent)
|
10
9
|
});
|
11
|
-
export { Combobox
|
10
|
+
export { Combobox };
|
@@ -5,9 +5,9 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
5
5
|
import { WithTheme } from '../../../_helpers';
|
6
6
|
import { IconDone } from '../../../../components/_Icon';
|
7
7
|
|
8
|
-
import {
|
8
|
+
import { Combobox } from './Combobox';
|
9
9
|
|
10
|
-
type StorySelectProps = ComponentProps<typeof
|
10
|
+
type StorySelectProps = ComponentProps<typeof Combobox> & {
|
11
11
|
enableContentLeft?: boolean;
|
12
12
|
};
|
13
13
|
|
@@ -19,7 +19,7 @@ const variant = ['normal', 'tight'];
|
|
19
19
|
const meta: Meta<StorySelectProps> = {
|
20
20
|
title: 'plasma_b2c/Combobox',
|
21
21
|
decorators: [WithTheme],
|
22
|
-
component:
|
22
|
+
component: Combobox,
|
23
23
|
argTypes: {
|
24
24
|
size: {
|
25
25
|
options: size,
|
@@ -356,7 +356,7 @@ const SingleStory = (args: StorySelectProps) => {
|
|
356
356
|
|
357
357
|
return (
|
358
358
|
<div style={{ width: '400px' }}>
|
359
|
-
<
|
359
|
+
<Combobox
|
360
360
|
{...args}
|
361
361
|
items={items}
|
362
362
|
value={value}
|
@@ -367,24 +367,6 @@ const SingleStory = (args: StorySelectProps) => {
|
|
367
367
|
);
|
368
368
|
};
|
369
369
|
|
370
|
-
const SingleFormStory = (args: StorySelectProps) => {
|
371
|
-
const handleChange = (event) => {
|
372
|
-
console.log(event);
|
373
|
-
};
|
374
|
-
|
375
|
-
return (
|
376
|
-
<div style={{ width: '400px' }}>
|
377
|
-
<ComboboxWithForm
|
378
|
-
{...args}
|
379
|
-
items={items}
|
380
|
-
formType
|
381
|
-
onChange={handleChange}
|
382
|
-
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
383
|
-
/>
|
384
|
-
</div>
|
385
|
-
);
|
386
|
-
};
|
387
|
-
|
388
370
|
export const Single: StoryObj<StorySelectProps> = {
|
389
371
|
render: (args) => <SingleStory {...args} />,
|
390
372
|
args: {
|
@@ -397,24 +379,12 @@ export const Single: StoryObj<StorySelectProps> = {
|
|
397
379
|
},
|
398
380
|
};
|
399
381
|
|
400
|
-
export const SingleForm: StoryObj<StorySelectProps> = {
|
401
|
-
render: (args) => <SingleFormStory {...args} />,
|
402
|
-
args: {
|
403
|
-
closeAfterSelect: true,
|
404
|
-
},
|
405
|
-
parameters: {
|
406
|
-
controls: {
|
407
|
-
exclude: ['isTargetAmount'],
|
408
|
-
},
|
409
|
-
},
|
410
|
-
};
|
411
|
-
|
412
382
|
const MultipleStory = (args: StorySelectProps) => {
|
413
383
|
const [value, setValue] = useState([]);
|
414
384
|
|
415
385
|
return (
|
416
386
|
<div style={{ width: '400px' }}>
|
417
|
-
<
|
387
|
+
<Combobox
|
418
388
|
{...args}
|
419
389
|
multiple
|
420
390
|
formType={false}
|
@@ -427,35 +397,9 @@ const MultipleStory = (args: StorySelectProps) => {
|
|
427
397
|
);
|
428
398
|
};
|
429
399
|
|
430
|
-
const MultipleStoryForm = (args: StorySelectProps) => {
|
431
|
-
const handleChange = (event) => {
|
432
|
-
console.log(event);
|
433
|
-
};
|
434
|
-
|
435
|
-
return (
|
436
|
-
<div style={{ width: '400px' }}>
|
437
|
-
<ComboboxWithForm
|
438
|
-
{...args}
|
439
|
-
multiple
|
440
|
-
formType
|
441
|
-
onChange={handleChange}
|
442
|
-
items={items}
|
443
|
-
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
444
|
-
/>
|
445
|
-
</div>
|
446
|
-
);
|
447
|
-
};
|
448
|
-
|
449
400
|
export const Multiple: StoryObj<StorySelectProps> = {
|
450
401
|
render: (args) => <MultipleStory {...args} />,
|
451
402
|
args: {
|
452
403
|
closeAfterSelect: false,
|
453
404
|
},
|
454
405
|
};
|
455
|
-
|
456
|
-
export const MultipleForm: StoryObj<StorySelectProps> = {
|
457
|
-
render: (args) => <MultipleStoryForm {...args} />,
|
458
|
-
args: {
|
459
|
-
closeAfterSelect: false,
|
460
|
-
},
|
461
|
-
};
|
@@ -3,9 +3,8 @@ import { comboboxNewConfig, boundCombobox, getFormComponentGenerator } from '../
|
|
3
3
|
import { config } from './Combobox.config';
|
4
4
|
var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
|
5
5
|
var ComboboxComponent = /*#__PURE__*/component(mergedConfig);
|
6
|
-
var Combobox =
|
7
|
-
var ComboboxWithForm = /*#__PURE__*/boundCombobox({
|
6
|
+
var Combobox = /*#__PURE__*/boundCombobox({
|
8
7
|
base: ComboboxComponent,
|
9
8
|
baseForm: /*#__PURE__*/getFormComponentGenerator(ComboboxComponent)
|
10
9
|
});
|
11
|
-
export { Combobox
|
10
|
+
export { Combobox };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.boundler.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.boundler.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"Combobox.boundler.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.boundler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,8BAA8B,EAAE,MAAM,kBAAkB,CAAC;AAEzF,eAAO,MAAM,aAAa,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAc9F,CAAC"}
|
@@ -12,4 +12,5 @@ export declare const IconArrowWrapper: import("@linaria/react").StyledComponent<
|
|
12
12
|
export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../_Icon/IconRoot").IconProps>;
|
13
13
|
export declare const base: import("@linaria/core").LinariaClassName;
|
14
14
|
export declare const StyledEmptyState: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & import("../../EmptyState/EmptyState.types").Props & import("react").RefAttributes<HTMLDivElement>>;
|
15
|
+
export declare const SelectHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
|
15
16
|
//# sourceMappingURL=Combobox.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,eAAO,MAAM,EAAE;mBACI,aAAa,CAAC,cAAc,CAAC;iBAC/B,aAAa,CAAC,YAAY,CAAC;gBAC5B,aAAa,CAAC,WAAW,CAAC;;EAoBzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAA0B,OAAO;EAc7D,CAAC;AAEF,eAAO,MAAM,WAAW,oGAAuC,CAAC;AAEhE,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,gBAAgB,oQAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,iLAExB,CAAC"}
|
@@ -154,6 +154,7 @@ export declare type ComboboxProps<T extends ItemOption = ItemOption> = {
|
|
154
154
|
* @default outer
|
155
155
|
*/
|
156
156
|
labelPlacement?: 'outer' | 'inner';
|
157
|
+
formType?: false;
|
157
158
|
} & ViewStateProps & IsMultiselect<T> & RequiredProps & Omit<ButtonHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
|
158
159
|
export declare type FloatingPopoverProps = {
|
159
160
|
target: React.ReactNode | ((ref: React.MutableRefObject<HTMLElement | null>) => React.ReactNode);
|
@@ -182,23 +183,21 @@ declare type ComboboxFormBaseProps = {
|
|
182
183
|
defaultValue?: string;
|
183
184
|
name?: string;
|
184
185
|
multiple?: false;
|
186
|
+
ref?: React.Ref<HTMLSelectElement>;
|
187
|
+
formType: true;
|
185
188
|
} | {
|
186
189
|
onChange?: (event: React.ChangeEvent<HTMLSelectElement> | null) => void;
|
187
190
|
defaultValue?: string[];
|
188
191
|
name?: string;
|
189
192
|
multiple?: true;
|
193
|
+
ref?: React.Ref<HTMLSelectElement>;
|
194
|
+
formType: true;
|
190
195
|
};
|
191
|
-
export declare type ComboboxFormProps = Omit<ComboboxProps, 'onChange' | 'defaultValue' | 'multiple'> & ComboboxFormBaseProps;
|
196
|
+
export declare type ComboboxFormProps = Omit<ComboboxProps, 'onChange' | 'defaultValue' | 'multiple' | 'formType'> & ComboboxFormBaseProps;
|
192
197
|
export declare type ComboboxBoundlerProps = {
|
193
198
|
base: React.FC<ComboboxProps>;
|
194
|
-
baseForm: React.FC<
|
195
|
-
};
|
196
|
-
export declare type ComboboxFormPropsAll = ComboboxFormProps & {
|
197
|
-
formType: true;
|
198
|
-
};
|
199
|
-
export declare type ComboboxPropsAll = ComboboxProps & {
|
200
|
-
formType: false;
|
199
|
+
baseForm: React.FC<ComboboxFormProps>;
|
201
200
|
};
|
202
|
-
export declare type ComboboxBoundlerPropsComponent =
|
201
|
+
export declare type ComboboxBoundlerPropsComponent = ComboboxFormProps | ComboboxProps;
|
203
202
|
export {};
|
204
203
|
//# sourceMappingURL=Combobox.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.types.ts"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,18 @@
|
|
1
|
-
import { ComponentType } from 'react';
|
2
|
-
import { ComboboxProps
|
3
|
-
export declare const getFormComponentGenerator: (Component: ComponentType<ComboboxProps>) => (
|
1
|
+
import React, { ComponentType } from 'react';
|
2
|
+
import { ComboboxProps } from '../Combobox.types';
|
3
|
+
export declare const getFormComponentGenerator: (Component: ComponentType<ComboboxProps>) => React.ForwardRefExoticComponent<(Omit<Omit<ComboboxProps<import("..").ItemOption>, "onChange" | "defaultValue" | "multiple" | "formType"> & {
|
4
|
+
onChange?: ((event: React.ChangeEvent<HTMLSelectElement> | null) => void) | undefined;
|
5
|
+
defaultValue?: string | undefined;
|
6
|
+
name?: string | undefined;
|
7
|
+
multiple?: false | undefined;
|
8
|
+
ref?: React.Ref<HTMLSelectElement> | undefined;
|
9
|
+
formType: true;
|
10
|
+
}, "ref"> | Omit<Omit<ComboboxProps<import("..").ItemOption>, "onChange" | "defaultValue" | "multiple" | "formType"> & {
|
11
|
+
onChange?: ((event: React.ChangeEvent<HTMLSelectElement> | null) => void) | undefined;
|
12
|
+
defaultValue?: string[] | undefined;
|
13
|
+
name?: string | undefined;
|
14
|
+
multiple?: true | undefined;
|
15
|
+
ref?: React.Ref<HTMLSelectElement> | undefined;
|
16
|
+
formType: true;
|
17
|
+
}, "ref">) & React.RefAttributes<HTMLSelectElement>>;
|
4
18
|
//# sourceMappingURL=getForm.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"getForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"getForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA2C,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,aAAa,EAAqB,MAAM,mBAAmB,CAAC;AA8DrE,eAAO,MAAM,yBAAyB,cAAe,cAAc,aAAa,CAAC;;;;;;;;;;;;;;oDAQhF,CAAC"}
|