@storybook/react-native-ui-lite 10.1.0 → 10.1.2-alpha.0

package/dist/index.js

@@ -1533,6 +1533,7 @@ var MobileAddonsPanel = (0, import_react13.forwardRef)(
                   {
                     onClose: () => {
                       setMobileMenuOpen(false);
+                      import_react_native7.Keyboard.dismiss();
                     },
                     storyId
                   }
@@ -1598,6 +1599,7 @@ var AddonsTabs = ({ onClose, storyId }) => {
           horizontal: true,
           showsHorizontalScrollIndicator: false,
           contentContainerStyle: addonsTabsContentContainerStyle,
+          keyboardShouldPersistTaps: "handled",
           children: Object.values(panels).map(({ id, title }) => {
             const resolvedTitle = typeof title === "function" ? title({}) : title;
             return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -1947,6 +1949,9 @@ var Layout = ({
     true
   );
   const [uiHidden, setUiHidden] = (0, import_react16.useState)(false);
+  (0, import_react16.useLayoutEffect)(() => {
+    setUiHidden(story?.parameters?.storybookUIVisibility === "hidden");
+  }, [story?.parameters?.storybookUIVisibility]);
   const desktopSidebarStyle = (0, import_react_native_ui_common7.useStyle)(
     () => ({
       width: desktopSidebarOpen ? 240 : void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-lite",
-  "version": "10.1.0",
+  "version": "10.1.2-alpha.0",
   "description": "lightweight ui components for react native storybook",
   "keywords": [
     "react",
@@ -59,9 +59,9 @@
   },
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
-    "@storybook/react": "^10.1.0",
-    "@storybook/react-native-theming": "^10.1.0",
-    "@storybook/react-native-ui-common": "^10.1.0",
+    "@storybook/react": "^10.1.2",
+    "@storybook/react-native-theming": "^10.1.2-alpha.0",
+    "@storybook/react-native-ui-common": "^10.1.2-alpha.0",
     "fuse.js": "^7.1.0",
     "polished": "^4.3.1",
     "react-native-safe-area-context": "^5"
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "af8cee5245b3a91761a4a07ae4bb695192c0a4c0"
+  "gitHead": "3c47e12910793c447acdd33e6ce8f9628c63019b"
 }

package/src/Layout.tsx

@@ -10,7 +10,7 @@ import {
   useStoreBooleanState,
   useStyle,
 } from '@storybook/react-native-ui-common';
-import { ReactElement, ReactNode, useCallback, useRef, useState } from 'react';
+import { ReactElement, ReactNode, useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { ScrollView, Text, TouchableOpacity, View, ViewStyle } from 'react-native';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { SET_CURRENT_STORY } from 'storybook/internal/core-events';
@@ -102,6 +102,10 @@ export const Layout = ({
 
   const [uiHidden, setUiHidden] = useState(false);
 
+  useLayoutEffect(() => {
+    setUiHidden(story?.parameters?.storybookUIVisibility === 'hidden');
+  }, [story?.parameters?.storybookUIVisibility]);
+
   const desktopSidebarStyle = useStyle(
     () => ({
       width: desktopSidebarOpen ? 240 : undefined,

package/src/MobileAddonsPanel.tsx

@@ -167,6 +167,7 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, { storyId?: st
             <AddonsTabs
               onClose={() => {
                 setMobileMenuOpen(false);
+                Keyboard.dismiss();
               }}
               storyId={storyId}
             />
@@ -250,6 +251,7 @@ export const AddonsTabs = ({ onClose, storyId }: { onClose?: () => void; storyId
           horizontal
           showsHorizontalScrollIndicator={false}
           contentContainerStyle={addonsTabsContentContainerStyle}
+          keyboardShouldPersistTaps="handled"
         >
           {Object.values(panels).map(({ id, title }) => {
             const resolvedTitle = typeof title === 'function' ? title({}) : title;