-
Notifications
You must be signed in to change notification settings - Fork 128
/
UIRouter.tsx
99 lines (85 loc) · 2.7 KB
/
UIRouter.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/**
* @reactapi
* @module components
*/ /** */
import * as React from 'react';
import { Component, Children } from 'react';
import * as PropTypes from 'prop-types';
import { UIRouterPlugin, servicesPlugin } from '@uirouter/core';
import { UIRouterReact, ReactStateDeclaration } from '../index';
export const {
/** @internalapi */
Provider: UIRouterProvider,
/**
* <UIRouterConsumer> component lets you access the UIRouter instance
* anywhere in the component tree, by simply wrapping your component and
* using the function-as-child pattern to pass the instance via props.
*
* #### Example:
* ```jsx
* <UIRouterConsumer>
* {router => <MyComponent router={router} />}
* </UIRouterConsumer>
* ```
*/
Consumer: UIRouterConsumer,
} = React.createContext<UIRouterReact>(undefined);
export interface UIRouterProps {
plugins?: any[]; // should fix type
states?: ReactStateDeclaration[];
config?: (router: UIRouterReact) => void;
router?: UIRouterReact;
}
export interface UIRouterState {
id?: number;
loaded?: boolean;
component?: string;
props?: any;
}
/** @hidden */
export const InstanceOrPluginsMissingError = new Error(`Router instance or plugins missing.
You must either provide a location plugin via the plugins prop:
<UIRouter plugins={[pushStateLocationPlugin]} states={[···]}>
<UIView />
</UIRouter>
or initialize the router yourself and pass the instance via props:
const router = new UIRouterReact();
router.plugin(pushStateLocationPlugin);
···
<UIRouter router={router}>
<UIView />
</UIRouter>
`);
/** @hidden */
export const UIRouterInstanceUndefinedError = new Error(
`UIRouter instance is undefined. Did you forget to include the <UIRouter> as root component?`
);
export class UIRouter extends Component<UIRouterProps, UIRouterState> {
static propTypes = {
plugins: PropTypes.arrayOf(PropTypes.func),
states: PropTypes.arrayOf(PropTypes.object),
config: PropTypes.func,
children: PropTypes.element.isRequired,
router: PropTypes.object,
};
router: UIRouterReact;
constructor(props, context) {
super(props, context);
// check if a router instance is provided
if (props.router) {
this.router = props.router;
} else if (props.plugins) {
this.router = new UIRouterReact();
this.router.plugin(servicesPlugin);
props.plugins.forEach(plugin => this.router.plugin(plugin));
if (props.config) props.config(this.router);
(props.states || []).forEach(state => this.router.stateRegistry.register(state));
} else {
throw InstanceOrPluginsMissingError;
}
this.router.start();
}
render() {
return <UIRouterProvider value={this.router}>{this.props.children}</UIRouterProvider>;
}
}