@umituz/react-native-design-system 4.25.80 → 4.25.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.25.80",
+  "version": "4.25.81",
   "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",
@@ -22,6 +22,11 @@
       "types": "./src/molecules/index.ts",
       "default": "./src/molecules/index.ts"
     },
+    "./navigation": {
+      "react-native": "./src/molecules/navigation/index.ts",
+      "types": "./src/molecules/navigation/index.ts",
+      "default": "./src/molecules/navigation/index.ts"
+    },
     "./organisms": {
       "react-native": "./src/organisms/index.ts",
       "types": "./src/organisms/index.ts",

package/src/molecules/navigation/hooks/useAppFocusEffect.ts

@@ -1,14 +1,19 @@
 import { useFocusEffect } from "@react-navigation/native";
-import { useCallback } from "react";
 
 /**
  * useAppFocusEffect Hook
  *
- * A wrapper around React Navigation's useFocusEffect hook.
- * Standardizes focus effect usage across all packages and apps.
+ * Wrapper around React Navigation's useFocusEffect.
+ * Pass a useCallback-wrapped effect to avoid re-running on every render.
+ *
+ * Usage:
+ *   useAppFocusEffect(
+ *     useCallback(() => {
+ *       doSomething();
+ *       return () => cleanup();
+ *     }, [deps])
+ *   );
  */
-export function useAppFocusEffect(effect: () => void | (() => void)) {
+export function useAppFocusEffect(effect: () => void | (() => void)): void {
   useFocusEffect(effect);
 }
-
-export { useCallback };