Final Form v4.0 compatibility (#110)

* Final Form v4.0 compatibility

* Upgraded ff dep

Author: erikras

package-lock.json

@@ -42,7 +42,7 @@
     "eslint-plugin-import": "^2.8.0",
     "eslint-plugin-jsx-a11y": "^6.0.2",
     "eslint-plugin-react": "^7.4.0",
-    "final-form": "^3.0.0",
+    "final-form": "^4.0.0",
     "flow": "^0.2.3",
     "flow-bin": "^0.61.0",
     "husky": "^0.14.3",
@@ -65,7 +65,7 @@
     "rollup-plugin-uglify": "^2.0.1"
   },
   "peerDependencies": {
-    "final-form": "^3.0.1",
+    "final-form": "^4.0.0",
     "prop-types": "^15.6.0",
     "react": "^15.3.0 || ^16.0.0-0"
   },

package.json

@@ -64,15 +64,12 @@ export default class Field extends React.PureComponent<Props, State> {
       subscription || all,
       {
         isEqual,
-        validate: this.validate,
+        getValidator: () => this.props.validate,
         validateFields
       }
     )
   }
 
-  validate = (value: ?any, allValues: Object) =>
-    this.props.validate && this.props.validate(value, allValues)
-
   notify = (state: FieldState) => this.setState({ state })
 
   componentWillReceiveProps(nextProps: Props) {

src/Field.js

@@ -17,7 +17,12 @@ import type {
 import type { FormProps as Props, ReactContext } from './types'
 import shallowEqual from './shallowEqual'
 import renderComponent from './renderComponent'
-export const version = '2.1.0'
+import { version } from './index'
+
+const versions = {
+  'final-form': ffVersion,
+  'react-final-form': version
+}
 
 export const all: FormSubscription = formSubscriptionItems.reduce(
   (result, key) => {
@@ -143,7 +148,8 @@ export default class ReactFinalForm extends React.PureComponent<Props, State> {
         focus: this.form && this.form.focus,
         handleSubmit: this.handleSubmit,
         initialize: this.form && this.form.initialize,
-        reset: this.form && this.form.reset
+        reset: this.form && this.form.reset,
+        __versions: versions
       },
       'ReactFinalForm'
     )

src/ReactFinalForm.js

@@ -1,4 +1,5 @@
 // @flow
 export { default as Field } from './Field'
-export { default as Form, version } from './ReactFinalForm'
+export { default as Form } from './ReactFinalForm'
 export { default as FormSpy } from './FormSpy'
+export const version = '2.1.0'