@react-motion-router/stack 2.0.0-beta.sha-c19f37e → 2.0.0-beta.sha-7188e1e

package/build/Anchor.d.ts

@@ -1,29 +1,35 @@
-import { PlainObject, AnchorProps as AnchorBaseProps } from '../../core/build';
+import { PlainObject } from '../../core/build';
 import { ScreenConfig } from './Screen';
 interface OnSightPreloadBehaviour extends UseIntersectionOptions {
     type: 'onsight';
 }
 interface OnHoverPreloadBehaviour {
     type: 'onhover';
-    forceThreshold?: number;
+    pressureThreshold?: number;
 }
-interface AnchorProps extends AnchorBaseProps {
-    params?: PlainObject<string | boolean | number>;
+interface AnchorProps extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+    params?: PlainObject<string | boolean | number> | null;
     /**
      * Will override params object if supplied.
      * Used to control the search params that get passed to the href attribute.
      */
-    searchParams?: PlainObject<string | boolean | number>;
+    searchParams?: PlainObject<string | boolean | number> | null;
     config?: ScreenConfig;
     preload?: boolean;
     preloadBehaviour?: OnSightPreloadBehaviour | OnHoverPreloadBehaviour | {
         type: 'force';
     };
+    rel?: 'next' | 'prev' | (string & {});
+    historyEntryKey?: string;
+    reload?: boolean;
+    replace?: boolean;
+    traverse?: boolean;
+    children?: React.ReactNode;
 }
 interface UseIntersectionOptions {
     root?: Element | null;
     rootMargin?: string;
     threshold?: number | number[];
 }
