1 | import React from 'react'
|
2 |
|
3 | import { storiesOf } from '@storybook/react'
|
4 |
|
5 | import ReportToolbar from '../src/components/ReportView/ReportToolbar'
|
6 |
|
7 | const fieldAnalysis = {
|
8 | properties: {
|
9 | name: {},
|
10 | happening: {},
|
11 | date: {},
|
12 | where: {}
|
13 | }
|
14 | }
|
15 |
|
16 | class ReportToolbarWrapper extends React.Component {
|
17 | constructor (props) {
|
18 | super(props)
|
19 | this.state = {
|
20 | hiddenFields: {
|
21 | name: true,
|
22 | happening: true
|
23 | }
|
24 | }
|
25 | }
|
26 |
|
27 | render () {
|
28 | const {hiddenFields} = this.state
|
29 | return <ReportToolbar
|
30 | fieldAnalysis={fieldAnalysis}
|
31 | hiddenFields={hiddenFields}
|
32 | onToggleFieldVisibility={fieldname => {
|
33 | this.setState({
|
34 | hiddenFields: Object.assign({},
|
35 | hiddenFields,
|
36 | {[fieldname]: !hiddenFields[fieldname]}
|
37 | )
|
38 | })
|
39 | }} />
|
40 | }
|
41 | }
|
42 |
|
43 | storiesOf('ReportToolbar', module)
|
44 | .add('Default', () => (
|
45 | <ReportToolbarWrapper />
|
46 | ))
|
47 |
|
\ | No newline at end of file |