Add support to IntersectionTypeAnnotation for no-unused-prop-types

Author: jseminck

lib/rules/no-unused-prop-types.js

@@ -736,6 +736,26 @@ 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;
+              }
+
+              let types = buildTypeAnnotationDeclarationTypes(value, key);
+              if (types === true) {
+                types = {};
+              }
+              types.fullName = key;
+              types.name = key;
+              types.node = value;
+              declaredPropTypes.push(types);
+            });
+          });
+          break;
         case null:
           break;
         default:

tests/lib/rules/no-unused-prop-types.js

@@ -824,6 +824,21 @@ ruleTester.run('no-unused-prop-types', rule, {
         '}'
       ].join('\n'),
       parser: 'babel-eslint'
+    }, {
+      code: `
+      type PropsA = { a: string }
+      type PropsB = { b: string }
+      type Props = PropsA & PropsB;
+      
+      class MyComponent extends React.Component {
+        props: Props;
+        
+        render() {
+          return <div>{this.props.a} - {this.props.b}</div>
+        }
+      }
+      `,
+      parser: 'babel-eslint'
     }, {
       code: [
         'import type Props from "fake";',
@@ -2637,6 +2652,24 @@ ruleTester.run('no-unused-prop-types', rule, {
       errors: [
         {message: '\'unused\' PropType is defined but prop is never used'}
       ]
+    }, {
+      code: `
+      type PropsA = { a: string }
+      type PropsB = { b: string }
+      type Props = PropsA & PropsB;
+      
+      class MyComponent extends React.Component {
+        props: Props;
+        
+        render() {
+          return <div>{this.props.a}</div>
+        }
+      }
+      `,
+      parser: 'babel-eslint',
+      errors: [
+        {message: '\'b\' PropType is defined but prop is never used'}
+      ]
     }, {
       code: [
         'class Hello extends React.Component {',

tests/lib/rules/prop-types.js

@@ -3280,17 +3280,11 @@ ruleTester.run('prop-types', rule, {
       parser: 'babel-eslint'
     }, {
       code: `
-        type PropsA = {
-          foo: string,
-        };
-
-        type PropsB = {
-          bar: string,
-        };
-
+        type PropsA = {foo: string };
+        type PropsB = { bar: string };
         type Props = PropsA & PropsB;
 
-        class Bar extends React.Component {
+        class MyComponent extends React.Component {
           props: Props;
           
           render() {