-export declare function Anchor({ preload, params, searchParams, config, preloadBehaviour, children, ...aProps }: AnchorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Anchor({ ref: forwardedRef, preload, params, searchParams, config, preloadBehaviour, children, ...props }: AnchorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/GestureRegion.d.ts

@@ -1,10 +1,11 @@
+import { default as React } from 'react';
 type GestureRegion = {
-    [T in keyof JSX.IntrinsicElements]: ReturnType<typeof createGestureRegion<T>>;
+    [T in keyof React.JSX.IntrinsicElements]: ReturnType<typeof createGestureRegion<T>>;
 };
 interface GestureRegionProps {
     gestureBehaviour?: 'contain' | 'none';
     uaGestureAreaWidth?: number;
 }
-export declare const createGestureRegion: <T extends keyof JSX.IntrinsicElements>(tag: T) => ({ ref: forwardedRef, gestureBehaviour, uaGestureAreaWidth, ...props }: JSX.IntrinsicElements[T] & GestureRegionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const createGestureRegion: <T extends keyof React.JSX.IntrinsicElements>(tag: T) => ({ ref: forwardedRef, gestureBehaviour, uaGestureAreaWidth, ...props }: React.JSX.IntrinsicElements[T] & GestureRegionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GestureRegion: GestureRegion;
 export {};

package/build/HistoryEntry.d.ts

@@ -5,6 +5,7 @@ export declare class HistoryEntry implements Omit<NavigationHistoryEntry, 'url'>
     constructor(nativeEntry: NavigationHistoryEntry, routerId: string, index: number);
     set ondispose(handler: ((this: NavigationHistoryEntry, ev: Event) => void) | null);
     get ondispose(): ((this: NavigationHistoryEntry, ev: Event) => void) | null;
+    get nativeEntry(): NavigationHistoryEntry;
     get id(): string;
     get globalIndex(): number;
     get url(): URL | null;

package/build/Navigation.d.ts

@@ -4,7 +4,9 @@ import { HistoryEntry } from './HistoryEntry';
 export interface NavigationConfig extends NavigationBaseConfig {
     getCommitted(): Promise<NavigationHistoryEntry> | null;
     getTransition(): NavigationTransition | LoadNavigationTransition | null;
+    getDestination(): NavigationDestination | null;
     getPathPatterns(): PathPattern[];
+    getController(): AbortController | null;
 }
 export declare class Navigation extends NavigationBase {
     private readonly config;
@@ -20,6 +22,7 @@ export declare class Navigation extends NavigationBase {
     private createBackEvent;
     private createForwardEvent;
     private createNavigateEvent;
+    get controller(): AbortController | null;
     get committed(): Promise<NavigationHistoryEntry> | null;
     get transition(): NavigationTransition | LoadNavigationTransition | null;
     get globalEntries(): NavigationHistoryEntry[];

package/build/Router.d.ts

@@ -16,6 +16,7 @@ export interface RouterProps extends RouterBaseProps<Screen> {
 type InjectedScreenProps = Pick<ScreenProps, 'config' | 'defaultParams'> & ScreenInternalProps;
 export interface RouterState extends RouterBaseState {
     transition: NavigationTransition | LoadEvent['transition'] | null;
+    destination: NavigationDestination | null;
     screenStack: ClonedElementType<ScreenChild<Screen>, InjectedScreenProps>[];
     gestureDirection: SwipeDirection;
     gestureAreaWidth: number;
@@ -29,6 +30,7 @@ export interface RouterState extends RouterBaseState {
 }
 export declare class Router extends RouterBase<RouterProps, RouterState> {
     #private;
+    protected ref: import('react').RefObject<HTMLDivElement | null>;
     readonly navigation: Navigation;
     constructor(props: RouterProps, context: React.ContextType<typeof NestedRouterContext>);
     static getDerivedStateFromProps(_: RouterProps, state: RouterState): {
@@ -40,10 +42,8 @@ export declare class Router extends RouterBase<RouterProps, RouterState> {
         documentTitle: string | undefined;
     };
     componentDidMount(): void;
-    shouldComponentUpdate(nextProps: Readonly<RouterProps>, nextState: Readonly<RouterState>): boolean;
     componentWillUnmount(): void;
     onnavigate(e: NavigateEvent): void;
-    oncurrententrychange(): void;
     onnavigatesuccess(): void;
     onnavigateerror({ error }: ErrorEvent): void;
     private readonly onGestureCancel;
@@ -62,7 +62,8 @@ export declare class Router extends RouterBase<RouterProps, RouterState> {
     private handleLoad;
     private handleReplace;
     private handleDefault;
-    private dispatchLifecycleHandlers;
+    private prepareScreens;
+    private commitScreens;
     private screenTransition;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/build/Screen.d.ts

@@ -1,8 +1,9 @@
-import { ScreenBase, PlainObject, ScreenBaseProps, ScreenBaseState, ScreenBaseComponentProps, ScreenBaseConfig, MatchedRoute } from '../../core/build';
+import { ScreenBase, PlainObject, ScreenBaseProps, ScreenBaseState, ScreenBaseComponentProps, ScreenBaseConfig, MatchedRoute, ElementForTag } from '../../core/build';
 import { Navigation } from './Navigation';
 import { HistoryEntryState, RouteProp, SwipeDirection } from './common/types';
 import { Router } from './Router';
 import { HistoryEntry } from './HistoryEntry';
+import { RefObject } from 'react';
 export type ScreenComponentProps<T extends PlainObject = object> = ScreenBaseComponentProps<RouteProp<T>, Navigation>;
 export interface ScreenConfig extends ScreenBaseConfig<RouteProp> {
     readonly title?: string;
@@ -16,13 +17,13 @@ export interface ScreenConfig extends ScreenBaseConfig<RouteProp> {
 }
 export interface ScreenProps extends ScreenBaseProps {
     config?: ScreenConfig;
+    ref?: RefObject<Screen | null>;
 }
-export declare class Screen extends ScreenBase<ScreenProps, ScreenBaseState, RouteProp> {
+export type ScreenState = ScreenBaseState;
+export declare class Screen extends ScreenBase<ScreenProps, ScreenState, RouteProp> {
     #private;
+    protected ref: RefObject<ElementForTag<"dialog" | "div"> | null>;
     constructor(props: ScreenProps, router: Router);
-    static getDerivedStateFromProps(props: ScreenProps): {
-        elementType: string;
-    };
     static historyEntryStateFromEntry(entry: HistoryEntry, matchInfo: MatchedRoute | null): HistoryEntryState;
     protected setParams(newParams: PlainObject): void;
     protected setConfig(newConfig: NonNullable<ScreenProps['config']>): void;
@@ -30,7 +31,10 @@ export declare class Screen extends ScreenBase<ScreenProps, ScreenBaseState, Rou
     private get internalProps();
     get resolvedPathname(): string;
     private get historyEntryState();
+    get inert(): true | undefined;
+    get elementType(): React.JSX.ElementType;
     get id(): string;
+    get viewTransitionName(): string;
     get params(): {
         [x: string]: any;
     };
@@ -93,7 +97,9 @@ export declare class Screen extends ScreenBase<ScreenProps, ScreenBaseState, Rou
         };
     };
     protected setHistoryState(newState: PlainObject | ((prevState: PlainObject) => PlainObject)): void;
-    private onClickOutside;
+    onclick(e: MouseEvent): void;
+    onclose(): void;
     onEnter(signal: AbortSignal): Promise<void>;
     onExited(signal: AbortSignal): Promise<void>;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/build/__tests__/Anchor/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/__tests__/Anchor/preload.force.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/__tests__/Anchor/preload.hover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/__tests__/Anchor/preload.onsight.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/__tests__/Screen/dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/__tests__/Screen/modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/common/constants.d.ts

@@ -5,5 +5,5 @@ export declare const DEFAULT_GESTURE_CONFIG: {
     readonly gestureDirection: "right";
     readonly gestureDisabled: false;
 };
-export declare const DEFAULT_PRELOAD_FORCE_THRESHOLD = 0.5;
+export declare const DEFAULT_PRELOAD_FORCE_THRESHOLD = 0;
 export declare const DEFAULT_PLAYBACK_RATE = 1;

package/build/common/events.d.ts

@@ -6,23 +6,20 @@ export declare class NavigateEvent extends Event {
     readonly props: NavigationProps;
     readonly navigationType: NonNullable<NavigateOptions['type']>;
     readonly signal: AbortSignal;
-    readonly committed: Promise<NavigationHistoryEntry>;
-    readonly transition: NavigationTransition;
-    constructor(routerId: string, route: string, props: NavigationProps, type: NavigateOptions['type'], signal: AbortSignal, committed: Promise<NavigationHistoryEntry>, transition: NavigationTransition);
+    readonly result: NavigationResult;
+    constructor(routerId: string, route: string, props: NavigationProps, type: NavigateOptions['type'], signal: AbortSignal, result: NavigationResult);
 }
 export declare class BackEvent extends Event {
     readonly routerId: string;
     readonly signal: AbortSignal;
-    readonly committed: Promise<NavigationHistoryEntry>;
-    readonly transition: NavigationTransition;
-    constructor(routerId: string, signal: AbortSignal, committed: Promise<NavigationHistoryEntry>, transition: NavigationTransition);
+    readonly result: NavigationResult;
+    constructor(routerId: string, signal: AbortSignal, result: NavigationResult);
 }
 export declare class ForwardEvent extends Event {
     readonly routerId: string;
     readonly signal: AbortSignal;
-    readonly committed: Promise<NavigationHistoryEntry>;
-    readonly transition: NavigationTransition;
-    constructor(routerId: string, signal: AbortSignal, committed: Promise<NavigationHistoryEntry>, transition: NavigationTransition);
+    readonly result: NavigationResult;
+    constructor(routerId: string, signal: AbortSignal, result: NavigationResult);
 }
 export declare class GestureStartEvent extends Event {
     readonly source: GestureEvent;

package/build/common/test-utils.d.ts

@@ -0,0 +1 @@
+export declare function addEventListener<T extends EventTarget>(target: T | null, ...args: Parameters<T['addEventListener']>): () => void;

package/build/common/types.d.ts

@@ -2,6 +2,7 @@ import { PlainObject, RoutePropBase } from '../../../core/build';
 import { ScreenProps } from '../Screen';
 import { RefObject } from 'react';
 import { BackEvent, ForwardEvent, GestureCancelEvent, GestureEndEvent, GestureStartEvent, NavigateEvent } from './events';
+import { HistoryEntry } from '../HistoryEntry';
 export interface NavigationBaseOptions {
     signal?: AbortSignal;
 }
@@ -44,4 +45,5 @@ export declare function isHorizontalDirection(direction: SwipeDirection): direct
 export interface ScreenInternalProps {
     resolvedPathname: string;
     id: React.Key;
+    entry: HistoryEntry;
 }