@umituz/react-native-localization 3.5.58 → 3.5.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.5.58",
+  "version": "3.5.60",
   "description": "Generic localization system for React Native apps with i18n support",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/index.ts

@@ -32,6 +32,7 @@ export {
 
 // Presentation
 export { LanguageSelectionScreen } from './presentation/screens/LanguageSelectionScreen';
+export type { LanguageSelectionScreenProps } from './presentation/screens/LanguageSelectionScreen.types';
 export { LanguageSection } from './presentation/components/LanguageSection';
 export type { LanguageSectionProps, LanguageSectionConfig } from './presentation/components/LanguageSection';
 

package/src/infrastructure/components/useLanguageNavigation.ts

@@ -1,11 +1,11 @@
 // @ts-ignore - Optional peer dependency
-import { useNavigation } from '@react-navigation/native';
+import { useAppNavigation } from '@umituz/react-native-design-system';
 import { useLocalization } from '../hooks/useLocalization';
 import { languageRepository } from '../repository/LanguageRepository';
 
 
 export const useLanguageNavigation = (navigationScreen: string) => {
-  const navigation = useNavigation();
+  const navigation = useAppNavigation();
   const { currentLanguage } = useLocalization();
   const currentLang = languageRepository.getLanguageByCode(currentLanguage) || languageRepository.getDefaultLanguage();
 

package/src/presentation/components/LanguageSection.tsx

@@ -1,12 +1,11 @@
 import React from 'react';
 import { View, StyleSheet, type ViewStyle } from 'react-native';
 // @ts-ignore - Optional peer dependency
-import { useNavigation } from '@react-navigation/native';
-// @ts-ignore - Optional peer dependency
 import {
     useAppDesignTokens,
     AtomicText,
-    ListItem
+    ListItem,
+    useAppNavigation,
 } from '@umituz/react-native-design-system';
 import { useLocalization } from '../../infrastructure/hooks/useLocalization';
 import { getLanguageByCode } from '../../infrastructure/config/languages';
@@ -29,7 +28,7 @@ export const LanguageSection: React.FC<LanguageSectionProps> = ({
     containerStyle,
     sectionTitle,
 }) => {
-    const navigation = useNavigation();
+    const navigation = useAppNavigation();
     const tokens = useAppDesignTokens();
     const { t, currentLanguage } = useLocalization();
 

package/src/presentation/screens/LanguageSelectionScreen.tsx

@@ -6,41 +6,19 @@
 import React from 'react';
 import { FlatList } from 'react-native';
 // @ts-ignore - Optional peer dependency
-import { useNavigation } from '@react-navigation/native';
-// @ts-ignore - Optional peer dependency
 import { 
   useAppDesignTokens, 
   SearchBar, 
   ScreenLayout,
-  NavigationHeader
+  NavigationHeader,
+  useAppNavigation,
 } from '@umituz/react-native-design-system';
 import { useLanguageSelection } from '../../infrastructure/hooks/useLanguageSelection';
 import { LanguageItem } from '../components/LanguageItem';
 import type { Language } from '../../infrastructure/storage/types/Language';
+import type { LanguageSelectionScreenProps } from './LanguageSelectionScreen.types';
 import { styles } from './LanguageSelectionScreen.styles';
 
-interface LanguageSelectionScreenProps {
-  renderLanguageItem?: (item: Language, isSelected: boolean, onSelect: (code: string) => void) => React.ReactNode;
-  renderSearchInput?: (value: string, onChange: (value: string) => void, placeholder: string) => React.ReactNode;
-  headerTitle?: string;
-  onBackPress?: () => void;
-  styles?: {
-    container?: any;
-    searchContainer?: any;
-    languageItem?: any;
-    languageContent?: any;
-    languageText?: any;
-    flag?: any;
-    nativeName?: any;
-    searchInput?: any;
-    searchIcon?: any;
-    clearButton?: any;
-    listContent?: any;
-  };
-  searchPlaceholder?: string;
-  testID?: string;
-}
-
 export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = ({
   renderLanguageItem,
   renderSearchInput,
@@ -50,7 +28,7 @@ export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = (
   searchPlaceholder = "settings.languageSelection.searchPlaceholder",
   testID = 'language-selection-screen',
 }) => {
-  const navigation = useNavigation();
+  const navigation = useAppNavigation();
   const tokens = useAppDesignTokens();
   const {
     searchQuery,

package/src/presentation/screens/LanguageSelectionScreen.types.ts

@@ -0,0 +1,27 @@
+/**
+ * Language Selection Screen Types
+ */
+
+import type { Language } from '../../infrastructure/storage/types/Language';
+
+export interface LanguageSelectionScreenProps {
+  renderLanguageItem?: (item: Language, isSelected: boolean, onSelect: (code: string) => void) => React.ReactNode;
+  renderSearchInput?: (value: string, onChange: (value: string) => void, placeholder: string) => React.ReactNode;
+  headerTitle?: string;
+  onBackPress?: () => void;
+  styles?: {
+    container?: object;
+    searchContainer?: object;
+    languageItem?: object;
+    languageContent?: object;
+    languageText?: object;
+    flag?: object;
+    nativeName?: object;
+    searchInput?: object;
+    searchIcon?: object;
+    clearButton?: object;
+    listContent?: object;
+  };
+  searchPlaceholder?: string;
+  testID?: string;
+}