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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.43",
+  "version": "2.6.45",
   "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

@@ -79,14 +79,41 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
 
   useImperativeHandle(ref, () => ({
     present: () => {
-      if (__DEV__) console.log('[BottomSheetModal] present() called', { refExists: !!modalRef.current });
-      modalRef.current?.present();
+      if (__DEV__) {
+        console.log('[BottomSheetModal] present() called', {
+          refExists: !!modalRef.current,
+          hasPresentMethod: typeof modalRef.current?.present === 'function',
+          refType: typeof modalRef.current,
+          refKeys: modalRef.current ? Object.keys(modalRef.current) : []
+        });
+      }
+      
+      try {
+        if (!modalRef.current) {
+          if (__DEV__) console.error('[BottomSheetModal] modalRef.current is null!');
+          return;
+        }
+        
+        if (typeof modalRef.current.present !== 'function') {
+          if (__DEV__) console.error('[BottomSheetModal] present is not a function!', typeof modalRef.current.present);
+          return;
+        }
+        
+        if (__DEV__) console.log('[BottomSheetModal] Calling modalRef.current.present()...');
+        modalRef.current.present();
+        if (__DEV__) console.log('[BottomSheetModal] modalRef.current.present() executed');
+      } catch (error) {
+        if (__DEV__) console.error('[BottomSheetModal] Error calling present():', error);
+      }
     },
     dismiss: () => {
       if (__DEV__) console.log('[BottomSheetModal] dismiss() called');
       modalRef.current?.dismiss();
     },
-    snapToIndex: (index: number) => modalRef.current?.snapToIndex(index),
+    snapToIndex: (index: number) => {
+      if (__DEV__) console.log('[BottomSheetModal] snapToIndex called', { index });
+      modalRef.current?.snapToIndex(index);
+    },
     snapToPosition: (pos: string | number) => modalRef.current?.snapToPosition(pos),
     expand: () => modalRef.current?.expand(),
     collapse: () => modalRef.current?.collapse(),
@@ -115,11 +142,11 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       ref={modalRef}
       index={-1}
       snapPoints={config.snapPoints}
-      enableDynamicSizing={config.enableDynamicSizing}
+      enableDynamicSizing={false}
       backdropComponent={renderBackdrop}
       keyboardBehavior={config.keyboardBehavior}
       enableHandlePanningGesture={config.enableHandleIndicator}
-      enablePanDownToClose={config.enablePanDownToClose}
+      enablePanDownToClose={config.enablePanDownToClose ?? true}
       onChange={handleSheetChange}
       onDismiss={onDismiss}
       onAnimate={(fromIndex, toIndex) => {
@@ -129,6 +156,7 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       }}
       backgroundStyle={[styles.background, { backgroundColor: backgroundColor || tokens.colors.surface }]}
       handleIndicatorStyle={[styles.handleIndicator, { backgroundColor: tokens.colors.border }]}
+      enableOverDrag={false}
     >
       <BottomSheetView style={styles.contentContainer}>
         {children}

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

@@ -5,7 +5,17 @@ interface SafeBottomSheetModalProviderProps {
   children: ReactNode;
 }
 
-export const SafeBottomSheetModalProvider = ({ children }: SafeBottomSheetModalProviderProps) => (
-  <BottomSheetModalProvider>{children}</BottomSheetModalProvider>
-);
+export const SafeBottomSheetModalProvider = ({ children }: SafeBottomSheetModalProviderProps) => {
+  React.useEffect(() => {
+    if (__DEV__) {
+      console.log('[SafeBottomSheetModalProvider] Mounted and providing context');
+    }
+  }, []);
+
+  if (__DEV__) {
+    console.log('[SafeBottomSheetModalProvider] Rendering');
+  }
+
+  return <BottomSheetModalProvider>{children}</BottomSheetModalProvider>;
+};