feat: add form component

Author: minheq

src/components/Form/Form.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import { Box } from '../Layout';
+
+export interface FormProps {
+  children: React.ReactNode;
+  onSubmit: () => void;
+}
+
+// In React Native there is no corresponding <form> tag
+const Form = ({ children }: FormProps) => <Box>{children}</Box>;
+
+export default Form;

src/components/Form/Form.web.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+import { FormProps } from './Form';
+
+// On the web <form> enables native behavior such as `Enter` to submit
+const Form = ({ children, onSubmit }: FormProps) => (
+  <form onSubmit={onSubmit}>{children}</form>
+);
+
+export default Form;

src/components/FormField/FormField.tsx src/components/Form/FormField.tsxsrc/components/FormField/FormField.tsx renamed to src/components/Form/FormField.tsx

@@ -1 +1,2 @@
 export { default as FormField, FormFieldProps } from './FormField';
+export { default as Form, FormProps } from './Form';

src/components/FormField/index.ts src/components/Form/index.tssrc/components/FormField/index.ts renamed to src/components/Form/index.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { PickerProps } from 'react-native';
 
 import { withTheme } from '../../theme';
-import { FormField, FormFieldProps } from '../FormField';
+import { FormField, FormFieldProps } from '../Form';
 import Picker from './Picker';
 
 export interface PickerFieldProps extends FormFieldProps, PickerProps {}

src/components/Picker/PickerField.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { withTheme } from '../../theme';
-import { FormField, FormFieldProps } from '../FormField';
+import { FormField, FormFieldProps } from '../Form';
 import SelectList, { SelectListProps } from './SelectList';
 
 export interface SelectListFieldProps extends FormFieldProps, SelectListProps {}

src/components/SelectList/SelectListField.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { withTheme } from '../../theme';
-import { FormField, FormFieldProps } from '../FormField';
+import { FormField, FormFieldProps } from '../Form';
 import TextArea, { TextAreaProps } from './TextArea';
 
 export interface TextAreaFieldProps extends FormFieldProps, TextAreaProps {}

src/components/TextArea/TextAreaField.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { withTheme } from '../../theme';
-import { FormField, FormFieldProps } from '../FormField';
+import { FormField, FormFieldProps } from '../Form';
 import TextInput, { TextInputProps } from './TextInput';
 
 export interface TextInputFieldProps extends FormFieldProps, TextInputProps {}

src/components/TextInput/TextInputField.tsx

@@ -7,7 +7,7 @@ export * from './Counter';
 export * from './Dialog';
 export * from './Divider';
 export * from './Helpers';
-export * from './FormField';
+export * from './Form';
 export * from './Layout';
 export * from './Loading';
 export * from './Modal';