refactor(rename): Change one of the keys in classNames prop from cont…

…ainer to root

This change is backward compatible: classNames.container is deprecated but is still supported in
this version.

README.md

@@ -122,13 +122,13 @@ Type: `Object`,
 Required: `false`
 
 You can give a custom css classes to elements.
-Accepted keys are `container`, `label`, `input`, `autocompleteContainer`
+Accepted keys are `root`, `label`, `input`, `autocompleteContainer`
 
 ```js
 // classNames example
 render() {
   const cssClasses = {
-    container: 'form-group',
+    root: 'form-group',
     label: 'form-label',
     input: 'form-control',
     autocompleteContainer: 'my-autocomplete-container'

src/PlacesAutocomplete.js

@@ -174,12 +174,13 @@ class PlacesAutocomplete extends React.Component {
     )
   }
 
+  // TODO: remove `classNames.container` in the next version release.
   render() {
     const { classNames, placeholder, value } = this.props
     return (
       <div
         style={defaultStyles.autocompleteContainer}
-        className={classNames.container || ''}
+        className={classNames.root || classNames.container || ''}
       >
         {this.renderLabel()}
         <input
@@ -203,7 +204,7 @@ PlacesAutocomplete.propTypes = {
   hideLabel: React.PropTypes.bool,
   autocompleteItem: React.PropTypes.func,
   classNames: React.PropTypes.shape({
-    container: React.PropTypes.string,
+    root: React.PropTypes.string,
     label: React.PropTypes.string,
     input: React.PropTypes.string,
     autocompleteContainer: React.PropTypes.string,

src/tests/index.spec.js

@@ -76,7 +76,7 @@ describe('autocomplete dropdown', () => {
 
 describe('custom classNames, placeholder', () => {
   const classNames = {
-    container: 'my-container',
+    root: 'my-container',
     label: 'my-label',
     input: 'my-input',
     autocompleteContainer: 'my-autocomplete-container'