Upgrading material-ui to 0.20.0 (#168)

* Upgrading material ui to 0.2.0

* Ensuring backwards compatibility for material-ui 0.19

* Adding small comment for why an if expr is used

Author: TimoHanisch

package.json

@@ -45,13 +45,13 @@
     "babel-preset-react": "^6.11.1",
     "babel-preset-stage-0": "^6.5.0",
     "gh-pages": "^1.0.0",
-    "material-ui": "^0.19.1",
+    "material-ui": "^0.20.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "standard": "^10.0.2"
   },
   "peerDependencies": {
-    "material-ui": ">= 0.19.0 < 1.0.0",
+    "material-ui": ">= 0.19.1 < 1.0.0",
     "react": "^15.3.2 || ^16.0.0",
     "react-dom": "^15.3.2 || ^16.0.0"
   },

src/ChipInput.js

@@ -158,7 +158,7 @@ class ChipInput extends React.Component {
       }
     }
 
-    this.autoComplete.handleItemTouchTap = (event, child) => {
+    const onAutocompleteItemClick =  (event, child) => {
       const dataSource = this.autoComplete.props.dataSource
 
       const index = parseInt(child.key, 10)
@@ -170,6 +170,13 @@ class ChipInput extends React.Component {
       setTimeout(() => this.focus(), 1)
     }
 
+    // Ensuring that ChipInput works with with Material-UI 0.19.1 and 0.20.0
+    if (this.autoComplete.handleItemClick) {
+      this.autoComplete.handleItemClick = onAutocompleteItemClick;
+    } else {
+      this.autoComplete.handleItemTouchTap = onAutocompleteItemClick
+    }
+
     // force update autocomplete to ensure that it uses the new handlers
     this.autoComplete.forceUpdate()
   }