hunk.code_window:     const render = (props: OptionType) => {
         // for performance, the menu options in state aren't changed when the
         // focused option changes so we calculate additional props based on that
         const isFocused = focusedOption === props.data;
         props.innerProps.ref = isFocused ? this.onFocusedOptionRef : undefined;
         return (
           <Option {...commonProps} {...props} isFocused={isFocused}>
             {this.formatOptionLabel(props.data, 'menu')}
           </Option>
  
hunk.labels: keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:       props.innerProps.innerRef = isFocused ? this.onFocusedOptionRef : undefined;
  
hunk.file_path: src/Select.js
hunk.type: replace
file: // @flow
  
  import React from 'react';
  import Tooltip from '@atlaskit/tooltip';
  import Select, { components } from '../../src';
  import { colourOptions } from '../data';
  
  const Input = (props) => {
    if (props.isHidden) {
      return <components.Input {...props}/>;
    }
    return (
      <div style={{ border: `1px dotted ${colourOptions[2].color}` }}>
        <Tooltip content={'Custom Input'}>
          <components.Input {...props}/>
        </Tooltip>
      </div>
    );
  };
  
  export default () => (
    <Select
      closeMenuOnSelect={false}
      components={{ Input }}
      defaultValue={[colourOptions[4], colourOptions[5]]}
      isMulti
      options={colourOptions}
    />
  );
  