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

package/dist/index.d.ts

@@ -3,8 +3,8 @@ import { StoryIndex, PreparedStory, NormalizedStoriesSpecifier, StorybookConfig
 import { ReactRenderer } from '@storybook/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Channel } from '@storybook/core/channels';
-import { StoryContext } from '@storybook/csf';
 import { PreviewWithSelection } from '@storybook/core/preview-api';
+import { StoryContext } from '@storybook/csf';
 import { Theme } from '@storybook/react-native-theming';
 export { Theme, darkTheme, theme } from '@storybook/react-native-theming';
 

package/dist/index.js

@@ -50,9 +50,9 @@ var import_channels2 = require("@storybook/core/channels");
 var import_bottom_sheet = require("@gorhom/bottom-sheet");
 var import_channels = require("@storybook/core/channels");
 var import_core_events = __toESM(require("@storybook/core/core-events"));
-var import_csf = require("@storybook/csf");
 var import_manager_api = require("@storybook/core/manager-api");
 var import_preview_api = require("@storybook/core/preview-api");
+var import_csf = require("@storybook/csf");
 var import_react_native_theming2 = require("@storybook/react-native-theming");
 var import_react_native_ui = require("@storybook/react-native-ui");
 var import_dedent = __toESM(require("dedent"));
@@ -63,8 +63,8 @@ var import_react_native_gesture_handler = require("react-native-gesture-handler"
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
 
 // src/components/StoryView/StoryView.tsx
-var import_react3 = __toESM(require("react"));
 var import_react_native_theming = require("@storybook/react-native-theming");
+var import_react3 = __toESM(require("react"));
 var import_react_native2 = require("react-native");
 
 // ../../node_modules/jotai/esm/vanilla.mjs
@@ -786,32 +786,40 @@ function dismissOnStartResponder() {
 var Text2 = import_react_native_theming.styled.Text(({ theme: theme3 }) => ({
   color: theme3?.color?.defaultText
 }));
+var errorContainerStyle = {
+  flex: 1,
+  padding: 16,
+  alignItems: "center",
+  justifyContent: "center"
+};
 var StoryView = () => {
   const context = useStoryContext();
   const id = context?.id;
   const theme3 = (0, import_react_native_theming.useTheme)();
+  const containerStyle = (0, import_react3.useMemo)(() => {
+    return {
+      flex: 1,
+      backgroundColor: theme3.background?.content,
+      overflow: "hidden"
+    };
+  }, [theme3.background?.content]);
+  const onError = (0, import_react3.useCallback)(() => {
+    console.log(`Error rendering story for ${context?.title} ${context?.name}`);
+  }, [context?.title, context?.name]);
   if (context && context.unboundStoryFn) {
     const { unboundStoryFn: StoryComponent } = context;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_react_native2.View,
       {
-        style: { flex: 1, backgroundColor: theme3.background?.content, overflow: "hidden" },
+        style: containerStyle,
         testID: id,
         onStartShouldSetResponder: dismissOnStartResponder,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          ErrorBoundary,
-          {
-            onError: () => {
-              console.log(`Error rendering story for ${context.title} ${context.name}`);
-            },
-            children: StoryComponent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StoryComponent, { ...context })
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorBoundary, { onError, children: StoryComponent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StoryComponent, { ...context }) })
       },
       id
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { flex: 1, padding: 16, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text2, { children: "Please open the sidebar and select a story to preview." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: errorContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text2, { children: "Please open the sidebar and select a story to preview." }) });
 };
 var StoryView_default = import_react3.default.memo(StoryView);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.5.2-alpha.1",
+  "version": "8.5.2-alpha.2",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -49,8 +49,8 @@
     "@storybook/csf": "^0.1.1",
     "@storybook/global": "^5.0.0",
     "@storybook/react": "^8.4.2",
-    "@storybook/react-native-theming": "^8.5.2-alpha.1",
-    "@storybook/react-native-ui": "^8.5.2-alpha.1",
+    "@storybook/react-native-theming": "^8.5.2-alpha.2",
+    "@storybook/react-native-ui": "^8.5.2-alpha.2",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
@@ -91,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6829dc629b4ca18e2869267a9c9e0afed094f2f3"
+  "gitHead": "051e4d60e1274baab7bd81afd8414d55a5c41f4b"
 }