Create <TextInput> row component

[zhusee2]

Purpose

Create <TextInput> which renders the pre-configured <EditableText> instead of basic <Text> generated by rowComp() mixin.

Implement

1. Add <TextInput> which renders and pass whitelisted props to an <EditableText> inside.
2. Add getTextLayoutProps() helper in rowComp() so components can have the same text layout logic as a regular rowComp() component.
3. Add tests for <TextInput>.

Demo

[cjies]

controlled input should contain onChange in example ? XD

[cjies]

Here also.

主要是避免 console 會噴奇怪的 warning XD

[cjies]

Others LGTM

[zhusee2]

這邊的問題是: <EditableText> 裡面的 <input> 一直都是 controlled input XD

為了讓 <EditableText> 可以用比較簡單的方式讀取 input value、並配合更新 basic label
裡面的 <input> value 是經由 state 控制的。
所以是透過 <EditableText> 本身的實作去保留 controlled / uncontrolled input 的特性

[zhusee2]

不過我還是補一下
因為 onChange 是預期應該要加的 prop