1 | import React from 'react'
|
2 |
|
3 | import { storiesOf } from '@storybook/react'
|
4 | import { action } from '@storybook/addon-actions'
|
5 |
|
6 | import HiddenFieldsMenu from '../src/components/ReportView/HiddenFieldsMenu'
|
7 |
|
8 | const fields = [{
|
9 | key: 'None',
|
10 | hidden: false
|
11 | }, {
|
12 | key: 'Atria',
|
13 | hidden: false
|
14 | }, {
|
15 | key: 'with_underscore',
|
16 | hidden: false
|
17 | }, {
|
18 | key: 'Dione',
|
19 | hidden: false
|
20 | }, {
|
21 | key: 'lower',
|
22 | hidden: false
|
23 | }, {
|
24 | key: 'Luna',
|
25 | hidden: true
|
26 | }, {
|
27 | key: 'Oberon',
|
28 | hidden: true
|
29 | }, {
|
30 | key: 'Phobos',
|
31 | hidden: false
|
32 | }, {
|
33 | key: 'Umbriel',
|
34 | hidden: false
|
35 | }]
|
36 |
|
37 | class HiddenFieldsMenuWrapper extends React.Component {
|
38 | constructor (props) {
|
39 | super(props)
|
40 | this.state = {fields: fields}
|
41 | }
|
42 | render () {
|
43 | return <HiddenFieldsMenu
|
44 | open
|
45 | fields={fields}
|
46 | onToggle={key => {
|
47 | const field = fields.find(f => f.key === key)
|
48 | if (field) field.hidden = !field.hidden
|
49 | this.setState({fields: fields.slice()})
|
50 | }}
|
51 | onRequestClose={action('close')} />
|
52 | }
|
53 | }
|
54 |
|
55 | storiesOf('Hidden Fields', module)
|
56 | .add('Default', () => (
|
57 | <HiddenFieldsMenuWrapper />
|
58 | ))
|
59 |
|
\ | No newline at end of file |