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

package/package.json

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

@@ -309,6 +309,7 @@ export {
   AlertModal,
   AlertContainer,
   AlertProvider,
+  AlertService,
   useAlert,
   alertService,
   AlertType,

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

@@ -76,15 +76,29 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
 
   useImperativeHandle(ref, () => ({
     present: () => {
+      if (__DEV__) console.log('[BottomSheetModal] present() called', { refExists: !!modalRef.current });
       modalRef.current?.present();
     },
-    dismiss: () => modalRef.current?.dismiss(),
+    dismiss: () => {
+      if (__DEV__) console.log('[BottomSheetModal] dismiss() called');
+      modalRef.current?.dismiss();
+    },
     snapToIndex: (index: number) => modalRef.current?.snapToIndex(index),
     snapToPosition: (pos: string | number) => modalRef.current?.snapToPosition(pos),
     expand: () => modalRef.current?.expand(),
     collapse: () => modalRef.current?.collapse(),
   }));
 
+  React.useEffect(() => {
+    if (__DEV__) {
+      console.log('[BottomSheetModal] Component mounted', {
+        hasModalRef: !!modalRef.current,
+        snapPoints: config.snapPoints,
+        preset
+      });
+    }
+  }, []);
+
   return (
     <GorhomBottomSheetModal
       ref={modalRef}

package/src/molecules/bottom-sheet/components/filter/FilterBottomSheet.tsx

@@ -38,6 +38,15 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
 }, ref) => {
     const tokens = useAppDesignTokens();
 
+    if (__DEV__) {
+        console.log('[FilterBottomSheet] Component mounted/rendered', { 
+            title, 
+            categoriesCount: categories?.length,
+            selectedIdsCount: selectedIds?.length,
+            hasRef: !!ref
+        });
+    }
+
     const styles = React.useMemo(() => StyleSheet.create({
         container: {
             flex: 1,
@@ -133,11 +142,27 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
 
     const hasActiveFilters = FilterUtils.hasActiveFilter(safeSelectedIds, defaultId);
 
+    React.useEffect(() => {
+        if (__DEV__) {
+            console.log('[FilterBottomSheet] useEffect - Component ready', {
+                refCurrent: !!(ref as any)?.current,
+                categoriesCount: categories.length
+            });
+        }
+    }, []);
+
+    if (__DEV__) {
+        console.log('[FilterBottomSheet] Rendering JSX', { title, hasActiveFilters, selectedIds });
+    }
+
     return (
         <BottomSheetModal
             ref={ref}
             preset="medium"
-            onDismiss={onDismiss}
+            onDismiss={() => {
+                if (__DEV__) console.log('[FilterBottomSheet] onDismiss callback triggered');
+                onDismiss?.();
+            }}
             backgroundColor={tokens.colors.surface}
         >
             <View style={styles.container}>