Gets rid of eslint; enables stricter type checks; ensures prettier li…

…nts ts/tsx files

package.json

@@ -38,19 +38,13 @@
     "@types/react": "^16.8.10",
     "@types/react-dom": "^16.8.3",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^7.2.3",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.4",
     "babel-polyfill": "^6.26.0",
     "css-loader": "^1.0.0",
     "docusaurus-init": "^1.0.2",
     "enzyme": "^3.7.0",
     "enzyme-adapter-react-16": "^1.7.0",
-    "eslint": "^4.3.0",
-    "eslint-config-airbnb": "^15.1.0",
-    "eslint-plugin-import": "^2.7.0",
-    "eslint-plugin-jsx-a11y": "^5.1.1",
-    "eslint-plugin-react": "^7.7.0",
     "html5-file-selector": "^2.1.0",
     "husky": "^1.3.1",
     "jest": "^23.6.0",
@@ -83,15 +77,15 @@
     "build-styleguide-quickstart": "tsc && styleguidist build --config styleguide-quickstart.config.js",
     "build-docs": "./build_docs.sh",
     "test": "tsc && jest --coverage",
-    "lint": "prettier --check 'src/**/*.js' && eslint src",
-    "prettier": "prettier --write 'src/**/*.tsx'"
+    "prettier-check": "prettier --check src/**/*.ts src/**/*.tsx",
+    "prettier": "prettier --write src/**/*.ts src/**/*.tsx"
   },
   "dependencies": {
     "@babel/runtime": "^7.1.2"
   },
   "husky": {
     "hooks": {
-      "pre-push": "npm run lint && npm run test"
+      "pre-push": "npm run prettier-check"
     }
   }
 }

src/types.ts

@@ -216,4 +216,3 @@ export interface IDropzoneProps {
   InputComponent?: ReactComponent<IInputProps>
   SubmitButtonComponent?: ReactComponent<ISubmitButtonProps>
 }
-

src/utils.ts

@@ -1,5 +1,5 @@
 import React from 'react'
-import {IStyleCustomization } from './types.js';
+import { IStyleCustomization } from './types.js'
 
 export const formatBytes = (b: number) => {
   const units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
@@ -26,7 +26,7 @@ export const formatDuration = (seconds: number) => {
 // returns true if file.name is empty and accept string is something like ".csv",
 // because file comes from dataTransferItem for drag events, and
 // dataTransferItem.name is always empty
-export const accepts = (file: File , accept: string) => {
+export const accepts = (file: File, accept: string) => {
   if (!accept || accept === '*') return true
 
   const mimeType = file.type || ''
@@ -49,7 +49,7 @@ export const accepts = (file: File , accept: string) => {
 type ResolveFn<T> = (...args: any[]) => T
 
 export const resolveValue = <T = any>(value: ResolveFn<T> | T, ...args: any[]) => {
-  if (typeof value === 'function') return (value as ResolveFn<T>)( ...args)
+  if (typeof value === 'function') return (value as ResolveFn<T>)(...args)
   return value
 }
 
@@ -95,7 +95,7 @@ export const getFilesFromEvent = (
   event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>,
 ): Promise<Array<File | DataTransferItem>> => {
   let items: FileList | DataTransferItemList
-  
+
   if ('dataTransfer' in event) {
     const dt = event.dataTransfer
 

tsconfig.json

@@ -4,6 +4,9 @@
     "esModuleInterop": true,
     "jsx": "react",
     "skipLibCheck": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true
   },
   "include": ["examples/src/index.tsx", "src/*.tsx"],
   "exclude": ["**/node_modules/*"]