@react-motion-router/stack 2.0.0-beta.sha-0daf7c7 → 2.0.0-beta.sha-9f3bd9a

package/build/Anchor.d.ts

@@ -5,15 +5,30 @@ interface BaseAnchorProps extends React.DetailedHTMLProps<React.AnchorHTMLAttrib
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
     navigation?: Navigation | null;
 }
+interface OnSightPreloadBehaviour extends UseIntersectionOptions {
+    type: 'onsight';
+}
+interface OnHoverPreloadBehaviour {
+    type: 'onhover';
+    forceThreshold?: number;
+}
 interface ForwardAnchorProps extends BaseAnchorProps {
     params?: PlainObject<string | boolean | number>;
     href: string;
-    type?: NavigateOptions["type"];
+    type?: NavigateOptions['type'];
     preload?: boolean;
+    preloadBehaviour?: OnSightPreloadBehaviour | OnHoverPreloadBehaviour | {
+        type: 'force';
+    };
 }
 interface BackAnchorProps extends BaseAnchorProps {
     goBack: boolean;
 }
 type AnchorProps = XOR<ForwardAnchorProps, BackAnchorProps>;
-export declare function Anchor(props: AnchorProps): JSX.Element;
+interface UseIntersectionOptions {
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+}
+export declare function Anchor({ preload, goBack, params, type, href: hrefProp, navigation: navigationProp, onClick: onClickProp, preloadBehaviour, children, ...aProps }: AnchorProps): JSX.Element;
 export {};

package/build/Navigation.d.ts

