Split TextInput into TextInputOutlined and TextInputFlat

[pbitkowski]

What this PR consists of:

• make TextInput proxy component that renders TextInputOutlined or TextInputFlat based on 'mode' props,
• move TextInput components to its own directory and change imports in index to make it work.

Motivation

Issue #791

Test plan

Open example and compare it with version without my changes.

[callstack-bot]

Hey @pbitkowski, thank you for your pull request 🤗. The documentation from this branch can be viewed here. Please remember to update Typescript types if you changed API.

[pbitkowski]

I have an issue with Flow here. It logs a long list of errors connected to possible usage of TextInput (from React Native) props on our TextInput. I used the same Properties as before so it's weird that it doesn't work. I'm not sure if the intersaction of React.ElementConfig and Object exact type is correct in TextInput props. Could you check it @ferrannp ? Thanks :)

[satya164]

I think the state can be moved up to the TextInput component to reduce duplication. Let's also move the types to a common file. The documentation can be removed from the individual components as well.

For flow types, try spreading them instead of intersection:

type Props = {|
  ...React.ElementConfig<typeof NativeTextInput>,
|}

[pbitkowski]

@satya164 I moved types to common file and used spread operator for extending React Native TextInput Props but still got errors, which is weird. BTW. I rebased my branch to master and some TS errors appeared.

[pbitkowski]

Fixed flow errors and rebased. Could you take a look @Trancever ?

[Trancever]

Shouldn't we type it as RenderProps just like in other components?

[pbitkowski]

Done

[Trancever]

We can remove this

[pbitkowski]

Done

[Trancever]

We can remove When mode == 'outlined from comment :D

[pbitkowski]

Done