chore(eslint): add linter config

Author: Almouro

index.js

@@ -1,17 +1,14 @@
-import { compose } from 'recompose';
-import setFormikInitialValue from './src/setFormikInitialValue';
-import withError from './src/withError';
-import withFocus from './src/withFocus';
-import withFormik from './src/withFormik';
-import withInputTypeProps from './src/withInputTypeProps';
-import withTouched from './src/withTouched';
-import withPickerValues from './src/withPickerValues';
-import KeyboardModal from './src/withPickerValues/KeyboardModal';
-import makeReactNativeField from './src/makeReactNativeField';
-import {
-  withNextInputAutoFocusForm,
-  withNextInputAutoFocusInput,
-} from './src/withNextInputAutoFocus';
+import { compose } from "recompose";
+import setFormikInitialValue from "./src/setFormikInitialValue";
+import withError from "./src/withError";
+import withFocus from "./src/withFocus";
+import withFormik from "./src/withFormik";
+import withInputTypeProps from "./src/withInputTypeProps";
+import withTouched from "./src/withTouched";
+import withPickerValues from "./src/withPickerValues";
+import KeyboardModal from "./src/withPickerValues/KeyboardModal";
+import makeReactNativeField from "./src/makeReactNativeField";
+import { withNextInputAutoFocusForm, withNextInputAutoFocusInput } from "./src/withNextInputAutoFocus";
 
 const makeInputsGreatAgain = compose(
   withInputTypeProps,

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "type": "index.d.ts",
   "scripts": {
-    "test": "jest --coverage",
+    "test": "eslint index.js src && jest --coverage",
     "commitmsg": "validate-commit-msg",
     "commit": "git-cz",
     "semantic-release": "semantic-release",
@@ -43,9 +43,12 @@
     "cz-conventional-changelog": "^2.1.0",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.0.0",
+    "eslint": "^5.2.0",
+    "eslint-config-bambi": "^1.4.0",
     "formik": "^1.0.2",
     "husky": "^0.14.3",
     "jest": "^22.4.2",
+    "prettier": "^1.14.0",
     "react": "16.2.0",
     "react-dom": "16.2.0",
     "react-native": "0.53.0",
@@ -60,5 +63,11 @@
   },
   "peerDependencies": {
     "formik": ">= 0.11.x < 2"
+  },
+  "eslintConfig": {
+    "extends": "bambi/native",
+    "rules": {
+      "no-unused-vars": "error"
+    }
   }
 }

src/__tests__/makeReactNativeField.js

@@ -1,6 +1,5 @@
 import React from "react";
-import PropTypes from "prop-types";
-import { compose, withContext } from "recompose";
+import { compose } from "recompose";
 import { TextInput } from "react-native";
 import { mount } from "enzyme";
 
@@ -19,11 +18,14 @@ const formikContext = {
     email: "contact@bam.tech",
     user: {
       username: "bam-dev",
-      password: 'goodchallenge',
+      password: "goodchallenge"
     }
   }
 };
