@storybook/react-native-ui-lite 10.4.2 → 10.4.4

package/dist/index.js

@@ -1558,8 +1558,9 @@ const MobileMenuDrawer = (0, react.memo)((0, react.forwardRef)(({ children, onVi
 	const [isVisible, setIsVisible] = (0, react.useState)(false);
 	const { scrollCallback } = useSelectedNode();
 	const theme = (0, _storybook_react_native_theming.useTheme)();
+	const insets = (0, react_native_safe_area_context.useSafeAreaInsets)();
 	const { height } = (0, react_native.useWindowDimensions)();
-	const { height: sheetHeight, keyboardInset, isKeyboardVisible } = useAnimatedModalHeight();
+	const { height: sheetHeight, isKeyboardVisible, keyboardInset } = useAnimatedModalHeight();
 	const slideAnim = useAnimatedValue(height);
 	const dragY = useAnimatedValue(0);
 	const openDrawer = (0, react.useCallback)(() => {
@@ -1672,13 +1673,13 @@ const MobileMenuDrawer = (0, react.memo)((0, react.forwardRef)(({ children, onVi
 	const scrollToSelectedButtonWrapperStyle = (0, react.useMemo)(() => ({
 		position: "absolute",
 		right: 16,
-		bottom: keyboardInset + 16,
+		bottom: insets.bottom + 16,
 		zIndex: 1,
 		borderRadius: theme.input.borderRadius,
 		boxShadow: `0 2px 5px 0 ${theme.color.border}`,
 		elevation: 1
 	}), [
-		keyboardInset,
+		insets.bottom,
 		theme.color.border,
 		theme.input.borderRadius
 	]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui-lite",
-  "version": "10.4.2",
+  "version": "10.4.4",
   "description": "lightweight ui components for react native storybook",
   "keywords": [
     "react",
@@ -29,16 +29,16 @@
   ],
   "dependencies": {
     "@gorhom/portal": "^1.0.14",
-    "@legendapp/list": "3.0.0-beta.38",
+    "@legendapp/list": "3.0.0-beta.56",
     "@nozbe/microfuzz": "^1.0.0",
-    "@storybook/react": "^10.3.2",
-    "@storybook/react-native-theming": "^10.4.2",
-    "@storybook/react-native-ui-common": "^10.4.2",
+    "@storybook/react": "^10.4.0",
+    "@storybook/react-native-theming": "^10.4.4",
+    "@storybook/react-native-ui-common": "^10.4.4",
     "polished": "^4.3.1"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
-    "storybook": "^10.3.2",
+    "storybook": "^10.4.0",
     "ts-dedent": "^2.2.0",
     "tsdown": "^0.22.0",
     "typescript": "~6.0.3"
@@ -46,8 +46,8 @@
   "peerDependencies": {
     "react": "*",
     "react-native": ">=0.57.0",
-    "storybook": ">=10 || ^10",
-    "react-native-safe-area-context": "*"
+    "react-native-safe-area-context": "*",
+    "storybook": ">=10 || ^10"
   },
   "engines": {
     "node": ">=20.0.0"

package/src/MobileMenuDrawer.tsx

@@ -27,6 +27,7 @@ import {
 import { useSelectedNode } from './SelectedNodeProvider';
 import { DrawerKeyboardInsetContext } from './DrawerKeyboardInsetContext';
 import useAnimatedValue from './useAnimatedValue';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 const flexStyle: ViewStyle = { flex: 1 };
 
@@ -108,8 +109,9 @@ export const MobileMenuDrawer = memo(
       const [isVisible, setIsVisible] = useState(false);
       const { scrollCallback } = useSelectedNode();
       const theme = useTheme();
+      const insets = useSafeAreaInsets();
       const { height } = useWindowDimensions();
-      const { height: sheetHeight, keyboardInset, isKeyboardVisible } = useAnimatedModalHeight();
+      const { height: sheetHeight, isKeyboardVisible, keyboardInset } = useAnimatedModalHeight();
 
       // Slide animation for drawer entrance/exit
       const slideAnim = useAnimatedValue(height);
@@ -260,13 +262,13 @@ export const MobileMenuDrawer = memo(
           ({
             position: 'absolute',
             right: 16,
-            bottom: keyboardInset + 16,
+            bottom: insets.bottom + 16,
             zIndex: 1,
             borderRadius: theme.input.borderRadius,
             boxShadow: `0 2px 5px 0 ${theme.color.border}`,
             elevation: 1,
           }) satisfies ViewStyle,
-        [keyboardInset, theme.color.border, theme.input.borderRadius]
+        [insets.bottom, theme.color.border, theme.input.borderRadius]
       );
 
       return (