react-mapfilter/stories/ReportToolbarStories.js

A React Component for viewing and filtering GeoJSON

import React from 'react'

import { storiesOf } from '@storybook/react'

import ReportToolbar from '../src/components/ReportView/ReportToolbar'

const fieldAnalysis = {
  properties: {
    name: {},
    happening: {},
    date: {},
    where: {}
  }
}

class ReportToolbarWrapper extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      hiddenFields: {
        name: true,
        happening: true
      }
    }
  }

  render () {
    const {hiddenFields} = this.state
    return <ReportToolbar
      fieldAnalysis={fieldAnalysis}
      hiddenFields={hiddenFields}
      onToggleFieldVisibility={fieldname => {
        this.setState({
          hiddenFields: Object.assign({},
            hiddenFields,
            {[fieldname]: !hiddenFields[fieldname]}
          )
        })
      }} />
  }
}

storiesOf('ReportToolbar', module)
  .add('Default', () => (
    <ReportToolbarWrapper />
  ))