Updating client dependencies. Switching to yarn. (#6433)

* Updating client dependancies. Switching to using yarn.

* Updating React

* Moving pure components to using function syntax (performance gains with newer react version)

* Updating client dependancies.

* Ignore .yarninstall

* Enabling pre-lockfile because it's the entire point of using yarn.

* Removing old webpack config

* Moving to new prop-types

* Fixing ESLint Errors

* Updating jest snapshots.

* Cleaning up package.json

7 files changed, 40 insertions, 26 deletions

diff --git a/webapp/components/backstage/backstage_controller.jsx b/webapp/components/backstage/backstage_controller.jsx
index f354f141d..4619641b1 100644
--- a/webapp/components/backstage/backstage_controller.jsx
+++ b/webapp/components/backstage/backstage_controller.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -13,8 +15,8 @@ import ErrorBar from 'components/error_bar.jsx';
 export default class BackstageController extends React.Component {
     static get propTypes() {
         return {
-            user: React.PropTypes.object,
-            children: React.PropTypes.node.isRequired
+            user: PropTypes.object,
+            children: PropTypes.node.isRequired
         };
     }
 
diff --git a/webapp/components/backstage/components/backstage_category.jsx b/webapp/components/backstage/components/backstage_category.jsx
index 50ade74dc..ee98e6b56 100644
--- a/webapp/components/backstage/components/backstage_category.jsx
+++ b/webapp/components/backstage/components/backstage_category.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -8,11 +10,11 @@ import {Link} from 'react-router/es6';
 export default class BackstageCategory extends React.Component {
     static get propTypes() {
         return {
-            name: React.PropTypes.string.isRequired,
-            title: React.PropTypes.node.isRequired,
-            icon: React.PropTypes.string.isRequired,
-            parentLink: React.PropTypes.string,
-            children: React.PropTypes.arrayOf(React.PropTypes.element)
+            name: PropTypes.string.isRequired,
+            title: PropTypes.node.isRequired,
+            icon: PropTypes.string.isRequired,
+            parentLink: PropTypes.string,
+            children: PropTypes.arrayOf(PropTypes.element)
         };
     }
 
@@ -25,7 +27,7 @@ export default class BackstageCategory extends React.Component {
 
     static get contextTypes() {
         return {
-            router: React.PropTypes.object.isRequired
+            router: PropTypes.object.isRequired
         };
     }
 
diff --git a/webapp/components/backstage/components/backstage_header.jsx b/webapp/components/backstage/components/backstage_header.jsx
index 65ba5c77d..68d5590a6 100644
--- a/webapp/components/backstage/components/backstage_header.jsx
+++ b/webapp/components/backstage/components/backstage_header.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -6,7 +8,7 @@ import React from 'react';
 export default class BackstageHeader extends React.Component {
     static get propTypes() {
         return {
-            children: React.PropTypes.node
+            children: PropTypes.node
         };
     }
 
diff --git a/webapp/components/backstage/components/backstage_list.jsx b/webapp/components/backstage/components/backstage_list.jsx
index 2dcecb90a..d0a2426ec 100644
--- a/webapp/components/backstage/components/backstage_list.jsx
+++ b/webapp/components/backstage/components/backstage_list.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -10,14 +12,14 @@ import LoadingScreen from 'components/loading_screen.jsx';
 
 export default class BackstageList extends React.Component {
     static propTypes = {
-        children: React.PropTypes.node,
-        header: React.PropTypes.node.isRequired,
-        addLink: React.PropTypes.string,
-        addText: React.PropTypes.node,
-        emptyText: React.PropTypes.node,
-        helpText: React.PropTypes.node,
-        loading: React.PropTypes.bool.isRequired,
-        searchPlaceholder: React.PropTypes.string
+        children: PropTypes.node,
+        header: PropTypes.node.isRequired,
+        addLink: PropTypes.string,
+        addText: PropTypes.node,
+        emptyText: PropTypes.node,
+        helpText: PropTypes.node,
+        loading: PropTypes.bool.isRequired,
+        searchPlaceholder: PropTypes.string
     }
 
     static defaultProps = {
diff --git a/webapp/components/backstage/components/backstage_navbar.jsx b/webapp/components/backstage/components/backstage_navbar.jsx
index 8e1b6bb27..c3a9feec8 100644
--- a/webapp/components/backstage/components/backstage_navbar.jsx
+++ b/webapp/components/backstage/components/backstage_navbar.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -9,7 +11,7 @@ import {Link} from 'react-router/es6';
 export default class BackstageNavbar extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object.isRequired
+            team: PropTypes.object.isRequired
         };
     }
 
diff --git a/webapp/components/backstage/components/backstage_section.jsx b/webapp/components/backstage/components/backstage_section.jsx
index 26c06ca29..6da53a6e6 100644
--- a/webapp/components/backstage/components/backstage_section.jsx
+++ b/webapp/components/backstage/components/backstage_section.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -8,11 +10,11 @@ import {Link} from 'react-router/es6';
 export default class BackstageSection extends React.Component {
     static get propTypes() {
         return {
-            name: React.PropTypes.string.isRequired,
-            title: React.PropTypes.node.isRequired,
-            parentLink: React.PropTypes.string,
-            subsection: React.PropTypes.bool,
-            children: React.PropTypes.arrayOf(React.PropTypes.element)
+            name: PropTypes.string.isRequired,
+            title: PropTypes.node.isRequired,
+            parentLink: PropTypes.string,
+            subsection: PropTypes.bool,
+            children: PropTypes.arrayOf(PropTypes.element)
         };
     }
 
@@ -26,7 +28,7 @@ export default class BackstageSection extends React.Component {
 
     static get contextTypes() {
         return {
-            router: React.PropTypes.object.isRequired
+            router: PropTypes.object.isRequired
         };
     }
 
diff --git a/webapp/components/backstage/components/backstage_sidebar.jsx b/webapp/components/backstage/components/backstage_sidebar.jsx
index 9c5ff3e6f..00cd6b63e 100644
--- a/webapp/components/backstage/components/backstage_sidebar.jsx
+++ b/webapp/components/backstage/components/backstage_sidebar.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -13,8 +15,8 @@ import {FormattedMessage} from 'react-intl';
 export default class BackstageSidebar extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object.isRequired,
-            user: React.PropTypes.object.isRequired
+            team: PropTypes.object.isRequired,
+            user: PropTypes.object.isRequired
         };
     }