@storybook/react-native 10.0.0 → 10.0.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -73,7 +73,7 @@ interface WithStorybookOptions {
73
73
  * @example
74
74
  * ```javascript
75
75
  * const { getDefaultConfig } = require('expo/metro-config');
76
- * const withStorybook = require('@storybook/react-native/metro/withStorybook');
76
+ * const {withStorybook} = require('@storybook/react-native/metro/withStorybook');
77
77
  * const path = require('path');
78
78
  *
79
79
  * const projectRoot = __dirname;
@@ -92,7 +92,7 @@ interface WithStorybookOptions {
92
92
  * ```javascript
93
93
  * // Minimal configuration
94
94
  * const { getDefaultConfig } = require('expo/metro-config');
95
- * const withStorybook = require('@storybook/react-native/metro/withStorybook');
95
+ * const {withStorybook} = require('@storybook/react-native/metro/withStorybook');
96
96
  *
97
97
  * const config = getDefaultConfig(__dirname);
98
98
  * module.exports = withStorybook(config);
@@ -102,7 +102,7 @@ interface WithStorybookOptions {
102
102
  * ```javascript
103
103
  * // Disable Storybook in production
104
104
  * const { getDefaultConfig } = require('expo/metro-config');
105
- * const withStorybook = require('@storybook/react-native/metro/withStorybook');
105
+ * const {withStorybook} = require('@storybook/react-native/metro/withStorybook');
106
106
  *
107
107
  * const config = getDefaultConfig(__dirname);
108
108
  * module.exports = withStorybook(config, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/react-native",
3
- "version": "10.0.0",
3
+ "version": "10.0.1-alpha.0",
4
4
  "description": "A better way to develop React Native Components for your app",
5
5
  "keywords": [
6
6
  "react",
@@ -48,35 +48,30 @@
48
48
  "test:generate:update": "node --test --test-update-snapshots scripts/generate.test.js"
49
49
  },
50
50
  "dependencies": {
51
- "@storybook/global": "^5.0.0",
52
- "@storybook/react": "^10.0.0",
53
- "@storybook/react-native-theming": "^10.0.0",
54
- "@storybook/react-native-ui": "^10.0.0",
55
- "@storybook/react-native-ui-common": "^10.0.0",
56
- "commander": "^8.2.0",
57
- "dedent": "^1.5.1",
58
- "deepmerge": "^4.3.0",
59
- "esbuild-register": "^3.6.0",
60
- "react-native-url-polyfill": "^2.0.0",
51
+ "@storybook/react": "^10.0.1",
52
+ "@storybook/react-native-theming": "^10.0.1-alpha.0",
53
+ "@storybook/react-native-ui": "^10.0.1-alpha.0",
54
+ "@storybook/react-native-ui-common": "^10.0.1-alpha.0",
55
+ "commander": "^14.0.2",
56
+ "dedent": "^1.7.0",
57
+ "deepmerge": "^4.3.1",
58
+ "react-native-url-polyfill": "^3.0.0",
61
59
  "setimmediate": "^1.0.5",
62
- "type-fest": "~2.19",
63
- "util": "^0.12.4",
64
- "ws": "^8.18.0"
60
+ "ws": "^8.18.3"
65
61
  },
66
62
  "devDependencies": {
67
- "@babel/plugin-transform-class-static-block": "^7.27.1",
68
63
  "@types/jest": "^29.4.3",
69
64
  "@types/react": "~19.1.10",
70
65
  "babel-jest": "^29.7.0",
71
- "babel-preset-expo": "^12.0.9",
66
+ "babel-preset-expo": "^54.0.6",
72
67
  "jest": "^29.7.0",
73
- "jest-expo": "~54.0.12",
68
+ "jest-expo": "~54.0.13",
74
69
  "jotai": "^2.6.2",
75
70
  "react": "19.1.0",
76
- "react-native": "0.81.4",
77
- "storybook": "^10.0.0",
71
+ "react-native": "0.81.5",
72
+ "storybook": "^10.0.1",
78
73
  "tsup": "^8.5.0",
79
- "typescript": "~5.9.2",
74
+ "typescript": "~5.9.3",
80
75
  "universal-test-renderer": "^0.6.0"
81
76
  },
82
77
  "peerDependencies": {
@@ -108,5 +103,5 @@
108
103
  "publishConfig": {
109
104
  "access": "public"
110
105
  },
111
- "gitHead": "f2af5e230aac4cd858f2d73909868ae4952eb1c1"
106
+ "gitHead": "3d56ed3a0bcfaefc39a791f85cfcdabedb6619ac"
112
107
  }
package/readme.md CHANGED
@@ -171,7 +171,7 @@ npx expo@latest customize metro.config.js
171
171
  copy the metro config
172
172
 
173
173
  ```js
174
- const withStorybook = require('@storybook/react-native/metro/withStorybook');
174
+ const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
175
175
  module.exports = withStorybook(config);
176
176
  ```
177
177
 
@@ -386,7 +386,7 @@ Then navigate to `/storybook` in your app to view stories.
386
386
  ```js
387
387
  // metro.config.js
388
388
  const { getDefaultConfig } = require('expo/metro-config');
389
- const withStorybook = require('@storybook/react-native/metro/withStorybook');
389
+ const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
390
390
 
391
391
  const defaultConfig = getDefaultConfig(__dirname);
392
392
 
@@ -409,7 +409,7 @@ This is useful for conditionally including Storybook in development but excludin
409
409
  ```js
410
410
  // metro.config.js
411
411
  const { getDefaultConfig } = require('expo/metro-config');
412
- const withStorybook = require('@storybook/react-native/metro/withStorybook');
412
+ const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
413
413
 
414
414
  const defaultConfig = getDefaultConfig(__dirname);
415
415
 
@@ -8,7 +8,7 @@ function getArguments() {
8
8
  'The path to your config folder relative to your project-dir',
9
9
  './.rnstorybook'
10
10
  )
11
- .option('-js, --use-js', 'Use a js file for storybook.requires')
11
+ .option('-j, --use-js', 'Use a js file for storybook.requires')
12
12
  .option('-D, --no-doc-tools', 'Do not include doc tools in the storybook.requires file')
13
13
  .option('-a, --absolute', 'Use absolute paths for story imports');
14
14