-const Input = compose(withFormikMock(formikContext), makeReactNativeField)(TextInput);
+const Input = compose(
+  withFormikMock(formikContext),
+  makeReactNativeField
+)(TextInput);
 
 describe("makeReactNativeField", () => {
   it("sets the input value", () => {
@@ -33,7 +35,7 @@ describe("makeReactNativeField", () => {
     expect(otherInput.find(TextInput).props().value).toEqual(undefined);
   });
 
-  it('sets the input value for nested key name', () => {
+  it("sets the input value for nested key name", () => {
     const emailInput = mount(<Input name="user.username" />);
     expect(emailInput.find(TextInput).props().value).toEqual("bam-dev");
     const otherInput = mount(<Input name="user.other" />);

src/__tests__/setFormikInitialValue.js

@@ -1,6 +1,5 @@
 import React from "react";
-import PropTypes from "prop-types";
-import { compose, withContext } from "recompose";
+import { compose } from "recompose";
 import { TextInput } from "react-native";
 import { mount } from "enzyme";
 
@@ -22,12 +21,15 @@ beforeEach(() => {
     }
   };
 
-  Input = compose(withFormikMock(formikContext), setFormikInitialValue)(TextInput);
+  Input = compose(
+    withFormikMock(formikContext),
+    setFormikInitialValue
+  )(TextInput);
 });
 
 describe("setFormikInitialValue", () => {
   it("sets the initial value to ''", () => {
-    const touchedInput = mount(<Input name="inputName" />);
+    mount(<Input name="inputName" />);
     expect(setFieldValue).toBeCalledWith("inputName", "");
   });
 
@@ -37,7 +39,7 @@ describe("setFormikInitialValue", () => {
   });
 
   it("does not set initial value if set by formik, e.g. with initial values", () => {
-    const wrapper = mount(<Input name="this input has been set by formik" />);
-    expect(setFieldValue).not.toBeCalled()
+    mount(<Input name="this input has been set by formik" />);
+    expect(setFieldValue).not.toBeCalled();
   });
 });

src/__tests__/withError.js

@@ -1,6 +1,5 @@
 import React from "react";
-import PropTypes from "prop-types";
-import { compose, withContext } from "recompose";
+import { compose } from "recompose";
 import { TextInput } from "react-native";
 import { mount } from "enzyme";
 
@@ -17,7 +16,10 @@ const formikContext = {
     }
   }
 };
-const Input = compose(withFormikMock(formikContext), withError)(TextInput);
+const Input = compose(
+  withFormikMock(formikContext),
+  withError
+)(TextInput);
 
 describe("withError", () => {
   it("sets the error prop", () => {
@@ -27,7 +29,7 @@ describe("withError", () => {
     expect(validInput.find(TextInput).props().error).toBeFalsy();
   });
 
-  it('sets the error prop for nested key name', () => {
+  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!");
     const otherInput = mount(<Input name="user.username" />);

src/__tests__/withNextInputAutoFocus.js

@@ -1,6 +1,5 @@
 import React from "react";
-import PropTypes from "prop-types";
-import { compose, withContext } from "recompose";
+import { compose } from "recompose";
 import { Button, View } from "react-native";
 import { mount } from "enzyme";
 
@@ -9,9 +8,12 @@ import withFormikMock from "../testUtils/withFormikMock";
 
 const submitForm = jest.fn();
 
-const Form = compose(withFormikMock({
-  submitForm
-}), withNextInputAutoFocusForm)(View);
+const Form = compose(
+  withFormikMock({
+    submitForm
+  }),
+  withNextInputAutoFocusForm
+)(View);
 
 const focusInput = jest.fn();
 class TextInput extends React.PureComponent {
@@ -63,11 +65,7 @@ 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/__tests__/withTouched.js

@@ -1,6 +1,5 @@
 import React from "react";
-import PropTypes from "prop-types";
-import { compose, withContext } from "recompose";
+import { compose } from "recompose";
 import { TextInput } from "react-native";
 import { mount } from "enzyme";
 

src/makeReactNativeField.js

@@ -1,5 +1,5 @@
 import { compose, mapProps } from "recompose";
-import _ from 'lodash';
+import _ from "lodash";
 
 import withFormik from "./withFormik";
 

src/setFormikInitialValue.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { compose, mapProps } from "recompose";
+import { compose } from "recompose";
 import { has } from "lodash";
 import withFormik from "./withFormik";
 
@@ -20,4 +20,7 @@ const setFormikInitialValue = WrappedInput => {
   };
 };
 
-export default compose(withFormik, setFormikInitialValue);
+export default compose(
+  withFormik,
+  setFormikInitialValue
+);

src/testUtils/withFormikMock.js

@@ -1,8 +1,10 @@
 import React from "react";
 import { FormikProvider } from "formik";
 
-export default formikContextValue => Component => props => (
+const withFormikMock = formikContextValue => Component => props => (
   <FormikProvider value={formikContextValue}>
     <Component {...props} />
   </FormikProvider>
 );
+
+export default withFormikMock;