@wener/console/lib/router/usePrompt.js

Base console UI toolkit

/**
 * `useBlocker` and `usePrompt` is no longer part of react-router-dom for the routers other than `DataRouter`.
 *
 * The previous workaround (<v6.4) was to use `block` function in `UNSAFE_NavigationContext` which is now removed.
 *
 * We're using a workaround from the gist https://gist.github.com/MarksCode/64e438c82b0b2a1161e01c88ca0d0355 with some modifications
 * Thanks to @MarksCode(https://github.com/MarksCode) for the workaround.
 */ import { useCallback, useContext, useEffect } from "react";
import { UNSAFE_NavigationContext as NavigationContext } from "react-router-dom";
function useConfirmExit(confirmExit, when = true) {
    const { navigator } = useContext(NavigationContext);
    useEffect(()=>{
        if (!when) {
            return;
        }
        const go = navigator.go;
        const push = navigator.push;
        navigator.push = (...args)=>{
            const result = confirmExit();
            if (result !== false) {
                push(...args);
            }
        };
        navigator.go = (...args)=>{
            const result = confirmExit();
            if (result !== false) {
                go(...args);
            }
        };
        return ()=>{
            navigator.push = push;
            navigator.go = go;
        };
    }, [
        navigator,
        confirmExit,
        when
    ]);
}
export function usePrompt(message, when = true, onConfirm, legacy = false) {
    const warnWhenListener = useCallback((e)=>{
        e.preventDefault();
        e.returnValue = message;
        return e.returnValue;
    }, [
        message
    ]);
    useEffect(()=>{
        if (when && !legacy) {
            window.addEventListener('beforeunload', warnWhenListener);
        }
        return ()=>{
            window.removeEventListener('beforeunload', warnWhenListener);
        };
    }, [
        warnWhenListener,
        when,
        legacy
    ]);
    const confirmExit = useCallback(()=>{
        const confirm = window.confirm(message);
        if (confirm && onConfirm) {
            onConfirm();
        }
        return confirm;
    }, [
        message
    ]);
    useConfirmExit(confirmExit, when);
}

//# sourceMappingURL=usePrompt.js.map