hunk.code_window: };
   export const defaultProps = {
     backspaceRemovesValue: true,
     blurInputOnSelect: isTouchCapable(),
     captureMenuScroll: !isTouchCapable(),
     closeMenuOnSelect: true,
     closeMenuOnScroll: false,
  
hunk.labels: keep keep add keep keep keep keep keep
hunk.after_edit:   'aria-live': 'polite',
  
hunk.file_path: packages/react-select/src/Select.js
hunk.type: add
file: import React, { Component } from 'react';
  
  import AsyncCreatableSelect from 'react-select/async-creatable';
  import { colourOptions } from '../data';
  
  const filterColors = (inputValue: string) => {
    return colourOptions.filter(i =>
      i.label.toLowerCase().includes(inputValue.toLowerCase())
    );
  };
  
  const promiseOptions = inputValue =>
    new Promise(resolve => {
      setTimeout(() => {
        resolve(filterColors(inputValue));
      }, 1000);
    });
  
  export default class WithPromises extends Component<*, State> {
    render() {
      return (
        <AsyncCreatableSelect
          cacheOptions
          defaultOptions
          loadOptions={promiseOptions}
        />
      );
    }
  }
  