Fix error where PropTypes could not be found (#16)

app/components/AddButton/AddButton.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import './AddButton.scss'
 import '../../assets/images/add-green.svg'
 

app/components/ApiError/ApiError.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import * as cmsUtils from '../../utils/cmsUtils'
 import './ApiError.scss'
 

app/components/Buttons/Buttons.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import './Buttons.scss'
 import '../../assets/images/remove-red.svg'
 

app/components/ConfirmationBox/ConfirmationBox.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 
 import './ConfirmationBox.scss'
 

app/components/IamPrincipalPermissionsFieldSet/IamPrincipalPermissionsFieldSet.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import RoleSelect from '../RoleSelect/RoleSelect'
 import Buttons from '../Buttons/Buttons'
 import AddButton from '../AddButton/AddButton'

app/components/Login/Login.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import * as messengerActions from '../../actions/messengerActions'
 import Messenger from '../Messenger/Messenger'

app/components/LoginMfaForm/LoginMfaForm.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, touch } from 'redux-form'
 import { finalizeMfaLogin } from '../../actions/authenticationActions'

app/components/LoginUserForm/LoginUserForm.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm } from 'redux-form'
 import { loginUser } from '../../actions/authenticationActions'

app/components/Modal/Modal.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 
 import './Modal.scss'
 

app/components/SDBDescriptionField/SDBDescriptionField.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import * as cms from '../../constants/cms'
 
 /**

app/components/SideBar/views/Category.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import log from 'logger'
 
 /**

app/components/UserGroupPermissionsFieldSet/UserGroupPermissionsFieldSet.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import GroupsSelect from '../GroupSelect/GroupsSelect'
 import RoleSelect from '../RoleSelect/RoleSelect'
 import Buttons from '../Buttons/Buttons'

app/components/VaultBrowser/VaultBrowser.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import './VaultBrowser.scss'
 import AddButton from '../AddButton/AddButton'
 import VaultSecretForm from '../VaultSecretForm/VaultSecretForm'

app/components/VaultSecret/VaultSecret.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 import VaultSecretForm from '../VaultSecretForm/VaultSecretForm'
 import * as mSDBActions from '../../actions/manageSafetyDepositBoxActions'
 import './VaultSecret.scss'

package.json

@@ -22,23 +22,25 @@
   "dependencies": {
     "axios": "0.12.0",
     "cookie": "0.3.1",
+    "create-react-class": "^15.5.3",
     "humps": "1.1.0",
     "loglevel": "1.4.1",
+    "prop-types": "15.5.9",
     "react": "15.1.0",
+    "react-addons-create-fragment": "15.1.0",
     "react-addons-css-transition-group": "15.1.0",
     "react-addons-shallow-compare": "15.1.0",
     "react-copy-to-clipboard": "4.1.0",
     "react-dom": "15.1.0",
+    "react-paginate": "4.1.1",
     "react-redux": "4.4.5",
     "react-router": "2.5.1",
     "react-router-redux": "4.0.5",
     "react-select": "1.0.0-rc.2 ",
     "redux": "3.5.2",
     "redux-form": "5.3.0",
     "redux-logger": "2.6.1",
-    "redux-thunk": "2.1.0",
-    "react-paginate": "4.1.1",
-    "react-addons-create-fragment": "15.1.0"
+    "redux-thunk": "2.1.0"
   },
   "devDependencies": {
     "api-mock": "^0.3.2",