Put jsx-indent attribute check behind an option

Author: jomasti

lib/rules/jsx-indent.js

@@ -50,6 +50,14 @@ module.exports = {
       }, {
         type: 'integer'
       }]
+    }, {
+      type: 'object',
+      properties: {
+        checkAttributes: {
+          type: 'boolean'
+        }
+      },
+      additionalProperties: false
     }]
   },
 
@@ -73,6 +81,7 @@ module.exports = {
     }
 
     const indentChar = indentType === 'space' ? ' ' : '\t';
+    const checkAttributes = context.options[1] && context.options[1].checkAttributes || false;
 
     /**
      * Responsible for fixing the indentation issue fix
@@ -243,7 +252,7 @@ module.exports = {
     }
 
     function handleAttribute(node) {
-      if (node.value.type !== 'JSXExpressionContainer') {
+      if (!checkAttributes || node.value.type !== 'JSXExpressionContainer') {
         return;
       }
       const nameIndent = getNodeIndent(node.name);

tests/lib/rules/jsx-indent.js

@@ -716,6 +716,110 @@ ruleTester.run('jsx-indent', rule, {
     `,
     parser: 'babel-eslint',
     options: [2]
+  }, {
+    code: `
+    const Component = () => (
+      <View
+        ListFooterComponent={(
+          <View
+            rowSpan={3}
+            placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+          />
+    )}
+      />
+    );
+    `,
+    output: `
+    const Component = () => (
+      <View
+        ListFooterComponent={(
+          <View
+            rowSpan={3}
+            placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+          />
+        )}
+      />
+    );
+    `,
+    options: [2]
+  }, {
+    code: `
+const Component = () => (
+\t<View
+\t\tListFooterComponent={(
+\t\t\t<View
+\t\t\t\trowSpan={3}
+\t\t\t\tplaceholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+\t\t\t/>
+)}
+\t/>
+);
+    `,
+    output: `
+const Component = () => (
+\t<View
+\t\tListFooterComponent={(
+\t\t\t<View
+\t\t\t\trowSpan={3}
+\t\t\t\tplaceholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+\t\t\t/>
+\t\t)}
+\t/>
+);
+    `,
+    options: ['tab']
+  }, {
+    code: `
+    const Component = () => (
+      <View
+        ListFooterComponent={(
+          <View
+            rowSpan={3}
+            placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+          />
+    )}
+      />
+    );
+    `,
+    output: `
+    const Component = () => (
+      <View
+        ListFooterComponent={(
+          <View
+            rowSpan={3}
+            placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+          />
+        )}
+      />
+    );
+    `,
+    options: [2, {checkAttributes: false}]
+  }, {
+    code: `
+const Component = () => (
+\t<View
+\t\tListFooterComponent={(
+\t\t\t<View
+\t\t\t\trowSpan={3}
+\t\t\t\tplaceholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+\t\t\t/>
+)}
+\t/>
+);
+    `,
+    output: `
+const Component = () => (
+\t<View
+\t\tListFooterComponent={(
+\t\t\t<View
+\t\t\t\trowSpan={3}
+\t\t\t\tplaceholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
+\t\t\t/>
+\t\t)}
+\t/>
+);
+    `,
+    options: ['tab', {checkAttributes: false}]
   }],
 
   invalid: [{
@@ -1503,7 +1607,7 @@ ruleTester.run('jsx-indent', rule, {
       />
     );
     `,
-    options: [2],
+    options: [2, {checkAttributes: true}],
     errors: [
       {message: 'Expected indentation of 8 space characters but found 4.'}
     ]
@@ -1532,7 +1636,7 @@ const Component = () => (
 \t/>
 );
     `,
-    options: ['tab'],
+    options: ['tab', {checkAttributes: true}],
     errors: [
       {message: 'Expected indentation of 2 tab characters but found 0.'}
     ]