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/setting_item_min.jsx

@@ -4,51 +4,51 @@
 import {FormattedMessage} from 'react-intl';
 import * as Utils from 'utils/utils.jsx';
 
+import PropTypes from 'prop-types';
+
 import React from 'react';
 
-export default class SettingItemMin extends React.Component {
-    render() {
-        let editButton = null;
-        if (!this.props.disableOpen) {
-            editButton = (
-                <li className='col-xs-12 col-sm-3 section-edit'>
-                    <a
-                        id={Utils.createSafeId(this.props.title) + 'Edit'}
-                        className='theme'
-                        href='#'
-                        onClick={this.props.updateSection}
-                    >
-                        <i className='fa fa-pencil'/>
-                        <FormattedMessage
-                            id='setting_item_min.edit'
-                            defaultMessage='Edit'
-                        />
-                    </a>
-                </li>
-            );
-        }
-
-        return (
-            <ul
-                className='section-min'
-                onClick={this.props.updateSection}
-            >
-                <li className='col-xs-12 col-sm-9 section-title'>{this.props.title}</li>
-                {editButton}
-                <li
-                    id={Utils.createSafeId(this.props.title) + 'Desc'}
-                    className='col-xs-12 section-describe'
+export default function SettingItemMin(props) {
+    let editButton = null;
+    if (!props.disableOpen) {
+        editButton = (
+            <li className='col-xs-12 col-sm-3 section-edit'>
+                <a
+                    id={Utils.createSafeId(props.title) + 'Edit'}
+                    className='theme'
+                    href='#'
+                    onClick={props.updateSection}
                 >
-                    {this.props.describe}
-                </li>
-            </ul>
+                    <i className='fa fa-pencil'/>
+                    <FormattedMessage
+                        id='setting_item_min.edit'
+                        defaultMessage='Edit'
+                    />
+                </a>
+            </li>
         );
     }
+
+    return (
+        <ul
+            className='section-min'
+            onClick={props.updateSection}
+        >
+            <li className='col-xs-12 col-sm-9 section-title'>{props.title}</li>
+            {editButton}
+            <li
+                id={Utils.createSafeId(props.title) + 'Desc'}
+                className='col-xs-12 section-describe'
+            >
+                {props.describe}
+            </li>
+        </ul>
+    );
 }
 
 SettingItemMin.propTypes = {
-    title: React.PropTypes.node,
-    disableOpen: React.PropTypes.bool,
-    updateSection: React.PropTypes.func,
-    describe: React.PropTypes.node
+    title: PropTypes.node,
+    disableOpen: PropTypes.bool,
+    updateSection: PropTypes.func,
+    describe: PropTypes.node
 };