@storybook/react-native-ui 10.2.0-beta.1 → 10.2.0-beta.2

package/dist/index.js

@@ -313,7 +313,7 @@ var SelectedNodeProvider = ({ children }) => {
         } catch (_error) {
         }
       }
-    }, 500);
+    }, 100);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     SelectedNodeContext.Provider,
@@ -1598,11 +1598,21 @@ var MobileMenuDrawer = (0, import_react16.memo)(
     const theme = (0, import_react_native_theming14.useTheme)();
     const menuBottomSheetRef = (0, import_react16.useRef)(null);
     const { scrollToSelectedNode, scrollRef } = useSelectedNode();
+    const shouldScrollOnOpen = (0, import_react16.useRef)(false);
+    const handleSheetChange = (0, import_react16.useCallback)(
+      (index) => {
+        if (index >= 0 && shouldScrollOnOpen.current) {
+          shouldScrollOnOpen.current = false;
+          scrollToSelectedNode();
+        }
+      },
+      [scrollToSelectedNode]
+    );
     (0, import_react16.useImperativeHandle)(ref, () => ({
       setMobileMenuOpen: (open) => {
         if (open) {
+          shouldScrollOnOpen.current = true;
           menuBottomSheetRef.current?.snapToIndex(1);
-          scrollToSelectedNode();
         } else {
           import_react_native6.Keyboard.dismiss();
           menuBottomSheetRef.current?.close();
@@ -1634,6 +1644,7 @@ var MobileMenuDrawer = (0, import_react16.memo)(
         backdropComponent: BottomSheetBackdropComponent,
         backgroundStyle: bgColorStyle,
         handleIndicatorStyle,
+        onChange: handleSheetChange,
         children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           import_bottom_sheet3.BottomSheetScrollView,
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui",
-  "version": "10.2.0-beta.1",
+  "version": "10.2.0-beta.2",
   "description": "ui components for react native storybook",
   "keywords": [
     "react",
@@ -29,38 +29,18 @@
   ],
   "scripts": {
     "dev": "tsup --watch",
-    "prepare": "tsup",
-    "test": "jest --passWithNoTests",
-    "test:ci": "jest"
-  },
-  "jest": {
-    "modulePathIgnorePatterns": [
-      "dist/"
-    ],
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
-    "preset": "react-native"
+    "prepare": "tsup"
   },
   "devDependencies": {
-    "@types/jest": "^29.4.3",
     "@types/react": "~19.1.10",
-    "babel-jest": "^29.7.0",
-    "jest": "^29.7.0",
-    "react-test-renderer": "^19.1.0",
     "tsup": "^8.5.0",
     "typescript": "~5.9.3"
   },
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
     "@storybook/react": "10.2.0-beta.1",
-    "@storybook/react-native-theming": "^10.2.0-beta.1",
-    "@storybook/react-native-ui-common": "^10.2.0-beta.1",
+    "@storybook/react-native-theming": "^10.2.0-beta.2",
+    "@storybook/react-native-ui-common": "^10.2.0-beta.2",
     "fuse.js": "^7.1.0",
     "polished": "^4.3.1"
   },
@@ -80,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "decc26bd32be018bbc5ab0dc28bc5daff9342daa"
+  "gitHead": "d976cd836796cb08eba134a558ccfc1be371d45b"
 }

package/src/MobileMenuDrawer.tsx

@@ -4,7 +4,15 @@ import BottomSheet, {
   BottomSheetScrollView,
 } from '@gorhom/bottom-sheet';
 import { useTheme } from '@storybook/react-native-theming';
-import { forwardRef, memo, ReactNode, useImperativeHandle, useMemo, useRef } from 'react';
+import {
+  forwardRef,
+  memo,
+  ReactNode,
+  useCallback,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+} from 'react';
 import { Keyboard, Platform } from 'react-native';
 import { useAnimatedStyle, useReducedMotion } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -55,13 +63,23 @@ export const MobileMenuDrawer = memo(
     const theme = useTheme();
     const menuBottomSheetRef = useRef<BottomSheet>(null);
     const { scrollToSelectedNode, scrollRef } = useSelectedNode();
+    const shouldScrollOnOpen = useRef(false);
+
+    const handleSheetChange = useCallback(
+      (index: number) => {
+        if (index >= 0 && shouldScrollOnOpen.current) {
+          shouldScrollOnOpen.current = false;
+          scrollToSelectedNode();
+        }
+      },
+      [scrollToSelectedNode]
+    );
 
     useImperativeHandle(ref, () => ({
       setMobileMenuOpen: (open: boolean) => {
         if (open) {
+          shouldScrollOnOpen.current = true;
           menuBottomSheetRef.current?.snapToIndex(1);
-
-          scrollToSelectedNode();
         } else {
           Keyboard.dismiss();
 
@@ -99,6 +117,7 @@ export const MobileMenuDrawer = memo(
         backdropComponent={BottomSheetBackdropComponent}
         backgroundStyle={bgColorStyle}
         handleIndicatorStyle={handleIndicatorStyle}
+        onChange={handleSheetChange}
       >
         <BottomSheetScrollView
           ref={scrollRef}

package/src/SelectedNodeProvider.tsx

@@ -39,7 +39,7 @@ export const SelectedNodeProvider: FC<PropsWithChildren> = ({ children }) => {
           // eslint-disable-next-line @typescript-eslint/no-unused-vars
         } catch (_error) {}
       }
-    }, 500);
+    }, 100);
   }, []);
 
   return (