Release 14.0.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-react-example",
-  "version": "13.2.0",
+  "version": "14.0.0",
   "description": "Example Reach applicaiton using ag-Grid.",
   "main": "dist/ag-grid-react-example.js",
   "scripts": {
@@ -58,9 +58,9 @@
     "typescript": "2.3.x"
   },
   "dependencies": {
-    "ag-grid": "13.2.x",
-    "ag-grid-enterprise": "13.2.x",
-    "ag-grid-react": "13.2.x",
+    "ag-grid": "14.0.x",
+    "ag-grid-enterprise": "14.0.x",
+    "ag-grid-react": "14.0.x",
     "bootstrap": "3.3.7",
     "d3": "4.9.1",
     "file-loader": "0.11.1",

src-large/largeGrid.jsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import {reactCellRendererFactory} from 'ag-grid-react';
+import React, {Component} from 'react';
 import SimpleCellRenderer from './simpleCellRenderer.jsx';
 
 import {AgGridReact} from 'ag-grid-react';
@@ -7,7 +6,7 @@ import {AgGridReact} from 'ag-grid-react';
 // put this line in to use ag-Grid enterprise
 // import 'ag-grid-enterprise';
 
-export default class MyApp extends React.Component {
+export default class MyApp extends Component {
 
     constructor() {
         super();
@@ -22,22 +21,22 @@ export default class MyApp extends React.Component {
 
     createColumnNames() {
         // creates column names by iterating the alphabet twice, eg {'aa','ab','ac',.....'zz'}
-        var alphabet = 'abcdefghijklmnopqrstuvwxyz'.split('');
+        const alphabet = 'abcdefghijklmnopqrstuvwxyz'.split('');
         this.columnNames = [];
-        alphabet.forEach( letter1 => {
-            alphabet.forEach( letter2 => {
+        alphabet.forEach(letter1 => {
+            alphabet.forEach(letter2 => {
                 this.columnNames.push(letter1 + letter2);
             });
         });
     }
 
     createRowData() {
-        var rowData = [];
+        const rowData = [];
 
-        for (var i = 0; i<1000; i++) {
-            var item = {};
-            this.columnNames.forEach( colName => {
-                item[colName] = '('+colName.toUpperCase()+','+i+')'
+        for (let i = 0; i < 1000; i++) {
+            const item = {};
+            this.columnNames.forEach(colName => {
+                item[colName] = '(' + colName.toUpperCase() + ',' + i + ')'
             });
             rowData.push(item);
         }
@@ -46,9 +45,9 @@ export default class MyApp extends React.Component {
     }
 
     createColumnDefs() {
-        var columnDefs = [];
+        const columnDefs = [];
 
-        this.columnNames.forEach( colName => {
+        this.columnNames.forEach(colName => {
             columnDefs.push({
                 headerName: colName.toUpperCase(),
                 field: colName,
@@ -63,7 +62,7 @@ export default class MyApp extends React.Component {
     render() {
         return (
             <div style={{height: '100%'}} className="ag-fresh">
-                    <AgGridReact columnDefs={this.state.columnDefs} rowData={this.state.rowData} />
+                <AgGridReact columnDefs={this.state.columnDefs} rowData={this.state.rowData}/>
             </div>
         );
     }

src-trader-dashboard/components/TopMoversGrid.jsx

@@ -34,7 +34,7 @@ class TopMoversGrid extends Component {
                     cellRenderer: 'animateShowChange',
                     cellClass: 'align-right',
                     sort: 'desc',
-                    cellFormatter(params) {
+                    valueFormatter(params) {
                         return params.value.toFixed(2)
                     }
                 },

src-trader-dashboard/components/renderers/HorizontalBarComponent.jsx

@@ -3,6 +3,14 @@ import * as PropTypes from 'prop-types';
 
 export default class HorizontalBarComponent extends Component {
 
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            value: this.props.value
+        }
+    }
+
     render() {
         let positiveChange = {
             fill: "green"
@@ -19,7 +27,7 @@ export default class HorizontalBarComponent extends Component {
             textAlign: "right"
         };
 
-        let pctNetChange = this.props.value;
+        let pctNetChange = this.state.value;
         let pctNetChangeBar = Math.min(Math.abs(pctNetChange) * 100, 100) / 2;
 
         let barWidth = `${pctNetChangeBar}%`;
@@ -36,6 +44,13 @@ export default class HorizontalBarComponent extends Component {
             </div>
         )
     }
+
+    refresh(params) {
+        this.setState({
+            value: params.value
+        });
+        return true;
+    }
 }
 
 HorizontalBarComponent.propTypes = {

src/NavItem.jsx

@@ -1,4 +1,5 @@
-import React, {PropTypes} from 'react'
+import React from 'react'
+import * as PropTypes from 'prop-types';
 import {Route, Link} from 'react-router-dom'
 
 // for bootstrap li active functionality

src/editorComponentExample/NumericEditor.jsx

@@ -32,11 +32,12 @@ export default class MoodEditor extends Component {
     }
 
     focus() {
-        setTimeout(() => {
-            this.refs.input.focus();
-            this.refs.input.setSelectionRange(this.state.value.length, this.state.value.length);
-
-        })
+        if (!this.cancelBeforeStart) {
+            setTimeout(() => {
+                this.refs.input.focus();
+                this.refs.input.setSelectionRange(this.state.value.length, this.state.value.length);
+            })
+        }
     }
 
     getValue() {

src/filterComponentExample/PartialMatchFilter.jsx

@@ -34,7 +34,7 @@ export default class PartialMatchFilter extends Component {
         this.state.text = model ? model.value : '';
     }
 
-    afterGuiAttached(params) {
+    componentDidMount() {
         this.focus();
     }
 

src/richGridExample/ProficiencyFilter.jsx

@@ -41,10 +41,14 @@ export default class ProficiencyFilter extends React.Component {
         this.setState(newState, this.props.filterChangedCallback);
     }
 
+
     getModel() {
         return ''
     }
 
+    setModel(model) {
+    }
+
     render() {
         const rows = [];
         PROFICIENCY_NAMES.forEach((name) => {