viddo/atom-textual-velocity

/* @flow */

import { connect } from "react-redux";
import * as A from "../../actions";
import Search from "../presentationals/Search";

import type { Dispatch } from "redux";
import type { Action } from "../../actions";
import type { State } from "../../../flow-types/State";

type KeyPressEvent = {
  keyCode: number,
  preventDefault: Function
};

const mapStateToProps = (state: State) => {
  return {
    focusOnEvents: !!state.editCellName,
    query: state.queryOriginal
  };
};

const mapDispatchToProps = (dispatch: Dispatch<Action>) => {
  return {
    onKeyPress: (event: KeyPressEvent) => {
      switch (event.keyCode) {
        case 13: // ENTER
          dispatch(A.openNote());
          break;
        case 27: // ESC
          dispatch(A.resetSearch());
          break;
        case 40: // DOWN
          event.preventDefault();
          dispatch(A.selectNext());
          break;
        case 38: // UP
          event.preventDefault();
          dispatch(A.selectPrev());
          break;
      }
    },
    onSearch: str => {
      dispatch(A.search(str));
    }
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(Search);