enables flow callable generics syntax (#71)

* enables flow callable generics syntax

Passes all=true option to flow plugin as defined in babel-parser docs
here: https://babeljs.io/docs/en/next/babel-parser.html#plugins-options.

Doing so enables the syntax defined in the flow docs here:
https://flow.org/en/docs/types/generics/#toc-function-types-with-generics

Example: `<T>(param: T) => T`

* adds type in input position

* adds changeset

Author: chasestarr

.changeset/8ac6319d/changes.json

@@ -0,0 +1,21 @@
+{
+  "releases": [{ "name": "extract-react-types", "type": "minor" }],
+  "dependents": [
+    {
+      "name": "babel-plugin-extract-react-types",
+      "type": "patch",
+      "dependencies": ["extract-react-types"]
+    },
+    {
+      "name": "extract-react-types-loader",
+      "type": "patch",
+      "dependencies": ["extract-react-types"]
+    },
+    { "name": "kind2string", "type": "patch", "dependencies": ["extract-react-types"] },
+    {
+      "name": "pretty-proptypes",
+      "type": "patch",
+      "dependencies": ["kind2string", "extract-react-types"]
+    }
+  ]
+}

.changeset/8ac6319d/changes.md

@@ -0,0 +1 @@
+sets 'all' option in flow parser to true

packages/extract-react-types/__snapshots__/test.js.snap

@@ -1215,6 +1215,32 @@ Object {
 }
 `;
 
+exports[`flow forwardRef callable type arguments 1`] = `
+Object {
+  "component": Object {
+    "kind": "generic",
+    "value": Object {
+      "kind": "object",
+      "members": Array [
+        Object {
+          "key": Object {
+            "kind": "id",
+            "name": "name",
+          },
+          "kind": "property",
+          "optional": false,
+          "value": Object {
+            "kind": "string",
+          },
+        },
+      ],
+      "referenceIdName": "Props",
+    },
+  },
+  "kind": "program",
+}
+`;
+
 exports[`flow forwardRef default export 1`] = `
 Object {
   "component": Object {

packages/extract-react-types/src/index.js

@@ -1451,7 +1451,7 @@ function getContext(typeSystem: 'flow' | 'typescript', filename?: string, resolv
   }
 
   if (typeSystem === 'flow') {
-    plugins.push('flow');
+    plugins.push(['flow', { all: true }]);
   } else if (typeSystem === 'typescript') {
     plugins.push('typescript');
 

packages/extract-react-types/test.js

@@ -33,7 +33,7 @@ const TESTS = [
         and: true && 'something',
       }
     }
-    
+
   `
   },
   {
@@ -45,7 +45,7 @@ const TESTS = [
         or: 'me' || 'you',
       }
     }
-    
+
   `
   },
   {
@@ -415,9 +415,9 @@ const TESTS = [
     interface BadgeProps {
       texture: string;
     }
-    
+
     function Badge({ texture }: BadgeProps) {}
-    
+
     Badge.f = [];
 
     export default Badge;
@@ -430,7 +430,7 @@ const TESTS = [
     interface BadgeProps {
       texture: Texture["src"];
     }
-    
+
     function Badge({ texture }: BadgeProps) {}
 
     export default Badge;
@@ -460,7 +460,7 @@ const TESTS = [
     export class Theme extends React.Component<{}, {}> {
       @Field(_ => ID)
       public id!: string;
-    
+
       @Field(_ => Textures)
       public fonts!: Textures;
 
@@ -1382,6 +1382,23 @@ const TESTS = [
       export default React.forwardRef((props: Props, ref) => <Component {...props} ref={ref} />);
     `
   },
+  {
+    name: 'flow forwardRef callable type arguments',
+    typeSystem: 'flow',
+    code: `
+      type Props = {
+        name: string,
+      }
+
+      function Component (props: Props) {};
+
+      Component.defaultProps = {
+        name: 'bob',
+      };
+
+      export default React.forwardRef<Props, HTMLElement>((props: Props, ref) => <Component {...props} ref={ref} />);
+    `
+  },
   {
     name: 'flow default class export',
     typeSystem: 'flow',
@@ -1405,27 +1422,27 @@ const TESTS = [
     type Props = {
       ok: number
     }
-    
+
     class FieldInner extends React.Component<Props> {
       unregisterField = () => {};
-    
+
       componentDidMount() {
         this.unregisterField = this.register();
       }
-    
+
       componentWillUnmount() {
         this.unregisterField();
       }
     }
-    
+
     const Field = (props: Props) => <FieldInner {...props} />;
-    
+
     Field.defaultProps = {
       ok: 1
     };
-    
+
     export default Field;
-    
+
     `
   },
   {
@@ -1442,7 +1459,7 @@ const TESTS = [
 
     export default SomeComponent
 
-    
+
     `
   },
   {
@@ -1458,7 +1475,7 @@ const TESTS = [
     })
 
     export default SomeComponent
-    
+
     `
   },
   {
@@ -1474,7 +1491,7 @@ const TESTS = [
     }
 
     export default SomeComponent
-    
+
     `
   },
   {
@@ -1490,7 +1507,7 @@ const TESTS = [
     })
 
     export default SomeComponent
-    
+
     `
   },
   {
@@ -1506,7 +1523,7 @@ const TESTS = [
     })
 
     export default SomeComponent
-    
+
     `
   },
   {
@@ -1522,7 +1539,7 @@ const TESTS = [
     })
 
     export default SomeComponent
-    
+
     `
   },
   {
@@ -1538,7 +1555,7 @@ const TESTS = [
     }))
 
     export default SomeComponent
-    
+
     `
   },
   {
@@ -1585,7 +1602,7 @@ const TESTS = [
     typeSystem: 'flow',
     code: `
     type Props = { bar: string }
-  
+
     class Component extends React.Component<Props> {
       static defaultProps = {
         bar: (ascii: string),