fix: linter

Author: shiftpsh

.eslintrc

@@ -0,0 +1,35 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'prettier'],
+  extends: [
+    'airbnb',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:prettier/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier/@typescript-eslint',
+  ],
+  rules: {
+    'linebreak-style': 0,
+    'import/prefer-default-export': 0,
+    'prettier/prettier': 0,
+    'import/extensions': 0,
+    'no-use-before-define': 0,
+    'import/no-unresolved': 0,
+    'import/no-extraneous-dependencies': 0,
+    'no-shadow': 0,
+    'react/prop-types': 0,
+    'react/jsx-filename-extension': [
+      2,
+      { extensions: ['.js', '.jsx', '.ts', '.tsx'] },
+    ],
+    'jsx-a11y/no-noninteractive-element-interactions': 0,
+    'react/jsx-props-no-spreading': 0,
+    '@typescript-eslint/explicit-function-return-type': [
+      'error',
+      {
+        allowExpressions: true,
+      },
+    ],
+  },
+}

.eslintrc.js

@@ -1,7 +1,7 @@
 {
   "printWidth": 80,
-  "semi": false,
   "singleQuote": true,
+  "semi": false,
   "trailingComma": "es5",
   "tabWidth": 2
 }

.prettierrc

@@ -41,19 +41,22 @@
     "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
     "eslint": "^6.8.0",
+    "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^6.7.0",
     "eslint-config-standard": "^14.1.0",
     "eslint-config-standard-react": "^9.2.0",
     "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-prettier": "^3.1.1",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.4.0",
     "eslint-plugin-standard": "^4.0.1",
     "gh-pages": "^2.2.0",
     "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
+    "prettier": "^2.6.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "^3.4.1",

.travis.yml

@@ -79,13 +79,13 @@ export const Button: React.FC<ButtonProps> = (props) => {
     circle,
     fullWidth,
     padding,
+    style,
+    children,
     ...rest
   } = props
 
   const wrappedBackgroundColor = backgroundColor && new Color(backgroundColor)
 
-  if (wrappedBackgroundColor) console.log(wrappedBackgroundColor.lightness())
-
   const computedBackgroundColor = new Color(
     backgroundColor ||
       (primary
@@ -122,13 +122,21 @@ export const Button: React.FC<ButtonProps> = (props) => {
       disabled={disabled === true}
       circle={circle === true}
       padding={padding}
-      style={{ width: props.fullWidth ? '100%' : 'unset', ...props.style }}
+      style={{ width: fullWidth ? '100%' : 'unset', ...style }}
     >
-      <div
-        style={{ padding: props.padding === 'none' ? 'unset' : '12px 16px' }}
-      >
-        {props.children}
+      <div style={{ padding: padding === 'none' ? 'unset' : '12px 16px' }}>
+        {children}
       </div>
     </ButtonContainer>
   )
 }
+
+Button.defaultProps = {
+  backgroundColor: undefined,
+  hoverColor: undefined,
+  primary: false,
+  disabled: false,
+  circle: false,
+  fullWidth: false,
+  padding: 'normal',
+}