import React, {Component} from 'react'
import NonExclusiveFieldFilter from './non_exclusive_field_filter'

class ExclusiveFieldFilter extends Component {
  render() {
    return (
      <NonExclusiveFieldFilter
        {...this.props}
        values={this.props.values.map((value) => value.id == this.props.selected ? {...value, selected: true} : value)}
        toggle_filtered_value={(value) => value.id == this.props.selected ? this.props.on_deselect_values() : this.props.on_select_value(value)}
        />
    )
  }
}

ExclusiveFieldFilter.defaultProps = {
  values: [],
  name: "",
  selected: null,
  on_select_value: (value) => {},
  on_deselect_values: () => {},
}

export default ExclusiveFieldFilter