Skip to content

Commit 4c33f2a

Browse files
patrykkopycinskipatrykkopycinski
authored
Bump storybook dependencies (#50752)
1 parent cae3a47 commit 4c33f2a

File tree

7 files changed

+645
-524
lines changed

7 files changed

+645
-524
lines changed

‎x-pack/legacy/plugins/canvas/.storybook/addons.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
* you may not use this file except in compliance with the Elastic License.
55
*/
66

7-
import '@storybook/addon-options/register';
87
import '@storybook/addon-actions/register';
98
import '@storybook/addon-knobs/register';
109
import '@storybook/addon-console';

‎x-pack/legacy/plugins/canvas/.storybook/webpack.dll.config.js‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,6 @@ module.exports = {
3030
'@storybook/addon-knobs',
3131
'@storybook/addon-knobs/react',
3232
'@storybook/addon-knobs/register',
33-
'@storybook/addon-options',
34-
'@storybook/addon-options/register',
3533
'@storybook/core',
3634
'@storybook/core/dist/server/common/polyfills.js',
3735
'@storybook/react',

‎x-pack/legacy/plugins/canvas/public/components/color_dot/__examples__/color_dot.examples.tsx‎

Lines changed: 38 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -10,35 +10,41 @@ import { ColorDot } from '../color_dot';
1010

1111
storiesOf('components/Color/ColorDot', module)
1212
.addParameters({ info: { propTablesExclude: [EuiIcon] } })
13-
.add('color dots', () => [
14-
<ColorDot key="1" value="white" />,
15-
<ColorDot key="2" value="#000" />,
16-
<ColorDot key="3" value="#abcd" />,
17-
<ColorDot key="4" value="#aabbcc" />,
18-
<ColorDot key="5" value="#aabbccdd" />,
19-
<ColorDot key="6" value="rgb(100, 150, 250)" />,
20-
<ColorDot key="7" value="rgba(100, 150, 250, .5)" />,
21-
])
22-
.add('invalid dots', () => [
23-
<ColorDot key="1" value="elastic" />,
24-
<ColorDot key="2" value="#xyz" />,
25-
<ColorDot key="3" value="#ghij" />,
26-
<ColorDot key="4" value="#canvas" />,
27-
<ColorDot key="5" value="#12345xyz" />,
28-
<ColorDot key="6" value="rgb(a,b,c)" />,
29-
<ColorDot key="7" value="rgba(w,x,y,z)" />,
30-
])
31-
.add('color dots with children', () => [
32-
<ColorDot key="1" value="#FFF">
33-
<EuiIcon type="plusInCircle" color="#000" />
34-
</ColorDot>,
35-
<ColorDot key="2" value="#666">
36-
<EuiIcon type="minusInCircle" color="#fff" />
37-
</ColorDot>,
38-
<ColorDot key="3" value="rgba(100, 150, 250, .5)">
39-
<EuiIcon type="alert" color="#fff" />
40-
</ColorDot>,
41-
<ColorDot key="4" value="#000">
42-
<EuiIcon type="check" color="#fff" />
43-
</ColorDot>,
44-
]);
13+
.add('color dots', () => (
14+
<>
15+
<ColorDot key="1" value="white" />
16+
<ColorDot key="2" value="#000" />
17+
<ColorDot key="3" value="#abcd" />
18+
<ColorDot key="4" value="#aabbcc" />
19+
<ColorDot key="5" value="#aabbccdd" />
20+
<ColorDot key="6" value="rgb(100, 150, 250)" />
21+
<ColorDot key="7" value="rgba(100, 150, 250, .5)" />
22+
</>
23+
))
24+
.add('invalid dots', () => (
25+
<>
26+
<ColorDot key="1" value="elastic" />
27+
<ColorDot key="2" value="#xyz" />
28+
<ColorDot key="3" value="#ghij" />
29+
<ColorDot key="4" value="#canvas" />
30+
<ColorDot key="5" value="#12345xyz" />
31+
<ColorDot key="6" value="rgb(a,b,c)" />
32+
<ColorDot key="7" value="rgba(w,x,y,z)" />
33+
</>
34+
))
35+
.add('color dots with children', () => (
36+
<>
37+
<ColorDot key="1" value="#FFF">
38+
<EuiIcon type="plusInCircle" color="#000" />
39+
</ColorDot>
40+
<ColorDot key="2" value="#666">
41+
<EuiIcon type="minusInCircle" color="#fff" />
42+
</ColorDot>
43+
<ColorDot key="3" value="rgba(100, 150, 250, .5)">
44+
<EuiIcon type="alert" color="#fff" />
45+
</ColorDot>
46+
<ColorDot key="4" value="#000">
47+
<EuiIcon type="check" color="#fff" />
48+
</ColorDot>
49+
</>
50+
));

‎x-pack/legacy/plugins/canvas/public/components/color_manager/__examples__/color_manager.examples.tsx‎

Lines changed: 48 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -57,48 +57,54 @@ storiesOf('components/Color/ColorManager', module)
5757
},
5858
},
5959
})
60-
.add('default', () => [
61-
<ColorManager key="1" onChange={action('onChange')} value="blue" />,
62-
<ColorManager key="2" onChange={action('onChange')} value="#abc" />,
63-
<ColorManager key="3" onChange={action('onChange')} value="#abcd" />,
64-
<ColorManager key="4" onChange={action('onChange')} value="#abcdef" />,
65-
<ColorManager key="5" onChange={action('onChange')} value="#aabbccdd" />,
66-
<ColorManager key="6" onChange={action('onChange')} value="rgb(50, 100, 150)" />,
67-
<ColorManager key="7" onChange={action('onChange')} value="rgba(50, 100, 150, .5)" />,
68-
])
69-
.add('invalid colors', () => [
70-
<ColorManager key="1" onChange={action('onChange')} value="elastic" />,
71-
<ColorManager key="2" onChange={action('onChange')} value="#xyz" />,
72-
<ColorManager key="3" onChange={action('onChange')} value="#ghij" />,
73-
<ColorManager key="4" onChange={action('onChange')} value="#canvas" />,
74-
<ColorManager key="5" onChange={action('onChange')} value="#12345xyz" />,
75-
<ColorManager key="6" onChange={action('onChange')} value="rgb(a,b,c)" />,
76-
<ColorManager key="7" onChange={action('onChange')} value="rgba(w,x,y,z)" />,
77-
])
78-
.add('with buttons', () => [
79-
<ColorManager
80-
hasButtons={true}
81-
key="1"
82-
onAddColor={action('onAddColor')}
83-
onChange={action('onChange')}
84-
value="#abcdef"
85-
/>,
86-
<ColorManager
87-
hasButtons={true}
88-
key="2"
89-
onChange={action('onChange')}
90-
onRemoveColor={action('onRemoveColor')}
91-
value="#abcdef"
92-
/>,
93-
<ColorManager
94-
hasButtons={true}
95-
key="3"
96-
onAddColor={action('onAddColor')}
97-
onChange={action('onChange')}
98-
onRemoveColor={action('onRemoveColor')}
99-
value="#abcdef"
100-
/>,
101-
])
60+
.add('default', () => (
61+
<>
62+
<ColorManager key="1" onChange={action('onChange')} value="blue" />
63+
<ColorManager key="2" onChange={action('onChange')} value="#abc" />
64+
<ColorManager key="3" onChange={action('onChange')} value="#abcd" />
65+
<ColorManager key="4" onChange={action('onChange')} value="#abcdef" />
66+
<ColorManager key="5" onChange={action('onChange')} value="#aabbccdd" />
67+
<ColorManager key="6" onChange={action('onChange')} value="rgb(50, 100, 150)" />
68+
<ColorManager key="7" onChange={action('onChange')} value="rgba(50, 100, 150, .5)" />
69+
</>
70+
))
71+
.add('invalid colors', () => (
72+
<>
73+
<ColorManager key="1" onChange={action('onChange')} value="elastic" />
74+
<ColorManager key="2" onChange={action('onChange')} value="#xyz" />
75+
<ColorManager key="3" onChange={action('onChange')} value="#ghij" />
76+
<ColorManager key="4" onChange={action('onChange')} value="#canvas" />
77+
<ColorManager key="5" onChange={action('onChange')} value="#12345xyz" />
78+
<ColorManager key="6" onChange={action('onChange')} value="rgb(a,b,c)" />
79+
<ColorManager key="7" onChange={action('onChange')} value="rgba(w,x,y,z)" />
80+
</>
81+
))
82+
.add('with buttons', () => (
83+
<>
84+
<ColorManager
85+
hasButtons={true}
86+
key="1"
87+
onAddColor={action('onAddColor')}
88+
onChange={action('onChange')}
89+
value="#abcdef"
90+
/>
91+
<ColorManager
92+
hasButtons={true}
93+
key="2"
94+
onChange={action('onChange')}
95+
onRemoveColor={action('onRemoveColor')}
96+
value="#abcdef"
97+
/>
98+
<ColorManager
99+
hasButtons={true}
100+
key="3"
101+
onAddColor={action('onAddColor')}
102+
onChange={action('onChange')}
103+
onRemoveColor={action('onRemoveColor')}
104+
value="#abcdef"
105+
/>
106+
</>
107+
))
102108
.add('interactive', () => <Interactive />, {
103109
info: {
104110
inline: true,

‎x-pack/legacy/plugins/canvas/public/components/color_palette/__examples__/color_palette.examples.tsx‎

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,14 +29,18 @@ class Interactive extends React.Component<{}, { value: string }> {
2929
}
3030

3131
storiesOf('components/Color/ColorPalette', module)
32-
.add('three colors', () => [
33-
<ColorPalette key="1" onChange={action('onChange')} colors={THREE_COLORS} />,
34-
<ColorPalette key="2" value="#fff" onChange={action('onChange')} colors={THREE_COLORS} />,
35-
])
36-
.add('six colors', () => [
37-
<ColorPalette key="1" onChange={action('onChange')} colors={SIX_COLORS} />,
38-
<ColorPalette key="2" value="#fff" onChange={action('onChange')} colors={SIX_COLORS} />,
39-
])
32+
.add('three colors', () => (
33+
<>
34+
<ColorPalette key="1" onChange={action('onChange')} colors={THREE_COLORS} />
35+
<ColorPalette key="2" value="#fff" onChange={action('onChange')} colors={THREE_COLORS} />
36+
</>
37+
))
38+
.add('six colors', () => (
39+
<>
40+
<ColorPalette key="1" onChange={action('onChange')} colors={SIX_COLORS} />
41+
<ColorPalette key="2" value="#fff" onChange={action('onChange')} colors={SIX_COLORS} />
42+
</>
43+
))
4044
.add('six colors, wrap at 4', () => (
4145
<ColorPalette value="#fff" onChange={action('onChange')} colors={SIX_COLORS} colorsPerRow={4} />
4246
))

‎x-pack/package.json‎

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -36,14 +36,14 @@
3636
"@kbn/test": "1.0.0",
3737
"@kbn/utility-types": "1.0.0",
3838
"@mattapperson/slapshot": "1.4.0",
39-
"@storybook/addon-actions": "^5.1.11",
39+
"@reach/router": "^1.2.1",
40+
"@storybook/addon-actions": "^5.2.6",
4041
"@storybook/addon-console": "^1.2.1",
41-
"@storybook/addon-info": "^5.1.11",
42-
"@storybook/addon-knobs": "^5.1.11",
43-
"@storybook/addon-options": "^5.1.11",
44-
"@storybook/addon-storyshots": "^5.1.11",
45-
"@storybook/react": "^5.1.11",
46-
"@storybook/theming": "^5.1.11",
42+
"@storybook/addon-info": "^5.2.6",
43+
"@storybook/addon-knobs": "^5.2.6",
44+
"@storybook/addon-storyshots": "^5.2.6",
45+
"@storybook/react": "^5.2.6",
46+
"@storybook/theming": "^5.2.6",
4747
"@types/angular": "^1.6.56",
4848
"@types/archiver": "^3.0.0",
4949
"@types/base64-js": "^1.2.5",
@@ -99,10 +99,6 @@
9999
"@types/reduce-reducers": "^0.3.0",
100100
"@types/redux-actions": "^2.2.1",
101101
"@types/sinon": "^7.0.13",
102-
"@types/storybook__addon-actions": "^3.4.3",
103-
"@types/storybook__addon-info": "^4.1.2",
104-
"@types/storybook__addon-knobs": "^5.0.3",
105-
"@types/storybook__react": "^4.0.2",
106102
"@types/styled-components": "^3.0.2",
107103
"@types/supertest": "^2.0.5",
108104
"@types/tar-fs": "^1.16.1",

0 commit comments

Comments
 (0)