|
1 | | -/* tslint:disable */ |
2 | | -// Library |
3 | | -import React from 'react'; |
4 | | -import PropTypes from 'prop-types'; |
| 1 | +// /* tslint:disable */ |
| 2 | +// // Library |
| 3 | +// import React from 'react'; |
| 4 | +// import PropTypes from 'prop-types'; |
5 | 5 |
|
6 | | -// Material UI |
7 | | -import { withStyles } from '@material-ui/styles'; |
8 | | -import AppBar from '@material-ui/core/AppBar'; |
9 | | -import Tabs from '@material-ui/core/Tabs'; |
10 | | -import Tab from '@material-ui/core/Tab'; |
11 | | -import Typography from '@material-ui/core/Typography'; |
| 6 | +// // Material UI |
| 7 | +// import { withStyles } from '@material-ui/styles'; |
| 8 | +// import AppBar from '@material-ui/core/AppBar'; |
| 9 | +// import Tabs from '@material-ui/core/Tabs'; |
| 10 | +// import Tab from '@material-ui/core/Tab'; |
| 11 | +// import Typography from '@material-ui/core/Typography'; |
12 | 12 |
|
13 | | -// Internal Components |
14 | | -import { UmlDocGen } from './umldoc'; |
15 | | -import { StateMachineDoc } from './statemachinedoc'; |
16 | | -/* ignore coverage */ |
17 | | -function TabContainer(props) { |
18 | | - return ( |
19 | | - <Typography component='div' style={{ backgroundColor: '#dae4e4', border: '1px solid #b9b9b9;', padding: 8 * 3 }}> |
20 | | - {props.children} |
21 | | - </Typography> |
22 | | - ); |
23 | | -} |
24 | | -/* ignore coverage */ |
25 | | -TabContainer.propTypes = { |
26 | | - children: PropTypes.node.isRequired, |
27 | | -}; |
28 | | -/* ignore coverage */ |
29 | | -const styles = theme => ({ |
30 | | - root: { |
31 | | - flexGrow: 1, |
32 | | - width: '100%', |
33 | | - backgroundColor: theme.palette.background.paper, |
34 | | - }, |
35 | | - text: { |
36 | | - fontSize: '2em', |
37 | | - paddingTop: theme.spacing(2) * 2, |
38 | | - paddingLeft: theme.spacing(2) * 2, |
39 | | - paddingRight: theme.spacing(2) * 2, |
40 | | - }, |
41 | | -}); |
42 | | -/* ignore coverage */ |
43 | | -class DocGen extends React.Component<any, any> { |
44 | | - state = { |
45 | | - value: 0, |
46 | | - }; |
| 13 | +// // Internal Components |
| 14 | +// import { UmlDocGen } from './umldoc'; |
| 15 | +// import { StateMachineDoc } from './statemachinedoc'; |
| 16 | +// /* ignore coverage */ |
| 17 | +// function TabContainer(props) { |
| 18 | +// return ( |
| 19 | +// <Typography component='div' style={{ backgroundColor: '#dae4e4', border: '1px solid #b9b9b9;', padding: 8 * 3 }}> |
| 20 | +// {props.children} |
| 21 | +// </Typography> |
| 22 | +// ); |
| 23 | +// } |
| 24 | +// /* ignore coverage */ |
| 25 | +// TabContainer.propTypes = { |
| 26 | +// children: PropTypes.node.isRequired, |
| 27 | +// }; |
| 28 | +// /* ignore coverage */ |
| 29 | +// const styles = theme => ({ |
| 30 | +// root: { |
| 31 | +// flexGrow: 1, |
| 32 | +// width: '100%', |
| 33 | +// backgroundColor: theme.palette.background.paper, |
| 34 | +// }, |
| 35 | +// text: { |
| 36 | +// fontSize: '2em', |
| 37 | +// paddingTop: theme.spacing(2) * 2, |
| 38 | +// paddingLeft: theme.spacing(2) * 2, |
| 39 | +// paddingRight: theme.spacing(2) * 2, |
| 40 | +// }, |
| 41 | +// }); |
| 42 | +// /* ignore coverage */ |
| 43 | +// class DocGen extends React.Component<any, any> { |
| 44 | +// state = { |
| 45 | +// value: 0, |
| 46 | +// }; |
47 | 47 |
|
48 | | - handleChange = (event, value) => { |
49 | | - this.setState({ value }); |
50 | | - }; |
| 48 | +// handleChange = (event, value) => { |
| 49 | +// this.setState({ value }); |
| 50 | +// }; |
51 | 51 |
|
52 | | - render() { |
53 | | - const { classes, docs } = this.props; |
54 | | - const { value } = this.state; |
| 52 | +// render() { |
| 53 | +// const { classes, docs } = this.props; |
| 54 | +// const { value } = this.state; |
55 | 55 |
|
56 | | - return ( |
57 | | - <div className={classes.root}> |
58 | | - <AppBar position='static' color='default' style={{ border: '1px solid #b9b9b9', background: '#d1dada' }}> |
59 | | - <Typography className={classes.text} variant='h2' gutterBottom> |
60 | | - React: Auto-generated docs |
61 | | - </Typography> |
62 | | - <hr style={{ width: '100%' }} /> |
63 | | - <Tabs |
64 | | - value={value} |
65 | | - onChange={this.handleChange} |
66 | | - variant='fullWidth' |
67 | | - scrollButtons='on' |
68 | | - indicatorColor='primary' |
69 | | - textColor='primary' |
70 | | - centered |
71 | | - > |
72 | | - <Tab label='UML Diagram' /> |
73 | | - <Tab label='Redux Interaction' /> |
74 | | - <Tab label='Readme' /> |
75 | | - </Tabs> |
76 | | - </AppBar> |
77 | | - {value === 0 && ( |
78 | | - <TabContainer> |
79 | | - {' '} |
80 | | - <UmlDocGen docs={docs} /> |
81 | | -{' '} |
82 | | - </TabContainer> |
83 | | - )} |
84 | | - {value === 1 && ( |
85 | | - <TabContainer> |
86 | | - {' '} |
87 | | - <StateMachineDoc docs={docs} /> |
88 | | -{' '} |
89 | | - </TabContainer> |
90 | | - )} |
91 | | - {value === 2 && ( |
92 | | - <TabContainer> |
93 | | - <iframe |
94 | | - src={require('../../../../../../../Readme.md').toString()} |
95 | | - style={{ |
96 | | - width: '100%', |
97 | | - height: window.innerHeight, |
98 | | - border: 'none', |
99 | | - background: 'white', |
100 | | - }} |
101 | | - /> |
102 | | - </TabContainer> |
103 | | - )} |
104 | | - </div> |
105 | | - ); |
106 | | - } |
107 | | -} |
| 56 | +// return ( |
| 57 | +// <div className={classes.root}> |
| 58 | +// <AppBar position='static' color='default' style={{ border: '1px solid #b9b9b9', background: '#d1dada' }}> |
| 59 | +// <Typography className={classes.text} variant='h2' gutterBottom> |
| 60 | +// React: Auto-generated docs |
| 61 | +// </Typography> |
| 62 | +// <hr style={{ width: '100%' }} /> |
| 63 | +// <Tabs |
| 64 | +// value={value} |
| 65 | +// onChange={this.handleChange} |
| 66 | +// variant='fullWidth' |
| 67 | +// scrollButtons='on' |
| 68 | +// indicatorColor='primary' |
| 69 | +// textColor='primary' |
| 70 | +// centered |
| 71 | +// > |
| 72 | +// <Tab label='UML Diagram' /> |
| 73 | +// <Tab label='Redux Interaction' /> |
| 74 | +// <Tab label='Readme' /> |
| 75 | +// </Tabs> |
| 76 | +// </AppBar> |
| 77 | +// {value === 0 && ( |
| 78 | +// <TabContainer> |
| 79 | +// {' '} |
| 80 | +// <UmlDocGen docs={docs} /> |
| 81 | +// {' '} |
| 82 | +// </TabContainer> |
| 83 | +// )} |
| 84 | +// {value === 1 && ( |
| 85 | +// <TabContainer> |
| 86 | +// {' '} |
| 87 | +// <StateMachineDoc docs={docs} /> |
| 88 | +// {' '} |
| 89 | +// </TabContainer> |
| 90 | +// )} |
| 91 | +// {value === 2 && ( |
| 92 | +// <TabContainer> |
| 93 | +// <iframe |
| 94 | +// src={require('../../../../../../../Readme.md').toString()} |
| 95 | +// style={{ |
| 96 | +// width: '100%', |
| 97 | +// height: window.innerHeight, |
| 98 | +// border: 'none', |
| 99 | +// background: 'white', |
| 100 | +// }} |
| 101 | +// /> |
| 102 | +// </TabContainer> |
| 103 | +// )} |
| 104 | +// </div> |
| 105 | +// ); |
| 106 | +// } |
| 107 | +// } |
108 | 108 |
|
109 | | -export default withStyles(styles)(DocGen); |
| 109 | +// export default withStyles(styles)(DocGen); |
0 commit comments