Class DropDownModal

components/DropDownMenu/DropDownModal.js:17–251

const window = Dimensions.get('window');

class DropDownModal extends PureComponent {
  static DEFAULT_VISIBLE_OPTIONS = 8;

  constructor(props) {
    super(props);

    autoBindReact(this);

    this.state = { optionHeight: 0 };
  }

  onOptionLayout(event) {
    const { height } = event.nativeEvent.layout;
    const { optionHeight } = this.state;

    if (height !== optionHeight) {
      this.setState({
        optionHeight: height,
        listStyle: this.resolveListViewStyle(height),
      });
    }
  }

  getVisibleOptions() {
    const {
      visibleOptions,
      style: { visibleOptions: styleVisibleOptions },
    } = this.props;
    const defaultOptions = DropDownModal.DEFAULT_VISIBLE_OPTIONS;

    return visibleOptions || styleVisibleOptions || defaultOptions;
  }

  selectOption(option) {
    const { selectedOption } = this.props;

    this.close();

    if (option !== selectedOption) {
      this.emitOnOptionSelectedEvent(option);
    }
  }

  close() {
    const { onClose } = this.props;

    if (_.isFunction(onClose)) {
      onClose();
    }
  }

  emitOnOptionSelectedEvent(option) {
    const { onOptionSelected } = this.props;

    if (_.isFunction(onOptionSelected)) {
      onOptionSelected(option);
    }
  }