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

webapp/components/team_sidebar/components/team_button.jsx

@@ -6,6 +6,8 @@ import Constants from 'utils/constants.jsx';
 import {trackEvent} from 'actions/diagnostics_actions.jsx';
 import {switchTeams} from 'actions/team_actions.jsx';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 import {Link} from 'react-router/es6';
 import {Tooltip, OverlayTrigger} from 'react-bootstrap';
@@ -110,15 +112,15 @@ TeamButton.defaultProps = {
 };
 
 TeamButton.propTypes = {
-    btnClass: React.PropTypes.string,
-    url: React.PropTypes.string.isRequired,
-    displayName: React.PropTypes.string,
-    content: React.PropTypes.node,
-    tip: React.PropTypes.node.isRequired,
-    active: React.PropTypes.bool,
-    disabled: React.PropTypes.bool,
-    isMobile: React.PropTypes.bool,
-    unread: React.PropTypes.bool,
-    mentions: React.PropTypes.number,
-    placement: React.PropTypes.oneOf(['left', 'right', 'top', 'bottom'])
+    btnClass: PropTypes.string,
+    url: PropTypes.string.isRequired,
+    displayName: PropTypes.string,
+    content: PropTypes.node,
+    tip: PropTypes.node.isRequired,
+    active: PropTypes.bool,
+    disabled: PropTypes.bool,
+    isMobile: PropTypes.bool,
+    unread: PropTypes.bool,
+    mentions: PropTypes.number,
+    placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])
 };

webapp/components/team_sidebar/team_sidebar_controller.jsx

@@ -10,13 +10,14 @@ import {sortTeamsByDisplayName} from 'utils/team_utils.jsx';
 import * as Utils from 'utils/utils.jsx';
 
 import $ from 'jquery';
+import PropTypes from 'prop-types';
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
 export default class TeamSidebar extends React.Component {
     static propTypes = {
-        actions: React.PropTypes.shape({
-            getTeams: React.PropTypes.func.isRequired
+        actions: PropTypes.shape({
+            getTeams: PropTypes.func.isRequired
         }).isRequired
     }