[new component] auto-complete

[yongxu]

This component is the latest update from #1985

I decided to open a new PR because of the name change.

Known bug:
from @vijayrawatsan:

Lets say you type in 'h' - > 4 results
After that you type 'e' -> 1 result

No you press backspace to remove letter 'e'. Now the dropdown should show 4 results but it only show 1 result, rest is empty space in dropdown.

This is fixed when I turn animated: false while creating menu.

This might be caused by bug from src/menus/menu.jsx

@oliviertassinari the api has been changed to:

dataSource // for list proprity

/* function(searchText,prevDataSource) -> if return a list, 
   then replace dataSource with that list, 
   otherwise use the dataSource from props */
onUpdateInput 

//and
onNewRequest(searchText,index,dataSource) //if no match then index = null

Please merge, it should be ready! :)

[oliviertassinari]

Could you add more information as for instance here https://github.com/callemall/material-ui/blob/master/docs/src/app/components/pages/components/dialog.jsx#L31

[yongxu]

I'd love to, just quite busy recently. I can do it this friday. I thought maybe we should push it first and then finish it? Since the component is usable, I wish more people can try it out before the document is ready.

[yongxu]

@oliviertassinari @shaurya947 It should be ready now :)

[oliviertassinari]

Could you remove the extra spaces?

[oliviertassinari]

@yongxu The API looks good to me 👍. Could you have a look at my comment? I will merge then.

[oliviertassinari]

@yongxu Thanks for your effort!

[yongxu]

Thanks for all the review @oliviertassinari 👍

[vijayrawatsan]

@yongxu @oliviertassinari @shaurya947 👍
Finally its merged.

[shaurya947]

Yes!