Merge branch 'b25.1.0' into master

Author: seanlandsman

README.md

@@ -1,9 +1,9 @@
-ag-Grid React Example
+AG Grid React Example
 ==============
 
 ## Examples
 
-1. standard - shows a typical grid demonstrating many ag-Grid features
+1. standard - shows a typical grid demonstrating many AG Grid features
 
 2. large - shows a very large grid (767 columns and 1,000 rows) using React cell renderers
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ag-grid-react-example",
-  "version": "25.0.0",
-  "description": "Example Reach applicaiton using ag-Grid.",
+  "version": "25.1.0",
+  "description": "Example Reach applicaiton using AG Grid.",
   "main": "dist/ag-grid-react-example.js",
   "scripts": {
     "trader": "webpack-dev-server --content-base src-trader-dashboard/ --config config/webpack.config.trader.js --mode development --open",
@@ -39,16 +39,16 @@
   },
   "homepage": "http://www.ag-grid.com/",
   "devDependencies": {
-    "@ag-grid-community/core": "~25.0.0",
-    "@babel/core": "7.12.10",
-    "@babel/plugin-proposal-class-properties": "7.12.1",
-    "@babel/plugin-proposal-function-bind": "7.12.1",
-    "@babel/preset-env": "7.12.11",
-    "@babel/preset-react": "7.12.10",
+    "@ag-grid-community/core": "~25.1.0",
+    "@babel/core": "7.12.16",
+    "@babel/plugin-proposal-class-properties": "7.12.13",
+    "@babel/plugin-proposal-function-bind": "7.12.13",
+    "@babel/preset-env": "7.12.16",
+    "@babel/preset-react": "7.12.13",
     "@types/react": "17.0.0",
     "@types/react-dom": "17.0.0",
     "babel-loader": "8.2.2",
-    "css-loader": "5.0.1",
+    "css-loader": "5.0.2",
     "file-loader": "6.2.0",
     "gulp": "3.9.1",
     "merge2": "1.4.1",
@@ -57,17 +57,17 @@
     "prop-types": "15.7.2",
     "rimraf": "3.0.2",
     "style-loader": "2.0.0",
-    "typescript": "4.1.3",
-    "webpack": "4.44.1",
+    "typescript": "4.1.5",
+    "webpack": "4.46.0",
     "webpack-cli": "3.3.12",
-    "webpack-dev-server": "3.11.0"
+    "webpack-dev-server": "3.11.2"
   },
   "dependencies": {
-    "@ag-grid-enterprise/all-modules": "~25.0.0",
-    "@ag-grid-community/react": "~25.0.0",
+    "@ag-grid-enterprise/all-modules": "~25.1.0",
+    "@ag-grid-community/react": "~25.1.0",
     "bootstrap": "4.5.0",
     "d3": "4.9.1",
-    "lodash": "4.17.15",
+    "lodash": "4.17.20",
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "react-redux": "7.2.2",

src-examples/richGridDeclarativeExample/DateComponent.jsx

@@ -13,7 +13,7 @@ export default class DateComponent extends React.Component {
         //  The current date it holds, null by default, null if the date typed by the user is not valid or fields are blank
         //  The current values that the user types in the input boxes, by default ''
 
-        //The textBoxes state is necessary since it can be set from ag-Grid. This can be seen in this example through
+        //The textBoxes state is necessary since it can be set from AG Grid. This can be seen in this example through
         // the usage of the button DOB equals to 01/01/2000 in the example page.
         this.state = {
             date: null,
@@ -93,7 +93,7 @@ export default class DateComponent extends React.Component {
                 textBoxes: textBoxes
             },
             //Callback after the state is set. This is where we tell ag-grid that the date has changed so
-            //it will proceed with the filtering and we can then expect ag-Grid to call us back to getDate
+            //it will proceed with the filtering and we can then expect AG Grid to call us back to getDate
             this.props.onDateChanged
         );
     }
@@ -168,4 +168,4 @@ export default class DateComponent extends React.Component {
 // props, so little need for adding this validation meta-data.
 DateComponent.propTypes = {
     params: PropTypes.object
-};
+};

src-examples/richGridDeclarativeExample/NameCellEditor.jsx

@@ -10,12 +10,12 @@ export default class NameCellEditor extends React.Component {
 
     constructor(props) {
         super(props);
-        // the entire ag-Grid properties are passed as one single object inside the params
+        // the entire AG Grid properties are passed as one single object inside the params
         this.state = this.createInitialState(props);
     }
 
     // work out how to present the data based on what the user hit. you don't need to do any of
-    // this for your ag-Grid cellEditor to work, however it makes sense to do this so the user
+    // this for your AG Grid cellEditor to work, however it makes sense to do this so the user
     // experience is similar to Excel
     createInitialState(props) {
 
@@ -63,13 +63,13 @@ export default class NameCellEditor extends React.Component {
         this.setState(newState);
     }
 
-    // called by ag-Grid, to get the final value
+    // called by AG Grid, to get the final value
     getValue() {
         return this.state.value;
     }
 
     // cannot use componentDidMount because although the component might be ready from React's point of
-    // view, it may not yet be in the browser (put in by ag-Grid) so focus will not work
+    // view, it may not yet be in the browser (put in by AG Grid) so focus will not work
     afterGuiAttached() {
         // get ref from React component
         const eInput = this.refs.textField;
@@ -114,4 +114,4 @@ export default class NameCellEditor extends React.Component {
 // props, so little need for adding this validation meta-data.
 NameCellEditor.propTypes = {
     params: PropTypes.object
-};
+};

src-examples/richGridDeclarativeExample/ProficiencyCellRenderer.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 // cell renderer for the proficiency column. this is a very basic cell renderer,
 // it is arguable that we should not of used React and just returned a string of
-// html as a normal ag-Grid cellRenderer.
+// html as a normal AG Grid cellRenderer.
 export default class ProficiencyCellRenderer extends React.Component {
 
     getReactContainerClasses() {

src-examples/richGridDeclarativeExample/ProficiencyFilter.jsx

@@ -3,7 +3,7 @@ import React from 'react';
 const PROFICIENCY_NAMES = ['No Filter', 'Above 40%', 'Above 60%', 'Above 80%'];
 
 // the proficiency filter component. this demonstrates how to integrate
-// a React filter component with ag-Grid.
+// a React filter component with AG Grid.
 export default class ProficiencyFilter extends React.Component {
 
     constructor(props) {

src-examples/richGridDeclarativeExample/SkillsFilter.jsx

@@ -3,7 +3,7 @@ import RefData from './RefData';
 
 // the skills filter component. this can be laid out much better in a 'React'
 // way. there are design patterns you can apply to layout out your React classes.
-// however, i'm not worried, as the intention here is to show you ag-Grid
+// however, i'm not worried, as the intention here is to show you AG Grid
 // working with React, and that's all. i'm not looking for any awards for my
 // React design skills.
 export default class SkillsFilter extends React.Component {