123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317 |
- import { Router, __RouterContext, matchPath } from 'react-router';
- export { MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter } from 'react-router';
- import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
- import React from 'react';
- import { createBrowserHistory, createHashHistory, createLocation } from 'history';
- import PropTypes from 'prop-types';
- import warning from 'tiny-warning';
- import _extends from '@babel/runtime/helpers/esm/extends';
- import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
- import invariant from 'tiny-invariant';
- /**
- * The public API for a <Router> that uses HTML5 history.
- */
- var BrowserRouter =
- /*#__PURE__*/
- function (_React$Component) {
- _inheritsLoose(BrowserRouter, _React$Component);
- function BrowserRouter() {
- var _this;
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
- _this.history = createBrowserHistory(_this.props);
- return _this;
- }
- var _proto = BrowserRouter.prototype;
- _proto.render = function render() {
- return React.createElement(Router, {
- history: this.history,
- children: this.props.children
- });
- };
- return BrowserRouter;
- }(React.Component);
- if (process.env.NODE_ENV !== "production") {
- BrowserRouter.propTypes = {
- basename: PropTypes.string,
- children: PropTypes.node,
- forceRefresh: PropTypes.bool,
- getUserConfirmation: PropTypes.func,
- keyLength: PropTypes.number
- };
- BrowserRouter.prototype.componentDidMount = function () {
- process.env.NODE_ENV !== "production" ? warning(!this.props.history, "<BrowserRouter> ignores the history prop. To use a custom history, " + "use `import { Router }` instead of `import { BrowserRouter as Router }`.") : void 0;
- };
- }
- /**
- * The public API for a <Router> that uses window.location.hash.
- */
- var HashRouter =
- /*#__PURE__*/
- function (_React$Component) {
- _inheritsLoose(HashRouter, _React$Component);
- function HashRouter() {
- var _this;
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
- _this.history = createHashHistory(_this.props);
- return _this;
- }
- var _proto = HashRouter.prototype;
- _proto.render = function render() {
- return React.createElement(Router, {
- history: this.history,
- children: this.props.children
- });
- };
- return HashRouter;
- }(React.Component);
- if (process.env.NODE_ENV !== "production") {
- HashRouter.propTypes = {
- basename: PropTypes.string,
- children: PropTypes.node,
- getUserConfirmation: PropTypes.func,
- hashType: PropTypes.oneOf(["hashbang", "noslash", "slash"])
- };
- HashRouter.prototype.componentDidMount = function () {
- process.env.NODE_ENV !== "production" ? warning(!this.props.history, "<HashRouter> ignores the history prop. To use a custom history, " + "use `import { Router }` instead of `import { HashRouter as Router }`.") : void 0;
- };
- }
- var resolveToLocation = function resolveToLocation(to, currentLocation) {
- return typeof to === "function" ? to(currentLocation) : to;
- };
- var normalizeToLocation = function normalizeToLocation(to, currentLocation) {
- return typeof to === "string" ? createLocation(to, null, null, currentLocation) : to;
- };
- var forwardRefShim = function forwardRefShim(C) {
- return C;
- };
- var forwardRef = React.forwardRef;
- if (typeof forwardRef === "undefined") {
- forwardRef = forwardRefShim;
- }
- function isModifiedEvent(event) {
- return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
- }
- var LinkAnchor = forwardRef(function (_ref, forwardedRef) {
- var innerRef = _ref.innerRef,
- navigate = _ref.navigate,
- _onClick = _ref.onClick,
- rest = _objectWithoutPropertiesLoose(_ref, ["innerRef", "navigate", "onClick"]);
- var target = rest.target;
- var props = _extends({}, rest, {
- onClick: function onClick(event) {
- try {
- if (_onClick) _onClick(event);
- } catch (ex) {
- event.preventDefault();
- throw ex;
- }
- if (!event.defaultPrevented && // onClick prevented default
- event.button === 0 && ( // ignore everything but left clicks
- !target || target === "_self") && // let browser handle "target=_blank" etc.
- !isModifiedEvent(event) // ignore clicks with modifier keys
- ) {
- event.preventDefault();
- navigate();
- }
- }
- }); // React 15 compat
- if (forwardRefShim !== forwardRef) {
- props.ref = forwardedRef || innerRef;
- } else {
- props.ref = innerRef;
- }
- /* eslint-disable-next-line jsx-a11y/anchor-has-content */
- return React.createElement("a", props);
- });
- if (process.env.NODE_ENV !== "production") {
- LinkAnchor.displayName = "LinkAnchor";
- }
- /**
- * The public API for rendering a history-aware <a>.
- */
- var Link = forwardRef(function (_ref2, forwardedRef) {
- var _ref2$component = _ref2.component,
- component = _ref2$component === void 0 ? LinkAnchor : _ref2$component,
- replace = _ref2.replace,
- to = _ref2.to,
- innerRef = _ref2.innerRef,
- rest = _objectWithoutPropertiesLoose(_ref2, ["component", "replace", "to", "innerRef"]);
- return React.createElement(__RouterContext.Consumer, null, function (context) {
- !context ? process.env.NODE_ENV !== "production" ? invariant(false, "You should not use <Link> outside a <Router>") : invariant(false) : void 0;
- var history = context.history;
- var location = normalizeToLocation(resolveToLocation(to, context.location), context.location);
- var href = location ? history.createHref(location) : "";
- var props = _extends({}, rest, {
- href: href,
- navigate: function navigate() {
- var location = resolveToLocation(to, context.location);
- var method = replace ? history.replace : history.push;
- method(location);
- }
- }); // React 15 compat
- if (forwardRefShim !== forwardRef) {
- props.ref = forwardedRef || innerRef;
- } else {
- props.innerRef = innerRef;
- }
- return React.createElement(component, props);
- });
- });
- if (process.env.NODE_ENV !== "production") {
- var toType = PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]);
- var refType = PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.shape({
- current: PropTypes.any
- })]);
- Link.displayName = "Link";
- Link.propTypes = {
- innerRef: refType,
- onClick: PropTypes.func,
- replace: PropTypes.bool,
- target: PropTypes.string,
- to: toType.isRequired
- };
- }
- var forwardRefShim$1 = function forwardRefShim(C) {
- return C;
- };
- var forwardRef$1 = React.forwardRef;
- if (typeof forwardRef$1 === "undefined") {
- forwardRef$1 = forwardRefShim$1;
- }
- function joinClassnames() {
- for (var _len = arguments.length, classnames = new Array(_len), _key = 0; _key < _len; _key++) {
- classnames[_key] = arguments[_key];
- }
- return classnames.filter(function (i) {
- return i;
- }).join(" ");
- }
- /**
- * A <Link> wrapper that knows if it's "active" or not.
- */
- var NavLink = forwardRef$1(function (_ref, forwardedRef) {
- var _ref$ariaCurrent = _ref["aria-current"],
- ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent,
- _ref$activeClassName = _ref.activeClassName,
- activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName,
- activeStyle = _ref.activeStyle,
- classNameProp = _ref.className,
- exact = _ref.exact,
- isActiveProp = _ref.isActive,
- locationProp = _ref.location,
- sensitive = _ref.sensitive,
- strict = _ref.strict,
- styleProp = _ref.style,
- to = _ref.to,
- innerRef = _ref.innerRef,
- rest = _objectWithoutPropertiesLoose(_ref, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "sensitive", "strict", "style", "to", "innerRef"]);
- return React.createElement(__RouterContext.Consumer, null, function (context) {
- !context ? process.env.NODE_ENV !== "production" ? invariant(false, "You should not use <NavLink> outside a <Router>") : invariant(false) : void 0;
- var currentLocation = locationProp || context.location;
- var toLocation = normalizeToLocation(resolveToLocation(to, currentLocation), currentLocation);
- var path = toLocation.pathname; // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202
- var escapedPath = path && path.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
- var match = escapedPath ? matchPath(currentLocation.pathname, {
- path: escapedPath,
- exact: exact,
- sensitive: sensitive,
- strict: strict
- }) : null;
- var isActive = !!(isActiveProp ? isActiveProp(match, currentLocation) : match);
- var className = isActive ? joinClassnames(classNameProp, activeClassName) : classNameProp;
- var style = isActive ? _extends({}, styleProp, {}, activeStyle) : styleProp;
- var props = _extends({
- "aria-current": isActive && ariaCurrent || null,
- className: className,
- style: style,
- to: toLocation
- }, rest); // React 15 compat
- if (forwardRefShim$1 !== forwardRef$1) {
- props.ref = forwardedRef || innerRef;
- } else {
- props.innerRef = innerRef;
- }
- return React.createElement(Link, props);
- });
- });
- if (process.env.NODE_ENV !== "production") {
- NavLink.displayName = "NavLink";
- var ariaCurrentType = PropTypes.oneOf(["page", "step", "location", "date", "time", "true"]);
- NavLink.propTypes = _extends({}, Link.propTypes, {
- "aria-current": ariaCurrentType,
- activeClassName: PropTypes.string,
- activeStyle: PropTypes.object,
- className: PropTypes.string,
- exact: PropTypes.bool,
- isActive: PropTypes.func,
- location: PropTypes.object,
- sensitive: PropTypes.bool,
- strict: PropTypes.bool,
- style: PropTypes.object
- });
- }
- export { BrowserRouter, HashRouter, Link, NavLink };
- //# sourceMappingURL=react-router-dom.js.map
|