Feature request: Break React storybook stories onto multiple lines

[suchipi]

Is there interest in special-casing React Storybook printing so that examples are always multiline? This is how I've always formatted my stories, but I'm not sure how common it is.

Prettier 1.9.2
Playground link

Input:

import * as React from "react";
import { storiesOf } from "@storybook/react";
import ProgressBar from "./ProgressBar";

storiesOf("ProgressBar", module)
  .add("0", () => (
    <ProgressBar value={0} />
  ))
  .add("0.5", () => (
    <ProgressBar value={0.5} />
  ))
  .add("1", () => (
    <ProgressBar value={1} />
  ));

Output:

import * as React from "react";
import { storiesOf } from "@storybook/react";
import ProgressBar from "./ProgressBar";

storiesOf("ProgressBar", module)
  .add("0", () => <ProgressBar value={0} />)
  .add("0.5", () => <ProgressBar value={0.5} />)
  .add("1", () => <ProgressBar value={1} />);

Expected behavior:

Same as input

[azz]

What about the render props use case:

<Foo
  renderBar={({ value }) => <Bar value={value} />}
/>

vs.

<Foo
  renderBar={({ value }) => (
    <Bar value={value} />
  )}
/>

/cc @mjackson @kentcdodds thoughts?

[suchipi]

Meta question: is lang:jsx a superset of lang:javascript? I've been adding them both in some cases.

[kentcdodds]

I'm fine with either personally. I'd expect the one line for short lines and the multiple line with parentheses for long ones 🤷‍♂️