@@ -5,6 +5,7 @@ import { Router } from './Router';
 export declare class Navigation extends NavigationBase<RouterEventMap> {
     protected readonly router: Router;
     constructor(router: Router);
+    preload(route: string, props?: NavigationProps, options?: NavigationBaseOptions): Promise<boolean>;
     replace(route: string, props?: NavigationProps, options?: NavigationBaseOptions): NavigationResult;
     push(route: string, props?: NavigationProps, options?: NavigationBaseOptions): NavigationResult;
     reload(props?: NavigationProps): NavigationResult;

package/build/Router.d.ts

@@ -1,7 +1,7 @@
 import { RouterBase, ClonedElementType, LoadEvent, NestedRouterContext, RouterBaseConfig, RouterBaseProps, RouterBaseState, ScreenChild } from '../../core/build';
 import { Navigation } from './Navigation';
 import { ScreenProps, Screen, ScreenConfig } from './Screen';
-import { RouterEventMap, ScreenInternalProps, SwipeDirection } from './common/types';
+import { NavigationBaseOptions, NavigationProps, RouterEventMap, ScreenInternalProps, SwipeDirection } from './common/types';
 export interface RouterConfig extends RouterBaseConfig {
     screenConfig?: ScreenConfig;
     disableBrowserRouting?: boolean;
@@ -12,9 +12,9 @@ export interface RouterConfig extends RouterBaseConfig {
 export interface RouterProps extends RouterBaseProps<Screen> {
     config?: RouterConfig;
 }
-type InjectedScreenProps = Pick<ScreenProps, "config" | "defaultParams"> & ScreenInternalProps;
+type InjectedScreenProps = Pick<ScreenProps, 'config' | 'defaultParams'> & ScreenInternalProps;
 export interface RouterState extends RouterBaseState {
-    transition: NavigationTransition | LoadEvent["transition"] | null;
+    transition: NavigationTransition | LoadEvent['transition'] | null;
     screenStack: ClonedElementType<ScreenChild<Screen>, InjectedScreenProps>[];
     gestureDirection: SwipeDirection;
     gestureAreaWidth: number;
@@ -30,7 +30,6 @@ export declare class Router extends RouterBase<RouterProps, RouterState, RouterE
     #private;
     readonly navigation: Navigation;
     constructor(props: RouterProps, context: React.ContextType<typeof NestedRouterContext>);
-    static readonly defaultProps: Partial<RouterProps>;
     static getDerivedStateFromProps(_: RouterProps, state: RouterState): {
         gestureDirection: SwipeDirection;
         gestureAreaWidth: number;
@@ -42,19 +41,19 @@ export declare class Router extends RouterBase<RouterProps, RouterState, RouterE
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: Readonly<RouterProps>, nextState: Readonly<RouterState>): boolean;
     componentWillUnmount(): void;
-    private onNavigate;
-    private onCurrentEntryChange;
-    private onNavigateSuccess;
-    private onNavigateError;
-    private onGestureCancel;
+    private readonly onNavigate;
+    private readonly onCurrentEntryChange;
+    private readonly onNavigateSuccess;
+    private readonly onNavigateError;
+    private readonly onGestureCancel;
     private canGestureNavigate;
-    private onSwipeStart;
-    private onSwipeEnd;
+    private readonly onSwipeStart;
+    private readonly onSwipeEnd;
     get committed(): Promise<NavigationHistoryEntry> | null;
     private get backNavigating();
     protected get screens(): import('react').CElement<ScreenProps & Partial<InjectedScreenProps>, Screen & import('react').Component<ScreenProps & Pick<ScreenProps, "config" | "defaultParams"> & ScreenInternalProps, {}, any>>[];
-    private screenChildFromPathname;
-    private getScreenChildByPathname;
+    preload(pathname: string, props?: NavigationProps, options?: NavigationBaseOptions): Promise<boolean>;
+    private cloneScreenChildFromPathname;
     private getScreenRefByKey;
     protected canIntercept(e: NavigateEvent): boolean;
     protected shouldIntercept(e: NavigateEvent): boolean;

package/build/Screen.d.ts

@@ -1,12 +1,11 @@
-import { ScreenBase, PlainObject, RouterContext, ScreenBaseProps, ScreenBaseState, ScreenBaseComponentProps, ScreenBaseConfig } from '../../core/build';
+import { ScreenBase, PlainObject, ScreenBaseProps, ScreenBaseState, ScreenBaseComponentProps, ScreenBaseConfig } from '../../core/build';
 import { Navigation } from './Navigation';
-import { HistoryEntryState, RouteProp, ScreenInternalProps, SwipeDirection } from './common/types';
+import { RouteProp, SwipeDirection } from './common/types';
 import { Router } from './Router';
-export interface ScreenComponentProps<T extends PlainObject = {}> extends ScreenBaseComponentProps<RouteProp<T>, Navigation> {
-}
+export type ScreenComponentProps<T extends PlainObject> = ScreenBaseComponentProps<RouteProp<T>, Navigation>;
 export interface ScreenConfig extends ScreenBaseConfig<RouteProp> {
     title?: string;
-    presentation?: "default" | "dialog" | "modal";
+    presentation?: 'default' | 'dialog' | 'modal';
     keepAlive?: boolean;
     gestureDirection?: SwipeDirection;
     gestureAreaWidth?: number;
@@ -17,20 +16,18 @@ export interface ScreenConfig extends ScreenBaseConfig<RouteProp> {
 export interface ScreenProps extends ScreenBaseProps {
     config?: ScreenConfig;
 }
-export interface ScreenState extends ScreenBaseState {
-}
-export declare class Screen extends ScreenBase<ScreenProps, ScreenState, RouteProp> {
+export declare class Screen extends ScreenBase<ScreenProps, ScreenBaseState, RouteProp> {
     #private;
-    constructor(props: ScreenProps, context: React.ContextType<typeof RouterContext>);
+    constructor(props: ScreenProps, router: Router);
     static getDerivedStateFromProps(props: ScreenProps): {
         elementType: string;
     };
     protected setParams(newParams: PlainObject): void;
-    protected setConfig(newConfig: NonNullable<ScreenProps["config"]>): void;
+    protected setConfig(newConfig: NonNullable<ScreenProps['config']>): void;
     protected get router(): Router;
-    get internalProps(): ScreenInternalProps;
+    private get internalProps();
     get resolvedPathname(): string;
-    get historyEntryState(): HistoryEntryState;
+    private get historyEntryState();
     get id(): string;
     get params(): {
         [x: string]: any;

package/build/common/constants.d.ts

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