react-router-dom
Advanced tools
Comparing version 6.0.0-beta.3 to 6.0.0-beta.4
import * as React from "react"; | ||
import { MemoryRouter, Navigate, Outlet, Route, Router, Routes, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes, createRoutesFromArray, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath } from "react-router"; | ||
import { MemoryRouter, Navigate, Outlet, Route, Router, Routes, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath } from "react-router"; | ||
import type { State, To } from "history"; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, createRoutesFromArray, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes }; | ||
export type { MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigator, OutletProps, Params, PartialRouteObject, PathMatch, RouteMatch, RouteObject, RouteProps, RouterProps, RoutesProps } from "react-router"; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes }; | ||
export type { MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigator, OutletProps, Params, PathMatch, RouteMatch, RouteObject, RouteProps, RouterProps, RoutesProps } from "react-router"; | ||
export interface BrowserRouterProps { | ||
@@ -7,0 +7,0 @@ children?: React.ReactNode; |
221
index.js
import { useRef, useState, useLayoutEffect, createElement, forwardRef, useCallback, useMemo } from 'react'; | ||
import { createBrowserHistory, createHashHistory, createPath } from 'history'; | ||
import { Router, useHref, useLocation, useResolvedPath, useNavigate, useBlocker } from 'react-router'; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigatorContext, UNSAFE_RouteContext, createRoutesFromArray, createRoutesFromChildren, generatePath, matchPath, matchRoutes, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes } from 'react-router'; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigatorContext, UNSAFE_RouteContext, createRoutesFromChildren, generatePath, matchPath, matchRoutes, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes } from 'react-router'; | ||
@@ -39,43 +39,5 @@ function _extends() { | ||
function _unsupportedIterableToArray(o, minLen) { | ||
if (!o) return; | ||
if (typeof o === "string") return _arrayLikeToArray(o, minLen); | ||
var n = Object.prototype.toString.call(o).slice(8, -1); | ||
if (n === "Object" && o.constructor) n = o.constructor.name; | ||
if (n === "Map" || n === "Set") return Array.from(o); | ||
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); | ||
} | ||
const _excluded = ["onClick", "replace", "state", "target", "to"], | ||
_excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to"]; | ||
function _arrayLikeToArray(arr, len) { | ||
if (len == null || len > arr.length) len = arr.length; | ||
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; | ||
return arr2; | ||
} | ||
function _createForOfIteratorHelperLoose(o, allowArrayLike) { | ||
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; | ||
if (it) return (it = it.call(o)).next.bind(it); | ||
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { | ||
if (it) o = it; | ||
var i = 0; | ||
return function () { | ||
if (i >= o.length) return { | ||
done: true | ||
}; | ||
return { | ||
done: false, | ||
value: o[i++] | ||
}; | ||
}; | ||
} | ||
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
var _excluded = ["onClick", "replace", "state", "target", "to"], | ||
_excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to"]; | ||
function warning(cond, message) { | ||
@@ -101,24 +63,20 @@ if (!cond) { | ||
function BrowserRouter(_ref) { | ||
var children = _ref.children, | ||
window = _ref.window; | ||
var historyRef = useRef(); | ||
let { | ||
children, | ||
window | ||
} = _ref; | ||
let historyRef = useRef(); | ||
if (historyRef.current == null) { | ||
historyRef.current = createBrowserHistory({ | ||
window: window | ||
window | ||
}); | ||
} | ||
var history = historyRef.current; | ||
var _React$useState = useState({ | ||
let history = historyRef.current; | ||
let [state, setState] = useState({ | ||
action: history.action, | ||
location: history.location | ||
}), | ||
state = _React$useState[0], | ||
setState = _React$useState[1]; | ||
useLayoutEffect(function () { | ||
return history.listen(setState); | ||
}, [history]); | ||
}); | ||
useLayoutEffect(() => history.listen(setState), [history]); | ||
return /*#__PURE__*/createElement(Router, { | ||
@@ -137,24 +95,20 @@ children: children, | ||
function HashRouter(_ref2) { | ||
var children = _ref2.children, | ||
window = _ref2.window; | ||
var historyRef = useRef(); | ||
let { | ||
children, | ||
window | ||
} = _ref2; | ||
let historyRef = useRef(); | ||
if (historyRef.current == null) { | ||
historyRef.current = createHashHistory({ | ||
window: window | ||
window | ||
}); | ||
} | ||
var history = historyRef.current; | ||
var _React$useState2 = useState({ | ||
let history = historyRef.current; | ||
let [state, setState] = useState({ | ||
action: history.action, | ||
location: history.location | ||
}), | ||
state = _React$useState2[0], | ||
setState = _React$useState2[1]; | ||
useLayoutEffect(function () { | ||
return history.listen(setState); | ||
}, [history]); | ||
}); | ||
useLayoutEffect(() => history.listen(setState), [history]); | ||
return /*#__PURE__*/createElement(Router, { | ||
@@ -176,16 +130,17 @@ children: children, | ||
var Link = /*#__PURE__*/forwardRef(function LinkWithRef(_ref3, ref) { | ||
var onClick = _ref3.onClick, | ||
_ref3$replace = _ref3.replace, | ||
replace = _ref3$replace === void 0 ? false : _ref3$replace, | ||
state = _ref3.state, | ||
target = _ref3.target, | ||
to = _ref3.to, | ||
const Link = /*#__PURE__*/forwardRef(function LinkWithRef(_ref3, ref) { | ||
let { | ||
onClick, | ||
replace = false, | ||
state, | ||
target, | ||
to | ||
} = _ref3, | ||
rest = _objectWithoutPropertiesLoose(_ref3, _excluded); | ||
var href = useHref(to); | ||
var internalOnClick = useLinkClickHandler(to, { | ||
replace: replace, | ||
state: state, | ||
target: target | ||
let href = useHref(to); | ||
let internalOnClick = useLinkClickHandler(to, { | ||
replace, | ||
state, | ||
target | ||
}); | ||
@@ -221,19 +176,17 @@ | ||
var NavLink = /*#__PURE__*/forwardRef(function NavLinkWithRef(_ref4, ref) { | ||
var _ref4$ariaCurrent = _ref4["aria-current"], | ||
ariaCurrentProp = _ref4$ariaCurrent === void 0 ? "page" : _ref4$ariaCurrent, | ||
_ref4$caseSensitive = _ref4.caseSensitive, | ||
caseSensitive = _ref4$caseSensitive === void 0 ? false : _ref4$caseSensitive, | ||
_ref4$className = _ref4.className, | ||
classNameProp = _ref4$className === void 0 ? "" : _ref4$className, | ||
_ref4$end = _ref4.end, | ||
end = _ref4$end === void 0 ? false : _ref4$end, | ||
styleProp = _ref4.style, | ||
to = _ref4.to, | ||
const NavLink = /*#__PURE__*/forwardRef(function NavLinkWithRef(_ref4, ref) { | ||
let { | ||
"aria-current": ariaCurrentProp = "page", | ||
caseSensitive = false, | ||
className: classNameProp = "", | ||
end = false, | ||
style: styleProp, | ||
to | ||
} = _ref4, | ||
rest = _objectWithoutPropertiesLoose(_ref4, _excluded2); | ||
var location = useLocation(); | ||
var path = useResolvedPath(to); | ||
var locationPathname = location.pathname; | ||
var toPathname = path.pathname; | ||
let location = useLocation(); | ||
let path = useResolvedPath(to); | ||
let locationPathname = location.pathname; | ||
let toPathname = path.pathname; | ||
@@ -245,9 +198,9 @@ if (!caseSensitive) { | ||
var isActive = end ? locationPathname === toPathname : locationPathname.startsWith(toPathname); | ||
var ariaCurrent = isActive ? ariaCurrentProp : undefined; | ||
var className; | ||
let isActive = end ? locationPathname === toPathname : locationPathname.startsWith(toPathname); | ||
let ariaCurrent = isActive ? ariaCurrentProp : undefined; | ||
let className; | ||
if (typeof classNameProp === "function") { | ||
className = classNameProp({ | ||
isActive: isActive | ||
isActive | ||
}); | ||
@@ -263,4 +216,4 @@ } else { | ||
var style = typeof styleProp === "function" ? styleProp({ | ||
isActive: isActive | ||
let style = typeof styleProp === "function" ? styleProp({ | ||
isActive | ||
}) : styleProp; | ||
@@ -289,4 +242,6 @@ return /*#__PURE__*/createElement(Link, _extends({}, rest, { | ||
function Prompt(_ref5) { | ||
var message = _ref5.message, | ||
when = _ref5.when; | ||
let { | ||
message, | ||
when | ||
} = _ref5; | ||
usePrompt(message, when); | ||
@@ -305,11 +260,11 @@ return null; | ||
function useLinkClickHandler(to, _temp) { | ||
var _ref6 = _temp === void 0 ? {} : _temp, | ||
target = _ref6.target, | ||
replaceProp = _ref6.replace, | ||
state = _ref6.state; | ||
var navigate = useNavigate(); | ||
var location = useLocation(); | ||
var path = useResolvedPath(to); | ||
return function handleClick(event) { | ||
let { | ||
target, | ||
replace: replaceProp, | ||
state | ||
} = _temp === void 0 ? {} : _temp; | ||
let navigate = useNavigate(); | ||
let location = useLocation(); | ||
let path = useResolvedPath(to); | ||
return useCallback(event => { | ||
if (event.button === 0 && ( // Ignore everything but left clicks | ||
@@ -322,9 +277,9 @@ !target || target === "_self") && // Let browser handle "target=_blank" etc. | ||
var replace = !!replaceProp || createPath(location) === createPath(path); | ||
let replace = !!replaceProp || createPath(location) === createPath(path); | ||
navigate(to, { | ||
replace: replace, | ||
state: state | ||
replace, | ||
state | ||
}); | ||
} | ||
}; | ||
}, [location, navigate, path, replaceProp, state, target, to]); | ||
} | ||
@@ -341,3 +296,3 @@ /** | ||
var blocker = useCallback(function (tx) { | ||
let blocker = useCallback(tx => { | ||
if (window.confirm(message)) tx.retry(); | ||
@@ -354,19 +309,13 @@ }, [message]); | ||
process.env.NODE_ENV !== "production" ? warning(typeof URLSearchParams !== "undefined", "You cannot use the `useSearchParams` hook in a browser that does not " + "support the URLSearchParams API. If you need to support Internet " + "Explorer 11, we recommend you load a polyfill such as " + "https://github.com/ungap/url-search-params\n\n" + "If you're unsure how to load polyfills, we recommend you check out " + "https://polyfill.io/v3/ which provides some recommendations about how " + "to load polyfills only for users that need them, instead of for every " + "user.") : void 0; | ||
var defaultSearchParamsRef = useRef(createSearchParams(defaultInit)); | ||
var location = useLocation(); | ||
var searchParams = useMemo(function () { | ||
var searchParams = createSearchParams(location.search); | ||
let defaultSearchParamsRef = useRef(createSearchParams(defaultInit)); | ||
let location = useLocation(); | ||
let searchParams = useMemo(() => { | ||
let searchParams = createSearchParams(location.search); | ||
var _loop = function _loop() { | ||
var key = _step.value; | ||
for (let key of defaultSearchParamsRef.current.keys()) { | ||
if (!searchParams.has(key)) { | ||
defaultSearchParamsRef.current.getAll(key).forEach(function (value) { | ||
defaultSearchParamsRef.current.getAll(key).forEach(value => { | ||
searchParams.append(key, value); | ||
}); | ||
} | ||
}; | ||
for (var _iterator = _createForOfIteratorHelperLoose(defaultSearchParamsRef.current.keys()), _step; !(_step = _iterator()).done;) { | ||
_loop(); | ||
} | ||
@@ -376,4 +325,4 @@ | ||
}, [location.search]); | ||
var navigate = useNavigate(); | ||
var setSearchParams = useCallback(function (nextInit, navigateOptions) { | ||
let navigate = useNavigate(); | ||
let setSearchParams = useCallback((nextInit, navigateOptions) => { | ||
navigate("?" + createSearchParams(nextInit), navigateOptions); | ||
@@ -410,7 +359,5 @@ }, [navigate]); | ||
return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce(function (memo, key) { | ||
var value = init[key]; | ||
return memo.concat(Array.isArray(value) ? value.map(function (v) { | ||
return [key, v]; | ||
}) : [[key, value]]); | ||
return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => { | ||
let value = init[key]; | ||
return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]); | ||
}, [])); | ||
@@ -417,0 +364,0 @@ } |
{ | ||
"name": "react-router-dom", | ||
"version": "6.0.0-beta.3", | ||
"version": "6.0.0-beta.4", | ||
"author": "React Training <hello@reacttraining.com>", | ||
@@ -13,3 +13,3 @@ "description": "Declarative routing for React web applications", | ||
"dependencies": { | ||
"react-router": "6.0.0-beta.3" | ||
"react-router": "6.0.0-beta.4" | ||
}, | ||
@@ -16,0 +16,0 @@ "peerDependencies": { |
import { useRef, useState, useLayoutEffect, createElement, forwardRef, useCallback, useMemo } from 'react'; | ||
import { createBrowserHistory, createHashHistory, createPath } from 'history'; | ||
import { Router, useHref, useLocation, useResolvedPath, useNavigate, useBlocker } from 'react-router'; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigatorContext, UNSAFE_RouteContext, createRoutesFromArray, createRoutesFromChildren, generatePath, matchPath, matchRoutes, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes } from 'react-router'; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigatorContext, UNSAFE_RouteContext, createRoutesFromChildren, generatePath, matchPath, matchRoutes, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes } from 'react-router'; | ||
@@ -216,3 +216,3 @@ function warning(cond, message) { | ||
let path = useResolvedPath(to); | ||
return function handleClick(event) { | ||
return useCallback(event => { | ||
if (event.button === 0 && ( // Ignore everything but left clicks | ||
@@ -231,3 +231,3 @@ !target || target === "_self") && // Let browser handle "target=_blank" etc. | ||
} | ||
}; | ||
}, [location, navigate, path, replaceProp, state, target, to]); | ||
} | ||
@@ -234,0 +234,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
import{useRef as t,useState as e,useLayoutEffect as r,createElement as n,forwardRef as o,useCallback as a,useMemo as c}from"react";import{createBrowserHistory as i,createHashHistory as u,createPath as l}from"history";import{Router as s,useHref as f,useLocation as h,useResolvedPath as m,useNavigate as p,useBlocker as y}from"react-router";export{MemoryRouter,Navigate,Outlet,Route,Router,Routes,UNSAFE_LocationContext,UNSAFE_NavigatorContext,UNSAFE_RouteContext,createRoutesFromArray,createRoutesFromChildren,generatePath,matchPath,matchRoutes,resolvePath,useBlocker,useHref,useInRouterContext,useLocation,useMatch,useNavigate,useOutlet,useParams,useResolvedPath,useRoutes}from"react-router";function d({children:o,window:a}){let c=t();null==c.current&&(c.current=i({window:a}));let u=c.current,[l,f]=e({action:u.action,location:u.location});return r(()=>u.listen(f),[u]),n(s,{children:o,action:l.action,location:l.location,navigator:u})}function g({children:o,window:a}){let c=t();null==c.current&&(c.current=u({window:a}));let i=c.current,[l,f]=e({action:i.action,location:i.location});return r(()=>i.listen(f),[i]),n(s,{children:o,action:l.action,location:l.location,navigator:i})}const v=o((function({onClick:t,replace:e=!1,state:r,target:o,to:a,...c},i){let u=f(a),l=A(a,{replace:e,state:r,target:o});return n("a",{...c,href:u,onClick:function(e){t&&t(e),e.defaultPrevented||l(e)},ref:i,target:o})})),w=o((function({"aria-current":t="page",caseSensitive:e=!1,className:r="",end:o=!1,style:a,to:c,...i},u){let l=h(),s=m(c),f=l.pathname,p=s.pathname;e||(f=f.toLowerCase(),p=p.toLowerCase());let y,d=o?f===p:f.startsWith(p),g=d?t:void 0;y="function"==typeof r?r({isActive:d}):[r,d?"active":null].filter(Boolean).join(" ");let w="function"==typeof a?a({isActive:d}):a;return n(v,{...i,"aria-current":g,className:y,ref:u,style:w,to:c})}));function R({message:t,when:e}){return C(t,e),null}function A(t,{target:e,replace:r,state:n}={}){let o=p(),a=h(),c=m(t);return function(i){if(!(0!==i.button||e&&"_self"!==e||function(t){return!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}(i))){i.preventDefault();let e=!!r||l(a)===l(c);o(t,{replace:e,state:n})}}}function C(t,e=!0){let r=a(e=>{window.confirm(t)&&e.retry()},[t]);y(r,e)}function N(e){let r=t(P(e)),n=h(),o=c(()=>{let t=P(n.search);for(let e of r.current.keys())t.has(e)||r.current.getAll(e).forEach(r=>{t.append(e,r)});return t},[n.search]),i=p();return[o,a((t,e)=>{i("?"+P(t),e)},[i])]}function P(t=""){return new URLSearchParams("string"==typeof t||Array.isArray(t)||t instanceof URLSearchParams?t:Object.keys(t).reduce((e,r)=>{let n=t[r];return e.concat(Array.isArray(n)?n.map(t=>[r,t]):[[r,n]])},[]))}export{d as BrowserRouter,g as HashRouter,v as Link,w as NavLink,R as Prompt,P as createSearchParams,A as useLinkClickHandler,C as usePrompt,N as useSearchParams}; | ||
import{useRef as t,useState as e,useLayoutEffect as r,createElement as n,forwardRef as o,useCallback as a,useMemo as c}from"react";import{createBrowserHistory as i,createHashHistory as u,createPath as l}from"history";import{Router as s,useHref as f,useLocation as h,useResolvedPath as m,useNavigate as p,useBlocker as y}from"react-router";export{MemoryRouter,Navigate,Outlet,Route,Router,Routes,UNSAFE_LocationContext,UNSAFE_NavigatorContext,UNSAFE_RouteContext,createRoutesFromChildren,generatePath,matchPath,matchRoutes,resolvePath,useBlocker,useHref,useInRouterContext,useLocation,useMatch,useNavigate,useOutlet,useParams,useResolvedPath,useRoutes}from"react-router";function d({children:o,window:a}){let c=t();null==c.current&&(c.current=i({window:a}));let u=c.current,[l,f]=e({action:u.action,location:u.location});return r(()=>u.listen(f),[u]),n(s,{children:o,action:l.action,location:l.location,navigator:u})}function g({children:o,window:a}){let c=t();null==c.current&&(c.current=u({window:a}));let i=c.current,[l,f]=e({action:i.action,location:i.location});return r(()=>i.listen(f),[i]),n(s,{children:o,action:l.action,location:l.location,navigator:i})}const v=o((function({onClick:t,replace:e=!1,state:r,target:o,to:a,...c},i){let u=f(a),l=A(a,{replace:e,state:r,target:o});return n("a",{...c,href:u,onClick:function(e){t&&t(e),e.defaultPrevented||l(e)},ref:i,target:o})})),w=o((function({"aria-current":t="page",caseSensitive:e=!1,className:r="",end:o=!1,style:a,to:c,...i},u){let l=h(),s=m(c),f=l.pathname,p=s.pathname;e||(f=f.toLowerCase(),p=p.toLowerCase());let y,d=o?f===p:f.startsWith(p),g=d?t:void 0;y="function"==typeof r?r({isActive:d}):[r,d?"active":null].filter(Boolean).join(" ");let w="function"==typeof a?a({isActive:d}):a;return n(v,{...i,"aria-current":g,className:y,ref:u,style:w,to:c})}));function R({message:t,when:e}){return C(t,e),null}function A(t,{target:e,replace:r,state:n}={}){let o=p(),c=h(),i=m(t);return a(a=>{if(!(0!==a.button||e&&"_self"!==e||function(t){return!!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey)}(a))){a.preventDefault();let e=!!r||l(c)===l(i);o(t,{replace:e,state:n})}},[c,o,i,r,n,e,t])}function C(t,e=!0){let r=a(e=>{window.confirm(t)&&e.retry()},[t]);y(r,e)}function N(e){let r=t(P(e)),n=h(),o=c(()=>{let t=P(n.search);for(let e of r.current.keys())t.has(e)||r.current.getAll(e).forEach(r=>{t.append(e,r)});return t},[n.search]),i=p();return[o,a((t,e)=>{i("?"+P(t),e)},[i])]}function P(t=""){return new URLSearchParams("string"==typeof t||Array.isArray(t)||t instanceof URLSearchParams?t:Object.keys(t).reduce((e,r)=>{let n=t[r];return e.concat(Array.isArray(n)?n.map(t=>[r,t]):[[r,n]])},[]))}export{d as BrowserRouter,g as HashRouter,v as Link,w as NavLink,R as Prompt,P as createSearchParams,A as useLinkClickHandler,C as usePrompt,N as useSearchParams}; | ||
//# sourceMappingURL=react-router-dom.production.min.js.map |
import * as React from "react"; | ||
import { MemoryRouter, Navigate, Outlet, Route, Router, Routes, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes, createRoutesFromArray, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath } from "react-router"; | ||
import { MemoryRouter, Navigate, Outlet, Route, Router, Routes, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath } from "react-router"; | ||
import type { State, To } from "history"; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, createRoutesFromArray, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes }; | ||
export type { MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigator, OutletProps, Params, PartialRouteObject, PathMatch, RouteMatch, RouteObject, RouteProps, RouterProps, RoutesProps } from "react-router"; | ||
export { MemoryRouter, Navigate, Outlet, Route, Router, Routes, createRoutesFromChildren, generatePath, matchRoutes, matchPath, resolvePath, useBlocker, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useOutlet, useParams, useResolvedPath, useRoutes }; | ||
export type { MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigator, OutletProps, Params, PathMatch, RouteMatch, RouteObject, RouteProps, RouterProps, RoutesProps } from "react-router"; | ||
export interface BrowserRouterProps { | ||
@@ -7,0 +7,0 @@ children?: React.ReactNode; |
@@ -40,43 +40,5 @@ (function (global, factory) { | ||
function _unsupportedIterableToArray(o, minLen) { | ||
if (!o) return; | ||
if (typeof o === "string") return _arrayLikeToArray(o, minLen); | ||
var n = Object.prototype.toString.call(o).slice(8, -1); | ||
if (n === "Object" && o.constructor) n = o.constructor.name; | ||
if (n === "Map" || n === "Set") return Array.from(o); | ||
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); | ||
} | ||
const _excluded = ["onClick", "replace", "state", "target", "to"], | ||
_excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to"]; | ||
function _arrayLikeToArray(arr, len) { | ||
if (len == null || len > arr.length) len = arr.length; | ||
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; | ||
return arr2; | ||
} | ||
function _createForOfIteratorHelperLoose(o, allowArrayLike) { | ||
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; | ||
if (it) return (it = it.call(o)).next.bind(it); | ||
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { | ||
if (it) o = it; | ||
var i = 0; | ||
return function () { | ||
if (i >= o.length) return { | ||
done: true | ||
}; | ||
return { | ||
done: false, | ||
value: o[i++] | ||
}; | ||
}; | ||
} | ||
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
var _excluded = ["onClick", "replace", "state", "target", "to"], | ||
_excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to"]; | ||
function warning(cond, message) { | ||
@@ -102,24 +64,20 @@ if (!cond) { | ||
function BrowserRouter(_ref) { | ||
var children = _ref.children, | ||
window = _ref.window; | ||
var historyRef = React.useRef(); | ||
let { | ||
children, | ||
window | ||
} = _ref; | ||
let historyRef = React.useRef(); | ||
if (historyRef.current == null) { | ||
historyRef.current = history.createBrowserHistory({ | ||
window: window | ||
window | ||
}); | ||
} | ||
var history$1 = historyRef.current; | ||
var _React$useState = React.useState({ | ||
let history$1 = historyRef.current; | ||
let [state, setState] = React.useState({ | ||
action: history$1.action, | ||
location: history$1.location | ||
}), | ||
state = _React$useState[0], | ||
setState = _React$useState[1]; | ||
React.useLayoutEffect(function () { | ||
return history$1.listen(setState); | ||
}, [history$1]); | ||
}); | ||
React.useLayoutEffect(() => history$1.listen(setState), [history$1]); | ||
return /*#__PURE__*/React.createElement(reactRouter.Router, { | ||
@@ -138,24 +96,20 @@ children: children, | ||
function HashRouter(_ref2) { | ||
var children = _ref2.children, | ||
window = _ref2.window; | ||
var historyRef = React.useRef(); | ||
let { | ||
children, | ||
window | ||
} = _ref2; | ||
let historyRef = React.useRef(); | ||
if (historyRef.current == null) { | ||
historyRef.current = history.createHashHistory({ | ||
window: window | ||
window | ||
}); | ||
} | ||
var history$1 = historyRef.current; | ||
var _React$useState2 = React.useState({ | ||
let history$1 = historyRef.current; | ||
let [state, setState] = React.useState({ | ||
action: history$1.action, | ||
location: history$1.location | ||
}), | ||
state = _React$useState2[0], | ||
setState = _React$useState2[1]; | ||
React.useLayoutEffect(function () { | ||
return history$1.listen(setState); | ||
}, [history$1]); | ||
}); | ||
React.useLayoutEffect(() => history$1.listen(setState), [history$1]); | ||
return /*#__PURE__*/React.createElement(reactRouter.Router, { | ||
@@ -177,16 +131,17 @@ children: children, | ||
var Link = /*#__PURE__*/React.forwardRef(function LinkWithRef(_ref3, ref) { | ||
var onClick = _ref3.onClick, | ||
_ref3$replace = _ref3.replace, | ||
replace = _ref3$replace === void 0 ? false : _ref3$replace, | ||
state = _ref3.state, | ||
target = _ref3.target, | ||
to = _ref3.to, | ||
const Link = /*#__PURE__*/React.forwardRef(function LinkWithRef(_ref3, ref) { | ||
let { | ||
onClick, | ||
replace = false, | ||
state, | ||
target, | ||
to | ||
} = _ref3, | ||
rest = _objectWithoutPropertiesLoose(_ref3, _excluded); | ||
var href = reactRouter.useHref(to); | ||
var internalOnClick = useLinkClickHandler(to, { | ||
replace: replace, | ||
state: state, | ||
target: target | ||
let href = reactRouter.useHref(to); | ||
let internalOnClick = useLinkClickHandler(to, { | ||
replace, | ||
state, | ||
target | ||
}); | ||
@@ -222,19 +177,17 @@ | ||
var NavLink = /*#__PURE__*/React.forwardRef(function NavLinkWithRef(_ref4, ref) { | ||
var _ref4$ariaCurrent = _ref4["aria-current"], | ||
ariaCurrentProp = _ref4$ariaCurrent === void 0 ? "page" : _ref4$ariaCurrent, | ||
_ref4$caseSensitive = _ref4.caseSensitive, | ||
caseSensitive = _ref4$caseSensitive === void 0 ? false : _ref4$caseSensitive, | ||
_ref4$className = _ref4.className, | ||
classNameProp = _ref4$className === void 0 ? "" : _ref4$className, | ||
_ref4$end = _ref4.end, | ||
end = _ref4$end === void 0 ? false : _ref4$end, | ||
styleProp = _ref4.style, | ||
to = _ref4.to, | ||
const NavLink = /*#__PURE__*/React.forwardRef(function NavLinkWithRef(_ref4, ref) { | ||
let { | ||
"aria-current": ariaCurrentProp = "page", | ||
caseSensitive = false, | ||
className: classNameProp = "", | ||
end = false, | ||
style: styleProp, | ||
to | ||
} = _ref4, | ||
rest = _objectWithoutPropertiesLoose(_ref4, _excluded2); | ||
var location = reactRouter.useLocation(); | ||
var path = reactRouter.useResolvedPath(to); | ||
var locationPathname = location.pathname; | ||
var toPathname = path.pathname; | ||
let location = reactRouter.useLocation(); | ||
let path = reactRouter.useResolvedPath(to); | ||
let locationPathname = location.pathname; | ||
let toPathname = path.pathname; | ||
@@ -246,9 +199,9 @@ if (!caseSensitive) { | ||
var isActive = end ? locationPathname === toPathname : locationPathname.startsWith(toPathname); | ||
var ariaCurrent = isActive ? ariaCurrentProp : undefined; | ||
var className; | ||
let isActive = end ? locationPathname === toPathname : locationPathname.startsWith(toPathname); | ||
let ariaCurrent = isActive ? ariaCurrentProp : undefined; | ||
let className; | ||
if (typeof classNameProp === "function") { | ||
className = classNameProp({ | ||
isActive: isActive | ||
isActive | ||
}); | ||
@@ -264,4 +217,4 @@ } else { | ||
var style = typeof styleProp === "function" ? styleProp({ | ||
isActive: isActive | ||
let style = typeof styleProp === "function" ? styleProp({ | ||
isActive | ||
}) : styleProp; | ||
@@ -290,4 +243,6 @@ return /*#__PURE__*/React.createElement(Link, _extends({}, rest, { | ||
function Prompt(_ref5) { | ||
var message = _ref5.message, | ||
when = _ref5.when; | ||
let { | ||
message, | ||
when | ||
} = _ref5; | ||
usePrompt(message, when); | ||
@@ -306,11 +261,11 @@ return null; | ||
function useLinkClickHandler(to, _temp) { | ||
var _ref6 = _temp === void 0 ? {} : _temp, | ||
target = _ref6.target, | ||
replaceProp = _ref6.replace, | ||
state = _ref6.state; | ||
var navigate = reactRouter.useNavigate(); | ||
var location = reactRouter.useLocation(); | ||
var path = reactRouter.useResolvedPath(to); | ||
return function handleClick(event) { | ||
let { | ||
target, | ||
replace: replaceProp, | ||
state | ||
} = _temp === void 0 ? {} : _temp; | ||
let navigate = reactRouter.useNavigate(); | ||
let location = reactRouter.useLocation(); | ||
let path = reactRouter.useResolvedPath(to); | ||
return React.useCallback(event => { | ||
if (event.button === 0 && ( // Ignore everything but left clicks | ||
@@ -323,9 +278,9 @@ !target || target === "_self") && // Let browser handle "target=_blank" etc. | ||
var replace = !!replaceProp || history.createPath(location) === history.createPath(path); | ||
let replace = !!replaceProp || history.createPath(location) === history.createPath(path); | ||
navigate(to, { | ||
replace: replace, | ||
state: state | ||
replace, | ||
state | ||
}); | ||
} | ||
}; | ||
}, [location, navigate, path, replaceProp, state, target, to]); | ||
} | ||
@@ -342,3 +297,3 @@ /** | ||
var blocker = React.useCallback(function (tx) { | ||
let blocker = React.useCallback(tx => { | ||
if (window.confirm(message)) tx.retry(); | ||
@@ -355,19 +310,13 @@ }, [message]); | ||
warning(typeof URLSearchParams !== "undefined", "You cannot use the `useSearchParams` hook in a browser that does not " + "support the URLSearchParams API. If you need to support Internet " + "Explorer 11, we recommend you load a polyfill such as " + "https://github.com/ungap/url-search-params\n\n" + "If you're unsure how to load polyfills, we recommend you check out " + "https://polyfill.io/v3/ which provides some recommendations about how " + "to load polyfills only for users that need them, instead of for every " + "user.") ; | ||
var defaultSearchParamsRef = React.useRef(createSearchParams(defaultInit)); | ||
var location = reactRouter.useLocation(); | ||
var searchParams = React.useMemo(function () { | ||
var searchParams = createSearchParams(location.search); | ||
let defaultSearchParamsRef = React.useRef(createSearchParams(defaultInit)); | ||
let location = reactRouter.useLocation(); | ||
let searchParams = React.useMemo(() => { | ||
let searchParams = createSearchParams(location.search); | ||
var _loop = function _loop() { | ||
var key = _step.value; | ||
for (let key of defaultSearchParamsRef.current.keys()) { | ||
if (!searchParams.has(key)) { | ||
defaultSearchParamsRef.current.getAll(key).forEach(function (value) { | ||
defaultSearchParamsRef.current.getAll(key).forEach(value => { | ||
searchParams.append(key, value); | ||
}); | ||
} | ||
}; | ||
for (var _iterator = _createForOfIteratorHelperLoose(defaultSearchParamsRef.current.keys()), _step; !(_step = _iterator()).done;) { | ||
_loop(); | ||
} | ||
@@ -377,4 +326,4 @@ | ||
}, [location.search]); | ||
var navigate = reactRouter.useNavigate(); | ||
var setSearchParams = React.useCallback(function (nextInit, navigateOptions) { | ||
let navigate = reactRouter.useNavigate(); | ||
let setSearchParams = React.useCallback((nextInit, navigateOptions) => { | ||
navigate("?" + createSearchParams(nextInit), navigateOptions); | ||
@@ -411,7 +360,5 @@ }, [navigate]); | ||
return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce(function (memo, key) { | ||
var value = init[key]; | ||
return memo.concat(Array.isArray(value) ? value.map(function (v) { | ||
return [key, v]; | ||
}) : [[key, value]]); | ||
return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => { | ||
let value = init[key]; | ||
return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]); | ||
}, [])); | ||
@@ -474,8 +421,2 @@ } | ||
}); | ||
Object.defineProperty(exports, 'createRoutesFromArray', { | ||
enumerable: true, | ||
get: function () { | ||
return reactRouter.createRoutesFromArray; | ||
} | ||
}); | ||
Object.defineProperty(exports, 'createRoutesFromChildren', { | ||
@@ -482,0 +423,0 @@ enumerable: true, |
@@ -1,2 +0,2 @@ | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("history"),require("react-router")):"function"==typeof define&&define.amd?define(["exports","react","history","react-router"],t):t((e=e||self).ReactRouterDOM={},e.React,e.HistoryLibrary,e.ReactRouter)}(this,(function(e,t,r,n){"use strict";function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function a(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c=["onClick","replace","state","target","to"],f=["aria-current","caseSensitive","className","end","style","to"];var s=t.forwardRef((function(e,r){var u=e.onClick,i=e.replace,f=void 0!==i&&i,s=e.state,l=e.target,y=e.to,b=a(e,c),m=n.useHref(y),v=d(y,{replace:f,state:s,target:l});return t.createElement("a",o({},b,{href:m,onClick:function(e){u&&u(e),e.defaultPrevented||v(e)},ref:r,target:l}))})),l=t.forwardRef((function(e,r){var u=e["aria-current"],i=void 0===u?"page":u,c=e.caseSensitive,l=void 0!==c&&c,d=e.className,y=void 0===d?"":d,b=e.end,m=void 0!==b&&b,v=e.style,p=e.to,g=a(e,f),h=n.useLocation(),P=n.useResolvedPath(p),R=h.pathname,O=P.pathname;l||(R=R.toLowerCase(),O=O.toLowerCase());var j,w=m?R===O:R.startsWith(O),A=w?i:void 0;j="function"==typeof y?y({isActive:w}):[y,w?"active":null].filter(Boolean).join(" ");var C="function"==typeof v?v({isActive:w}):v;return t.createElement(s,o({},g,{"aria-current":A,className:j,ref:r,style:C,to:p}))}));function d(e,t){var o=void 0===t?{}:t,a=o.target,u=o.replace,i=o.state,c=n.useNavigate(),f=n.useLocation(),s=n.useResolvedPath(e);return function(t){if(!(0!==t.button||a&&"_self"!==a||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(t))){t.preventDefault();var n=!!u||r.createPath(f)===r.createPath(s);c(e,{replace:n,state:i})}}}function y(e,r){void 0===r&&(r=!0);var o=t.useCallback((function(t){window.confirm(e)&&t.retry()}),[e]);n.useBlocker(o,r)}function b(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((function(t,r){var n=e[r];return t.concat(Array.isArray(n)?n.map((function(e){return[r,e]})):[[r,n]])}),[]))}Object.defineProperty(e,"MemoryRouter",{enumerable:!0,get:function(){return n.MemoryRouter}}),Object.defineProperty(e,"Navigate",{enumerable:!0,get:function(){return n.Navigate}}),Object.defineProperty(e,"Outlet",{enumerable:!0,get:function(){return n.Outlet}}),Object.defineProperty(e,"Route",{enumerable:!0,get:function(){return n.Route}}),Object.defineProperty(e,"Router",{enumerable:!0,get:function(){return n.Router}}),Object.defineProperty(e,"Routes",{enumerable:!0,get:function(){return n.Routes}}),Object.defineProperty(e,"UNSAFE_LocationContext",{enumerable:!0,get:function(){return n.UNSAFE_LocationContext}}),Object.defineProperty(e,"UNSAFE_NavigatorContext",{enumerable:!0,get:function(){return n.UNSAFE_NavigatorContext}}),Object.defineProperty(e,"UNSAFE_RouteContext",{enumerable:!0,get:function(){return n.UNSAFE_RouteContext}}),Object.defineProperty(e,"createRoutesFromArray",{enumerable:!0,get:function(){return n.createRoutesFromArray}}),Object.defineProperty(e,"createRoutesFromChildren",{enumerable:!0,get:function(){return n.createRoutesFromChildren}}),Object.defineProperty(e,"generatePath",{enumerable:!0,get:function(){return n.generatePath}}),Object.defineProperty(e,"matchPath",{enumerable:!0,get:function(){return n.matchPath}}),Object.defineProperty(e,"matchRoutes",{enumerable:!0,get:function(){return n.matchRoutes}}),Object.defineProperty(e,"resolvePath",{enumerable:!0,get:function(){return n.resolvePath}}),Object.defineProperty(e,"useBlocker",{enumerable:!0,get:function(){return n.useBlocker}}),Object.defineProperty(e,"useHref",{enumerable:!0,get:function(){return n.useHref}}),Object.defineProperty(e,"useInRouterContext",{enumerable:!0,get:function(){return n.useInRouterContext}}),Object.defineProperty(e,"useLocation",{enumerable:!0,get:function(){return n.useLocation}}),Object.defineProperty(e,"useMatch",{enumerable:!0,get:function(){return n.useMatch}}),Object.defineProperty(e,"useNavigate",{enumerable:!0,get:function(){return n.useNavigate}}),Object.defineProperty(e,"useOutlet",{enumerable:!0,get:function(){return n.useOutlet}}),Object.defineProperty(e,"useParams",{enumerable:!0,get:function(){return n.useParams}}),Object.defineProperty(e,"useResolvedPath",{enumerable:!0,get:function(){return n.useResolvedPath}}),Object.defineProperty(e,"useRoutes",{enumerable:!0,get:function(){return n.useRoutes}}),e.BrowserRouter=function(e){var o=e.children,a=e.window,u=t.useRef();null==u.current&&(u.current=r.createBrowserHistory({window:a}));var i=u.current,c=t.useState({action:i.action,location:i.location}),f=c[0],s=c[1];return t.useLayoutEffect((function(){return i.listen(s)}),[i]),t.createElement(n.Router,{children:o,action:f.action,location:f.location,navigator:i})},e.HashRouter=function(e){var o=e.children,a=e.window,u=t.useRef();null==u.current&&(u.current=r.createHashHistory({window:a}));var i=u.current,c=t.useState({action:i.action,location:i.location}),f=c[0],s=c[1];return t.useLayoutEffect((function(){return i.listen(s)}),[i]),t.createElement(n.Router,{children:o,action:f.action,location:f.location,navigator:i})},e.Link=s,e.NavLink=l,e.Prompt=function(e){return y(e.message,e.when),null},e.createSearchParams=b,e.useLinkClickHandler=d,e.usePrompt=y,e.useSearchParams=function(e){var r=t.useRef(b(e)),o=n.useLocation(),a=t.useMemo((function(){for(var e,t=b(o.search),n=function(){var n=e.value;t.has(n)||r.current.getAll(n).forEach((function(e){t.append(n,e)}))},a=i(r.current.keys());!(e=a()).done;)n();return t}),[o.search]),u=n.useNavigate();return[a,t.useCallback((function(e,t){u("?"+b(e),t)}),[u])]},Object.defineProperty(e,"__esModule",{value:!0})})); | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("history"),require("react-router")):"function"==typeof define&&define.amd?define(["exports","react","history","react-router"],t):t((e=e||self).ReactRouterDOM={},e.React,e.HistoryLibrary,e.ReactRouter)}(this,(function(e,t,r,n){"use strict";function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function u(e,t){if(null==e)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}const a=["onClick","replace","state","target","to"],c=["aria-current","caseSensitive","className","end","style","to"];const i=t.forwardRef((function(e,r){let{onClick:c,replace:i=!1,state:s,target:f,to:d}=e,b=u(e,a),y=n.useHref(d),m=l(d,{replace:i,state:s,target:f});return t.createElement("a",o({},b,{href:y,onClick:function(e){c&&c(e),e.defaultPrevented||m(e)},ref:r,target:f}))})),s=t.forwardRef((function(e,r){let{"aria-current":a="page",caseSensitive:s=!1,className:l="",end:f=!1,style:d,to:b}=e,y=u(e,c),m=n.useLocation(),p=n.useResolvedPath(b),g=m.pathname,h=p.pathname;s||(g=g.toLowerCase(),h=h.toLowerCase());let P,R=f?g===h:g.startsWith(h),O=R?a:void 0;P="function"==typeof l?l({isActive:R}):[l,R?"active":null].filter(Boolean).join(" ");let v="function"==typeof d?d({isActive:R}):d;return t.createElement(i,o({},y,{"aria-current":O,className:P,ref:r,style:v,to:b}))}));function l(e,o){let{target:u,replace:a,state:c}=void 0===o?{}:o,i=n.useNavigate(),s=n.useLocation(),l=n.useResolvedPath(e);return t.useCallback(t=>{if(!(0!==t.button||u&&"_self"!==u||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(t))){t.preventDefault();let n=!!a||r.createPath(s)===r.createPath(l);i(e,{replace:n,state:c})}},[s,i,l,a,c,u,e])}function f(e,r){void 0===r&&(r=!0);let o=t.useCallback(t=>{window.confirm(e)&&t.retry()},[e]);n.useBlocker(o,r)}function d(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,r)=>{let n=e[r];return t.concat(Array.isArray(n)?n.map(e=>[r,e]):[[r,n]])},[]))}Object.defineProperty(e,"MemoryRouter",{enumerable:!0,get:function(){return n.MemoryRouter}}),Object.defineProperty(e,"Navigate",{enumerable:!0,get:function(){return n.Navigate}}),Object.defineProperty(e,"Outlet",{enumerable:!0,get:function(){return n.Outlet}}),Object.defineProperty(e,"Route",{enumerable:!0,get:function(){return n.Route}}),Object.defineProperty(e,"Router",{enumerable:!0,get:function(){return n.Router}}),Object.defineProperty(e,"Routes",{enumerable:!0,get:function(){return n.Routes}}),Object.defineProperty(e,"UNSAFE_LocationContext",{enumerable:!0,get:function(){return n.UNSAFE_LocationContext}}),Object.defineProperty(e,"UNSAFE_NavigatorContext",{enumerable:!0,get:function(){return n.UNSAFE_NavigatorContext}}),Object.defineProperty(e,"UNSAFE_RouteContext",{enumerable:!0,get:function(){return n.UNSAFE_RouteContext}}),Object.defineProperty(e,"createRoutesFromChildren",{enumerable:!0,get:function(){return n.createRoutesFromChildren}}),Object.defineProperty(e,"generatePath",{enumerable:!0,get:function(){return n.generatePath}}),Object.defineProperty(e,"matchPath",{enumerable:!0,get:function(){return n.matchPath}}),Object.defineProperty(e,"matchRoutes",{enumerable:!0,get:function(){return n.matchRoutes}}),Object.defineProperty(e,"resolvePath",{enumerable:!0,get:function(){return n.resolvePath}}),Object.defineProperty(e,"useBlocker",{enumerable:!0,get:function(){return n.useBlocker}}),Object.defineProperty(e,"useHref",{enumerable:!0,get:function(){return n.useHref}}),Object.defineProperty(e,"useInRouterContext",{enumerable:!0,get:function(){return n.useInRouterContext}}),Object.defineProperty(e,"useLocation",{enumerable:!0,get:function(){return n.useLocation}}),Object.defineProperty(e,"useMatch",{enumerable:!0,get:function(){return n.useMatch}}),Object.defineProperty(e,"useNavigate",{enumerable:!0,get:function(){return n.useNavigate}}),Object.defineProperty(e,"useOutlet",{enumerable:!0,get:function(){return n.useOutlet}}),Object.defineProperty(e,"useParams",{enumerable:!0,get:function(){return n.useParams}}),Object.defineProperty(e,"useResolvedPath",{enumerable:!0,get:function(){return n.useResolvedPath}}),Object.defineProperty(e,"useRoutes",{enumerable:!0,get:function(){return n.useRoutes}}),e.BrowserRouter=function(e){let{children:o,window:u}=e,a=t.useRef();null==a.current&&(a.current=r.createBrowserHistory({window:u}));let c=a.current,[i,s]=t.useState({action:c.action,location:c.location});return t.useLayoutEffect(()=>c.listen(s),[c]),t.createElement(n.Router,{children:o,action:i.action,location:i.location,navigator:c})},e.HashRouter=function(e){let{children:o,window:u}=e,a=t.useRef();null==a.current&&(a.current=r.createHashHistory({window:u}));let c=a.current,[i,s]=t.useState({action:c.action,location:c.location});return t.useLayoutEffect(()=>c.listen(s),[c]),t.createElement(n.Router,{children:o,action:i.action,location:i.location,navigator:c})},e.Link=i,e.NavLink=s,e.Prompt=function(e){let{message:t,when:r}=e;return f(t,r),null},e.createSearchParams=d,e.useLinkClickHandler=l,e.usePrompt=f,e.useSearchParams=function(e){let r=t.useRef(d(e)),o=n.useLocation(),u=t.useMemo(()=>{let e=d(o.search);for(let t of r.current.keys())e.has(t)||r.current.getAll(t).forEach(r=>{e.append(t,r)});return e},[o.search]),a=n.useNavigate();return[u,t.useCallback((e,t)=>{a("?"+d(e),t)},[a])]},Object.defineProperty(e,"__esModule",{value:!0})})); | ||
//# sourceMappingURL=react-router-dom.production.min.js.map |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
5
61236
1362
+ Addedreact-router@6.0.0-beta.4(transitive)
- Removedreact-router@6.0.0-beta.3(transitive)
Updatedreact-router@6.0.0-beta.4