@storybook/react-native 9.0.0-alpha.1 → 9.0.0-alpha.2

package/dist/index.js

@@ -1282,7 +1282,6 @@ function start({
     setQueryParams: () => {
     },
     setSelection: (selection) => {
-      console.log("setSelection", selection);
       preview.selectionStore.selection = selection;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.2",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -48,8 +48,8 @@
     "@storybook/csf": "^0.1.13",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "9.0.0-alpha.3",
-    "@storybook/react-native-theming": "^9.0.0-alpha.1",
-    "@storybook/react-native-ui": "^9.0.0-alpha.1",
+    "@storybook/react-native-theming": "^9.0.0-alpha.2",
+    "@storybook/react-native-ui": "^9.0.0-alpha.2",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
     "deepmerge": "^4.3.0",
@@ -87,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ec42eef3ebdf389ebf9cf669d425712db99f9e37"
+  "gitHead": "306eab6786b68126ca761c58dca49ec0c76cb374"
 }

package/template/cli/stories/Button.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { View } from 'react-native';
 import { fn } from 'storybook/test';

package/template/cli/stories/Header.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { Header } from './Header';
 

package/template/cli/stories/Header.tsx

@@ -3,7 +3,7 @@ import { StyleSheet, Text, View } from 'react-native';
 import { Button } from './Button';
 
 export type HeaderProps = {
-  user?: {};
+  user?: { name: string };
   onLogin: () => void;
   onLogout: () => void;
   onCreateAccount: () => void;
@@ -18,15 +18,15 @@ export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps
       <View style={styles.buttonContainer}>
         {user ? (
           <>
-            <>
-              <Text>Welcome, </Text>
-              <Text style={styles.userName}>{user.name}!</Text>
-            </>
+            <Text>Welcome, </Text>
+            <Text style={styles.userName}>{user.name}!</Text>
+
             <Button style={styles.button} size="small" onPress={onLogout} label="Log out" />
           </>
         ) : (
           <>
             <Button style={styles.button} size="small" onPress={onLogin} label="Log in" />
+
             <Button
               style={styles.button}
               primary

package/template/cli/stories/Page.stories.tsx

@@ -1,6 +1,4 @@
-import type { Meta } from '@storybook/react-native-web-vite';
-
-import { expect, userEvent, within } from 'storybook/test';
+import type { Meta } from '@storybook/react';
 
 import { Page } from './Page';
 
@@ -9,17 +7,4 @@ export default {
   component: Page,
 } as Meta<typeof Page>;
 
-export const LoggedIn = {
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const loginButton = canvas.getByRole('button', { name: /Log in/i });
-    await expect(loginButton).toBeInTheDocument();
-    await userEvent.click(loginButton);
-    // FIXME: await expect(loginButton).not.toBeInTheDocument();
-
-    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
-    await expect(logoutButton).toBeInTheDocument();
-  },
-};
-
-export const LoggedOut = {};
+export const Default = {};

package/template/cli/stories/Page.tsx

@@ -5,7 +5,7 @@ import { Linking, StyleSheet, Text, View } from 'react-native';
 import { Header } from './Header';
 
 export const Page = () => {
-  const [user, setUser] = useState();
+  const [user, setUser] = useState<{ name: string } | undefined>();
 
   return (
     <View>
@@ -39,14 +39,14 @@ export const Page = () => {
           data in Storybook:
         </Text>
         <View>
-          <View>
+          <Text>
             Use a higher-level connected component. Storybook helps you compose such data from the
             "args" of child component stories
-          </View>
-          <View>
+          </Text>
+          <Text>
             Assemble data in the page component from your services. You can mock these services out
             using Storybook.
-          </View>
+          </Text>
         </View>
         <Text style={styles.p}>
           Get a guided tutorial on component-driven development at{' '}
@@ -71,13 +71,6 @@ export const Page = () => {
           </Text>
           .
         </Text>
-        <View style={styles.tipWrapper}>
-          <View style={styles.tip}>
-            <Text style={styles.tipText}>Tip </Text>
-          </View>
-          <Text>Adjust the width of the canvas with the </Text>
-          <Text>Viewports addon in the toolbar</Text>
-        </View>
       </View>
     </View>
   );