jsx-wrap-multilines option for always newlining

[planttheidea]

There are a few other issues related to this concept, where the autofix for jsx-wrap-multilines results in something like this:

return (<div>
  foo
</div>);

This happens in specific scenarios (when there is no indentation set), but this always happens with multiline self-closing tags:

return (<SomeChildlessComponent
  foo="foo"
  bar="bar"
/>);

It would be really handy if there was an option added to jsx-wrap-multiline that always newlined the wrapped output on autofix, so that tag alignment was maintained:

return (
  <SomeChildlessComponent
    foo="foo"
    bar="bar"
  />
);

Since the whole point is that wrapping the element enhances readability, this option would help greatly.

[jseminck]

I believe this was already requested here: #1207 (comment)

Although that comment is a bit hidden...

[ljharb]

Does #1475 cover this?

[jseminck]

I think it does. Given the right configuration. The rule is quite complex now (many options) but it's also really powerful. 😄

See example below, using autofixer on save + jsx-ident rule. Not sure why hello world does not get indented, but that's not part of this rule but jsx-indent instead.