Require JSX attributes and logical expressions to be indented correctly (react/jsx-indent)

[feross]

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-indent.md

We already have this rule enabled, but I want to add more options to the rule.

Before:

    "react/jsx-indent": ["error", 2],

After:

    "react/jsx-indent": ["error", 2, { "checkAttributes": true, "indentLogicalExpressions": true }],

This is now considered a warning (wasn't before):

    const Component = () => (
      <View
        ListFooterComponent={(
          <View
            rowSpan={3}
            placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
          />
    )} // <--- note this is misaligned
      />
    );

Should be:

    const Component = () => (
      <View
        ListFooterComponent={(
          <View
            rowSpan={3}
            placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
          />
        )}
      />
    );

This is now considered a warning (wasn't before):

<App>
  {condition && (
  <Hello />
  )}
</App>

Should be:

<App>
  {condition && (
    <Hello />
  )}
</App>

[feross]

Might need to revert this if there's some cases I haven't thought of, but I'm going to ship it and wait for the complaints (if any). I want to get all these JSX rules out at the same time.

Shipping in standard 14.