Apply new eslint rules.

Author: nosferatu500

.eslintrc.js

@@ -0,0 +1,69 @@
+{
+  "env": {
+    "browser": true,
+    "shared-node-browser": true,
+    "node": true,
+    "es6": true
+  },
+  "extends": [
+    "prettier",
+    "plugin:prettier/recommended",
+    "plugin:import/errors",
+    "plugin:import/warnings"
+  ],
+  "plugins": ["@typescript-eslint", "react", "prettier", "import", "jest"],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "rules": {
+      "curly": ["warn", "multi-line", "consistent"],
+      "no-console": "off",
+      "no-empty-pattern": "warn",
+      "no-duplicate-imports": "error",
+      "import/no-unresolved": ["error", { "commonjs": true, "amd": true }],
+      "import/export": "error",
+      "import/named": "off",
+      "import/namespace": "off",
+      "import/default": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+      "no-unused-vars": ["warn", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }],
+      "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }],
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-empty-function": "off",
+      "@typescript-eslint/no-empty-interface": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "jest/consistent-test-it": ["error", { "fn": "it", "withinDescribe": "it" }]
+    }
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    },
+    "import/extensions": [".js", ".jsx", ".ts", ".tsx"],
+    "import/parsers": {
+      "@typescript-eslint/parser": [".js", ".jsx", ".ts", ".tsx"]
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx", ".json"],
+        "paths": ["src"]
+      },
+      "alias": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx", ".json"],
+        "map": [["valtio", "./src/index.ts"]]
+      }
+    }
+  },
+  "overrides": [
+    {
+      "files": ["src"],
+      "parserOptions": {
+        "project": "./tsconfig.json"
+      }
+    }
+  ]
+}

.eslintrc.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 116352,
-    "minified": 46815,
-    "gzipped": 11794
+    "bundled": 116577,
+    "minified": 47021,
+    "gzipped": 11838
   },
   "index.esm.js": {
-    "bundled": 112319,
-    "minified": 43387,
-    "gzipped": 11566,
+    "bundled": 112544,
+    "minified": 43593,
+    "gzipped": 11608,
     "treeshaked": {
       "rollup": {
-        "code": 35285,
+        "code": 35321,
         "import_statements": 447
       },
       "webpack": {
-        "code": 36875
+        "code": 36911
       }
     }
   }

.nvmrc

@@ -2,39 +2,64 @@
   "name": "@nosferatu500/react-sortable-tree",
   "version": "3.0.5",
   "description": "Drag-and-drop sortable component for nested data and hierarchies",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "<4.0": {
+      "esm/*": [
+        "ts3.4/*"
+      ],
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "style.css"
+  ],
+  "sideEffects": false,
   "scripts": {
     "prebuild": "yarn lint && yarn clean",
     "build": "rollup -c",
     "build:storybook": "build-storybook -o build",
     "clean": "rimraf dist",
     "clean:storybook": "rimraf build",
-    "lint": "eslint src",
-    "prettier": "prettier --write \"{src,example/src,stories}/**/*.{js,css,md}\"",
+    "lint": "eslint src --fix",
     "prepublishOnly": "yarn test && yarn build",
     "release": "standard-version",
     "test": "jest --env=jsdom",
     "test:watch": "jest --watchAll",
     "storybook": "start-storybook -p ${PORT:-3001} -h 0.0.0.0"
   },
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "files": [
-    "dist",
-    "style.css"
-  ],
+  "prettier": {
+    "semi": false,
+    "trailingComma": "es5",
+    "singleQuote": true,
+    "jsxBracketSameLine": true,
+    "tabWidth": 2,
+    "printWidth": 80
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/nosferatu500/react-sortable-tree"
   },
