From ee203d9a06170c867fd058dd485fbdf1400c7511 Mon Sep 17 00:00:00 2001
From: Ceolter <niall.crosby@gmail.com>
Date: Thu, 10 Mar 2016 07:21:25 +0000
Subject: [PATCH] changes to match v4.0.0 of ag-Grid

---
 src/myApp.css |  1 -
 src/myApp.jsx | 35 +++++------------------------------
 2 files changed, 5 insertions(+), 31 deletions(-)

diff --git a/src/myApp.css b/src/myApp.css
index 55d756d..38bf42a 100644
--- a/src/myApp.css
+++ b/src/myApp.css
@@ -16,7 +16,6 @@ label {
 
 .div-percent-value {
     position: absolute;
-    z-index: 1;
     padding-left: 4px;
     font-weight: bold;
     font-size: 13px;
diff --git a/src/myApp.jsx b/src/myApp.jsx
index e6be854..f42bbaf 100644
--- a/src/myApp.jsx
+++ b/src/myApp.jsx
@@ -6,6 +6,9 @@ import RowDataFactory from './RowDataFactory';
 import ColDefFactory from './ColDefFactory.jsx';
 import './MyApp.css';
 
+// take this line out if you do not want to use ag-Grid-Enterprise
+import 'ag-grid-enterprise';
+
 export default class MyApp extends React.Component {
 
     constructor() {
@@ -55,7 +58,7 @@ export default class MyApp extends React.Component {
         this.setState({showToolPanel: event.target.checked});
     }
 
-    onReady(params) {
+    onGridReady(params) {
         this.api = params.api;
         this.columnApi = params.columnApi;
     }
@@ -91,34 +94,6 @@ export default class MyApp extends React.Component {
         });
     }
 
-    render() {
-        return (
-            // ag-Grid comes with a React Component waiting to be used
-            <AgGridReact
-
-                // listen for events with React callbacks
-                onRowSelected={this.onRowSelected.bind(this)}
-                onCellClicked={this.onCellClicked.bind(this)}
-
-                // binding to properties within React State or Props
-                showToolPanel={this.state.showToolPanel}
-                quickFilterText={this.state.quickFilterText}
-                icons={this.state.icons}
-
-                // column definitions and row data are immutable, the grid
-                // will update when these lists change
-                columnDefs={this.state.columnDefs}
-                rowData={this.state.rowData}
-
-                // or provide props the old way with no binding
-                rowSelection="multiple"
-                enableSorting="true"
-                enableFilter="true"
-                rowHeight="22"
-            />
-        );
-    }
-
     render() {
         var gridTemplate;
         var bottomHeaderTemplate;
@@ -172,7 +147,7 @@ export default class MyApp extends React.Component {
                         gridOptions={this.gridOptions}
 
                         // listening for events
-                        onReady={this.onReady.bind(this)}
+                        onGridReady={this.onGridReady.bind(this)}
                         onRowSelected={this.onRowSelected.bind(this)}
                         onCellClicked={this.onCellClicked.bind(this)}