Improved rendering of props

[kesne]

This improves how props are rendered, with the intent of solving #22.

• Wraps all required values with {} in the jsx. Strings remain un-wrapped.
• Boolean true values will now have the ={true} omitted to prefer the JSX shorthand.
• Doesn't limit the number of props that can be displayed.
• If there are more than 3 props, they are split across multiple lines.
• Space between props is actual whitespace, so copying and pasting should be possible!

[arunoda]

Thanks @kesne.
@roonyh could you have a look at this?

[Maxhodges]

maybe also take a look at d26243d

We propose adding a class to proptables to allow easier custom styles

[roonyh]

Shall we add parenthesis (!props[name] || typeof props[name] !== 'boolean') && ( ?
Because if someone explicitly specified false as the value of a boolean prop this renders it as implicit true.

[kesne]

Good catch!

[roonyh]

@kesne This is great!! Could you check my one comment? Thanks!

[kesne]

@roonyh Updated!

[roonyh]

@kesne Thanks! 👍

[thani-sh]

Published v3.0.9