Rename Inputs/Fields components. (refinedev#19)

* Rename Input -> TextInput.

* Rename Select -> SelectInput

* Rename examples.

* Fixed Select input usage.

* Rename Autocomplete -> AutocompleteInput.

example/src/category.tsx

@@ -7,7 +7,7 @@ import {
  Edit,
  Form,
  FormItem,
- Input,
+ TextInput,
 } from "readmin";
 
 export const CategoryList = (props: any) => {
@@ -34,7 +34,7 @@ export const CategoryCreate = (props: any) => {
  },
  ]}
  >
- <Input />
+ <TextInput />
  </FormItem>
  </Form>
  </Create>
@@ -54,7 +54,7 @@ export const CategoryEdit = (props: any) => {
  },
  ]}
  >
- <Input />
+ <TextInput />
  </FormItem>
  </Form>
  </Edit>

example/src/post.tsx

@@ -7,9 +7,9 @@ import {
  Edit,
  Form,
  FormItem,
- Input,
- Textarea,
- Select,
+ TextInput,
+ TextareaInput,
+ SelectInput,
  ReferenceInput,
 } from "readmin";
 
@@ -43,7 +43,7 @@ export const PostCreate = (props: any) => {
  },
  ]}
  >
- <Input />
+ <TextInput />
  </FormItem>
  <FormItem
  label="Url"
@@ -54,7 +54,7 @@ export const PostCreate = (props: any) => {
  },
  ]}
  >
- <Input />
+ <TextInput />
  </FormItem>
  <FormItem
  label="Content"
@@ -65,7 +65,7 @@ export const PostCreate = (props: any) => {
  },
  ]}
  >
- <Textarea />
+ <TextareaInput />
  </FormItem>
  <FormItem
  label="Status"
@@ -76,7 +76,8 @@ export const PostCreate = (props: any) => {
  },
  ]}
  >
- <Select
+ <SelectInput
+ defaultValue="active"
  options={[
  {
  label: "Active",
@@ -137,7 +138,7 @@ export const PostEdit = (props: any) => {
  },
  ]}
  >
- <Input />
+ <TextInput />
  </FormItem>
  <FormItem
  label="Url"
@@ -148,7 +149,7 @@ export const PostEdit = (props: any) => {
  },
  ]}
  >
- <Input />
+ <TextInput />
  </FormItem>
  <FormItem
  label="Content"
@@ -159,7 +160,7 @@ export const PostEdit = (props: any) => {
  },
  ]}
  >
- <Textarea />
+ <TextareaInput />
  </FormItem>
  <FormItem
  label="Status"
@@ -170,7 +171,7 @@ export const PostEdit = (props: any) => {
  },
  ]}
  >
- <Select
+ <SelectInput
  defaultValue="active"
  options={[
  {

src/components/autocomplete/index.tsx → src/components/autocompleteInput/index.tsx

@@ -2,6 +2,6 @@ import React from "react";
 import { AutoComplete as AntdAutoComplete } from "antd";
 import { AutoCompleteProps } from "antd/lib/auto-complete";
 
-export const AutoComplete: React.FC<AutoCompleteProps> = ({ ...rest }) => {
+export const AutoCompleteInput: React.FC<AutoCompleteProps> = ({ ...rest }) => {
  return <AntdAutoComplete {...rest} />;
 };

src/components/index.ts

@@ -5,7 +5,7 @@ export { Column } from "./column";
 export { Create } from "./create";
 export { Edit } from "./edit";
 export { Form, FormItem } from "./form";
-export { Input, Textarea } from "./input";
-export { AutoComplete } from "./autocomplete";
-export { Select } from "./select";
+export { TextInput, TextareaInput } from "./textInput";
+export { SelectInput } from "./selectInput";
+export { AutoCompleteInput } from "./autocompleteInput";
 export { ReferenceInput } from "./referenceInput";

src/components/referenceInput/index.tsx

@@ -2,7 +2,7 @@ import React, { useContext } from "react";
 import { useQuery } from "react-query";
 import { SelectProps } from "antd/lib/select";
 
-import { Select } from "@components";
+import { SelectInput } from "@components";
 import { DataContext } from "@contexts/data";
 import { GetListResponse, IDataContext } from "@interfaces";
 
@@ -58,7 +58,7 @@ export const ReferenceInput: React.FC<ReferenceInputProps> = ({
  };
 
  return (
- <Select
+ <SelectInput
  optionFilterProp="label"
  showSearch={showSearch}
  onSearch={onSearch}

src/components/select/index.tsx → src/components/selectInput/index.tsx

@@ -2,6 +2,6 @@ import React from "react";
 import { Select as AntdSelect } from "antd";
 import { SelectProps } from "antd/lib/select";
 
-export const Select: React.FC<SelectProps<any>> = ({ ...rest }) => {
+export const SelectInput: React.FC<SelectProps<any>> = ({ ...rest }) => {
  return <AntdSelect {...rest} />;
 };

src/components/input/index.tsx → src/components/textInput/index.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import { Input as AntdInput } from "antd";
 import { InputProps, TextAreaProps } from "antd/lib/input";
 
-export const Input: React.FC<InputProps> = ({ ...rest }) => {
+export const TextInput: React.FC<InputProps> = ({ ...rest }) => {
  return <AntdInput {...rest} />;
 };
 
-export const Textarea: React.FC<TextAreaProps> = ({ ...rest }) => {
+export const TextareaInput: React.FC<TextAreaProps> = ({ ...rest }) => {
  return <AntdInput.TextArea {...rest} />;
 };

src/index.tsx

@@ -10,10 +10,10 @@ export {
  FormItem,
  Create,
  Edit,
- Input,
- Textarea,
- AutoComplete,
- Select,
+ TextInput,
+ TextareaInput,
+ SelectInput,
+ AutoCompleteInput,
  ReferenceInput,
 } from "./components";