1 |
3a515b92
|
cagy
|
import { Router, __RouterContext, matchPath } from 'react-router';
|
2 |
|
|
export * from 'react-router';
|
3 |
|
|
import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
|
4 |
|
|
import React from 'react';
|
5 |
|
|
import { createBrowserHistory, createHashHistory, createLocation } from 'history';
|
6 |
|
|
import PropTypes from 'prop-types';
|
7 |
|
|
import warning from 'tiny-warning';
|
8 |
|
|
import _extends from '@babel/runtime/helpers/esm/extends';
|
9 |
|
|
import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
|
10 |
|
|
import invariant from 'tiny-invariant';
|
11 |
|
|
|
12 |
|
|
/**
|
13 |
|
|
* The public API for a <Router> that uses HTML5 history.
|
14 |
|
|
*/
|
15 |
|
|
|
16 |
|
|
var BrowserRouter =
|
17 |
|
|
/*#__PURE__*/
|
18 |
|
|
function (_React$Component) {
|
19 |
|
|
_inheritsLoose(BrowserRouter, _React$Component);
|
20 |
|
|
|
21 |
|
|
function BrowserRouter() {
|
22 |
|
|
var _this;
|
23 |
|
|
|
24 |
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
25 |
|
|
args[_key] = arguments[_key];
|
26 |
|
|
}
|
27 |
|
|
|
28 |
|
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
29 |
|
|
_this.history = createBrowserHistory(_this.props);
|
30 |
|
|
return _this;
|
31 |
|
|
}
|
32 |
|
|
|
33 |
|
|
var _proto = BrowserRouter.prototype;
|
34 |
|
|
|
35 |
|
|
_proto.render = function render() {
|
36 |
|
|
return React.createElement(Router, {
|
37 |
|
|
history: this.history,
|
38 |
|
|
children: this.props.children
|
39 |
|
|
});
|
40 |
|
|
};
|
41 |
|
|
|
42 |
|
|
return BrowserRouter;
|
43 |
|
|
}(React.Component);
|
44 |
|
|
|
45 |
|
|
if (process.env.NODE_ENV !== "production") {
|
46 |
|
|
BrowserRouter.propTypes = {
|
47 |
|
|
basename: PropTypes.string,
|
48 |
|
|
children: PropTypes.node,
|
49 |
|
|
forceRefresh: PropTypes.bool,
|
50 |
|
|
getUserConfirmation: PropTypes.func,
|
51 |
|
|
keyLength: PropTypes.number
|
52 |
|
|
};
|
53 |
|
|
|
54 |
|
|
BrowserRouter.prototype.componentDidMount = function () {
|
55 |
|
|
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;
|
56 |
|
|
};
|
57 |
|
|
}
|
58 |
|
|
|
59 |
|
|
/**
|
60 |
|
|
* The public API for a <Router> that uses window.location.hash.
|
61 |
|
|
*/
|
62 |
|
|
|
63 |
|
|
var HashRouter =
|
64 |
|
|
/*#__PURE__*/
|
65 |
|
|
function (_React$Component) {
|
66 |
|
|
_inheritsLoose(HashRouter, _React$Component);
|
67 |
|
|
|
68 |
|
|
function HashRouter() {
|
69 |
|
|
var _this;
|
70 |
|
|
|
71 |
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
72 |
|
|
args[_key] = arguments[_key];
|
73 |
|
|
}
|
74 |
|
|
|
75 |
|
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
76 |
|
|
_this.history = createHashHistory(_this.props);
|
77 |
|
|
return _this;
|
78 |
|
|
}
|
79 |
|
|
|
80 |
|
|
var _proto = HashRouter.prototype;
|
81 |
|
|
|
82 |
|
|
_proto.render = function render() {
|
83 |
|
|
return React.createElement(Router, {
|
84 |
|
|
history: this.history,
|
85 |
|
|
children: this.props.children
|
86 |
|
|
});
|
87 |
|
|
};
|
88 |
|
|
|
89 |
|
|
return HashRouter;
|
90 |
|
|
}(React.Component);
|
91 |
|
|
|
92 |
|
|
if (process.env.NODE_ENV !== "production") {
|
93 |
|
|
HashRouter.propTypes = {
|
94 |
|
|
basename: PropTypes.string,
|
95 |
|
|
children: PropTypes.node,
|
96 |
|
|
getUserConfirmation: PropTypes.func,
|
97 |
|
|
hashType: PropTypes.oneOf(["hashbang", "noslash", "slash"])
|
98 |
|
|
};
|
99 |
|
|
|
100 |
|
|
HashRouter.prototype.componentDidMount = function () {
|
101 |
|
|
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;
|
102 |
|
|
};
|
103 |
|
|
}
|
104 |
|
|
|
105 |
|
|
var resolveToLocation = function resolveToLocation(to, currentLocation) {
|
106 |
|
|
return typeof to === "function" ? to(currentLocation) : to;
|
107 |
|
|
};
|
108 |
|
|
var normalizeToLocation = function normalizeToLocation(to, currentLocation) {
|
109 |
|
|
return typeof to === "string" ? createLocation(to, null, null, currentLocation) : to;
|
110 |
|
|
};
|
111 |
|
|
|
112 |
|
|
var forwardRefShim = function forwardRefShim(C) {
|
113 |
|
|
return C;
|
114 |
|
|
};
|
115 |
|
|
|
116 |
|
|
var forwardRef = React.forwardRef;
|
117 |
|
|
|
118 |
|
|
if (typeof forwardRef === "undefined") {
|
119 |
|
|
forwardRef = forwardRefShim;
|
120 |
|
|
}
|
121 |
|
|
|
122 |
|
|
function isModifiedEvent(event) {
|
123 |
|
|
return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
|
124 |
|
|
}
|
125 |
|
|
|
126 |
|
|
var LinkAnchor = forwardRef(function (_ref, forwardedRef) {
|
127 |
|
|
var innerRef = _ref.innerRef,
|
128 |
|
|
navigate = _ref.navigate,
|
129 |
|
|
_onClick = _ref.onClick,
|
130 |
|
|
rest = _objectWithoutPropertiesLoose(_ref, ["innerRef", "navigate", "onClick"]);
|
131 |
|
|
|
132 |
|
|
var target = rest.target;
|
133 |
|
|
|
134 |
|
|
var props = _extends({}, rest, {
|
135 |
|
|
onClick: function onClick(event) {
|
136 |
|
|
try {
|
137 |
|
|
if (_onClick) _onClick(event);
|
138 |
|
|
} catch (ex) {
|
139 |
|
|
event.preventDefault();
|
140 |
|
|
throw ex;
|
141 |
|
|
}
|
142 |
|
|
|
143 |
|
|
if (!event.defaultPrevented && // onClick prevented default
|
144 |
|
|
event.button === 0 && ( // ignore everything but left clicks
|
145 |
|
|
!target || target === "_self") && // let browser handle "target=_blank" etc.
|
146 |
|
|
!isModifiedEvent(event) // ignore clicks with modifier keys
|
147 |
|
|
) {
|
148 |
|
|
event.preventDefault();
|
149 |
|
|
navigate();
|
150 |
|
|
}
|
151 |
|
|
}
|
152 |
|
|
}); // React 15 compat
|
153 |
|
|
|
154 |
|
|
|
155 |
|
|
if (forwardRefShim !== forwardRef) {
|
156 |
|
|
props.ref = forwardedRef || innerRef;
|
157 |
|
|
} else {
|
158 |
|
|
props.ref = innerRef;
|
159 |
|
|
}
|
160 |
|
|
|
161 |
|
|
return React.createElement("a", props);
|
162 |
|
|
});
|
163 |
|
|
|
164 |
|
|
if (process.env.NODE_ENV !== "production") {
|
165 |
|
|
LinkAnchor.displayName = "LinkAnchor";
|
166 |
|
|
}
|
167 |
|
|
/**
|
168 |
|
|
* The public API for rendering a history-aware <a>.
|
169 |
|
|
*/
|
170 |
|
|
|
171 |
|
|
|
172 |
|
|
var Link = forwardRef(function (_ref2, forwardedRef) {
|
173 |
|
|
var _ref2$component = _ref2.component,
|
174 |
|
|
component = _ref2$component === void 0 ? LinkAnchor : _ref2$component,
|
175 |
|
|
replace = _ref2.replace,
|
176 |
|
|
to = _ref2.to,
|
177 |
|
|
innerRef = _ref2.innerRef,
|
178 |
|
|
rest = _objectWithoutPropertiesLoose(_ref2, ["component", "replace", "to", "innerRef"]);
|
179 |
|
|
|
180 |
|
|
return React.createElement(__RouterContext.Consumer, null, function (context) {
|
181 |
|
|
!context ? process.env.NODE_ENV !== "production" ? invariant(false, "You should not use <Link> outside a <Router>") : invariant(false) : void 0;
|
182 |
|
|
var history = context.history;
|
183 |
|
|
var location = normalizeToLocation(resolveToLocation(to, context.location), context.location);
|
184 |
|
|
var href = location ? history.createHref(location) : "";
|
185 |
|
|
|
186 |
|
|
var props = _extends({}, rest, {
|
187 |
|
|
href: href,
|
188 |
|
|
navigate: function navigate() {
|
189 |
|
|
var location = resolveToLocation(to, context.location);
|
190 |
|
|
var method = replace ? history.replace : history.push;
|
191 |
|
|
method(location);
|
192 |
|
|
}
|
193 |
|
|
}); // React 15 compat
|
194 |
|
|
|
195 |
|
|
|
196 |
|
|
if (forwardRefShim !== forwardRef) {
|
197 |
|
|
props.ref = forwardedRef || innerRef;
|
198 |
|
|
} else {
|
199 |
|
|
props.innerRef = innerRef;
|
200 |
|
|
}
|
201 |
|
|
|
202 |
|
|
return React.createElement(component, props);
|
203 |
|
|
});
|
204 |
|
|
});
|
205 |
|
|
|
206 |
|
|
if (process.env.NODE_ENV !== "production") {
|
207 |
|
|
var toType = PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]);
|
208 |
|
|
var refType = PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.shape({
|
209 |
|
|
current: PropTypes.any
|
210 |
|
|
})]);
|
211 |
|
|
Link.displayName = "Link";
|
212 |
|
|
Link.propTypes = {
|
213 |
|
|
innerRef: refType,
|
214 |
|
|
onClick: PropTypes.func,
|
215 |
|
|
replace: PropTypes.bool,
|
216 |
|
|
target: PropTypes.string,
|
217 |
|
|
to: toType.isRequired
|
218 |
|
|
};
|
219 |
|
|
}
|
220 |
|
|
|
221 |
|
|
var forwardRefShim$1 = function forwardRefShim(C) {
|
222 |
|
|
return C;
|
223 |
|
|
};
|
224 |
|
|
|
225 |
|
|
var forwardRef$1 = React.forwardRef;
|
226 |
|
|
|
227 |
|
|
if (typeof forwardRef$1 === "undefined") {
|
228 |
|
|
forwardRef$1 = forwardRefShim$1;
|
229 |
|
|
}
|
230 |
|
|
|
231 |
|
|
function joinClassnames() {
|
232 |
|
|
for (var _len = arguments.length, classnames = new Array(_len), _key = 0; _key < _len; _key++) {
|
233 |
|
|
classnames[_key] = arguments[_key];
|
234 |
|
|
}
|
235 |
|
|
|
236 |
|
|
return classnames.filter(function (i) {
|
237 |
|
|
return i;
|
238 |
|
|
}).join(" ");
|
239 |
|
|
}
|
240 |
|
|
/**
|
241 |
|
|
* A <Link> wrapper that knows if it's "active" or not.
|
242 |
|
|
*/
|
243 |
|
|
|
244 |
|
|
|
245 |
|
|
var NavLink = forwardRef$1(function (_ref, forwardedRef) {
|
246 |
|
|
var _ref$ariaCurrent = _ref["aria-current"],
|
247 |
|
|
ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent,
|
248 |
|
|
_ref$activeClassName = _ref.activeClassName,
|
249 |
|
|
activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName,
|
250 |
|
|
activeStyle = _ref.activeStyle,
|
251 |
|
|
classNameProp = _ref.className,
|
252 |
|
|
exact = _ref.exact,
|
253 |
|
|
isActiveProp = _ref.isActive,
|
254 |
|
|
locationProp = _ref.location,
|
255 |
|
|
strict = _ref.strict,
|
256 |
|
|
styleProp = _ref.style,
|
257 |
|
|
to = _ref.to,
|
258 |
|
|
innerRef = _ref.innerRef,
|
259 |
|
|
rest = _objectWithoutPropertiesLoose(_ref, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "strict", "style", "to", "innerRef"]);
|
260 |
|
|
|
261 |
|
|
return React.createElement(__RouterContext.Consumer, null, function (context) {
|
262 |
|
|
!context ? process.env.NODE_ENV !== "production" ? invariant(false, "You should not use <NavLink> outside a <Router>") : invariant(false) : void 0;
|
263 |
|
|
var currentLocation = locationProp || context.location;
|
264 |
|
|
var toLocation = normalizeToLocation(resolveToLocation(to, currentLocation), currentLocation);
|
265 |
|
|
var path = toLocation.pathname; // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202
|
266 |
|
|
|
267 |
|
|
var escapedPath = path && path.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
|
268 |
|
|
var match = escapedPath ? matchPath(currentLocation.pathname, {
|
269 |
|
|
path: escapedPath,
|
270 |
|
|
exact: exact,
|
271 |
|
|
strict: strict
|
272 |
|
|
}) : null;
|
273 |
|
|
var isActive = !!(isActiveProp ? isActiveProp(match, currentLocation) : match);
|
274 |
|
|
var className = isActive ? joinClassnames(classNameProp, activeClassName) : classNameProp;
|
275 |
|
|
var style = isActive ? _extends({}, styleProp, {}, activeStyle) : styleProp;
|
276 |
|
|
|
277 |
|
|
var props = _extends({
|
278 |
|
|
"aria-current": isActive && ariaCurrent || null,
|
279 |
|
|
className: className,
|
280 |
|
|
style: style,
|
281 |
|
|
to: toLocation
|
282 |
|
|
}, rest); // React 15 compat
|
283 |
|
|
|
284 |
|
|
|
285 |
|
|
if (forwardRefShim$1 !== forwardRef$1) {
|
286 |
|
|
props.ref = forwardedRef || innerRef;
|
287 |
|
|
} else {
|
288 |
|
|
props.innerRef = innerRef;
|
289 |
|
|
}
|
290 |
|
|
|
291 |
|
|
return React.createElement(Link, props);
|
292 |
|
|
});
|
293 |
|
|
});
|
294 |
|
|
|
295 |
|
|
if (process.env.NODE_ENV !== "production") {
|
296 |
|
|
NavLink.displayName = "NavLink";
|
297 |
|
|
var ariaCurrentType = PropTypes.oneOf(["page", "step", "location", "date", "time", "true"]);
|
298 |
|
|
NavLink.propTypes = _extends({}, Link.propTypes, {
|
299 |
|
|
"aria-current": ariaCurrentType,
|
300 |
|
|
activeClassName: PropTypes.string,
|
301 |
|
|
activeStyle: PropTypes.object,
|
302 |
|
|
className: PropTypes.string,
|
303 |
|
|
exact: PropTypes.bool,
|
304 |
|
|
isActive: PropTypes.func,
|
305 |
|
|
location: PropTypes.object,
|
306 |
|
|
strict: PropTypes.bool,
|
307 |
|
|
style: PropTypes.object
|
308 |
|
|
});
|
309 |
|
|
}
|
310 |
|
|
|
311 |
|
|
export { BrowserRouter, HashRouter, Link, NavLink };
|
312 |
|
|
//# sourceMappingURL=react-router-dom.js.map
|