feat: Add support for react@15.4.0

Author: HriBB

package.json

@@ -59,7 +59,6 @@
     "babel-preset-react": "^6.16.0",
     "babel-preset-react-hmre": "^1.1.1",
     "babel-preset-stage-0": "^6.16.0",
-    "babel-types": "^6.18.0",
     "chai": "^3.5.0",
     "cross-env": "^3.1.3",
     "css-loader": "^0.25.0",
@@ -91,10 +90,10 @@
   },
   "dependencies": {
     "classnames": "^2.2.5",
-    "react": "^15.3.2",
-    "react-dom": "^15.3.2",
+    "react": "^15.4.0",
+    "react-dom": "^15.4.0",
     "react-mdl": "^1.7.2",
-    "react-portal": "^2.2.1",
+    "react-portal": "^3.0.0",
     "tether": "^1.3.7"
   }
 }

src/AutoComplete/AutoComplete.js

@@ -144,7 +144,6 @@ export default class AutoComplete extends Component {
       offset,
       target: <Textfield {...inputProps}/>,
       useTargetWidth: true,
-      className: 'mdl-autocomplete-dropdown',
     }
 
     // render with dropdown

src/Dropdown/Dropdown.js

@@ -1,7 +1,6 @@
 import React, { Component, PropTypes } from 'react'
-import { setValueForStyles as applyStyles } from 'react/lib/CSSPropertyOperations'
+import { setValueForStyles as applyStyles } from 'react-dom/lib/CSSPropertyOperations'
 import { findDOMNode } from 'react-dom'
-import classnames from 'classnames'
 import Portal from 'react-portal'
 import Tether from 'tether'
 
@@ -27,7 +26,6 @@ export default class Dropdown extends Component {
       }
     },
     children: PropTypes.any.isRequired,
-    className: PropTypes.string,
     closeOnEsc: PropTypes.bool,
     closeOnOutsideClick: PropTypes.bool,
     offset: PropTypes.string,
@@ -59,9 +57,16 @@ export default class Dropdown extends Component {
 
   onOpen(portalNode) {
     const {
-      align, offset, useTargetWidth, useTargetMinHeight, viewportPadding: pad
+      align,
+      offset,
+      useTargetWidth,
+      useTargetMinHeight,
+      viewportPadding: pad,
     } = this.props
 
+    // append class name
+    portalNode.classList.add('mdl-dropdown')
+
     // window is our boundary
     const { innerWidth, innerHeight } = window
 
@@ -199,11 +204,9 @@ export default class Dropdown extends Component {
   }
 
   render() {
-    const { children, className, closeOnEsc, closeOnOutsideClick, target } = this.props
-    const portalClass = classnames('mdl-dropdown', className)
+    const { children, closeOnEsc, closeOnOutsideClick, target } = this.props
     return (
       <Portal
-        className={portalClass}
         closeOnEsc={closeOnEsc}
         closeOnOutsideClick={closeOnOutsideClick}
         openByClickOn={target}

src/MultiSelectField/MultiSelectField.js

@@ -113,7 +113,6 @@ export default class MultiSelectField extends Component {
 
     const dropdownProps = {
       align,
-      className: 'mdl-multiselect-dropdown',
       offset,
       target: input,
       targetNode: this.container,

src/SelectField/SelectField.js

@@ -108,7 +108,6 @@ export default class SelectField extends Component {
 
     const dropdownProps = {
       align,
-      className: 'mdl-selectfield-dropdown',
       offset,
       target: <Textfield {...inputProps}/>,
       useTargetWidth: true,