chore(types): Clean up some flow type issues & update packages

Author: STRML

.flowconfig

@@ -1,22 +1,27 @@
 [ignore]
-.*/node_modules/react/.*
 .*/node_modules/babel.*
 .*/node_modules/fbjs/.*
 .*/node_modules/express/.*
 .*/node_modules/serve-index/.*
-.*test
 
 [include]
-./lib
-index.js
 
 [libs]
 
 [options]
-suppress_comment=.*\\\\s*$FlowFixMe.*
-suppress_comment=.*\\\\s*$FlowBug.*
-suppress_comment=.*\\\\s*$FlowIgnore.*
-suppress_comment=\\(.\\|\n\\)*\\$FlowNewLine.*
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue
-esproposal.class_instance_fields=ignore
-esproposal.class_static_fields=ignore
+suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowFixMe.*
+suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowBug.*
+suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowIgnore.*
+suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowNewLine.*
+suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowIssue
+suppress_type=$FlowFixMe
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+esproposal.decorators=ignore
+esproposal.export_star_as=enable
+experimental.strict_call_arity=true
+module.system.node.resolve_dirname=node_modules
+module.system.node.resolve_dirname=.
+module.use_strict=true
+server.max_workers=6
+unsafe.enable_getters_and_setters=true

lib/Resizable.js

@@ -16,7 +16,7 @@ type DragCallbackData = {
   deltaX: number, deltaY: number,
   lastX: number, lastY: number
 };
-type ResizeCallbackData = {
+export type ResizeCallbackData = {
   node: HTMLElement,
   size: {width: number, height: number}
 };

lib/ResizableBox.js

@@ -2,11 +2,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Resizable from './Resizable';
-import type {Props as ResizableProps} from './Resizable';
+import type {Props as ResizableProps, ResizeCallbackData} from './Resizable';
 
 type State = {width: number, height: number};
-type Size = {width: number, height: number};
-type ResizeData = {element: Element, size: Size};
 
 // An example use of Resizable.
 export default class ResizableBox extends React.Component {
@@ -25,12 +23,13 @@ export default class ResizableBox extends React.Component {
     height: this.props.height,
   };
 
-  onResize = (e: Event, {element, size}: ResizeData) => {
+  onResize = (e: SyntheticEvent, data: ResizeCallbackData) => {
+    const {size} = data;
     const {width, height} = size;
 
     if (this.props.onResize) {
       e.persist && e.persist();
-      this.setState(size, () => this.props.onResize(e, {element, size}));
+      this.setState(size, () => this.props.onResize && this.props.onResize(e, data));
     } else {
       this.setState(size);
     }
@@ -52,6 +51,7 @@ export default class ResizableBox extends React.Component {
     const {handleSize, onResize, onResizeStart, onResizeStop, draggableOpts,
          minConstraints, maxConstraints, lockAspectRatio, axis, width, height, ...props} = this.props;
     return (
+      // $FlowIgnore children & defaultProps bug (https://github.com/facebook/flow/issues/1964)
       <Resizable
         handleSize={handleSize}
         width={this.state.width}

package.json

@@ -39,16 +39,16 @@
     "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
-    "cross-env": "^4.0.0",
+    "cross-env": "^5.0.0",
     "css-loader": "^0.28.0",
     "eslint": "^3.19.0",
-    "eslint-plugin-react": "^6.10.3",
-    "flow-bin": "^0.45.0",
+    "eslint-plugin-react": "^7.0.1",
+    "flow-bin": "^0.46.0",
     "lodash": "^4.3.0",
     "pre-commit": "^1.1.2",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
-    "style-loader": "^0.17.0",
+    "style-loader": "^0.18.1",
     "webpack": "^2.4.1",
     "webpack-dev-server": "^2.4.5"
   },