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/integrations/components/abstract_incoming_webhook.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,7 +15,7 @@ import {Link} from 'react-router/es6';
 export default class AbstractIncomingWebhook extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object
+            team: PropTypes.object
         };
     }
 

webapp/components/integrations/components/abstract_outgoing_webhook.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.
 
@@ -15,7 +17,7 @@ import SpinnerButton from 'components/spinner_button.jsx';
 export default class AbstractOutgoingWebhook extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object
+            team: PropTypes.object
         };
     }
 

webapp/components/integrations/components/add_command.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.
 
@@ -19,7 +21,7 @@ const REQUEST_GET = 'G';
 export default class AddCommand extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object
+            team: PropTypes.object
         };
     }
 

webapp/components/integrations/components/add_oauth_app.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.
 
@@ -14,7 +16,7 @@ import SpinnerButton from 'components/spinner_button.jsx';
 export default class AddOAuthApp extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object
+            team: PropTypes.object
         };
     }
 

webapp/components/integrations/components/commands_container.jsx

@@ -6,15 +6,17 @@ import UserStore from 'stores/user_store.jsx';
 
 import {loadTeamCommands} from 'actions/integration_actions.jsx';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 
 export default class CommandsContainer extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            user: React.PropTypes.object,
-            children: React.PropTypes.node.isRequired,
-            isAdmin: React.PropTypes.bool
+            team: PropTypes.object,
+            user: PropTypes.object,
+            children: PropTypes.node.isRequired,
+            isAdmin: PropTypes.bool
         };
     }
 

webapp/components/integrations/components/confirm_integration.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.
 
@@ -15,9 +17,9 @@ import Constants from 'utils/constants.jsx';
 export default class ConfirmIntegration extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            location: React.PropTypes.object,
-            loading: React.PropTypes.bool
+            team: PropTypes.object,
+            location: PropTypes.object,
+            loading: PropTypes.bool
         };
     }
 

webapp/components/integrations/components/delete_integration.jsx

@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types';
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
@@ -45,6 +46,6 @@ export default class DeleteIntegration extends DeleteModalTrigger {
 }
 
 DeleteIntegration.propTypes = {
-    messageId: React.PropTypes.string.isRequired,
-    onDelete: React.PropTypes.func.isRequired
+    messageId: PropTypes.string.isRequired,
+    onDelete: PropTypes.func.isRequired
 };

webapp/components/integrations/components/edit_command.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.
 
@@ -23,8 +25,8 @@ const REQUEST_GET = 'G';
 export default class EditCommand extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            location: React.PropTypes.object
+            team: PropTypes.object,
+            location: PropTypes.object
         };
     }
 

webapp/components/integrations/components/installed_command.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,13 +12,13 @@ import DeleteIntegration from './delete_integration.jsx';
 export default class InstalledCommand extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object.isRequired,
-            command: React.PropTypes.object.isRequired,
-            onRegenToken: React.PropTypes.func.isRequired,
-            onDelete: React.PropTypes.func.isRequired,
-            filter: React.PropTypes.string,
-            creator: React.PropTypes.object.isRequired,
-            canChange: React.PropTypes.bool.isRequired
+            team: PropTypes.object.isRequired,
+            command: PropTypes.object.isRequired,
+            onRegenToken: PropTypes.func.isRequired,
+            onDelete: PropTypes.func.isRequired,
+            filter: PropTypes.string,
+            creator: PropTypes.object.isRequired,
+            canChange: PropTypes.bool.isRequired
         };
     }
 

webapp/components/integrations/components/installed_commands.jsx

@@ -7,18 +7,20 @@ import InstalledCommand from './installed_command.jsx';
 import * as AsyncClient from 'utils/async_client.jsx';
 import * as Utils from 'utils/utils.jsx';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
 export default class InstalledCommands extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            user: React.PropTypes.object,
-            users: React.PropTypes.object,
-            commands: React.PropTypes.array,
-            loading: React.PropTypes.bool,
-            isAdmin: React.PropTypes.bool
+            team: PropTypes.object,
+            user: PropTypes.object,
+            users: PropTypes.object,
+            commands: PropTypes.array,
+            loading: PropTypes.bool,
+            isAdmin: PropTypes.bool
         };
     }
 

webapp/components/integrations/components/installed_incoming_webhook.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.
 
