Add Flag component

[layershifter]

API discussion

This component is pretty simple. There is only one changable property. I propose use name property as in Icon #279.

<i class="ae flag"></i>
<i class="france flag"></i>
<i class="myanmar flag"></i>

<Flag name='ae' />
<Flag name='france' />
<Flag name='myanmar' />

Feedback welcome 😄

[layershifter]

Fixes #177

[codecov-io]

Current coverage is 89.01%

No coverage report found for master at 9cf78bd.

Powered by Codecov. Last updated by 9cf78bd...4e078f7

[levithomason]

Parens are only required for multi line JSX. They can be removed here.

[levithomason]

Looks good to me 👍 Let's add the flag names, ISO codes, and aliases in the prop validation for name to finish it off.

[layershifter]

Let's add the flag names, ISO codes, and aliases in the prop validation for name to finish it off.

Do you mean something like this?

const names = [
  'andorra',
  'ad',
  ...,
  'burma',
  'mm',
  'myanmar'
];

Flag._meta = {
  props: {
    name: names
  }
}

Flag.propTypes = {
 size: PropTypes.oneOf(Flag._meta.props.name)
}

[levithomason]

Yep, that will do it. As far as syntax, you can list them out horizontally since there will be many. We allow 120 columns per line.

[levithomason]

Great, lmk if there is anything else you'd like to do here. Otherwise, I'll merge this once tests pass.

[levithomason]

Oh, almost forgot. Go ahead and check it off in the README.md under support :)

[layershifter]

Updated branch and README 😄

[levithomason]

Sorry I missed this earlier, this test should be replaced with the common tests for "value only" props:

common.propValueOnlyToClassName(Flag, 'name')

This test ensures the prop is defined in _meta, is added to className when it should be, and is not added when it shouldn't be.

[levithomason]

Thanks for the component!