@salutejs/plasma-new-hope 0.122.0-canary.1349.10356044670.0 → 0.122.0-canary.1349.10357757918.0
Sign up to get free protection for your applications and to get access to all the features.
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/package.json +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +38 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +38 -21
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.122.0-canary.1349.
|
3
|
+
"version": "0.122.0-canary.1349.10357757918.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "ab3a87268b6ce7f90501824419cf4c551466cf7a"
|
122
122
|
}
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
|
|
60
60
|
type: 'select',
|
61
61
|
},
|
62
62
|
},
|
63
|
+
listWidth: {
|
64
|
+
control: {
|
65
|
+
type: 'text',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
listOverflow: {
|
69
|
+
control: {
|
70
|
+
type: 'text',
|
71
|
+
},
|
72
|
+
},
|
73
|
+
listHeight: {
|
74
|
+
control: {
|
75
|
+
type: 'text',
|
76
|
+
},
|
77
|
+
},
|
63
78
|
},
|
64
79
|
args: {
|
65
|
-
multiselect: false,
|
66
80
|
target: 'textfield-like',
|
67
81
|
label: 'Label',
|
68
82
|
labelPlacement: 'outer',
|
@@ -75,7 +89,27 @@ const meta: Meta<StorySelectProps> = {
|
|
75
89
|
isTargetAmount: false,
|
76
90
|
variant: 'normal',
|
77
91
|
disabled: false,
|
78
|
-
|
92
|
+
},
|
93
|
+
parameters: {
|
94
|
+
controls: {
|
95
|
+
include: [
|
96
|
+
'target',
|
97
|
+
'size',
|
98
|
+
'view',
|
99
|
+
'chipView',
|
100
|
+
'enableContentLeft',
|
101
|
+
'label',
|
102
|
+
'labelPlacement',
|
103
|
+
'placeholder',
|
104
|
+
'helperText',
|
105
|
+
'isTargetAmount',
|
106
|
+
'variant',
|
107
|
+
'disabled',
|
108
|
+
'listWidth',
|
109
|
+
'listOverflow',
|
110
|
+
'listHeight',
|
111
|
+
],
|
112
|
+
},
|
79
113
|
},
|
80
114
|
};
|
81
115
|
|
@@ -354,8 +388,8 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
354
388
|
|
355
389
|
<Select
|
356
390
|
{...args}
|
357
|
-
multiselect
|
358
391
|
items={items}
|
392
|
+
multiselect
|
359
393
|
value={valueMultiple}
|
360
394
|
onChange={setValueMultiple}
|
361
395
|
contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
|
@@ -365,11 +399,6 @@ const PredefinedStory = (args: StorySelectProps) => {
|
|
365
399
|
};
|
366
400
|
|
367
401
|
export const Predefined: StoryObj<StorySelectProps> = {
|
368
|
-
parameters: {
|
369
|
-
controls: {
|
370
|
-
exclude: ['multiselect'],
|
371
|
-
},
|
372
|
-
},
|
373
402
|
render: (args) => <PredefinedStory {...args} />,
|
374
403
|
};
|
375
404
|
|
@@ -795,19 +824,7 @@ const CommonStory = (args: StorySelectProps) => {
|
|
795
824
|
export const Common: StoryObj<StorySelectProps> = {
|
796
825
|
parameters: {
|
797
826
|
controls: {
|
798
|
-
|
799
|
-
'size',
|
800
|
-
'enableContentLeft',
|
801
|
-
'chipView',
|
802
|
-
'label',
|
803
|
-
'labelPlacement',
|
804
|
-
'placeholder',
|
805
|
-
'helperText',
|
806
|
-
'isTargetAmount',
|
807
|
-
'variant',
|
808
|
-
'disabled',
|
809
|
-
'separator',
|
810
|
-
],
|
827
|
+
exclude: ['target', 'view'],
|
811
828
|
},
|
812
829
|
},
|
813
830
|
argTypes: {
|