@@ -14,12 +16,12 @@ import {Link} from 'react-router';
 export default class InstalledIncomingWebhook extends React.Component {
     static get propTypes() {
         return {
-            incomingWebhook: React.PropTypes.object.isRequired,
-            onDelete: React.PropTypes.func.isRequired,
-            filter: React.PropTypes.string,
-            creator: React.PropTypes.object.isRequired,
-            canChange: React.PropTypes.bool.isRequired,
-            team: React.PropTypes.object.isRequired
+            incomingWebhook: PropTypes.object.isRequired,
+            onDelete: PropTypes.func.isRequired,
+            filter: PropTypes.string,
+            creator: PropTypes.object.isRequired,
+            canChange: PropTypes.bool.isRequired,
+            team: PropTypes.object.isRequired
         };
     }
 

webapp/components/integrations/components/installed_incoming_webhooks.jsx

@@ -14,15 +14,17 @@ import {loadIncomingHooks} from 'actions/integration_actions.jsx';
 import * as AsyncClient from 'utils/async_client.jsx';
 import * as Utils from 'utils/utils.jsx';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
 export default class InstalledIncomingWebhooks extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            user: React.PropTypes.object,
-            isAdmin: React.PropTypes.bool
+            team: PropTypes.object,
+            user: PropTypes.object,
+            isAdmin: PropTypes.bool
         };
     }
 

webapp/components/integrations/components/installed_oauth_app.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.
 
@@ -17,9 +19,9 @@ const FAKE_SECRET = '***************';
 export default class InstalledOAuthApp extends React.Component {
     static get propTypes() {
         return {
-            oauthApp: React.PropTypes.object.isRequired,
-            onDelete: React.PropTypes.func.isRequired,
-            filter: React.PropTypes.string
+            oauthApp: PropTypes.object.isRequired,
+            onDelete: PropTypes.func.isRequired,
+            filter: PropTypes.string
         };
     }
 

webapp/components/integrations/components/installed_oauth_apps.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.
 
@@ -15,7 +17,7 @@ import InstalledOAuthApp from './installed_oauth_app.jsx';
 export default class InstalledOAuthApps extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object
+            team: PropTypes.object
         };
     }
 

webapp/components/integrations/components/installed_outgoing_webhook.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,13 +15,13 @@ import DeleteIntegration from './delete_integration.jsx';
 export default class InstalledOutgoingWebhook extends React.Component {
     static get propTypes() {
         return {
-            outgoingWebhook: React.PropTypes.object.isRequired,
-            onRegenToken: React.PropTypes.func.isRequired,
-            onDelete: React.PropTypes.func.isRequired,
-            filter: React.PropTypes.string,
-            creator: React.PropTypes.object.isRequired,
-            canChange: React.PropTypes.bool.isRequired,
-            team: React.PropTypes.object.isRequired
+            outgoingWebhook: PropTypes.object.isRequired,
+            onRegenToken: PropTypes.func.isRequired,
+            onDelete: PropTypes.func.isRequired,
+            filter: PropTypes.string,
+            creator: PropTypes.object.isRequired,
+            canChange: PropTypes.bool.isRequired,
+            team: PropTypes.object.isRequired
         };
     }
 

webapp/components/integrations/components/installed_outgoing_webhooks.jsx

@@ -14,15 +14,17 @@ import {loadOutgoingHooks} from 'actions/integration_actions.jsx';
 import * as Utils from 'utils/utils.jsx';
 import * as AsyncClient from 'utils/async_client.jsx';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
 export default class InstalledOutgoingWebhooks extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            user: React.PropTypes.object,
-            isAdmin: React.PropTypes.bool
+            team: PropTypes.object,
+            user: PropTypes.object,
+            isAdmin: PropTypes.bool
         };
     }
 

webapp/components/integrations/components/integration_option.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,10 +10,10 @@ import {Link} from 'react-router/es6';
 export default class IntegrationOption extends React.Component {
     static get propTypes() {
         return {
-            image: React.PropTypes.string.isRequired,
-            title: React.PropTypes.node.isRequired,
-            description: React.PropTypes.node.isRequired,
-            link: React.PropTypes.string.isRequired
+            image: PropTypes.string.isRequired,
+            title: PropTypes.node.isRequired,
+            description: PropTypes.node.isRequired,
+            link: PropTypes.string.isRequired
         };
     }
 

webapp/components/integrations/components/integrations.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.
 
@@ -16,8 +18,8 @@ import * as Utils from 'utils/utils.jsx';
 export default class Integrations extends React.Component {
     static get propTypes() {
         return {
-            team: React.PropTypes.object,
-            user: React.PropTypes.object
+            team: PropTypes.object,
+            user: PropTypes.object
         };
     }