Code refactoring

src/Form/Form.js

@@ -1,14 +1,14 @@
-import React, {PureComponent} from 'react'
-import {FormContext, FormContextProvider} from './FormContext'
+import React, { PureComponent } from 'react'
+import { FormContext, FormContextProvider } from './FormContext'
 import Text from '../Text'
 
 class Form extends PureComponent {
     render() {
-        const {className, children, onSubmit} = this.props;
+        const { className, children, onSubmit } = this.props;
         return (
             <FormContextProvider onSubmit={onSubmit}>
                 <FormContext.Consumer>
-                    {({onSubmit: contextSubmit}) => (
+                    {({ onSubmit: contextSubmit }) => (
                         <form onSubmit={contextSubmit} className={className}>
                             {children}
                         </form>

src/Form/FormContext.js

@@ -1,4 +1,4 @@
-import React, {createContext, Component} from 'react'
+import React, { Component, createContext } from 'react'
 
 export const FormContext = createContext(null);
 
@@ -15,45 +15,45 @@ export class FormContextProvider extends Component {
             onChange: this.onChange,
             onMount: this.onMount,
             fields: {},
-            values: {}
+            values: {},
         }
     }
 
     shouldComponentUpdate(nextProps) {
-        const {onSubmit} = this.props;
+        const { onSubmit } = this.props;
         return onSubmit !== nextProps.onSubmit;
     }
 
     onSubmit(event) {
         event.preventDefault();
-        const {onSubmit} = this.props;
+        const { onSubmit } = this.props;
         onSubmit(this.state.values);
     }
 
-    onChange({target}) {
-        const {name, value} = target;
+    onChange({ target }) {
+        const { name, value } = target;
 
-        this.setState(({values}) => ({
+        this.setState(({ values }) => ({
             values: {
                 ...values,
                 [name]: value || undefined,
             },
         }));
     }
 
-    onMount(field){
-        const {name} = field;
+    onMount(field) {
+        const { name } = field;
 
-        this.setState(({fields}) => ({
+        this.setState(({ fields }) => ({
             fields: {
                 ...fields,
                 [name]: field,
-            }
+            },
         }));
     }
 
     render() {
-        const {children} = this.props;
+        const { children } = this.props;
         return (
             <FormContext.Provider value={this.state}>
                 {children}

src/Form/index.js

@@ -1,2 +1,2 @@
-export {default} from './Form'
-export {FormContext} from './FormContext';
+export { default } from './Form'
+export { FormContext } from './FormContext';

src/Text/index.js

@@ -1 +1 @@
-export {default} from './Text'
+export { default } from './Text'

src/index.js

@@ -1 +1 @@
-export {default} from './Form'
+export { default } from './Form'