@react-navigation/native 6.1.4 → 7.0.0-alpha.0

package/lib/typescript/src/theming/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/theming/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGtC,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,eAI/D"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/theming/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGtC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,eAI/D"}

package/lib/typescript/src/types.d.ts

@@ -1,5 +1,5 @@
 import type { getActionFromState as getActionFromStateDefault, getPathFromState as getPathFromStateDefault, getStateFromPath as getStateFromPathDefault, PathConfigMap, Route } from '@react-navigation/core';
-export declare type Theme = {
+export type Theme = {
     dark: boolean;
     colors: {
         primary: string;
@@ -10,7 +10,7 @@ export declare type Theme = {
         notification: string;
     };
 };
-export declare type LinkingOptions<ParamList extends {}> = {
+export type LinkingOptions<ParamList extends {}> = {
     /**
      * Whether deep link handling should be enabled.
      * Defaults to true.
@@ -117,11 +117,11 @@ export declare type LinkingOptions<ParamList extends {}> = {
      */
     getActionFromState?: typeof getActionFromStateDefault;
 };
-export declare type DocumentTitleOptions = {
+export type DocumentTitleOptions = {
     enabled?: boolean;
     formatter?: (options: Record<string, any> | undefined, route: Route<string> | undefined) => string;
 };
-export declare type ServerContainerRef = {
+export type ServerContainerRef = {
     getCurrentOptions(): Record<string, any> | undefined;
 };
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,IAAI,yBAAyB,EAC/C,gBAAgB,IAAI,uBAAuB,EAC3C,gBAAgB,IAAI,uBAAuB,EAC3C,aAAa,EACb,KAAK,EACN,MAAM,wBAAwB,CAAC;AAEhC,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,oBAAY,cAAc,CAAC,SAAS,SAAS,EAAE,IAAI;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAClC;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE;QACP,gBAAgB,CAAC,EAAE,MAAM,SAAS,CAAC;QACnC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;KACnC,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,MACZ,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvC;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,CACV,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,KAC5B,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,uBAAuB,CAAC;IAClD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,uBAAuB,CAAC;IAClD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,yBAAyB,CAAC;CACvD,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACxC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;CACtD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,IAAI,yBAAyB,EAC/C,gBAAgB,IAAI,uBAAuB,EAC3C,gBAAgB,IAAI,uBAAuB,EAC3C,aAAa,EACb,KAAK,EACN,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,SAAS,SAAS,EAAE,IAAI;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAClC;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE;QACP,gBAAgB,CAAC,EAAE,MAAM,SAAS,CAAC;QACnC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;KACnC,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,MACZ,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvC;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,CACV,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,KAC5B,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,uBAAuB,CAAC;IAClD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,uBAAuB,CAAC;IAClD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,yBAAyB,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,EACxC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;CACtD,CAAC"}

package/lib/typescript/src/useLinkProps.d.ts

@@ -1,21 +1,31 @@
 import { NavigationAction } from '@react-navigation/core';
 import * as React from 'react';
 import { GestureResponderEvent } from 'react-native';
-import { To } from './useLinkTo';
-declare type Props<ParamList extends ReactNavigation.RootParamList> = {
-    to: To<ParamList>;
+export type Props<ParamList extends ReactNavigation.RootParamList, RouteName extends keyof ParamList = keyof ParamList> = ({
+    screen: Extract<RouteName, string>;
+    href?: string;
     action?: NavigationAction;
+} & (undefined extends ParamList[RouteName] ? {
+    params?: ParamList[RouteName];
+} : {
+    params: ParamList[RouteName];
+})) | {
+    href?: string;
+    action: NavigationAction;
+    screen?: undefined;
+    params?: undefined;
 };
 /**
  * Hook to get props for an anchor tag so it can work with in page navigation.
  *
- * @param props.to Absolute path to screen (e.g. `/feeds/hot`).
+ * @param props.screen Name of the screen to navigate to (e.g. `'Feeds'`).
+ * @param props.params Params to pass to the screen to navigate to (e.g. `{ sort: 'hot' }`).
+ * @param props.href Optional absolute path to use for the href (e.g. `/feeds/hot`).
  * @param props.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.
  */
-export default function useLinkProps<ParamList extends ReactNavigation.RootParamList>({ to, action }: Props<ParamList>): {
-    href: string;
+export default function useLinkProps<ParamList extends ReactNavigation.RootParamList>({ screen, params, href, action }: Props<ParamList>): {
+    href: string | undefined;
     accessibilityRole: "link";
     onPress: (e?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;
 };
-export {};
 //# sourceMappingURL=useLinkProps.d.ts.map

package/lib/typescript/src/useLinkProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkProps.d.ts","sourceRoot":"","sources":["../../../src/useLinkProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAKjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAG/D,OAAkB,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAE5C,aAAK,KAAK,CAAC,SAAS,SAAS,eAAe,CAAC,aAAa,IAAI;IAC5D,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AA+BF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,SAAS,SAAS,eAAe,CAAC,aAAa,EAC/C,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;;;kBAO1B,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB;EA6D9E"}
+{"version":3,"file":"useLinkProps.d.ts","sourceRoot":"","sources":["../../../src/useLinkProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAKjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAI/D,MAAM,MAAM,KAAK,CACf,SAAS,SAAS,eAAe,CAAC,aAAa,EAC/C,SAAS,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,IAEjD,CAAC;IACC,MAAM,EAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,GAAG,CAAC,SAAS,SAAS,SAAS,CAAC,SAAS,CAAC,GACvC;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,GACjC;IAAE,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,CAAC,GACtC;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AA+BN;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,SAAS,SAAS,eAAe,CAAC,aAAa,EAC/C,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;;;kBAM5C,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB;EA6D9E"}

package/lib/typescript/src/useLinkTools.d.ts

@@ -0,0 +1,33 @@
+import { CommonActions } from '@react-navigation/core';
+/**
+ * Build destination link for a navigate action.
+ * Useful for showing anchor tags on the web for buttons that perform navigation.
+ */
+export default function useLinkTools(): {
+    buildHref: (name: string, params?: object) => string | undefined;
+    buildAction: (href: string) => {
+        type: "NAVIGATE";
+        payload: {
+            name: string;
+            params?: import("@react-navigation/core").NavigatorScreenParams<Readonly<{
+                key: string;
+                index: number;
+                routeNames: string[];
+                history?: unknown[] | undefined;
+                routes: (Readonly<{
+                    key: string;
+                    name: string;
+                    path?: string | undefined;
+                }> & Readonly<{
+                    params?: Readonly<object | undefined>;
+                }> & {
+                    state?: Readonly<any> | import("@react-navigation/core").PartialState<Readonly<any>> | undefined;
+                })[];
+                type: string;
+                stale: false;
+            }>>;
+            path?: string | undefined;
+        };
+    } | CommonActions.Action;
+};
+//# sourceMappingURL=useLinkTools.d.ts.map

package/lib/typescript/src/useLinkTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkTools.d.ts","sourceRoot":"","sources":["../../../src/useLinkTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAQd,MAAM,wBAAwB,CAAC;AAqChC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY;sBAKzB,MAAM,WAAW,MAAM;wBA6BvB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;EA0BhB"}

package/lib/typescript/src/useLinking.d.ts

@@ -1,10 +1,8 @@
 import { NavigationContainerRef, ParamListBase } from '@react-navigation/core';
 import * as React from 'react';
 import type { LinkingOptions } from './types';
-declare type Options = LinkingOptions<ParamListBase> & {
-    independent?: boolean;
-};
-export default function useLinking(ref: React.RefObject<NavigationContainerRef<ParamListBase>>, { independent, enabled, config, getStateFromPath, getPathFromState, getActionFromState, }: Options): {
+type Options = LinkingOptions<ParamListBase>;
+export default function useLinking(ref: React.RefObject<NavigationContainerRef<ParamListBase>>, { enabled, config, getStateFromPath, getPathFromState, getActionFromState, }: Options): {
     getInitialState: () => PromiseLike<(Partial<Omit<Readonly<{
         key: string;
         index: number;

package/lib/typescript/src/useLinking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinking.d.ts","sourceRoot":"","sources":["../../../src/useLinking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,sBAAsB,EAEtB,aAAa,EACd,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAiF9C,aAAK,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,GAAG;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,EAC3D,EACE,WAAW,EACX,OAAc,EACd,MAAM,EACN,gBAA0C,EAC1C,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuTX"}
+{"version":3,"file":"useLinking.d.ts","sourceRoot":"","sources":["../../../src/useLinking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,sBAAsB,EAEtB,aAAa,EAEd,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAiF9C,KAAK,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,EAC3D,EACE,OAAc,EACd,MAAM,EACN,gBAA0C,EAC1C,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwTX"}

package/lib/typescript/src/useLinking.native.d.ts

@@ -1,10 +1,8 @@
 import { NavigationContainerRef, ParamListBase } from '@react-navigation/core';
 import * as React from 'react';
 import type { LinkingOptions } from './types';
-declare type Options = LinkingOptions<ParamListBase> & {
-    independent?: boolean;
-};
-export default function useLinking(ref: React.RefObject<NavigationContainerRef<ParamListBase>>, { independent, enabled, prefixes, filter, config, getInitialURL, subscribe, getStateFromPath, getActionFromState, }: Options): {
+type Options = LinkingOptions<ParamListBase>;
+export default function useLinking(ref: React.RefObject<NavigationContainerRef<ParamListBase>>, { enabled, prefixes, filter, config, getInitialURL, subscribe, getStateFromPath, getActionFromState, }: Options): {
     getInitialState: () => PromiseLike<(Partial<Omit<Readonly<{
         key: string;
         index: number;

package/lib/typescript/src/useLinking.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLinking.native.d.ts","sourceRoot":"","sources":["../../../src/useLinking.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,sBAAsB,EACtB,aAAa,EACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,aAAK,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,GAAG;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,EAC3D,EACE,WAAW,EACX,OAAc,EACd,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAQI,EACJ,SAkBC,EACD,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4JX"}
+{"version":3,"file":"useLinking.native.d.ts","sourceRoot":"","sources":["../../../src/useLinking.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,sBAAsB,EACtB,aAAa,EAEd,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,KAAK,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,EAC3D,EACE,OAAc,EACd,QAAQ,EACR,MAAM,EACN,MAAM,EACN,aAQI,EACJ,SAmBC,EACD,gBAA0C,EAC1C,kBAA8C,GAC/C,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6JX"}

package/lib/typescript/src/useScrollToTop.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import type { ScrollView } from 'react-native';
-declare type ScrollOptions = {
+type ScrollOptions = {
     x?: number;
     y?: number;
     animated?: boolean;
 };
-declare type ScrollableView = {
+type ScrollableView = {
     scrollToTop(): void;
 } | {
     scrollTo(options: ScrollOptions): void;
@@ -17,7 +17,7 @@ declare type ScrollableView = {
 } | {
     scrollResponderScrollTo(options: ScrollOptions): void;
 };
-declare type ScrollableWrapper = {
+type ScrollableWrapper = {
     getScrollResponder(): React.ReactNode | ScrollView;
 } | {
     getNode(): ScrollableView;

package/lib/typescript/src/useScrollToTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollToTop.d.ts","sourceRoot":"","sources":["../../../src/useScrollToTop.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,aAAK,aAAa,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,aAAK,cAAc,GACf;IAAE,WAAW,IAAI,IAAI,CAAA;CAAE,GACvB;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,cAAc,CAAC,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,GAC1E;IAAE,uBAAuB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9D,aAAK,iBAAiB,GAClB;IAAE,kBAAkB,IAAI,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;CAAE,GACtD;IAAE,OAAO,IAAI,cAAc,CAAA;CAAE,GAC7B,cAAc,CAAC;AA8BnB,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,QAgExC"}
+{"version":3,"file":"useScrollToTop.d.ts","sourceRoot":"","sources":["../../../src/useScrollToTop.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpE,KAAK,cAAc,GACf;IAAE,WAAW,IAAI,IAAI,CAAA;CAAE,GACvB;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,cAAc,CAAC,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,GAC1E;IAAE,uBAAuB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9D,KAAK,iBAAiB,GAClB;IAAE,kBAAkB,IAAI,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;CAAE,GACtD;IAAE,OAAO,IAAI,cAAc,CAAA;CAAE,GAC7B,cAAc,CAAC;AA8BnB,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,QAgExC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/native",
   "description": "React Native integration for React Navigation",
-  "version": "6.1.4",
+  "version": "7.0.0-alpha.0",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -37,22 +37,22 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/core": "^6.4.6",
+    "@react-navigation/core": "^7.0.0-alpha.0",
     "escape-string-regexp": "^4.0.0",
     "fast-deep-equal": "^3.1.3",
     "nanoid": "^3.1.23"
   },
   "devDependencies": {
     "@testing-library/react-native": "^11.5.0",
-    "@types/react": "~18.0.0",
-    "@types/react-dom": "~18.0.0",
-    "@types/react-native": "~0.69.1",
-    "del-cli": "^3.0.1",
-    "react": "18.0.0",
-    "react-dom": "18.0.0",
-    "react-native": "0.69.5",
+    "@types/react": "~18.0.26",
+    "@types/react-dom": "~18.0.9",
+    "@types/react-native": "~0.70.8",
+    "del-cli": "^5.0.0",
+    "react": "18.1.0",
+    "react-dom": "18.2.0",
+    "react-native": "0.70.5",
     "react-native-builder-bob": "^0.20.3",
-    "typescript": "^4.7.4"
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
     "react": "*",
@@ -72,5 +72,5 @@
       ]
     ]
   },
-  "gitHead": "acbeec0cfb61535a51e8d97e89de69a97d23a9b5"
+  "gitHead": "ad722b882e0c40b1d1bc025d70112ddb126f265e"
 }

package/src/Link.tsx

@@ -1,33 +1,40 @@
-import type { NavigationAction } from '@react-navigation/core';
 import * as React from 'react';
 import { GestureResponderEvent, Platform, Text, TextProps } from 'react-native';
 
-import useLinkProps from './useLinkProps';
-import type { To } from './useLinkTo';
+import useLinkProps, { Props as LinkProps } from './useLinkProps';
 
-type Props<ParamList extends ReactNavigation.RootParamList> = {
-  to: To<ParamList>;
-  action?: NavigationAction;
-  target?: string;
-  onPress?: (
-    e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
-  ) => void;
-} & (TextProps & { children: React.ReactNode });
+type Props<ParamList extends ReactNavigation.RootParamList> =
+  LinkProps<ParamList> &
+    Omit<TextProps, 'disabled'> & {
+      target?: string;
+      onPress?: (
+        e:
+          | React.MouseEvent<HTMLAnchorElement, MouseEvent>
+          | GestureResponderEvent
+      ) => void;
+      disabled?: boolean | null;
+      children: React.ReactNode;
+    };
 
 /**
  * Component to render link to another screen using a path.
  * Uses an anchor tag on the web.
  *
- * @param props.to Absolute path to screen (e.g. `/feeds/hot`).
+ * @param props.screen Name of the screen to navigate to (e.g. `'Feeds'`).
+ * @param props.params Params to pass to the screen to navigate to (e.g. `{ sort: 'hot' }`).
+ * @param props.href Optional absolute path to use for the href (e.g. `/feeds/hot`).
  * @param props.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.
  * @param props.children Child elements to render the content.
  */
 export default function Link<ParamList extends ReactNavigation.RootParamList>({
-  to,
+  screen,
+  params,
   action,
+  href,
   ...rest
 }: Props<ParamList>) {
-  const props = useLinkProps<ParamList>({ to, action });
+  // @ts-expect-error: This is already type-checked by the prop types
+  const props = useLinkProps<ParamList>({ screen, params, action, href });
 
   const onPress = (
     e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
@@ -36,7 +43,10 @@ export default function Link<ParamList extends ReactNavigation.RootParamList>({
       rest.onPress?.(e);
     }
 
-    props.onPress(e);
+    // Let user prevent default behavior
+    if (!e.defaultPrevented) {
+      props.onPress(e);
+    }
   };
 
   return React.createElement(Text, {

package/src/NavigationContainer.tsx

@@ -33,7 +33,6 @@ type Props<ParamList extends {}> = NavigationContainerProps & {
   linking?: LinkingOptions<ParamList>;
   fallback?: React.ReactNode;
   documentTitle?: DocumentTitleOptions;
-  onReady?: () => void;
 };
 
 /**
@@ -43,6 +42,7 @@ type Props<ParamList extends {}> = NavigationContainerProps & {
  * @param props.initialState Initial state object for the navigation tree. When deep link handling is enabled, this will override deep links when specified. Make sure that you don't specify an `initialState` when there's a deep link (`Linking.getInitialURL()`).
  * @param props.onReady Callback which is called after the navigation tree mounts.
  * @param props.onStateChange Callback which is called with the latest navigation state when it changes.
+ * @param props.onUnhandledAction Callback which is called when an action is not handled.
  * @param props.theme Theme object for the navigators.
  * @param props.linking Options for deep linking. Deep link handling is enabled when this prop is provided, unless `linking.enabled` is `false`.
  * @param props.fallback Fallback component to render until we have finished getting initial state when linking is enabled. Defaults to `null`.
@@ -56,7 +56,6 @@ function NavigationContainerInner(
     linking,
     fallback = null,
     documentTitle,
-    onReady,
     ...rest
   }: Props<ParamListBase>,
   ref?: React.Ref<NavigationContainerRef<ParamListBase> | null>
@@ -74,7 +73,6 @@ function NavigationContainerInner(
   useDocumentTitle(refContainer, documentTitle);
 
   const { getInitialState } = useLinking(refContainer, {
-    independent: rest.independent,
     enabled: isLinkingEnabled,
     prefixes: [],
     ...linking,
@@ -106,21 +104,10 @@ function NavigationContainerInner(
 
   const linkingContext = React.useMemo(() => ({ options: linking }), [linking]);
 
-  const isReady = rest.initialState != null || !isLinkingEnabled || isResolved;
+  const isLinkingReady =
+    rest.initialState != null || !isLinkingEnabled || isResolved;
 
-  const onReadyRef = React.useRef(onReady);
-
-  React.useEffect(() => {
-    onReadyRef.current = onReady;
-  });
-
-  React.useEffect(() => {
-    if (isReady) {
-      onReadyRef.current?.();
-    }
-  }, [isReady]);
-
-  if (!isReady) {
+  if (!isLinkingReady) {
     // This is temporary until we have Suspense for data-fetching
     // Then the fallback will be handled by a parent `Suspense` component
     return fallback as React.ReactElement;

package/src/__mocks__/createStackNavigator.tsx

@@ -0,0 +1,21 @@
+import {
+  createNavigatorFactory,
+  StackRouter,
+  useNavigationBuilder,
+} from '@react-navigation/core';
+import * as React from 'react';
+
+const createStackNavigator = createNavigatorFactory((props) => {
+  const { state, descriptors, NavigationContent } = useNavigationBuilder(
+    StackRouter,
+    props
+  );
+
+  return (
+    <NavigationContent>
+      {descriptors[state.routes[state.index].key].render()}
+    </NavigationContent>
+  );
+});
+
+export default createStackNavigator;

package/src/createStaticNavigation.tsx

@@ -0,0 +1,49 @@
+import {
+  createComponentForStaticNavigation,
+  createPathConfigForStaticNavigation,
+  ParamListBase,
+  StaticNavigation,
+} from '@react-navigation/core';
+import * as React from 'react';
+
+import NavigationContainer from './NavigationContainer';
+import type { LinkingOptions } from './types';
+
+type Props = Omit<
+  React.ComponentProps<typeof NavigationContainer>,
+  'linking' | 'children'
+> & {
+  /**
+   * Options for deep linking.
+   */
+  linking?: Omit<LinkingOptions<ParamListBase>, 'config'>;
+};
+
+/**
+ * Create a navigation component from a static navigation config.
+ * The returned component is a wrapper around `NavigationContainer`.
+ *
+ * @param tree Static navigation config.
+ * @returns Navigation component to use in your app.
+ */
+export default function createStaticNavigation(
+  tree: StaticNavigation<any, any, any>
+) {
+  const Component = createComponentForStaticNavigation(tree, 'RootNavigator');
+  const linkingConfig = {
+    screens: tree.config.screens
+      ? createPathConfigForStaticNavigation(tree)
+      : {},
+  };
+
+  return function Navigation({ linking, ...rest }: Props) {
+    return (
+      <NavigationContainer
+        {...rest}
+        linking={linking ? { ...linking, config: linkingConfig } : undefined}
+      >
+        <Component />
+      </NavigationContainer>
+    );
+  };
+}

package/src/index.tsx

@@ -1,3 +1,4 @@
+export { default as createStaticNavigation } from './createStaticNavigation';
 export { default as Link } from './Link';
 export { default as LinkingContext } from './LinkingContext';
 export { default as NavigationContainer } from './NavigationContainer';
@@ -7,8 +8,7 @@ export { default as DefaultTheme } from './theming/DefaultTheme';
 export { default as ThemeProvider } from './theming/ThemeProvider';
 export { default as useTheme } from './theming/useTheme';
 export * from './types';
-export { default as useLinkBuilder } from './useLinkBuilder';
 export { default as useLinkProps } from './useLinkProps';
-export { default as useLinkTo } from './useLinkTo';
+export { default as useLinkTools } from './useLinkTools';
 export { default as useScrollToTop } from './useScrollToTop';
 export * from '@react-navigation/core';

package/src/useLinkProps.tsx

@@ -11,15 +11,27 @@ import * as React from 'react';
 import { GestureResponderEvent, Platform } from 'react-native';
 
 import LinkingContext from './LinkingContext';
-import useLinkTo, { To } from './useLinkTo';
 
-type Props<ParamList extends ReactNavigation.RootParamList> = {
-  to: To<ParamList>;
-  action?: NavigationAction;
-};
+export type Props<
+  ParamList extends ReactNavigation.RootParamList,
+  RouteName extends keyof ParamList = keyof ParamList
+> =
+  | ({
+      screen: Extract<RouteName, string>;
+      href?: string;
+      action?: NavigationAction;
+    } & (undefined extends ParamList[RouteName]
+      ? { params?: ParamList[RouteName] }
+      : { params: ParamList[RouteName] }))
+  | {
+      href?: string;
+      action: NavigationAction;
+      screen?: undefined;
+      params?: undefined;
+    };
 
 const getStateFromParams = (
-  params: NavigatorScreenParams<ParamListBase, NavigationState> | undefined
+  params: NavigatorScreenParams<ParamListBase> | undefined
 ): PartialState<NavigationState> | NavigationState | undefined => {
   if (params?.state) {
     return params.state;
@@ -35,7 +47,7 @@ const getStateFromParams = (
           state: params.screen
             ? getStateFromParams(
                 params.params as
-                  | NavigatorScreenParams<ParamListBase, NavigationState>
+                  | NavigatorScreenParams<ParamListBase>
                   | undefined
               )
             : undefined,
@@ -50,16 +62,17 @@ const getStateFromParams = (
 /**
  * Hook to get props for an anchor tag so it can work with in page navigation.
  *
- * @param props.to Absolute path to screen (e.g. `/feeds/hot`).
+ * @param props.screen Name of the screen to navigate to (e.g. `'Feeds'`).
+ * @param props.params Params to pass to the screen to navigate to (e.g. `{ sort: 'hot' }`).
+ * @param props.href Optional absolute path to use for the href (e.g. `/feeds/hot`).
  * @param props.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.
  */
 export default function useLinkProps<
   ParamList extends ReactNavigation.RootParamList
->({ to, action }: Props<ParamList>) {
+>({ screen, params, href, action }: Props<ParamList>) {
   const root = React.useContext(NavigationContainerRefContext);
   const navigation = React.useContext(NavigationHelpersContext);
   const { options } = React.useContext(LinkingContext);
-  const linkTo = useLinkTo<ParamList>();
 
   const onPress = (
     e?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
@@ -93,33 +106,33 @@ export default function useLinkProps<
           );
         }
       } else {
-        linkTo(to);
+        // @ts-expect-error: This is already type-checked by the prop types
+        navigation?.navigate(screen, params);
       }
     }
   };
 
   const getPathFromStateHelper = options?.getPathFromState ?? getPathFromState;
 
-  const href =
-    typeof to === 'string'
-      ? to
-      : getPathFromStateHelper(
-          {
-            routes: [
-              {
-                name: to.screen,
-                // @ts-expect-error
-                params: to.params,
-                // @ts-expect-error
-                state: getStateFromParams(to.params),
-              },
-            ],
-          },
-          options?.config
-        );
-
   return {
-    href,
+    href:
+      href ??
+      (Platform.OS === 'web' && screen != null
+        ? getPathFromStateHelper(
+            {
+              routes: [
+                {
+                  name: screen,
+                  // @ts-expect-error
+                  params: params,
+                  // @ts-expect-error
+                  state: getStateFromParams(params),
+                },
+              ],
+            },
+            options?.config
+          )
+        : undefined),
     accessibilityRole: 'link' as const,
     onPress,
   };

package/src/{useLinkBuilder.tsx → useLinkTools.tsx}

@@ -1,5 +1,8 @@
 import {
+  CommonActions,
+  getActionFromState,
   getPathFromState,
+  getStateFromPath,
   NavigationHelpers,
   NavigationHelpersContext,
   NavigationProp,
@@ -45,11 +48,11 @@ const getRootStateForNavigate = (
  * Build destination link for a navigate action.
  * Useful for showing anchor tags on the web for buttons that perform navigation.
  */
-export default function useLinkBuilder() {
+export default function useLinkTools() {
   const navigation = React.useContext(NavigationHelpersContext);
   const linking = React.useContext(LinkingContext);
 
-  const buildLink = React.useCallback(
+  const buildHref = React.useCallback(
     (name: string, params?: object) => {
       const { options } = linking;
 
@@ -78,5 +81,31 @@ export default function useLinkBuilder() {
     [linking, navigation]
   );
 
-  return buildLink;
+  const buildAction = React.useCallback(
+    (href: string) => {
+      if (!href.startsWith('/')) {
+        throw new Error(`The path must start with '/' (${href}).`);
+      }
+
+      const { options } = linking;
+
+      const state = options?.getStateFromPath
+        ? options.getStateFromPath(href, options.config)
+        : getStateFromPath(href, options?.config);
+
+      if (state) {
+        const action = getActionFromState(state, options?.config);
+
+        return action ?? CommonActions.reset(state);
+      } else {
+        throw new Error('Failed to parse the path to a navigation state.');
+      }
+    },
+    [linking]
+  );
+
+  return {
+    buildHref,
+    buildAction,
+  };
 }