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

2 files changed, 20 insertions, 5 deletions

diff --git a/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap b/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap
index f5c6647c9..105c97546 100644
--- a/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap
+++ b/webapp/tests/components/__snapshots__/about_build_modal.test.jsx.snap
@@ -12,11 +12,14 @@ exports[`components/AboutBuildModal should match snapshot for enterprise edition
   keyboard={true}
   manager={
     ModalManager {
+      "add": [Function],
       "containers": Array [],
       "data": Array [],
       "handleContainerOverflow": true,
       "hideSiblingNodes": true,
+      "isTopModal": [Function],
       "modals": Array [],
+      "remove": [Function],
     }
   }
   onHide={[Function]}
@@ -25,9 +28,9 @@ exports[`components/AboutBuildModal should match snapshot for enterprise edition
   show={true}
 >
   <ModalHeader
-    aria-label="Close"
     bsClass="modal-header"
     closeButton={true}
+    closeLabel="Close"
   >
     <ModalTitle
       bsClass="modal-title"
@@ -183,11 +186,14 @@ exports[`components/AboutBuildModal should match snapshot for team edition 1`] =
   keyboard={true}
   manager={
     ModalManager {
+      "add": [Function],
       "containers": Array [],
       "data": Array [],
       "handleContainerOverflow": true,
       "hideSiblingNodes": true,
+      "isTopModal": [Function],
       "modals": Array [],
+      "remove": [Function],
     }
   }
   onHide={[Function]}
@@ -196,9 +202,9 @@ exports[`components/AboutBuildModal should match snapshot for team edition 1`] =
   show={true}
 >
   <ModalHeader
-    aria-label="Close"
     bsClass="modal-header"
     closeButton={true}
+    closeLabel="Close"
   >
     <ModalTitle
       bsClass="modal-title"
diff --git a/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap b/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap
index 67194d321..fb27ef395 100644
--- a/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap
+++ b/webapp/tests/components/__snapshots__/new_channel_modal.test.jsx.snap
@@ -14,11 +14,14 @@ exports[`components/NewChannelModal should match snapshot, modal not showing 1`]
     keyboard={true}
     manager={
       ModalManager {
+        "add": [Function],
         "containers": Array [],
         "data": Array [],
         "handleContainerOverflow": true,
         "hideSiblingNodes": true,
+        "isTopModal": [Function],
         "modals": Array [],
+        "remove": [Function],
       }
     }
     onHide={[Function]}
@@ -27,9 +30,9 @@ exports[`components/NewChannelModal should match snapshot, modal not showing 1`]
     show={true}
   >
     <ModalHeader
-      aria-label="Close"
       bsClass="modal-header"
       closeButton={true}
+      closeLabel="Close"
     >
       <ModalTitle
         bsClass="modal-title"
@@ -258,11 +261,14 @@ exports[`components/NewChannelModal should match snapshot, modal showing 1`] = `
     keyboard={true}
     manager={
       ModalManager {
+        "add": [Function],
         "containers": Array [],
         "data": Array [],
         "handleContainerOverflow": true,
         "hideSiblingNodes": true,
+        "isTopModal": [Function],
         "modals": Array [],
+        "remove": [Function],
       }
     }
     onHide={[Function]}
@@ -271,9 +277,9 @@ exports[`components/NewChannelModal should match snapshot, modal showing 1`] = `
     show={true}
   >
     <ModalHeader
-      aria-label="Close"
       bsClass="modal-header"
       closeButton={true}
+      closeLabel="Close"
     >
       <ModalTitle
         bsClass="modal-title"
@@ -502,11 +508,14 @@ exports[`components/NewChannelModal should match snapshot, private channel fille
     keyboard={true}
     manager={
       ModalManager {
+        "add": [Function],
         "containers": Array [],
         "data": Array [],
         "handleContainerOverflow": true,
         "hideSiblingNodes": true,
+        "isTopModal": [Function],
         "modals": Array [],
+        "remove": [Function],
       }
     }
     onHide={[Function]}
@@ -515,9 +524,9 @@ exports[`components/NewChannelModal should match snapshot, private channel fille
     show={true}
   >
     <ModalHeader
-      aria-label="Close"
       bsClass="modal-header"
       closeButton={true}
+      closeLabel="Close"
     >
       <ModalTitle
         bsClass="modal-title"