Skip to content

Commit 9af616f

Browse files
MarcusNotheisMarcusNotheis
committed
update to beta.15
1 parent 3f6bf5d commit 9af616f

File tree

73 files changed

+329
-539
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+329
-539
lines changed

‎.storybook/main.js

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,12 @@ const DEPENDENCY_REGEX = BUILD_FOR_IE11
1313

1414
module.exports = {
1515
stories: ['../docs/**/*.stories.mdx', '../packages/**/*.stories.mdx', '../packages/**/*.stories.[tj]sx'],
16-
addons: ['@storybook/addon-toolbars', '@storybook/addon-knobs', '@storybook/addon-docs', '@storybook/addon-actions'],
16+
addons: [
17+
'@storybook/addon-toolbars',
18+
'@storybook/addon-docs',
19+
'@storybook/addon-controls',
20+
'@storybook/addon-actions'
21+
],
1722
webpack: async (config, { configType }) => {
1823
// `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
1924
// You can change the configuration based on that.

‎package.json

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,14 +20,15 @@
2020
"lerna:version-dryrun": "lerna version --conventional-graduate --no-git-tag-version --no-push"
2121
},
2222
"dependencies": {
23-
"@storybook/addon-actions": "6.0.0-beta.13",
24-
"@storybook/addon-docs": "6.0.0-beta.13",
25-
"@storybook/addon-knobs": "6.0.0-beta.13",
26-
"@storybook/addon-toolbars": "6.0.0-beta.13",
27-
"@storybook/addons": "6.0.0-beta.13",
28-
"@storybook/cli": "6.0.0-beta.13",
29-
"@storybook/react": "6.0.0-beta.13",
30-
"@storybook/theming": "6.0.0-beta.13",
23+
"@storybook/addon-actions": "6.0.0-beta.15",
24+
"@storybook/addon-controls": "^6.0.0-beta.15",
25+
"@storybook/addon-docs": "6.0.0-beta.15",
26+
"@storybook/addon-knobs": "6.0.0-beta.15",
27+
"@storybook/addon-toolbars": "6.0.0-beta.15",
28+
"@storybook/addons": "6.0.0-beta.15",
29+
"@storybook/cli": "6.0.0-beta.15",
30+
"@storybook/react": "6.0.0-beta.15",
31+
"@storybook/theming": "6.0.0-beta.15",
3132
"@ui5/webcomponents": "1.0.0-rc.7",
3233
"@ui5/webcomponents-fiori": "1.0.0-rc.7",
3334
"@ui5/webcomponents-icons": "1.0.0-rc.7"

‎packages/charts/src/components/BarChart/BarChart.stories.tsx

Lines changed: 7 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -47,9 +47,7 @@ export const renderStory = () => {
4747
);
4848
};
4949

50-
renderStory.story = {
51-
name: 'Default'
52-
};
50+
renderStory.storyName = 'Default';
5351

5452
export const renderStoryWithCustomColor = () => (
5553
<BarChart
@@ -64,9 +62,7 @@ export const renderStoryWithCustomColor = () => (
6462
/>
6563
);
6664

67-
renderStoryWithCustomColor.story = {
68-
name: 'With custom color'
69-
};
65+
renderStoryWithCustomColor.storyName = 'With custom color';
7066

7167
export const withSecondaryDimension = () => (
7268
<BarChart
@@ -81,9 +77,7 @@ export const withSecondaryDimension = () => (
8177
/>
8278
);
8379

84-
withSecondaryDimension.story = {
85-
name: 'With secondary dimension'
86-
};
80+
withSecondaryDimension.storyName = 'With secondary dimension';
8781

8882
export const renderLabelStory = () => (
8983
<BarChart
@@ -112,9 +106,7 @@ export const renderLabelStory = () => (
112106
/>
113107
);
114108

115-
renderLabelStory.story = {
116-
name: 'With data labels'
117-
};
109+
renderLabelStory.storyName = 'With data labels';
118110

119111
export const renderCustomDataLabelStory = () => (
120112
<BarChart
@@ -145,15 +137,11 @@ export const renderCustomDataLabelStory = () => (
145137
/>
146138
);
147139

148-
renderCustomDataLabelStory.story = {
149-
name: 'With formatter'
150-
};
140+
renderCustomDataLabelStory.storyName = 'With formatter';
151141

152142
export const loadingPlaceholder = () => <BarChart style={{ width: '30%' }} dimensions={[]} measures={[]} />;
153143

154-
loadingPlaceholder.story = {
155-
name: 'Loading placeholder'
156-
};
144+
loadingPlaceholder.storyName = 'Loading placeholder';
157145

158146
export const withReferenceLineStory = () => (
159147
<BarChart
@@ -192,7 +180,6 @@ export const withReferenceLineStory = () => (
192180
'--sapChart_OrderedColor_10': '#f8a6a6',
193181
'--sapChart_OrderedColor_11': '#921473'
194182
}}
195-
loading
196183
chartConfig={{
197184
referenceLine: {
198185
color: 'red',
@@ -203,6 +190,4 @@ export const withReferenceLineStory = () => (
203190
/>
204191
);
205192

206-
withReferenceLineStory.story = {
207-
name: 'With reference line'
208-
};
193+
withReferenceLineStory.storyName = 'With reference line';

‎packages/charts/src/components/ColumnChart/ColumnChart.stories.tsx

Lines changed: 7 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -44,9 +44,7 @@ export const renderStory = () => (
4444
/>
4545
);
4646

47-
renderStory.story = {
48-
name: 'Default'
49-
};
47+
renderStory.storyName = 'Default';
5048

5149
export const renderStoryWithCustomColor = () => (
5250
<ColumnChart
@@ -61,9 +59,7 @@ export const renderStoryWithCustomColor = () => (
6159
/>
6260
);
6361

64-
renderStoryWithCustomColor.story = {
65-
name: 'With custom color'
66-
};
62+
renderStoryWithCustomColor.storyName = 'With custom color';
6763

6864
export const withSecondaryDimension = () => (
6965
<ColumnChart
@@ -78,9 +74,7 @@ export const withSecondaryDimension = () => (
7874
/>
7975
);
8076

81-
withSecondaryDimension.story = {
82-
name: 'With secondary dimension'
83-
};
77+
withSecondaryDimension.storyName = 'With secondary dimension';
8478

8579
export const renderLabelStory = () => (
8680
<ColumnChart
@@ -111,9 +105,7 @@ export const renderLabelStory = () => (
111105
/>
112106
);
113107

114-
renderLabelStory.story = {
115-
name: 'With data labels'
116-
};
108+
renderLabelStory.storyName = 'With data labels';
117109

118110
export const renderCustomDataLabelStory = () => (
119111
<ColumnChart
@@ -144,15 +136,11 @@ export const renderCustomDataLabelStory = () => (
144136
/>
145137
);
146138

147-
renderCustomDataLabelStory.story = {
148-
name: 'With formatter'
149-
};
139+
renderCustomDataLabelStory.storyName = 'With formatter';
150140

151141
export const loadingPlaceholder = () => <ColumnChart style={{ width: '30%' }} dimensions={[]} measures={[]} />;
152142

153-
loadingPlaceholder.story = {
154-
name: 'Loading placeholder'
155-
};
143+
loadingPlaceholder.storyName = 'Loading placeholder';
156144

157145
export const withReferenceLineStory = () => {
158146
return (
@@ -187,6 +175,4 @@ export const withReferenceLineStory = () => {
187175
);
188176
};
189177

190-
withReferenceLineStory.story = {
191-
name: 'With reference line'
192-
};
178+
withReferenceLineStory.storyName = 'With reference line';

‎packages/charts/src/components/ComposedChart/ComposedChart.stories.tsx

Lines changed: 7 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,7 @@ export const renderStory = () => {
5050
);
5151
};
5252

53-
renderStory.story = {
54-
name: 'Default'
55-
};
53+
renderStory.storyName = 'Default';
5654

5755
export const renderStoryWithCustomColor = () => (
5856
<ComposedChart
@@ -67,9 +65,7 @@ export const renderStoryWithCustomColor = () => (
6765
/>
6866
);
6967

70-
renderStoryWithCustomColor.story = {
71-
name: 'With custom color'
72-
};
68+
renderStoryWithCustomColor.storyName = 'With custom color';
7369

7470
export const withSecondaryDimension = () => (
7571
<ComposedChart
@@ -84,9 +80,7 @@ export const withSecondaryDimension = () => (
8480
/>
8581
);
8682

87-
withSecondaryDimension.story = {
88-
name: 'With secondary dimension'
89-
};
83+
withSecondaryDimension.storyName = 'With secondary dimension';
9084

9185
export const renderLabelStory = () => {
9286
return (
@@ -124,9 +118,7 @@ export const renderLabelStory = () => {
124118
);
125119
};
126120

127-
renderLabelStory.story = {
128-
name: 'With data labels'
129-
};
121+
renderLabelStory.storyName = 'With data labels';
130122

131123
export const renderCustomDataLabelStory = () => {
132124
return (
@@ -167,9 +159,7 @@ export const renderCustomDataLabelStory = () => {
167159
);
168160
};
169161

170-
renderCustomDataLabelStory.story = {
171-
name: 'With formatter'
172-
};
162+
renderCustomDataLabelStory.storyName = 'With formatter';
173163

174164
export const withReferenceLineStory = () => {
175165
return (
@@ -210,9 +200,7 @@ export const withReferenceLineStory = () => {
210200
);
211201
};
212202

213-
withReferenceLineStory.story = {
214-
name: 'With reference line'
215-
};
203+
withReferenceLineStory.storyName = 'With reference line';
216204

217205
export const loadingPlaceholder = () => {
218206
return (
@@ -253,6 +241,4 @@ export const loadingPlaceholder = () => {
253241
);
254242
};
255243

256-
loadingPlaceholder.story = {
257-
name: 'with Loading Placeholder'
258-
};
244+
loadingPlaceholder.storyName = 'with Loading Placeholder';

‎packages/charts/src/components/DonutChart/DonutChart.stories.tsx

Lines changed: 6 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,7 @@ export const renderStory = () => {
2929
);
3030
};
3131

32-
renderStory.story = {
33-
name: 'Default'
34-
};
32+
renderStory.storyName = 'Default';
3533

3634
export const renderCustomColorStory = () => (
3735
<DonutChart
@@ -52,9 +50,7 @@ export const renderCustomColorStory = () => (
5250
/>
5351
);
5452

55-
renderCustomColorStory.story = {
56-
name: 'With custom color'
57-
};
53+
renderCustomColorStory.storyName = 'With custom color';
5854

5955
export const withPaddingStory = () => (
6056
<DonutChart
@@ -75,9 +71,7 @@ export const withPaddingStory = () => (
7571
/>
7672
);
7773

78-
withPaddingStory.story = {
79-
name: 'With padding angle'
80-
};
74+
withPaddingStory.storyName = 'With padding angle';
8175

8276
export const withCustomRadiusStory = () => (
8377
<DonutChart
@@ -101,15 +95,11 @@ export const withCustomRadiusStory = () => (
10195
/>
10296
);
10397

104-
withCustomRadiusStory.story = {
105-
name: 'With custom inner radius'
106-
};
98+
withCustomRadiusStory.storyName = 'With custom inner radius';
10799

108100
export const loadingPlaceholder = () => <DonutChart style />;
109101

110-
loadingPlaceholder.story = {
111-
name: 'Loading placeholder'
112-
};
102+
loadingPlaceholder.storyName = 'Loading placeholder';
113103

114104
export const withFormatter = () => (
115105
<DonutChart
@@ -131,6 +121,4 @@ export const withFormatter = () => (
131121
/>
132122
);
133123

134-
withFormatter.story = {
135-
name: 'With formatter'
136-
};
124+
withFormatter.storyName = 'With formatter';

‎packages/charts/src/components/LineChart/LineChart.stories.tsx

Lines changed: 7 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -45,9 +45,7 @@ export const renderStory = () => (
4545
/>
4646
);
4747

48-
renderStory.story = {
49-
name: 'Default'
50-
};
48+
renderStory.storyName = 'Default';
5149

5250
export const renderStoryWithCustomColor = () => (
5351
<LineChart
@@ -62,9 +60,7 @@ export const renderStoryWithCustomColor = () => (
6260
/>
6361
);
6462

65-
renderStoryWithCustomColor.story = {
66-
name: 'With custom color'
67-
};
63+
renderStoryWithCustomColor.storyName = 'With custom color';
6864

6965
export const withSecondaryDimension = () => (
7066
<LineChart
@@ -79,9 +75,7 @@ export const withSecondaryDimension = () => (
7975
/>
8076
);
8177

82-
withSecondaryDimension.story = {
83-
name: 'With secondary dimension'
84-
};
78+
withSecondaryDimension.storyName = 'With secondary dimension';
8579

8680
export const renderLabelStory = () => {
8781
return (
@@ -112,9 +106,7 @@ export const renderLabelStory = () => {
112106
);
113107
};
114108

115-
renderLabelStory.story = {
116-
name: 'With data labels'
117-
};
109+
renderLabelStory.storyName = 'With data labels';
118110

119111
export const renderCustomDataLabelStory = () => {
120112
return (
@@ -147,15 +139,11 @@ export const renderCustomDataLabelStory = () => {
147139
);
148140
};
149141

150-
renderCustomDataLabelStory.story = {
151-
name: 'With formatter'
152-
};
142+
renderCustomDataLabelStory.storyName = 'With formatter';
153143

154144
export const loadingPlaceholder = () => <LineChart style={{ width: '100%' }} dimensions={[]} measures={[]} />;
155145

156-
loadingPlaceholder.story = {
157-
name: 'Loading placeholder'
158-
};
146+
loadingPlaceholder.storyName = 'Loading placeholder';
159147

160148
export const withReferenceLineStory = () => {
161149
return (
@@ -190,6 +178,4 @@ export const withReferenceLineStory = () => {
190178
);
191179
};
192180

193-
withReferenceLineStory.story = {
194-
name: 'With reference line'
195-
};
181+
withReferenceLineStory.storyName = 'With reference line';

0 commit comments

Comments
 (0)