Add Support for custom styles

[PatrickDesign]

Add 5 new props:

attribute	default	description
inputStyle	{}	Styles passed directly to the input element.
inputWrapperStyle	{}	Styles passed directly to the input wrapper div.
listItemStyle	{}	Styles passed to each item in the dropdown list.
listWrapperStyle	{}	Styles passed directly to the dropdown wrapper.
selectedListItemStyle	{}	Styles passed directly to current 'active' item.

Closes #42

[PatrickDesign]

Could use some help making this assertion more helpful.. Was having trouble checking for style props.

[ritz078]

I think we should not invest time here and get rid of enzyme altogether since it's no longer maintained. We can use react-testing-library as a replacement.

[ritz078]

@PatrickDesign is this ready to be reviewed? Please request a review so that it's clear that this can be reviewed.

[PatrickDesign]

Ready for review :)

Let me know if you think of an easier way to support custom styles - maybe ditch using the style prop and apply our base styles via a class.

[ritz078]

Let me know if you think of an easier way to support custom styles - maybe ditch using the style prop and apply our base styles via a class.

For libraries, I like using style objects instead of classNames because you don't have to setup CSS or CSS in JS in your app to use the styling if you are using the object form. Also it's better for dynamic styling.

This is great work. Thank you for doing this. I have left a single comment that might need action.

[ritz078]

Can we use more generic term like list instead of result? Sometimes they might be suggestions instead of results so U think it makes sense to have more generic names.

[PatrickDesign]

Updated 🙇

• resultsStyle -> listItemStyle
• selectedResultStyle -> selectedListItemStyle
• resultsWrapperStyle -> listWrapperStyle