Class DropDownMenu

components/DropDownMenu/DropDownMenu.js:14–83

const modalSpecificProps = ['visible', 'onClose'];

class DropDownMenu extends PureComponent {
  constructor(props) {
    super(props);

    autoBindReact(this);

    this.state = {
      collapsed: false,
    };
  }

  getSelectedOption() {
    const { options, selectedOption } = this.props;
    if (_.indexOf(options, selectedOption) === -1) {
      // eslint-disable-next-line no-console
      console.warn(
        `Invalid \`selectedOption\` ${JSON.stringify(selectedOption)}, ` +
          'DropDownMenu `selectedOption` must be a member of `options`.' +
          'Check that you are using the same reference in both `options` and `selectedOption`.',
      );

      return null;
    }

    return selectedOption;
  }

  collapse() {
    this.setState({ collapsed: true });
  }

  close() {
    this.setState({ collapsed: false });
  }

  renderSelectedOption() {
    const { iconName, showSelectedOption, style, titleProperty } = this.props;

    const selectedOption = this.getSelectedOption();
    return selectedOption ? (
      <View style={style.horizontalContainer}>
        <Button onPress={this.collapse} style={style.selectedOption}>
          {showSelectedOption && <Text>{selectedOption[titleProperty]}</Text>}
          <Icon name={iconName} style={style.icon} />
        </Button>
      </View>
    ) : null;
  }

  render() {
    const { collapsed } = this.state;
    const { options } = this.props;

    const button = this.renderSelectedOption();
    if (_.size(options) === 0 || !button) {
      return null;
    }