Version 11.0.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-react-example",
-  "version": "10.0.0",
+  "version": "11.0.0",
   "description": "Example Reach applicaiton using ag-Grid.",
   "main": "dist/ag-grid-react-example.js",
   "scripts": {
@@ -62,9 +62,9 @@
     "react-redux": "5.0.x",
     "redux": "3.6.x",
     "url-search-params-polyfill": "1.2.0",
-    "ag-grid": "10.1.x",
+    "ag-grid": "11.0.x",
-    "ag-grid-enterprise": "10.1.x",
+    "ag-grid-enterprise": "11.0.x",
-    "ag-grid-react": "file:../ag-grid-react"
+    "ag-grid-react": "11.0.x"
   }
 }
 

src/filterComponentExample/FilterComponentExample.jsx

@@ -39,7 +39,8 @@ export default class FilterComponentExample extends Component {
                 headerName: "Filter Component",
                 field: "name",
                 filterFramework: PartialMatchFilter,
-                width: 400
+                width: 400,
+                menuTabs:['filterMenuTab']
             }
         ];
     }
@@ -75,8 +76,6 @@ export default class FilterComponentExample extends Component {
                     rowData={this.state.rowData}
 
                     enableFilter
-                    suppressMenuColumnPanel // ag-enterprise only
-                    suppressMenuMainPanel   // ag-enterprise only
 
                     // events
                     onGridReady={this.onGridReady}>

src/groupedRowInnerRendererExample/MedalRenderer.jsx

@@ -5,9 +5,9 @@ export default class MedalRenderer extends Component {
         super(props);
 
         this.country = this.props.node.key;
-        this.gold = this.props.data.gold;
+        this.gold = this.props.node.aggData.gold;
-        this.silver = this.props.data.silver;
+        this.silver = this.props.node.aggData.silver;
-        this.bronze = this.props.data.bronze;
+        this.bronze = this.props.node.aggData.bronze;
 
         // override the containing div so that the +/- and label are inline
         this.props.reactContainer.style.display = "inline-block";

src/masterDetailExample/DetailPanelComponent.jsx

@@ -44,7 +44,7 @@ export default class DetailPanelComponent extends Component {
                 headerName: 'Duration',
                 field: 'duration',
                 cellClass: 'call-record-cell',
-                cellFormatter: this.secondCellFormatter
+                valueFormatter: this.secondCellFormatter
             },
             {headerName: 'Switch', field: 'switchCode', cellClass: 'call-record-cell'}];
 

src/masterDetailExample/MasterDetailExample.jsx

@@ -35,7 +35,7 @@ export default class MasterDetailExample extends Component {
             },
             {headerName: 'Account', field: 'account'},
             {headerName: 'Calls', field: 'totalCalls'},
-            {headerName: 'Minutes', field: 'totalMinutes', cellFormatter: this.minuteCellFormatter}
+            {headerName: 'Minutes', field: 'totalMinutes', valueFormatter: this.minuteCellFormatter}
         ];
     }
 
@@ -131,7 +131,6 @@ export default class MasterDetailExample extends Component {
 
                     enableSorting
                     enableColResize
-                    suppressMenuFilterPanel
 
                     // events
                     onGridReady={this.onGridReady}>

src/simpleReduxExample/GridComponent.jsx

@@ -75,7 +75,7 @@ class GridComponent extends Component {
                     enableColResize
                     rowSelection="multiple"
                     enableRangeSelection
-                    groupColumnDef={{
+                    autoColumnGroupDef={{
                         headerName: 'Symbol',
                         cellRenderer: 'group',
                         field: 'symbol'