Merge branch 'latest' into b22.0.0

package.json

@@ -61,10 +61,10 @@
     "webpack-dev-server": "3.4.1"
   },
   "dependencies": {
-    "@ag-community/grid-core": "^21.0.0",
-    "@ag-community/grid-all-modules": "^21.0.0",
-    "@ag-enterprise/grid-all-modules": "^21.0.0",
-    "ag-grid-react": "~22.0.0",
+    "@ag-community/grid-core": "~22.0.0",
+    "@ag-community/grid-all-modules": "~22.0.0",
+    "@ag-enterprise/grid-all-modules": "~22.0.0",
+    "@ag-community/grid-react": "~22.0.0",
     "bootstrap": "4.3.1",
     "d3": "4.9.1",
     "lodash": "4.17.11",
@@ -74,4 +74,4 @@
     "react-router-dom": "5.0.0",
     "redux": "4.0.1"
   }
-}
+}

src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx

@@ -1,5 +1,5 @@
 import React, {Component} from "react";
-import {AgGridColumn, AgGridReact} from "ag-grid-react";
+import {AgGridColumn, AgGridReact} from "@ag-community/grid-react";
 import RowDataFactory from "./RowDataFactory";
 import DateComponent from "./DateComponent.jsx";
 import SkillsCellRenderer from './SkillsCellRenderer.jsx';

src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx

@@ -1,6 +1,6 @@
 import React, {Component} from "react";
 import {connect} from "react-redux";
-import {AgGridReact} from "ag-grid-react";
+import {AgGridReact} from "@ag-community/grid-react";
 
 import PriceRenderer from "./PriceRenderer";
 

src-examples/simpleReduxHooksExample/GridComponent.jsx

@@ -1,6 +1,6 @@
 import React, {useContext} from "react";
 import {Context} from "./store";
-import {AgGridReact} from "ag-grid-react";
+import {AgGridReact} from "@ag-community/grid-react";
 
 /*
  * This component serves to display the row data (provided by redux)

src-large-data/largeGrid.jsx

@@ -1,6 +1,6 @@
 import React, {Component} from 'react';
 import SimpleCellRenderer from './simpleCellRenderer.jsx';
-import {AgGridReact} from 'ag-grid-react';
+import {AgGridReact} from '@ag-community/grid-react';
 
 // for community features
 import {AllCommunityModules} from "@ag-community/grid-all-modules";

src-trader-dashboard/components/FxQuoteMatrix.jsx

@@ -1,7 +1,7 @@
 import React, {Component} from "react";
 import {connect} from "react-redux";
 
-import {AgGridReact} from "ag-grid-react";
+import {AgGridReact} from "@ag-community/grid-react";
 
 class FxQuoteMatrix extends Component {
     constructor(props) {
@@ -85,4 +85,4 @@ export default connect(
             rowData: state ? state.fxData : null
         }
     }
-)(FxQuoteMatrix);
+)(FxQuoteMatrix);

src-trader-dashboard/components/PriceChangesGrid.jsx

@@ -1,6 +1,6 @@
 import React, {Component} from "react";
 
-import {AgGridReact} from "ag-grid-react";
+import {AgGridReact} from "@ag-community/grid-react";
 
 import map from "lodash/map";
 import difference from "lodash/difference";
@@ -170,4 +170,4 @@ export default class extends Component {
             </div>
         );
     }
-}
+}

src-trader-dashboard/components/TopMoversGrid.jsx

@@ -1,7 +1,7 @@
 import React, {Component} from "react";
 import {connect} from "react-redux";
 
-import {AgGridReact} from "ag-grid-react";
+import {AgGridReact} from "@ag-community/grid-react";
 
 class TopMoversGrid extends Component {
     constructor(props) {

ts-tests/InvalidGridProperty.tsx

@@ -1,4 +1,4 @@
 import React from 'react';
-import {AgGridReact} from 'ag-grid-react';
+import {AgGridReact} from '@ag-community/grid-react';
 
 export const App: React.FunctionComponent = () => <AgGridReact invalidProperty columnDefs={[]} rowData={[]}/>;

ts-tests/SimpleFunctionalGrid.tsx

@@ -1,4 +1,4 @@
 import React from 'react';
-import {AgGridReact} from 'ag-grid-react';
+import {AgGridReact} from '@ag-community/grid-react';
 
 export const App: React.FunctionComponent = () => <AgGridReact columnDefs={[]} rowData={[]}/>;