Bump deps & Version.

Author: nosferatu500

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosferatu500/react-sortable-tree",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.2",
   "description": "Drag-and-drop sortable component for nested data and hierarchies",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -126,49 +126,49 @@
     "prop-types": "^15.7.2",
     "react-dnd": "^14.0.4",
     "react-dnd-html5-backend": "^14.0.2",
-    "react-virtuoso": "^2.2.1"
+    "react-virtuoso": "^2.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/eslint-parser": "^7.15.7",
+    "@babel/core": "^7.15.8",
+    "@babel/eslint-parser": "^7.15.8",
     "@babel/helper-module-imports": "^7.15.4",
     "@babel/plugin-transform-react-jsx": "^7.14.9",
-    "@babel/preset-env": "^7.15.6",
+    "@babel/preset-env": "^7.15.8",
     "@babel/types": "^7.15.6",
-    "@nosferatu500/theme-file-explorer": "^3.0.6",
+    "@nosferatu500/theme-file-explorer": "^3.0.9",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-node-resolve": "^13.0.5",
     "@rollup/plugin-typescript": "^8.2.5",
-    "@storybook/addon-storyshots": "^6.3.9",
-    "@storybook/addons": "^6.3.9",
-    "@storybook/react": "^6.3.9",
-    "@storybook/theming": "^6.3.9",
-    "@testing-library/react": "^12.1.1",
+    "@storybook/addon-storyshots": "^6.3.11",
+    "@storybook/addons": "^6.3.11",
+    "@storybook/react": "^6.3.11",
+    "@storybook/theming": "^6.3.11",
+    "@testing-library/react": "^12.1.2",
     "@types/babel-plugin-macros": "^2.8.5",
     "@types/enzyme": "^3.10.9",
     "@types/jest": "^27.0.2",
     "@types/lodash.isequal": "^4.5.5",
-    "@types/react": "^17.0.26",
+    "@types/react": "^17.0.29",
     "@types/react-dom": "^17.0.9",
     "@types/react-test-renderer": "^17.0.1",
-    "@typescript-eslint/eslint-plugin": "^4.32.0",
-    "@typescript-eslint/parser": "^4.32.0",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/parser": "^5.0.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "acorn-jsx": "^5.3.2",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-tester": "^10.1.0",
     "enzyme": "^3.11.0",
-    "esbuild": "^0.13.3",
-    "eslint": "^7.32.0",
+    "esbuild": "^0.13.6",
+    "eslint": "^8.0.1",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jest": "^24.5.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-jest": "^25.0.5",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.26.1",
-    "jest": "^27.2.4",
+    "jest": "^27.2.5",
     "jest-enzyme": "^7.1.2",
     "json": "^11.0.0",
-    "postcss": "^8.3.8",
+    "postcss": "^8.3.9",
     "prettier": "^2.4.1",
     "react": "^17.0.2",
     "react-dnd-test-backend": "^14.0.1",
@@ -182,12 +182,12 @@
     "shx": "^0.3.3",
     "ts-jest": "^27.0.5",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.3"
+    "typescript": "^4.4.4"
   },
   "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dnd": ">=14.0.0",
-    "react-dom": ">=17.0.0"
+    "react": ">=17.0.2",
+    "react-dnd": ">=14.0.4",
+    "react-dom": ">=17.0.2"
   },
   "browserslist": {
     "production": [

rollup.config.js

@@ -61,7 +61,7 @@ function createESMConfig(input, output) {
     plugins: [
       nodeResolve({ extensions }),
       postcss({ extract: 'style.css' }),
-      getEsbuild('node12'),
+      getEsbuild('node14'),
     ],
   }
 }

src/utils/classnames.ts

@@ -8,14 +8,13 @@
 //    active && "class3"
 // ); // returns -> class1 class3";
 //
-export const classnames = (...classes: string[]) => {
-  // Use Boolean constructor as a filter callback
-  // Allows for loose type truthy/falsey checks
-  // Boolean("") === false;
-  // Boolean(false) === false;
-  // Boolean(undefined) === false;
-  // Boolean(null) === false;
-  // Boolean(0) === false;
-  // Boolean("classname") === true;
-  return classes.filter(Boolean).join(' ')
-}
+// Use Boolean constructor as a filter callback
+// Allows for loose type truthy/falsey checks
+// Boolean("") === false;
+// Boolean(false) === false;
+// Boolean(undefined) === false;
+// Boolean(null) === false;
+// Boolean(0) === false;
+// Boolean("classname") === true;
+export const classnames = (...classes: string[]) =>
+  classes.filter(Boolean).join(' ')