-  "bugs": "https://github.com/nosferatu500/react-sortable-tree/issues",
+  "keywords": [
+    "react",
+    "react-component",
+    "sortable-tree",
+    "virtual-tree"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "contributors": [
     "Chris Fritz",
     "Vitalii Shvetsov"
   ],
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
+  "bugs": "https://github.com/nosferatu500/react-sortable-tree/issues",
   "jest": {
     "setupFilesAfterEnv": [
       "./node_modules/jest-enzyme/lib/index.js"
@@ -61,19 +86,6 @@
       "^react-dnd-test-utils$": "react-dnd-test-utils/dist/cjs"
     }
   },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not ie <= 11",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "dependencies": {
     "@nosferatu500/react-dnd-scrollzone": "^1.0.14",
     "lodash.isequal": "^4.5.0",
@@ -83,30 +95,42 @@
     "react-lifecycles-compat": "^3.0.4",
     "react-virtualized": "^9.22.3"
   },
-  "peerDependencies": {
-    "react": "^17.0.0",
-    "react-dnd": "^11.1.3",
-    "react-dom": "^17.0.0"
-  },
   "devDependencies": {
     "@babel/core": "^7.14.8",
+    "@babel/helper-module-imports": "^7.13.12",
     "@babel/plugin-transform-modules-commonjs": "^7.14.5",
+    "@babel/plugin-transform-react-jsx": "^7.14.5",
+    "@babel/preset-env": "^7.14.8",
+    "@babel/types": "^7.13.14",
     "@nosferatu500/theme-file-explorer": "^3.0.5",
+    "@rollup/plugin-alias": "^3.1.5",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^20.0.0",
     "@rollup/plugin-node-resolve": "^13.0.4",
+    "@rollup/plugin-typescript": "^8.2.4",
     "@storybook/addon-storyshots": "^6.3.6",
     "@storybook/addons": "^6.3.6",
     "@storybook/react": "^6.3.6",
     "@storybook/theming": "^6.3.6",
+    "@testing-library/react": "^12.0.0",
+    "@types/babel-plugin-macros": "^2.8.5",
+    "@types/jest": "^26.0.24",
+    "@types/react": "^17.0.15",
+    "@types/react-dom": "^17.0.9",
+    "@typescript-eslint/eslint-plugin": "^4.28.5",
+    "@typescript-eslint/parser": "^4.28.5",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
+    "babel-plugin-macros": "^3.0.1",
+    "babel-plugin-tester": "^10.1.0",
     "babel-eslint": "^10.1.0",
     "enzyme": "^3.11.0",
+    "esbuild": "^0.12.17",
     "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^8.3.0",
+    "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-jest": "^24.4.0",
+    "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.24.0",
     "jest": "^27.0.6",
     "jest-enzyme": "^7.1.2",
@@ -119,13 +143,29 @@
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.55.1",
+    "rollup-plugin-esbuild": "^4.5.0",
     "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-size-snapshot": "^0.12.0"
+    "rollup-plugin-size-snapshot": "^0.12.0",
+    "ts-jest": "^27.0.4",
+    "tslib": "^2.3.0",
+    "typescript": "^4.3.5"
   },
-  "keywords": [
-    "react",
-    "react-component",
-    "sortable-tree",
-    "virtual-tree"
-  ]
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dnd": ">=11.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not ie <= 11",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
 }

.prettierignore

@@ -3,6 +3,7 @@ import commonjs from '@rollup/plugin-commonjs';
 import babel from '@rollup/plugin-babel';
 import postcss from 'rollup-plugin-postcss';
 import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
+import typescript from '@rollup/plugin-typescript';
 
 import pkg from './package.json';
 

.prettierrc

@@ -1,12 +1,12 @@
 import SortableTree, {
   SortableTreeWithoutDndContext,
-} from './react-sortable-tree';
+} from './react-sortable-tree'
 
-export * from './utils/default-handlers';
-export * from './utils/tree-data-utils';
-export default SortableTree;
+export * from './utils/default-handlers'
+export * from './utils/tree-data-utils'
+export default SortableTree
 
 // Export the tree component without the react-dnd DragDropContext,
 // for when component is used with other components using react-dnd.
 // see: https://github.com/gaearon/react-dnd/issues/186
-export { SortableTreeWithoutDndContext };
+export { SortableTreeWithoutDndContext }