Chore: Updates react-dependant packages to address react warnings (#18549)

Updates packages that depend on react in order to address warnings produced
by react regarding the use of `componentWillReceiveProps`

package.json

@@ -34,9 +34,9 @@
     "@types/react-dom": "16.8.5",
     "@types/react-grid-layout": "0.16.7",
     "@types/react-select": "2.0.15",
-    "@types/react-transition-group": "2.0.16",
-    "@types/react-virtualized": "9.18.12",
-    "@types/react-window": "1.7.0",
+    "@types/react-transition-group": "4.2.2",
+    "@types/react-virtualized": "9.21.4",
+    "@types/react-window": "1.8.1",
     "angular-mocks": "1.6.6",
     "autoprefixer": "9.5.0",
     "axios": "0.19.0",
@@ -179,9 +179,9 @@
     "@types/marked": "0.6.5",
     "@types/mousetrap": "1.6.3",
     "@types/prismjs": "1.16.0",
-    "@types/react-redux": "7.0.8",
+    "@types/react-redux": "7.1.1",
     "@types/react-table": "6.8.5",
-    "@types/react-test-renderer": "16.8.2",
+    "@types/react-test-renderer": "16.9.0",
     "@types/redux-logger": "3.0.7",
     "@types/redux-mock-store": "1.0.1",
     "@types/reselect": "2.2.0",
@@ -217,16 +217,16 @@
     "react": "16.9.0",
     "react-dom": "16.9.0",
     "react-grid-layout": "0.16.6",
-    "react-highlight-words": "0.11.0",
-    "react-popper": "1.3.3",
-    "react-redux": "5.1.1",
-    "react-sizeme": "2.5.2",
-    "react-table": "6.9.2",
-    "react-transition-group": "2.6.1",
-    "react-use": "9.0.0",
-    "react-virtualized": "9.21.0",
-    "react-window": "1.7.1",
-    "redux": "4.0.1",
+    "react-highlight-words": "0.16.0",
+    "react-popper": "1.3.4",
+    "react-redux": "7.1.0",
+    "react-sizeme": "2.6.7",
+    "react-table": "6.10.0",
+    "react-transition-group": "4.2.2",
+    "react-use": "10.5.0",
+    "react-virtualized": "9.21.1",
+    "react-window": "1.8.5",
+    "redux": "4.0.4",
     "redux-logger": "3.0.6",
     "redux-observable": "1.1.0",
     "redux-thunk": "2.3.0",

public/app/features/dashboard/containers/__snapshots__/DashboardPage.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`DashboardPage Dashboard init completed  Should render dashboard grid 1`
 <div
   className=""
 >
-  <Connect(DashNav)
+  <Component
     $injector={Object {}}
     dashboard={
       DashboardModel {
@@ -241,7 +241,7 @@ exports[`DashboardPage When dashboard has editview url state should render setti
 <div
   className="dashboard-page--settings-opening"
 >
-  <Connect(DashNav)
+  <Component
     $injector={Object {}}
     dashboard={
       DashboardModel {

public/app/features/dashboard/dashgrid/DashboardGrid.tsx

@@ -3,8 +3,7 @@ import React, { PureComponent } from 'react';
 import { hot } from 'react-hot-loader';
 import ReactGridLayout, { ItemCallback } from 'react-grid-layout';
 import classNames from 'classnames';
-// @ts-ignore
-import sizeMe from 'react-sizeme';
+import { withSize } from 'react-sizeme';
 
 // Types
 import { GRID_CELL_HEIGHT, GRID_CELL_VMARGIN, GRID_COLUMN_COUNT } from 'app/core/constants';
@@ -78,7 +77,7 @@ function GridWrapper({
   );
 }
 
-const SizedReactLayoutGrid = sizeMe({ monitorWidth: true })(GridWrapper);
+const SizedReactLayoutGrid = withSize({ monitorWidth: true })(GridWrapper);
 
 export interface Props {
   dashboard: DashboardModel;

public/app/features/teams/__snapshots__/TeamMembers.test.tsx.snap

@@ -177,7 +177,7 @@ exports[`Render should render team members 1`] = `
         </tr>
       </thead>
       <tbody>
-        <Connect(TeamMemberRow)
+        <Component
           editorsCanAdmin={false}
           key="1"
           member={
@@ -197,7 +197,7 @@ exports[`Render should render team members 1`] = `
           signedInUserIsTeamAdmin={true}
           syncEnabled={false}
         />
-        <Connect(TeamMemberRow)
+        <Component
           editorsCanAdmin={false}
           key="2"
           member={
@@ -217,7 +217,7 @@ exports[`Render should render team members 1`] = `
           signedInUserIsTeamAdmin={true}
           syncEnabled={false}
         />
-        <Connect(TeamMemberRow)
+        <Component
           editorsCanAdmin={false}
           key="3"
           member={
@@ -237,7 +237,7 @@ exports[`Render should render team members 1`] = `
           signedInUserIsTeamAdmin={true}
           syncEnabled={false}
         />
-        <Connect(TeamMemberRow)
+        <Component
           editorsCanAdmin={false}
           key="4"
           member={
@@ -257,7 +257,7 @@ exports[`Render should render team members 1`] = `
           signedInUserIsTeamAdmin={true}
           syncEnabled={false}
         />
-        <Connect(TeamMemberRow)
+        <Component
           editorsCanAdmin={false}
           key="5"
           member={

public/app/features/teams/__snapshots__/TeamPages.test.tsx.snap

@@ -17,7 +17,7 @@ exports[`Render should render group sync page 1`] = `
   <PageContents
     isLoading={true}
   >
-    <Connect(TeamGroupSync) />
+    <Component />
   </PageContents>
 </Page>
 `;
@@ -29,7 +29,7 @@ exports[`Render should render member page if team not empty 1`] = `
   <PageContents
     isLoading={true}
   >
-    <Connect(TeamMembers)
+    <Component
       members={Array []}
       syncEnabled={true}
     />
@@ -44,7 +44,7 @@ exports[`Render should render settings and preferences page 1`] = `
   <PageContents
     isLoading={true}
   >
-    <Connect(TeamSettings) />
+    <Component />
   </PageContents>
 </Page>
 `;
@@ -66,7 +66,7 @@ exports[`Render when feature toggle editorsCanAdmin is turned on should render s
   <PageContents
     isLoading={true}
   >
-    <Connect(TeamSettings) />
+    <Component />
   </PageContents>
 </Page>
 `;

public/app/features/users/__snapshots__/InviteesTable.test.tsx.snap

@@ -49,7 +49,7 @@ exports[`Render should render invitees 1`] = `
     </tr>
   </thead>
   <tbody>
-    <Connect(InviteeRow)
+    <Component
       invitee={
         Object {
           "code": "asdfasdfsadf-0",
@@ -70,7 +70,7 @@ exports[`Render should render invitees 1`] = `
       }
       key="0-0"
     />
-    <Connect(InviteeRow)
+    <Component
       invitee={
         Object {
           "code": "asdfasdfsadf-1",
@@ -91,7 +91,7 @@ exports[`Render should render invitees 1`] = `
       }
       key="1-1"
     />
-    <Connect(InviteeRow)
+    <Component
       invitee={
         Object {
           "code": "asdfasdfsadf-2",
@@ -112,7 +112,7 @@ exports[`Render should render invitees 1`] = `
       }
       key="2-2"
     />
-    <Connect(InviteeRow)
+    <Component
       invitee={
         Object {
           "code": "asdfasdfsadf-3",
@@ -133,7 +133,7 @@ exports[`Render should render invitees 1`] = `
       }
       key="3-3"
     />
-    <Connect(InviteeRow)
+    <Component
       invitee={
         Object {
           "code": "asdfasdfsadf-4",
@@ -154,7 +154,7 @@ exports[`Render should render invitees 1`] = `
       }
       key="4-4"
     />
-    <Connect(InviteeRow)
+    <Component
       invitee={
         Object {
           "code": "asdfasdfsadf-5",

public/app/features/users/__snapshots__/UsersListPage.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`Render should render List page 1`] = `
   <PageContents
     isLoading={false}
   >
-    <Connect(UsersActionBar)
+    <Component
       onShowInvites={[Function]}
       showInvites={false}
     />
@@ -45,7 +45,7 @@ exports[`Render should render component 1`] = `
   <PageContents
     isLoading={true}
   >
-    <Connect(UsersActionBar)
+    <Component
       onShowInvites={[Function]}
       showInvites={false}
     />