@umituz/react-native-design-system 2.9.9 → 2.9.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.9",
+  "version": "2.9.10",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, and onboarding utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/BaseModal.tsx

@@ -4,11 +4,13 @@
  * Used across all modals in the app for consistency
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import { View, Modal, StyleSheet, TouchableOpacity, ViewStyle } from 'react-native';
 import { useAppDesignTokens } from '../theme';
 import { useResponsive } from '../responsive';
 
+declare const __DEV__: boolean;
+
 export interface BaseModalProps {
   visible: boolean;
   onClose: () => void;
@@ -29,6 +31,18 @@ export const BaseModal: React.FC<BaseModalProps> = ({
   const tokens = useAppDesignTokens();
   const { modalLayout } = useResponsive();
 
+  // Debug logging for modal visibility
+  useEffect(() => {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[BaseModal] Visibility changed:", {
+        visible,
+        testID,
+        modalWidth: modalLayout.width,
+        modalHeight: modalLayout.height,
+      });
+    }
+  }, [visible, testID, modalLayout.width, modalLayout.height]);
+
   const handleBackdropPress = React.useCallback(() => {
     if (dismissOnBackdrop) {
       onClose();
@@ -37,6 +51,10 @@ export const BaseModal: React.FC<BaseModalProps> = ({
 
   if (!visible) return null;
 
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[BaseModal] Rendering modal content:", { testID });
+  }
+
   return (
     <Modal
       visible={visible}