@umituz/react-native-design-system 2.4.9 → 2.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.4.9",
+  "version": "2.4.10",
   "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",
@@ -53,9 +53,9 @@
     "@gorhom/bottom-sheet": ">=5.0.0",
     "@react-native-async-storage/async-storage": ">=2.0.0",
     "@react-native-community/datetimepicker": ">=8.0.0",
-    "@react-navigation/bottom-tabs": ">=6.0.0",
-    "@react-navigation/native": ">=6.0.0",
-    "@react-navigation/stack": ">=6.0.0",
+    "@react-navigation/bottom-tabs": ">=7.0.0",
+    "@react-navigation/native": ">=7.0.0",
+    "@react-navigation/stack": ">=7.0.0",
     "@umituz/react-native-filesystem": "*",
     "@umituz/react-native-haptics": "*",
     "@umituz/react-native-localization": "*",
@@ -99,9 +99,9 @@
     "@gorhom/bottom-sheet": "^5.0.0",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-community/datetimepicker": "^8.5.1",
-    "@react-navigation/bottom-tabs": "^6.6.1",
-    "@react-navigation/native": "^6.0.0",
-    "@react-navigation/stack": "^6.4.1",
+    "@react-navigation/bottom-tabs": "^7.9.0",
+    "@react-navigation/native": "^7.1.26",
+    "@react-navigation/stack": "^7.6.13",
     "@testing-library/react": "^16.3.1",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",

package/src/molecules/navigation/StackNavigator.tsx

@@ -61,6 +61,7 @@ export function StackNavigator<T extends ParamListBase>({ config }: StackNavigat
 
     return (
         <Stack.Navigator
+            id={config.id}
             initialRouteName={config.initialRouteName as string}
             screenOptions={{
                 ...defaultScreenOptions,

package/src/molecules/navigation/TabsNavigator.tsx

@@ -80,6 +80,7 @@ export function TabsNavigator<T extends ParamListBase>({
 
     return (
         <Tab.Navigator
+            id={config.id}
             initialRouteName={config.initialRouteName as string}
             screenOptions={{
                 ...defaultScreenOptions,

package/src/molecules/navigation/types.ts

@@ -66,6 +66,8 @@ export interface StackScreen<T extends ParamListBase = ParamListBase>
 }
 
 export interface BaseNavigatorConfig<T extends ParamListBase = ParamListBase> {
+  /** Unique identifier for the navigator (required for React Navigation v7+) */
+  id?: string;
   screens: TabScreen[] | StackScreen[];
   initialRouteName?: Extract<keyof T, string>;
   getLabel?: (label: string) => string;

package/src/types/jsx.d.ts

@@ -0,0 +1,19 @@
+/**
+ * React 19 JSX Compatibility for React Native
+ * Fixes JSX namespace issues between React 19 and react-native
+ */
+
+import type { JSX as ReactJSX } from 'react';
+
+declare global {
+  namespace JSX {
+    interface Element extends ReactJSX.Element {}
+    interface ElementClass extends ReactJSX.ElementClass {}
+    interface ElementAttributesProperty extends ReactJSX.ElementAttributesProperty {}
+    interface ElementChildrenAttribute extends ReactJSX.ElementChildrenAttribute {}
+    interface IntrinsicAttributes extends ReactJSX.IntrinsicAttributes {}
+    interface IntrinsicClassAttributes<T> extends ReactJSX.IntrinsicClassAttributes<T> {}
+  }
+}
+
+export {};