@storybook/react-native 6.5.0-rc.4 → 6.5.0-rc.5

package/dist/preview/components/StoryView/StoryView.js

@@ -1,16 +1,28 @@
 import React from 'react';
-import { Text, TouchableWithoutFeedback, Keyboard } from 'react-native';
+import { Text, Keyboard } from 'react-native';
 import { useStoryContext } from '../../../hooks';
 import { Box } from '../Shared/layout';
+/**
+ * This is a handler for `onStartShouldSetResponder`, which dismisses the
+ * keyboard as a side effect but then responds with `false` to the responder
+ * system, so as not to start actually handling the touch.
+ *
+ * The objective here is to dismiss the keyboard when the story view is tapped,
+ * but in a way that won't interfere with presses or swipes. Using a
+ * `Touchable...` component as a wrapper will start to handle the touch, which
+ * will swallow swipe gestures that should have gone on to a child view, such
+ * as `ScrollView`.
+ */
+function dismissOnStartResponder() {
+    Keyboard.dismiss();
+    return false;
+}
 const StoryView = () => {
     const context = useStoryContext();
     const id = context === null || context === void 0 ? void 0 : context.id;
     if (context && context.unboundStoryFn) {
         const { unboundStoryFn: StoryComponent } = context;
-        // Wrapped in `TouchableWithoutFeedback` so that a tap in the story view,
-        // outside of something that handles the press, will dismiss the keyboard.
-        return (React.createElement(TouchableWithoutFeedback, { onPress: Keyboard.dismiss },
-            React.createElement(Box, { flex: true, key: id, testID: id }, StoryComponent && React.createElement(StoryComponent, Object.assign({}, context)))));
+        return (React.createElement(Box, { flex: true, key: id, testID: id, onStartShouldSetResponder: dismissOnStartResponder }, StoryComponent && React.createElement(StoryComponent, Object.assign({}, context))));
     }
     return (React.createElement(Box, { flex: true, padding: 16, alignItems: "center", justifyContent: "center" },
         React.createElement(Text, null, "Please open navigator and select a story to preview.")));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "6.5.0-rc.4",
+  "version": "6.5.0-rc.5",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -87,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f71d95ceb06416a15cb6fff789c65b26611640ab"
+  "gitHead": "5bc5a1f17cbca33fba28f8cce57d7d49ee80c689"
 }