@curi/react-dom/dist/curi-react-dom.umd.js

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
    typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
    (global = global || self, factory(global.CuriReactDOM = {}, global.React));
}(this, function (exports, React) { 'use strict';

    React = React && React.hasOwnProperty('default') ? React['default'] : React;

    var key = {
        router: null,
        response: null,
        navigation: null
    };
    var context = React.createContext(key);
    var Provider = context.Provider, Curious = context.Consumer;

    function curiProvider(router) {
        function initialState() {
            var _a = router.current(), response = _a.response, navigation = _a.navigation;
            return {
                router: router,
                response: response,
                navigation: navigation
            };
        }
        return function Router(props) {
            var _a = React.useState(initialState), state = _a[0], setState = _a[1];
            React.useEffect(function () {
                var removed = false;
                var stopResponding = router.observe(function (emitted) {
                    if (!removed) {
                        setState(emitted);
                    }
                }, { initial: false });
                return function () {
                    removed = true;
                    stopResponding();
                };
            }, []);
            return React.createElement(Provider, { value: state }, props.children);
        };
    }

    function useCuri() {
        return React.useContext(context);
    }

    function useActive(props) {
        var _a = useCuri(), router = _a.router, response = _a.response;
        if (process.env.NODE_ENV !== "production") {
            if (!router.route.active) {
                throw new Error("You are attempting to use the \"active\" route interaction, but have not included it in your Curi router.\n\nimport curi from \"@curi/router\";\nimport active from \"@curi/route-active\";\n\nconst router = curi(history, routes, {\n  route: [active()]\n});");
            }
        }
        var isActive = router.route.active(props.name, response, {
            params: props.params,
            partial: props.partial,
            locationCheck: props.locationCheck
        });
        return isActive;
    }

    function useBlock(active, fn) {
        var router = useCuri().router;
        React.useEffect(function () {
            if (active) {
                router.history.confirmWith(fn);
                return function () {
                    router.history.removeConfirmation();
                };
            }
        }, [active, fn]);
    }

    function useLocation(props) {
        var router = useCuri().router;
        var pathname = React.useMemo(function () {
            return props.name ? router.route.pathname(props.name, props.params) : "";
        }, [
            props.name
        ].concat(Object.keys(props.params || {}).map(function (key) { return props.params[key]; })));
        return {
            pathname: pathname,
            hash: props.hash,
            query: props.query,
            state: props.state
        };
    }

    function useHref(props) {
        var location = useLocation(props);
        var router = useCuri().router;
        return router.history.toHref(location);
    }

    function useNavigating() {
        var router = useCuri().router;
        var _a = React.useState(undefined), cancel = _a[0], setCancel = _a[1];
        var _b = React.useState(false), removed = _b[0], setRemoved = _b[1];
        React.useEffect(function () {
            return function () {
                setRemoved(true);
            };
        }, []);
        React.useEffect(function () {
            return router.cancel(function (cancelFn) {
                if (!removed) {
                    setCancel(function () { return cancelFn; });
                }
            });
        }, []);
        return cancel;
    }

    function defaultCanNavigate() {
        return true;
    }
    function useNavigationHandler(props, setNavigating, canNavigate) {
        if (canNavigate === void 0) { canNavigate = defaultCanNavigate; }
        var router = useCuri().router;
        var cancel = React.useRef(undefined);
        function handler(event) {
            if (props.onNav) {
                props.onNav(event);
            }
            if (canNavigate(event, props.forward)) {
                event.preventDefault();
                var cancelled = void 0, finished = void 0;
                // only trigger re-renders when children uses state
                if (typeof props.children === "function") {
                    cancelled = finished = function () {
                        cancel.current = undefined;
                        setNavigating(false);
                    };
                    setNavigating(true);
                }
                cancel.current = router.navigate({
                    method: props.method || "ANCHOR",
                    name: props.name,
                    params: props.params,
                    query: props.query,
                    state: props.state,
                    hash: props.hash,
                    cancelled: cancelled,
                    finished: finished
                });
            }
        }
        return { handler: handler, cancel: cancel };
    }

    function useNavigationFocus(ref, props) {
        if (props === void 0) { props = {}; }
        var response = useCuri().response;
        React.useEffect(function () {
            var ele = ref.current;
            if (ele === null) {
                if (process.env.NODE_ENV !== "production") {
                    console.warn("There is no element to focus. Did you forget to add the ref to an element?");
                }
                return;
            }
            if (props.preserve && ele.contains(document.activeElement)) {
                return;
            }
            if (process.env.NODE_ENV !== "production") {
                if (!ele.hasAttribute("tabIndex") && ele.tabIndex === -1) {
                    console.warn('The component that is passed the ref must have a "tabIndex" prop or be focusable by default in order to be focused. ' +
                        "Otherwise, the document's <body> will be focused instead.");
                }
            }
            var _a = props.preventScroll, preventScroll = _a === void 0 ? false : _a;
            var timeout = setTimeout(function () {
                // @ts-ignore
                ele.focus({ preventScroll: preventScroll });
            });
            return function () {
                clearTimeout(timeout);
            };
        }, [response]);
    }

    /*! *****************************************************************************
    Copyright (c) Microsoft Corporation. All rights reserved.
    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
    this file except in compliance with the License. You may obtain a copy of the
    License at http://www.apache.org/licenses/LICENSE-2.0

    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
    MERCHANTABLITY OR NON-INFRINGEMENT.

    See the Apache Version 2.0 License for specific language governing permissions
    and limitations under the License.
    ***************************************************************************** */

    var __assign = function() {
        __assign = Object.assign || function __assign(t) {
            for (var s, i = 1, n = arguments.length; i < n; i++) {
                s = arguments[i];
                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
            }
            return t;
        };
        return __assign.apply(this, arguments);
    };

    function canNavigate(event, forward) {
        return (!event.defaultPrevented &&
            event.button === 0 &&
            !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) &&
            (!forward || !forward.target));
    }

    var HookLink = React.forwardRef(function (props, ref) {
        var _a = React.useState(false), navigating = _a[0], setNavigating = _a[1];
        var href = useHref(props);
        var _b = useNavigationHandler(props, setNavigating, canNavigate), handler = _b.handler, cancel = _b.cancel;
        React.useEffect(function () {
            return function () {
                if (cancel.current) {
                    cancel.current();
                }
            };
        }, []);
        var _c = props.anchor, Anchor = _c === void 0 ? "a" : _c, children = props.children, forward = props.forward;
        return (
        // @ts-ignore
        React.createElement(Anchor, __assign({ onClick: handler, href: href, ref: ref }, forward), typeof children === "function"
            ? children(navigating)
            : children));
    });

    exports.Link = HookLink;
    exports.useNavigationFocus = useNavigationFocus;
    exports.curiProvider = curiProvider;
    exports.Curious = Curious;
    exports.useCuri = useCuri;
    exports.useActive = useActive;
    exports.useBlock = useBlock;
    exports.useLocation = useLocation;
    exports.useHref = useHref;
    exports.useNavigating = useNavigating;
    exports.useNavigationHandler = useNavigationHandler;

    Object.defineProperty(exports, '__esModule', { value: true });

}));