hunk.code_window:   inputValue: string,
   };
   const filterColors = (inputValue: string) => 
     colourOptions.filter(i =>
       i.label.toLowerCase().includes(inputValue.toLowerCase())
     );
   const loadOptions = (inputValue, callback) => {
     setTimeout(() => {
       callback(filterColors(inputValue));
     }, 1000);
  
hunk.labels: keep keep keep replace replace replace replace keep keep keep keep keep
hunk.after_edit: const filterColors = (inputValue: string) => {
     if (inputValue) {
       return colourOptions.filter(i =>
           i.label.toLowerCase().includes(inputValue.toLowerCase())
         );
     }
     return colourOptions;
   };
  
hunk.file_path: docs/examples/AsyncCallbacks.js
hunk.type: replace
file: // @flow
  
  import React, { type ComponentType } from 'react';
  import { type InputProps } from '../components/Input';
  import { type BaseTransition } from './transitions';
  import { type PropsWithInnerRef } from '../types';
  
  type AnimatedInputProps = BaseTransition & PropsWithInnerRef;
  
  // strip transition props off before spreading onto select component
  // note we need to be explicit about innerRef for flow
  const AnimatedInput = (WrappedComponent: ComponentType<InputProps>) => {
    return ({
      in: inProp,
      onExited,
      appear,
      enter,
      exit,
      innerRef,
      ...props
    }: AnimatedInputProps) => (
      // $FlowFixMe
      <WrappedComponent innerRef={innerRef} {...props}/>
    );
  };
  
  export default AnimatedInput;
  