@duongnqse02934/react-router-loading/dist/index.d.ts

Wrapper for react-router that allows you to load data before switching the screen

import type { Context } from 'react';
import { ElementType } from 'react';
import { FC } from 'react';
import { ReactNode } from 'react';
import { RouteProps as RouteProps_2 } from 'react-router';

export declare const LoadingContext: Context<LoadingContextActions>;

declare interface LoadingContextActions {
    start: () => void;
    done: () => void;
    restart: () => void;
}

export declare const LoadingGetterContext: Context<boolean>;

export declare const Route: FC<RouteProps & RouteProps_2>;

declare interface RouteProps {
    loading?: boolean;
}

export declare const Routes: FC<RoutesProps>;

declare interface RoutesProps {
    children: ReactNode;
    loadingScreen?: ElementType;
    maxLoadingTime?: number;
    isLoading?: boolean;
    enableLoadingScreenForAll?: boolean;
}

export declare interface TopBar {
    show: () => void;
    hide: () => void;
    config: (conf: TopBarConfig) => void;
}

export declare const topbar: TopBar;

export declare interface TopBarConfig {
    autoRun?: boolean;
    barThickness?: number;
    barColors?: Record<number, string>;
    shadowBlur?: number;
    shadowColor?: string;
    className?: string;
}

export declare const useLoadingContext: () => LoadingContextActions;

export { }