@umituz/react-native-design-system 4.23.82 → 4.23.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.23.82",
+  "version": "4.23.83",
   "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, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/layouts/Grid/Grid.tsx

@@ -78,17 +78,22 @@ export const Grid: React.FC<GridProps> = ({
 
   return (
     <View style={[styles.container, style]} testID={testID}>
-      {childArray.map((child, index) => (
-        <View
-          key={index}
-          style={{
-            flex: columns ? 1 / columns - 0.01 : undefined,
-            minWidth: columns ? `${100 / columns - 1}%` : undefined,
-          }}
-        >
-          {child}
-        </View>
-      ))}
+      {childArray.map((child, index) => {
+        // Use child's key if available, otherwise use index
+        const key = (child as React.ReactElement).key || `grid-item-${index}`;
+
+        return (
+          <View
+            key={key}
+            style={{
+              flex: columns ? 1 / columns - 0.01 : undefined,
+              minWidth: columns ? `${100 / columns - 1}%` : undefined,
+            }}
+          >
+            {child}
+          </View>
+        );
+      })}
     </View>
   );
 };

package/src/media/infrastructure/utils/file-media-utils.ts

@@ -74,16 +74,33 @@ export const downloadMediaToFile = async (url: string, isVideo: boolean): Promis
   const filename = `media_${timestamp}.${extension}`;
   const file = new ExpoFile(Paths.cache, filename);
 
-  const response = await fetch(url);
-  if (!response.ok) {
-    throw new Error(`Failed to download media: ${response.statusText}`);
-  }
+  // Create abort controller for timeout
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), 30000); // 30 second timeout
 
-  const arrayBuffer = await response.arrayBuffer();
-  const bytes = new Uint8Array(arrayBuffer);
-  file.write(bytes);
+  try {
+    const response = await fetch(url, { signal: controller.signal });
+    clearTimeout(timeoutId);
 
-  return file.uri;
+    if (!response.ok) {
+      throw new Error(`Failed to download media: ${response.statusText}`);
+    }
+
+    const arrayBuffer = await response.arrayBuffer();
+    const bytes = new Uint8Array(arrayBuffer);
+    file.write(bytes);
+
+    return file.uri;
+  } catch (error) {
+    // Clear timeout if error occurs
+    clearTimeout(timeoutId);
+
+    if (error instanceof Error && error.name === 'AbortError') {
+      throw new Error('Download timeout - request took longer than 30 seconds');
+    }
+
+    throw error;
+  }
 };
 
 export interface SaveToGalleryResult {

package/src/molecules/swipe-actions/presentation/components/SwipeActionButton.tsx

@@ -65,7 +65,20 @@ export const SwipeActionButton: React.FC<SwipeActionButtonProps> = ({
   const enableHaptics = action.enableHaptics !== false;
 
   // Get background color from theme or custom
-  const backgroundColor = customColor || (colorKey ? (tokens.colors[colorKey as keyof typeof tokens.colors] as string) : tokens.colors.primary);
+  // Type-safe color lookup with fallback
+  const getBackgroundColor = (): string => {
+    if (customColor) {
+      return customColor;
+    }
+
+    if (colorKey && colorKey in tokens.colors) {
+      return tokens.colors[colorKey as keyof typeof tokens.colors];
+    }
+
+    return tokens.colors.primary;
+  };
+
+  const backgroundColor = getBackgroundColor();
 
   const handlePress = async () => {
     // Trigger haptic feedback

package/src/offline/presentation/hooks/useOffline.ts

@@ -56,7 +56,7 @@ export const useOffline = (config?: OfflineConfig) => {
 
     networkEvents.emit('change', networkState);
     previousStateRef.current = networkState;
-  }, [store]);
+  }, [store, previousStateRef]);
 
   useEffect(() => {
     if (isInitialized.current) return;
@@ -72,6 +72,7 @@ export const useOffline = (config?: OfflineConfig) => {
       })
       .catch((_error: Error) => {
         if (isMountedRef.current && (__DEV__ || mergedConfig.debug)) {
+          console.error('[DesignSystem] useOffline: Failed to get initial network state', _error);
         }
       });
 

package/src/storage/domain/utils/devUtils.ts

@@ -11,24 +11,25 @@ export const isDev = (): boolean => {
 
 /**
  * Log warning in development mode only
+ * All logs are disabled
  */
 export const devWarn = (_message: string, ..._args: unknown[]): void => {
-  if (__DEV__) {
-  }
+  // Disabled
 };
 
 /**
  * Log error in development mode only
+ * All logs are disabled
  */
 export const devError = (_message: string, ..._args: unknown[]): void => {
-  if (__DEV__) {
-  }
+  // Disabled
 };
 
 /**
  * Log info in development mode only
+ * All logs are disabled
  */
 export const devLog = (_message: string, ..._args: unknown[]): void => {
-  if (__DEV__) {
-  }
+  // Disabled
 };
+

package/src/storage/infrastructure/adapters/StorageService.ts

@@ -20,9 +20,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to get item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
       return null;
     }
   },
@@ -33,9 +30,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to set item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
     }
   },
 
@@ -45,9 +39,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to remove item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
     }
   },
 };

package/src/storage/infrastructure/repositories/BaseStorageOperations.ts

@@ -83,9 +83,6 @@ export class BaseStorageOperations {
     } catch (error) {
       const errorMessage = `BaseStorageOperations: Failed to check if key "${key}" exists`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
       return false;
     }
   }