Skip to content

Commit 3c9cc66

Browse files
necolasnecolas
committed
Update storybook dependencies
1 parent 1ad1693 commit 3c9cc66

24 files changed

+1178
-431
lines changed

‎packages/docs/package.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@
88
"release": "yarn build && git checkout gh-pages && rm -rf ../../docs && mv dist ../../docs && git add -A && git commit -m \"Deploy documentation\" && git push origin gh-pages && git checkout -"
99
},
1010
"dependencies": {
11-
"@storybook/addon-docs": "5.3.0-alpha.43",
12-
"@storybook/addon-options": "5.3.0-alpha.43",
13-
"@storybook/cli": "5.3.0-alpha.43",
14-
"@storybook/react": "5.3.0-alpha.43",
15-
"@storybook/theming": "5.3.0-alpha.43",
11+
"@storybook/addon-docs": "^5.3.0-beta.31",
12+
"@storybook/addon-options": "^5.3.0-beta.31",
13+
"@storybook/cli": "^5.3.0-beta.31",
14+
"@storybook/react": "^5.3.0-beta.31",
15+
"@storybook/theming": "^5.3.0-beta.31",
1616
"react-native-web": "0.11.7"
1717
},
1818
"devDependencies": {

‎packages/docs/src/apis/AppState/AppState.stories.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks';
2-
import * as stories from './AppState.stories.js';
2+
import * as Stories from './AppState.stories.js';
33

44
<Meta title="APIs|AppState" />
55

@@ -40,5 +40,7 @@ AppState.removeEventListener('change', handler);
4040
## Example
4141

4242
<Preview withSource='none'>
43-
<Story name="stateChanges">{stories.stateChanges}</Story>
43+
<Story name="stateChanges">
44+
<Stories.stateChanges />
45+
</Story>
4446
</Preview>

‎packages/docs/src/apis/Clipboard/Clipboard.stories.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks';
2-
import * as stories from './Clipboard.stories.js';
2+
import * as Stories from './Clipboard.stories.js';
33

44
<Meta title="APIs|Clipboard" />
55

@@ -31,7 +31,9 @@ const wasSet = Clipboard.setString('add this to clipboard');
3131
```
3232

3333
<Preview withSource='none'>
34-
<Story name="setString">{stories.setString}</Story>
34+
<Story name="setString">
35+
<Stories.setString />
36+
</Story>
3537
</Preview>
3638

3739
### getString()

‎packages/docs/src/apis/Dimensions/Dimensions.stories.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks';
2-
import * as stories from './Dimensions.stories.js';
2+
import * as Stories from './Dimensions.stories.js';
33

44
<Meta title="APIs|Dimensions" />
55

@@ -46,5 +46,7 @@ Remove an event handler.
4646
## Example
4747

4848
<Preview withSource='none'>
49-
<Story name="stateChanges">{stories.stateChanges}</Story>
49+
<Story name="stateChanges">
50+
<Stories.stateChanges />
51+
</Story>
5052
</Preview>

‎packages/docs/src/apis/I18nManager/I18nManager.stories.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks';
2-
import * as stories from './I18nManager.stories.js';
2+
import * as Stories from './I18nManager.stories.js';
33

44
<Meta title="APIs|I18nManager" />
55

@@ -44,5 +44,7 @@ it's an RTL language. (Web-only)
4444
## Example
4545

4646
<Preview withSource='none'>
47-
<Story inline={false} name="layoutRTL">{stories.layoutRTL}</Story>
47+
<Story inline={false} name="layoutRTL">
48+
<Stories.layoutRTL />
49+
</Story>
4850
</Preview>

‎packages/docs/src/apis/Linking/Linking.stories.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Preview, Story } from '@storybook/addon-docs/blocks';
2-
import * as stories from './Linking.stories.js';
2+
import * as Stories from './Linking.stories.js';
33

44
<Meta title="APIs|Linking" />
55

@@ -26,5 +26,7 @@ rejected.
2626
## Example
2727

2828
<Preview withSource='none'>
29-
<Story name="openURL">{stories.openURL}</Story>
29+
<Story name="openURL">
30+
<Stories.openURL />
31+
</Story>
3032
</Preview>

‎packages/docs/src/components/ActivityIndicator/ActivityIndicator.stories.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import PropTypes from 'prop-types';
22

3-
const ofProps = () => {};
3+
const ofProps = () => null;
44

55
ofProps.propTypes = {
66
'...ViewPropTypes': PropTypes.any,

‎packages/docs/src/components/ActivityIndicator/ActivityIndicator.stories.mdx

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks';
2-
import * as stories from './ActivityIndicator.stories.js';
2+
import * as Stories from './ActivityIndicator.stories.js';
33

44
<Meta title="Components|ActivityIndicator" />
55

@@ -9,30 +9,36 @@ Displays a customizable activity indicator.
99

1010
## Props
1111

12-
<Props of={stories.ofProps} />
12+
<Props of={Stories.ofProps} />
1313

1414
### animating
1515

1616
Controls whether to show the indicator or hide it.
1717

1818
<Preview withSource='none'>
19-
<Story name="animating">{stories.animating}</Story>
19+
<Story name="animating">
20+
<Stories.animating />
21+
</Story>
2022
</Preview>
2123

2224
### color
2325

2426
Customize the foreground color of the indicator.
2527

2628
<Preview withSource='none'>
27-
<Story name="color">{stories.color}</Story>
29+
<Story name="color">
30+
<Stories.color />
31+
</Story>
2832
</Preview>
2933

3034
### hidesWhenStopped
3135

3236
Control whether to show the indicator when it is not animating.
3337

3438
<Preview withSource='none'>
35-
<Story name="hidesWhenStopped">{stories.hidesWhenStopped}</Story>
39+
<Story name="hidesWhenStopped">
40+
<Stories.hidesWhenStopped />
41+
</Story>
3642
</Preview>
3743

3844
### size
@@ -41,5 +47,7 @@ Customize the size of the indicator. `small` has a height of `20px`, large has a
4147
height of `36px`. Scale transforms can also be used.
4248

4349
<Preview withSource='none'>
44-
<Story name="size">{stories.size}</Story>
50+
<Story name="size">
51+
<Stories.size />
52+
</Story>
4553
</Preview>

‎packages/docs/src/components/Button/Button.stories.mdx

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks';
2-
import * as stories from './Button.stories.js';
2+
import * as Stories from './Button.stories.js';
33

44
<Meta title="Components|Button" />
55

@@ -10,30 +10,35 @@ build your own custom button using `TouchableOpacity` or `TouchableHighlight`.
1010

1111
## Props
1212

13-
<Props of={stories.ofProps} />
13+
<Props of={Stories.ofProps} />
1414

1515
### color
1616

1717
Customize the background color of the button.
1818

1919
<Preview withSource='none'>
20-
<Story name="color">{stories.color}</Story>
20+
<Story name="color">
21+
<Stories.color />
22+
</Story>
2123
</Preview>
2224

2325
### disabled
2426

2527
Prevent all interactions with the button.
2628

2729
<Preview withSource='none'>
28-
<Story name="disabled">{stories.disabled}</Story>
30+
<Story name="disabled">
31+
<Stories.disabled />
32+
</Story>
2933
</Preview>
3034

3135
### onPress
3236

3337
Called when the button is pressed by a pointer or keyboard.
3438

3539
<Preview withSource='none'>
36-
<Story name="onPress">{stories.onPress}</Story>
40+
<Story name="onPress">
41+
<Stories.onPress /></Story>
3742
</Preview>
3843

3944
### title

‎packages/docs/src/components/CheckBox/CheckBox.stories.mdx

Lines changed: 17 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks';
2-
import * as stories from './CheckBox.stories.js';
2+
import * as Stories from './CheckBox.stories.js';
33

44
<Meta title="Components|CheckBox" />
55

@@ -12,38 +12,46 @@ supplied `value` prop instead of the expected result of any user actions.
1212

1313
## Props
1414

15-
<Props of={stories.ofProps} />
15+
<Props of={Stories.ofProps} />
1616

1717
### color
1818

1919
Customize the color of the active checkbox.
2020

2121
<Preview withSource='none'>
22-
<Story name="color">{stories.color}</Story>
22+
<Story name="color">
23+
<Stories.color />
24+
</Story>
2325
</Preview>
2426

2527
### disabled
2628

2729
Prevent interaction with the checkbox.
2830

2931
<Preview withSource='none'>
30-
<Story name="disabled">{stories.disabled}</Story>
32+
<Story name="disabled">
33+
<Stories.disabled />
34+
</Story>
3135
</Preview>
3236

3337
### onValueChange
3438

3539
Called with the event when the value changes.
3640

3741
<Preview withSource='none'>
38-
<Story name="onValueChange">{stories.onValueChange}</Story>
42+
<Story name="onValueChange">
43+
<Stories.onValueChange />
44+
</Story>
3945
</Preview>
4046

4147
### value
4248

4349
Controls whether the checkbox is active or not.
4450

4551
<Preview withSource='none'>
46-
<Story name="value">{stories.value}</Story>
52+
<Story name="value">
53+
<Stories.value />
54+
</Story>
4755
</Preview>
4856

4957
## Notes
@@ -52,5 +60,7 @@ The checkbox size can be controlled by changing the `height` and `width` style
5260
properties.
5361

5462
<Preview withSource='none'>
55-
<Story name="customSize">{stories.customSize}</Story>
63+
<Story name="customSize">
64+
<Stories.customSize />
65+
</Story>
5666
</Preview>

0 commit comments

Comments
 (0)