@idealyst/navigation 1.0.79 → 1.0.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/navigation",
-  "version": "1.0.79",
+  "version": "1.0.81",
   "description": "Cross-platform navigation library for React and React Native",
   "readme": "README.md",
   "main": "src/index.ts",
@@ -18,10 +18,8 @@
   },
   "exports": {
     ".": {
-      "react-native": "./src/index.native.ts",
-      "default": "./src/index.web.ts",
-      "import": "./src/index.web.ts",
-      "require": "./src/index.web.ts",
+      "import": "./src/index.ts",
+      "require": "./src/index.ts",
       "types": "./src/index.ts"
     },
     "./examples": {
@@ -40,8 +38,8 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/components": "^1.0.79",
-    "@idealyst/theme": "^1.0.79",
+    "@idealyst/components": "^1.0.81",
+    "@idealyst/theme": "^1.0.81",
     "@react-navigation/bottom-tabs": "^7.0.0",
     "@react-navigation/drawer": "^7.0.0",
     "@react-navigation/native": "^7.0.0",

package/src/context/NavigatorContext.native.tsx

@@ -6,7 +6,6 @@ import { useUnistyles } from 'react-native-unistyles';
 
 const NavigatorContext = createContext<NavigatorContextValue>({
     navigate: () => {},
-    params: {},
 });
 
 // Utility function to parse path with parameters and find matching route
@@ -70,7 +69,6 @@ const parseParameterizedPath = (path: string, routes: any[]): { routeName: strin
 const UnwrappedNavigatorProvider = ({ route }: NavigatorProviderProps) => {
 
     const navigation = useNavigation();
-    const currentRoute = useRoute();
         
     const navigate = (params: NavigateParams) => {
         
@@ -94,7 +92,6 @@ const UnwrappedNavigatorProvider = ({ route }: NavigatorProviderProps) => {
     return (
         <NavigatorContext.Provider value={{ 
             navigate,
-            params: currentRoute.params || {}
         }}>
             <RouteComponent />
         </NavigatorContext.Provider>

package/src/context/types.ts

@@ -17,5 +17,4 @@ export type NavigatorProviderProps = {
  */
 export type NavigatorContextValue = {
     navigate: (params: NavigateParams) => void;
-    params: Record<string, string>;
 };

package/src/hooks/index.native.ts

@@ -0,0 +1,2 @@
+// Native-specific hook exports
+export * from './useParams.native';

package/src/hooks/index.ts

@@ -0,0 +1,2 @@
+// Cross-platform hook exports
+export * from './useParams.web'; // This will be overridden by platform-specific exports

package/src/hooks/index.web.ts

@@ -0,0 +1,2 @@
+// Web-specific hook exports
+export * from './useParams.web';

package/src/hooks/useParams.native.ts

@@ -0,0 +1,10 @@
+import { useRoute } from '@react-navigation/native';
+
+/**
+ * Custom useParams hook for React Native that wraps React Navigation's useRoute
+ * Returns the current route parameters
+ */
+export const useParams = (): Record<string, string> => {
+    const route = useRoute();
+    return (route.params as Record<string, string>) || {};
+};

package/src/hooks/useParams.web.ts

@@ -0,0 +1,10 @@
+import { useParams as useReactRouterParams } from 'react-router';
+
+/**
+ * Custom useParams hook that wraps React Router's useParams
+ * This ensures we're accessing the correct React Router context
+ */
+export const useParams = (): Record<string, string> => {
+    const params = useReactRouterParams();
+    return params || {};
+};

package/src/index.ts

@@ -1,4 +1,5 @@
 // Cross-platform exports
 export * from './context';
 export * from './layouts';
-export * from './routing';
+export * from './routing';
+export * from './hooks';

package/src/layouts/DefaultStackLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { View, Text } from '@idealyst/components'
 import { StackLayoutProps } from '../routing/types'
-import { Outlet } from 'react-router'
+import { Outlet } from '..'
 
 export interface DefaultStackLayoutProps extends StackLayoutProps {
     onNavigate: (path: string) => void

package/src/layouts/DefaultTabLayout.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { View, Text, Button, Icon } from '@idealyst/components'
 import { TabLayoutProps } from '../routing/types'
-import { Outlet } from 'react-router'
+import { Outlet } from '..'
 
 export interface DefaultTabLayoutProps extends TabLayoutProps {}