MenuPanel.js

import React from 'react';
import cn from 'classnames';
import RootCloseWrapper from 'react-overlays/lib/RootCloseWrapper';

let MenuPanel = React.createClass({

  getDefaultProps(){
    return {
      bsRole: 'menu',
      rootClose: true
    }
  },

  render() {
    let { rootClose, open } = this.props;
    let { pullRight, pullUp } = this.state
      , style;

    if (pullUp)
      style = { top: 'auto', bottom: '100%'}

    let menu = (
      <div {...this.props}
        style={{
          ...style,
          maxHeight: 'none',
          width: 'auto',
          overflow: 'visible',
           ...this.props.style
        }}
        className={cn('dropdown-menu', {
          'dropdown-menu-right': pullRight || this.props.pullRight
        })}
        onSelect={undefined}
      >
        { this.props.children }
      </div>
    );

    if (rootClose && open)
      return <RootCloseWrapper noWrap onRootClose={this.props.onClose}>{menu}</RootCloseWrapper>

    return menu
  }
})



export default MenuPanel;