@storybook/react-native 9.0.0-rc.5 → 9.0.4

package/dist/index.js

@@ -1110,27 +1110,27 @@ var View3 = class {
           }
         );
       }
-      if (onDeviceUI) {
+      if (CustomUIComponent) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          FullUI,
+          CustomUIComponent,
           {
-            storage,
-            theme: appliedTheme,
-            storyHash,
             story,
+            storyHash,
             setStory: (newStoryId) => self._channel.emit(import_core_events.SET_CURRENT_STORY, { storyId: newStoryId }),
+            storage,
+            theme: appliedTheme,
             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StoryView_default, {})
           }
         );
-      } else if (CustomUIComponent) {
+      } else if (onDeviceUI) {
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          CustomUIComponent,
+          FullUI,
           {
-            story,
-            storyHash,
-            setStory: (newStoryId) => self._channel.emit(import_core_events.SET_CURRENT_STORY, { storyId: newStoryId }),
             storage,
             theme: appliedTheme,
+            storyHash,
+            story,
+            setStory: (newStoryId) => self._channel.emit(import_core_events.SET_CURRENT_STORY, { storyId: newStoryId }),
             children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StoryView_default, {})
           }
         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "9.0.0-rc.5",
+  "version": "9.0.4",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -49,9 +49,9 @@
     "@storybook/csf": "^0.1.13",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "^9",
-    "@storybook/react-native-theming": "^9.0.0-rc.5",
-    "@storybook/react-native-ui": "^9.0.0-rc.5",
-    "@storybook/react-native-ui-common": "^9.0.0-rc.5",
+    "@storybook/react-native-theming": "^9.0.4",
+    "@storybook/react-native-ui": "^9.0.4",
+    "@storybook/react-native-ui-common": "^9.0.4",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
     "deepmerge": "^4.3.0",
@@ -105,5 +105,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bed522706a1296d1550ff4446045b71d53e0902d"
+  "gitHead": "b161683ab01d83beb55ed05bef670b6a9af42da4"
 }

package/readme.md

@@ -1,6 +1,6 @@
 # Storybook for React Native
 
-> This readme is for v9 beta, for v8 docs see the [v8.6 docs](https://github.com/storybookjs/react-native/tree/v8.6.0-stable).
+> This readme is for v9, for v8 docs see the [v8.6 docs](https://github.com/storybookjs/react-native/tree/v8.6.0-stable).
 
 With Storybook for React Native you can design and develop individual React Native components without running your app.
 
@@ -54,7 +54,7 @@ npx storybook@latest init
 The only thing left to do is return Storybook's UI in your app entry point (such as `App.tsx`) like this:
 
 ```tsx
-export { default } from './.storybook';
+export { default } from './.rnstorybook';
 ```
 
 Then wrap your metro config with the withStorybook function as seen [below](#additional-steps-update-your-metro-config)
@@ -91,7 +91,8 @@ module.exports = withStorybook(config, {
   // you can also use a env variable to set this
   enabled: true,
   // Path to your storybook config
-  configPath: path.resolve(__dirname, './.storybook'),
+  configPath: path.resolve(__dirname, './.rnstorybook'),
+  // note that this is the default so you can the config path blank if you use .rnstorybook
 
   // Optional websockets configuration
   // Starts a websocket server on the specified port and host on metro start
@@ -126,7 +127,8 @@ module.exports = withStorybook(finalConfig, {
   // you can also use a env variable to set this
   enabled: true,
   // Path to your storybook config
-  configPath: path.resolve(__dirname, './.storybook'),
+  configPath: path.resolve(__dirname, './.rnstorybook'),
+  // note that this is the default so you can the config path blank if you use .rnstorybook
 
   // Optional websockets configuration
   // Starts a websocket server on the specified port and host on metro start
@@ -170,10 +172,10 @@ export const Basic: Story = {
 };
 ```
 
-You should configure the path to your story files in the `main.ts` config file from the `.storybook` folder.
+You should configure the path to your story files in the `main.ts` config file from the `.rnstorybook` folder.
 
 ```ts
-// .storybook/main.ts
+// .rnstorybook/main.ts
 import { StorybookConfig } from '@storybook/react-native';
 
 const main: StorybookConfig = {
@@ -216,10 +218,10 @@ const meta = {
 export default meta;
 ```
 
-For global decorators and parameters, you can add them to `preview.tsx` inside your `.storybook` folder.
+For global decorators and parameters, you can add them to `preview.tsx` inside your `.rnstorybook` folder.
 
 ```tsx
-// .storybook/preview.tsx
+// .rnstorybook/preview.tsx
 import type { Preview } from '@storybook/react';
 import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
 
@@ -262,7 +264,7 @@ Currently the addons available are:
 Install each one you want to use and add them to the `main.ts` addons list as follows:
 
 ```ts
-// .storybook/main.ts
+// .rnstorybook/main.ts
 import { StorybookConfig } from '@storybook/react-native';
 
 const main: StorybookConfig = {
@@ -346,11 +348,11 @@ This is useful if you want to remove storybook from your production build.
 
 Type: `boolean`, default: `false`
 
-Generates the `.storybook/storybook.requires` file in JavaScript instead of TypeScript.
+Generates the `.rnstorybook/storybook.requires` file in JavaScript instead of TypeScript.
 
 #### configPath
 
-Type: `string`, default: `path.resolve(process.cwd(), './.storybook')`
+Type: `string`, default: `path.resolve(process.cwd(), './.rnstorybook')`
 
 The location of your Storybook configuration directory, which includes `main.ts` and other project-related files.