hunk.code_window: export type MenuListComponentProps = CommonProps &
     MenuListProps &
     MenuListState;
   export const menuListCSS = ({ maxHeight }: MenuListComponentProps) => ({
     maxHeight,
     overflowY: 'auto',
     paddingBottom: spacing.baseUnit,
     paddingTop: spacing.baseUnit,
     position: 'relative', // required for offset[Height, Top] > keyboard scroll
  
hunk.labels: keep keep keep replace replace keep keep keep keep
hunk.after_edit: export const menuListCSS = () => ({
     flex: '0 1 100%',
  
hunk.file_path: src/components/Menu.js
hunk.type: replace
file: import React, { Component } from 'react';
  
  import AsyncSelect from '../../src/Async';
  import { colourOptions } from '../data';
  
  type State = {
    inputValue: string,
  };
  
  const filterColors = (inputValue: string) =>
    colourOptions.filter(i =>
      i.label.toLowerCase().includes(inputValue.toLowerCase())
    );
  
  const promiseOptions = inputValue =>
    new Promise(resolve => {
      setTimeout(() => {
        resolve(filterColors(inputValue));
      }, 1000);
    });
  
  export default class AsyncMulti extends Component<*, State> {
    state = { inputValue: '' };
    handleInputChange = (newValue: string) => {
      const inputValue = newValue.replace(/\W/g, '');
      this.setState({ inputValue });
      return inputValue;
    };
    render() {
      return (
        <AsyncSelect
          isMulti
          cacheOptions
          defaultOptions
          loadOptions={promiseOptions}
        />
      );
    }
  }
  