@umituz/react-native-design-system 2.6.42 → 2.6.44

package/package.json

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

@@ -68,6 +68,9 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
 
   const handleSheetChange = useCallback(
     (index: number) => {
+      if (__DEV__) {
+        console.log('[BottomSheetModal] onChange triggered', { index });
+      }
       onChange?.(index);
       if (index === -1) onDismiss?.();
     },
@@ -76,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(),
@@ -99,6 +129,14 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
     }
   }, []);
 
+  React.useEffect(() => {
+    if (__DEV__) {
+      console.log('[BottomSheetModal] modalRef updated', {
+        hasModalRef: !!modalRef.current,
+      });
+    }
+  }, [modalRef.current]);
+
   return (
     <GorhomBottomSheetModal
       ref={modalRef}
@@ -111,6 +149,11 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       enablePanDownToClose={config.enablePanDownToClose}
       onChange={handleSheetChange}
       onDismiss={onDismiss}
+      onAnimate={(fromIndex, toIndex) => {
+        if (__DEV__) {
+          console.log('[BottomSheetModal] onAnimate', { fromIndex, toIndex });
+        }
+      }}
       backgroundStyle={[styles.background, { backgroundColor: backgroundColor || tokens.colors.surface }]}
       handleIndicatorStyle={[styles.handleIndicator, { backgroundColor: tokens.colors.border }]}
     >

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>;
+};