Add support for IntersectionTypeAnnotation

Author: jseminck

lib/rules/prop-types.js

@@ -8,11 +8,11 @@
 // https://github.com/yannickcr/eslint-plugin-react/issues/7
 
 const has = require('has');
+const util = require('util');
 const Components = require('../util/Components');
 const variable = require('../util/variable');
 const annotations = require('../util/annotations');
 const versionUtil = require('../util/version');
-
 // ------------------------------------------------------------------------------
 // Constants
 // ------------------------------------------------------------------------------
@@ -794,6 +794,18 @@ module.exports = {
             return;
           }
           break;
+        case 'IntersectionTypeAnnotation':
+          propTypes.types.forEach(annotation => {
+            const propsType = typeScope(annotation.id.name);
+            iterateProperties(propsType.properties, (key, value) => {
+              if (!value) {
+                ignorePropsValidation = true;
+                return;
+              }
+              declaredPropTypes[key] = buildTypeAnnotationDeclarationTypes(value);
+            });
+          });
+          break;
         case null:
           break;
         default:

tests/lib/rules/prop-types.js

@@ -1669,7 +1669,29 @@ ruleTester.run('prop-types', rule, {
       `,
       settings: {react: {flowVersion: '0.53'}},
       parser: 'babel-eslint'
+    }, {
+      code: `
+        type PropsA = {
+          foo: string,
+        };
+
+        type PropsB = {
+          bar: string,
+        };
+
+        type Props = PropsA & PropsB;
+
+        class Bar extends React.Component {
+          props: Props;
+          
+          render() {
+            return <div>{this.props.foo} - {this.props.bar}</div>
+          }
+        }
+      `,
+      parser: 'babel-eslint'
     },
+
     // issue #1288
     `function Foo() {
       const props = {}
@@ -3256,6 +3278,30 @@ ruleTester.run('prop-types', rule, {
         type: 'Identifier'
       }],
       parser: 'babel-eslint'
+    }, {
+      code: `
+        type PropsA = {
+          foo: string,
+        };
+
+        type PropsB = {
+          bar: string,
+        };
+
+        type Props = PropsA & PropsB;
+
+        class Bar extends React.Component {
+          props: Props;
+          
+          render() {
+            return <div>{this.props.foo} - {this.props.bar} - {this.props.fooBar}</div>
+          }
+        }
+      `,
+      parser: 'babel-eslint',
+      errors: [{
+        message: '\'fooBar\' is missing in props validation'
+      }]
     }
   ]
 });