Attempt to revise <TextLabel> (pt. 2)

[zhusee2]

Purpose

Finish the revised-and-simplified <TextLabel> and its foundations that will be using to build all other row components.

Concept

The components that will be placed inside a row-container is called Row Component.
Therefore the mixin for them is named rowComp().

A RowComp can be used in the following 2 ways:

Use pre-configured layout by passing everything via props

<TextLabel
    basic="Basic Text"
    tag="Tag"
    aside="Aside Text"
    align="center"
    status"loading" />

Customize layout via children

<TextLabel status="error">
    <Icon type="star" />
    <Text basic="Announcements" />
    <Icon type="star" />
</TextLabel>

Implement

1. Add rowComp() and withStatus() HOC mixins.
2. <Text> is now pre-wrapped with withStatus() to auto handle status from context.
3. Add <TextLabel>, which is a plain component wrapped with rowComp()
4. Update state styles for row components.
5. Bump version to 0.4.0

Package dependencies

babel-runtime is now listed as a peer dependency, instead of a dev dependency.
When you take a look at the top of the Babel-transformed StatusIcon.js, you can see:

import _Object$values from 'babel-runtime/core-js/object/values';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
import React, { PureComponent, PropTypes } from 'react';
import icBEM from './utils/icBEM';

It's obvious that the codes that we offer does require babel-runtime.
Since the consumers of our package are also supposed to be using React and Babel, it's reasonable to list it as a peer dependency.

HTML output compare

It's 41% less lines compared to previous approach in ic-framework-react:

[cjies]

Add .vscode in gitignore

[zhusee2]

Actually I just removed it from codebase lol
I think it should be added to the repo if it's used; however it's not used anymore.

[cjies]

.vscode/ will contain personal workspace settings, I think it should not included in git.

[cjies]

Should provide more test case to describe how this component works?

[zhusee2]

I did not write more tests, because I believed that its behaviors have been covered by tests for rowComp() and <Text>.

Since <TextLabel>, for now, is simply a state-less component which renders anything provided by rowComp(), I think tests for it will bring in code duplication.

But I'll add a few more examples and comments to explain how it works.

[cjies]

Ya, but only renders without crashing is not enough, if we change the internal structure or we remove the rowComp() mixin, this case will pass also.

Maybe we can have some simple test to make sure the internal rowComp() works probably.

[cjies]

LGTM. Thanks 🙌

[zhusee2]

🙌🏻