@umituz/react-native-design-system 2.6.45 → 2.6.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.45",
+  "version": "2.6.47",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/bottom-sheet/components/BottomSheetModal.tsx

@@ -102,6 +102,14 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
         if (__DEV__) console.log('[BottomSheetModal] Calling modalRef.current.present()...');
         modalRef.current.present();
         if (__DEV__) console.log('[BottomSheetModal] modalRef.current.present() executed');
+        
+        // Fallback: Also try snapToIndex as a workaround
+        setTimeout(() => {
+          if (modalRef.current && typeof modalRef.current.snapToIndex === 'function') {
+            if (__DEV__) console.log('[BottomSheetModal] Fallback: calling snapToIndex(0)');
+            modalRef.current.snapToIndex(0);
+          }
+        }, 50);
       } catch (error) {
         if (__DEV__) console.error('[BottomSheetModal] Error calling present():', error);
       }

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -1,11 +1,13 @@
 import React, { useEffect, useState, ReactNode } from 'react';
 import { ActivityIndicator, View, StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider, initialWindowMetrics } from '../../../safe-area';
 import { useThemeStore } from '../stores/themeStore';
 import { useDesignSystemTheme } from '../globalThemeStore';
 import type { CustomThemeColors } from '../../core/CustomColors';
 import { SplashScreen } from '../../../molecules/splash';
 import type { SplashScreenProps } from '../../../molecules/splash/types';
+import { SafeBottomSheetModalProvider } from '../../../molecules/bottom-sheet';
 
 declare const __DEV__: boolean;
 
@@ -37,6 +39,8 @@ interface DesignSystemProviderProps {
  * - Supports custom color overrides
  * - Optional loading state
  * - Error handling
+ * - GestureHandlerRootView integration
+ * - BottomSheetModalProvider integration
  * 
  * Usage:
  * ```tsx
@@ -157,9 +161,13 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   };
 
   return (
-    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-      {renderContent()}
-    </SafeAreaProvider>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+        <SafeBottomSheetModalProvider>
+          {renderContent()}
+        </SafeBottomSheetModalProvider>
+      </SafeAreaProvider>
+    </GestureHandlerRootView>
   );
 };