style: update prettier config

Author: Almouro

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": false
+}

src/__tests__/makeReactNativeField.js

@@ -30,7 +30,9 @@ const Input = compose(
 describe("makeReactNativeField", () => {
   it("sets the input value", () => {
     const emailInput = mount(<Input name="email" />);
-    expect(emailInput.find(TextInput).props().value).toEqual("contact@bam.tech");
+    expect(emailInput.find(TextInput).props().value).toEqual(
+      "contact@bam.tech"
+    );
     const otherInput = mount(<Input name="other" />);
     expect(otherInput.find(TextInput).props().value).toEqual(undefined);
   });

src/__tests__/withError.js

@@ -24,14 +24,18 @@ const Input = compose(
 describe("withError", () => {
   it("sets the error prop", () => {
     const erroredInput = mount(<Input name="email" />);
-    expect(erroredInput.find(TextInput).props().error).toEqual("This is not a valid email.");
+    expect(erroredInput.find(TextInput).props().error).toEqual(
+      "This is not a valid email."
+    );
     const validInput = mount(<Input name="valid" />);
     expect(validInput.find(TextInput).props().error).toBeFalsy();
   });
 
   it("sets the error prop for nested key name", () => {
     const emailInput = mount(<Input name="user.password" />);
-    expect(emailInput.find(TextInput).props().error).toEqual("Password is too short!");
+    expect(emailInput.find(TextInput).props().error).toEqual(
+      "Password is too short!"
+    );
     const otherInput = mount(<Input name="user.username" />);
     expect(otherInput.find(TextInput).props().error).toEqual(undefined);
   });

src/__tests__/withInputTypeProps.js

@@ -19,7 +19,11 @@ describe("withInputTypeProps", () => {
     expect(withoutType.find(TextInput).props().someProp).toEqual("someValue");
     const withType = mount(<Input type="email" someProp="someValue" />);
     expect(withType.find(TextInput).props().someProp).toEqual("someValue");
-    const withUnknownType = mount(<Input type="unknown" someProp="someValue" />);
-    expect(withUnknownType.find(TextInput).props().someProp).toEqual("someValue");
+    const withUnknownType = mount(
+      <Input type="unknown" someProp="someValue" />
+    );
+    expect(withUnknownType.find(TextInput).props().someProp).toEqual(
+      "someValue"
+    );
   });
 });

src/__tests__/withNextInputAutoFocus.js

@@ -65,7 +65,11 @@ describe("withNextInputAutoFocus", () => {
     const onSubmitEditing = jest.fn();
     const wrapper = mount(
       <Form>
-        <Input name="first" returnKeyType="correct value" onSubmitEditing={onSubmitEditing} />
+        <Input
+          name="first"
+          returnKeyType="correct value"
+          onSubmitEditing={onSubmitEditing}
+        />
       </Form>
     );
 

src/makeReactNativeField.js

@@ -5,21 +5,27 @@ import withFormik from "./withFormik";
 
 const makeReactNativeField = compose(
   withFormik,
-  mapProps(({ formik: { setFieldValue, setFieldTouched, values, isSubmitting }, name, ...props }) => ({
-    value: _.get(values, name),
-    ...props,
-    name,
-    onChangeText: text => {
-      setFieldValue(name, text);
-      if (props.onChangeText) props.onChangeText(text);
-    },
-    onBlur: () => {
-      // validate onBlur only while not submitting
-      // this prevents validating twice in succession when clicking 'done' on keyboard - first onSubmitEditing, then onBlur
-      setFieldTouched(name, true, !isSubmitting);
-      if (props.onBlur) props.onBlur();
-    }
-  }))
+  mapProps(
+    ({
+      formik: { setFieldValue, setFieldTouched, values, isSubmitting },
+      name,
+      ...props
+    }) => ({
+      value: _.get(values, name),
+      ...props,
+      name,
+      onChangeText: text => {
+        setFieldValue(name, text);
+        if (props.onChangeText) props.onChangeText(text);
+      },
+      onBlur: () => {
+        // validate onBlur only while not submitting
+        // this prevents validating twice in succession when clicking 'done' on keyboard - first onSubmitEditing, then onBlur
+        setFieldTouched(name, true, !isSubmitting);
+        if (props.onBlur) props.onBlur();
+      }
+    })
+  )
 );
 
 export default makeReactNativeField;

src/withFocus.js

@@ -17,7 +17,14 @@ const withFocusProp = WrappedInput => {
     };
 
     render() {
-      return <WrappedInput focused={this.state.focused} {...this.props} onBlur={this.onBlur} onFocus={this.onFocus} />;
+      return (
+        <WrappedInput
+          focused={this.state.focused}
+          {...this.props}
+          onBlur={this.onBlur}
+          onFocus={this.onFocus}
+        />
+      );
     }
   };
 };

src/withPickerValues/KeyboardModal.js

@@ -17,7 +17,10 @@ const renderModal = (props: PropsType, open: ?boolean) => (
     position="bottom"
     moveAboveKeyboard={false}
     isOpen={open}
-    style={[{ height: 216, backgroundColor: "rgb(200, 203, 211)" }, props.style]}
+    style={[
+      { height: 216, backgroundColor: "rgb(200, 203, 211)" },
+      props.style
+    ]}
     easing={props.easingAnimation}
   >
     {props.children}
@@ -32,7 +35,8 @@ let currentProps;
 
 const updateKeyboardModalComponent = (props: PropsType, open: ?boolean) => {
   if (open) currentProps = props;
-  if (keyboardModalInstance) keyboardModalInstance.update(renderModal(props, open));
+  if (keyboardModalInstance)
+    keyboardModalInstance.update(renderModal(props, open));
 };
 
 const open = (keyboardComponent: any) => {
@@ -54,7 +58,10 @@ const createKeyboardModalComponent = (props: PropsType) => {
   currentProps = props;
 
   keyboardModalInstance = new RootSiblings(renderModal(props));
-  keyboardDidShowListener = Keyboard.addListener("keyboardWillShow", keyboardDidShow);
+  keyboardDidShowListener = Keyboard.addListener(
+    "keyboardWillShow",
+    keyboardDidShow
+  );
 };
 
 const removeKeyboardModalComponent = () => {

src/withPickerValues/PickerModal.js

@@ -32,7 +32,11 @@ class PickerModal extends PureComponent<PropsType> {
       values.unshift({ value: "", label: "" });
     }
     const picker = (
-      <Picker onValueChange={this.onValueChange} selectedValue={value} prompt={placeholder}>
+      <Picker
+        onValueChange={this.onValueChange}
+        selectedValue={value}
+        prompt={placeholder}
+      >
         {values.map(item => (
           <Picker.Item key={item.value} {...item} />
         ))}
@@ -66,7 +70,9 @@ class PickerModal extends PureComponent<PropsType> {
   render() {
     return (
       <View>
-        <DisableKeyboard onPress={this.openPicker}>{this.props.children}</DisableKeyboard>
+        <DisableKeyboard onPress={this.openPicker}>
+          {this.props.children}
+        </DisableKeyboard>
         {this.renderPicker()}
       </View>
     );

src/withPickerValues/withPickerValues.js

@@ -4,15 +4,23 @@ import React from "react";
 import PickerModal from "./PickerModal";
 
 const withPickerModal = Component => {
-  class WithPickerModal extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
+  class WithPickerModal extends React.Component<
+    $FlowFixMeProps,
+    $FlowFixMeState
+  > {
     render() {
       const selectedItem =
         this.props.values && this.props.values.length > 0
-          ? this.props.values.find(item => item && item.value === this.props.value)
+          ? this.props.values.find(
+              item => item && item.value === this.props.value
+            )
           : undefined;
       return (
         <PickerModal {...this.props}>
-          <Component {...this.props} value={selectedItem ? selectedItem.label : ""} />
+          <Component
+            {...this.props}
+            value={selectedItem ? selectedItem.label : ""}
+          />
         </PickerModal>
       );
     }