Remove flow (#1298)

.npmignore

@@ -16,6 +16,5 @@ bower.json
 CONTRIBUTING.md
 .flowconfig
 secure-file
-flow
 ci
 npm-debug.log

packages/common/cells/headerCells/SortableHeaderCell.js

@@ -47,7 +47,7 @@ class SortableHeaderCell extends React.Component {
     return this.props.sortDirection === 'NONE' ? '' : String.fromCharCode(unicodeKeys[this.props.sortDirection]);
   };
 
-  render(): ?ReactElement {
+  render() {
     let className = joinClasses({
       'react-grid-HeaderCell-sortable': true,
       'react-grid-HeaderCell-sortable--ascending': this.props.sortDirection === 'ASC',

packages/react-data-grid-addons/src/formatters/index.js

@@ -1,4 +1,3 @@
-/* @flow */
 // not including this
 // it currently requires the whole of moment, which we dont want to take as a dependency
 const ImageFormatter = require('./ImageFormatter');

packages/react-data-grid-examples/src/scripts/documentation02-apireference.js

@@ -16,7 +16,6 @@ class ApiReference extends React.Component {
         </div>
         <div className="code-block flow">
           <pre>
-            /* @flow */
             <br />
             <code>{GridRowsUpdateEvent}</code>
           </pre>

packages/react-data-grid-examples/src/scripts/example24-draggable-header.js

@@ -38,12 +38,12 @@ class Example extends React.Component {
       stateCopy.columns.splice(columnSourceIndex, 1)[0]
     );
 
-    const emptyColumns = Object.assign({},this.state, { columns: [] });
+    const emptyColumns = Object.assign({}, this.state, { columns: [] });
     this.setState(
       emptyColumns
     );
 
-    const reorderedColumns = Object.assign({},this.state, { columns: stateCopy.columns });
+    const reorderedColumns = Object.assign({}, this.state, { columns: stateCopy.columns });
     this.setState(
       reorderedColumns
     );
@@ -75,7 +75,7 @@ class Example extends React.Component {
 
   render() {
     return (
-      <DraggableContainer 
+      <DraggableContainer
         onHeaderDrop={this.onHeaderDrop}>
         <ReactDataGrid
           columns={this.state.columns}

packages/react-data-grid/src/Draggable.js

@@ -21,15 +21,15 @@ class Draggable extends React.Component {
     onDrag: () => {}
   };
 
-  state: {drag: ?any} = {
+  state = {
     drag: null
   };
 
   componentWillUnmount() {
     this.cleanUp();
   }
 
-  onMouseDown = (e: SyntheticMouseEvent) => {
+  onMouseDown = (e) => {
     let drag = this.props.onDragStart(e);
     if (e.preventDefault) {
       e.preventDefault();
@@ -47,7 +47,7 @@ class Draggable extends React.Component {
     this.setState({drag});
   };
 
-  onMouseMove = (e: SyntheticEvent) => {
+  onMouseMove = (e) => {
     if (this.state.drag === null) {
       return;
     }
@@ -59,7 +59,7 @@ class Draggable extends React.Component {
     this.props.onDrag(e);
   };
 
-  onMouseUp = (e: SyntheticEvent) => {
+  onMouseUp = (e) => {
     this.cleanUp();
     this.props.onDragEnd(e, this.state.drag);
     this.setState({drag: null});
@@ -76,7 +76,7 @@ class Draggable extends React.Component {
     return createObjectWithProperties(this.props, knownDivPropertyKeys);
   };
 
-  render(): ?ReactElement {
+  render() {
     return (
       <div {...this.getKnownDivProps()}
         onMouseDown={this.onMouseDown}

packages/react-data-grid/src/HeaderCell.js

@@ -8,7 +8,7 @@ require('../../../themes/react-data-grid-header.css');
 
 import PropTypes from 'prop-types';
 
-function simpleCellRenderer(objArgs: {column: {name: string}}): ReactElement {
+function simpleCellRenderer(objArgs) {
   let headerText = objArgs.column.rowType === 'header' ? objArgs.column.name : '';
   return <div className="widget-HeaderCell__value">{headerText}</div>;
 }
@@ -27,15 +27,15 @@ class HeaderCell extends React.Component {
     renderer: simpleCellRenderer
   };
 
-  state: {resizing: boolean} = {resizing: false};
+  state = {resizing: false};
 
-  onDragStart = (e: SyntheticMouseEvent) => {
+  onDragStart = (e) => {
     this.setState({resizing: true});
     // need to set dummy data for FF
     if (e && e.dataTransfer && e.dataTransfer.setData) e.dataTransfer.setData('text/plain', 'dummy');
   };
 
-  onDrag = (e: SyntheticMouseEvent) => {
+  onDrag = (e) => {
     let resize = this.props.onResize || null; // for flows sake, doesnt recognise a null check direct
     if (resize) {
       let width = this.getWidthFromMouseEvent(e);
@@ -45,19 +45,19 @@ class HeaderCell extends React.Component {
     }
   };
 
-  onDragEnd = (e: SyntheticMouseEvent) => {
+  onDragEnd = (e) => {
     let width = this.getWidthFromMouseEvent(e);
     this.props.onResizeEnd(this.props.column, width);
     this.setState({resizing: false});
   };
 
-  getWidthFromMouseEvent = (e: SyntheticMouseEvent): number => {
+  getWidthFromMouseEvent = (e) => {
     let right = e.pageX || (e.touches && e.touches[0] && e.touches[0].pageX) || (e.changedTouches && e.changedTouches[e.changedTouches.length - 1].pageX);
     let left = ReactDOM.findDOMNode(this).getBoundingClientRect().left;
     return right - left;
   };
 
-  getCell = ()=> {
+  getCell = () => {
     const {height, column, renderer} = this.props;
     if (React.isValidElement(renderer)) {
       // if it is a string, it's an HTML element, and column is not a valid property, so only pass height
@@ -69,7 +69,7 @@ class HeaderCell extends React.Component {
     return this.props.renderer({column});
   };
 
-  getStyle = (): {width:number; left: number; display: string; position: string; overflow: string; height: number; margin: number; textOverflow: string; whiteSpace: string } => {
+  getStyle = () => {
     return {
       width: this.props.column.width,
       left: this.props.column.left,
@@ -82,7 +82,7 @@ class HeaderCell extends React.Component {
     };
   };
 
-  setScrollLeft = (scrollLeft: number) => {
+  setScrollLeft = (scrollLeft) => {
     let node = ReactDOM.findDOMNode(this);
     node.style.webkitTransform = `translate3d(${scrollLeft}px, 0px, 0px)`;
     node.style.transform = `translate3d(${scrollLeft}px, 0px, 0px)`;
@@ -97,7 +97,7 @@ class HeaderCell extends React.Component {
     }
   };
 
-  render(): ?ReactElement {
+  render() {
     let resizeHandle;
     if (this.props.column.resizable) {
       resizeHandle = (<ResizeHandle