Bump deps.

Author: nosferatu500

.size-snapshot.json

@@ -1,15 +1,15 @@
 {
   "index.js": {
-    "bundled": 66962,
-    "minified": 39148,
-    "gzipped": 9849,
+    "bundled": 67100,
+    "minified": 39129,
+    "gzipped": 9871,
     "treeshaked": {
       "rollup": {
-        "code": 31206,
+        "code": 31134,
         "import_statements": 535
       },
       "webpack": {
-        "code": 32860
+        "code": 32788
       }
     }
   }

CHANGELOG.md

@@ -4,7 +4,7 @@ All notable changes to this project will be documented in this file. See [standa
 
 ## Next
 * Migrate to TS
-* Replace theme package to own theme package
+* Replace theme package by own theme package
 * Bump deps
 
 ## 3.0.5

babel.config.js

@@ -1,21 +1,20 @@
 module.exports = (api, targets) => {
-    // https://babeljs.io/docs/en/config-files#config-function-api
-    const isTestEnv = api.env('test')
-  
-    return {
-      babelrc: false,
-      ignore: ['./node_modules'],
-      presets: [
-        [
-          '@babel/preset-env',
-          {
-            loose: true,
-            modules: isTestEnv ? 'commonjs' : false,
-            targets: isTestEnv ? { node: 'current' } : targets,
-          },
-        ],
+  // https://babeljs.io/docs/en/config-files#config-function-api
+  const isTestEnv = api.env('test')
+
+  return {
+    babelrc: false,
+    ignore: ['./node_modules'],
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          loose: true,
+          modules: isTestEnv ? 'commonjs' : false,
+          targets: isTestEnv ? { node: 'current' } : targets,
+        },
       ],
-      plugins: ['@babel/plugin-transform-react-jsx'],
-    }
+    ],
+    plugins: ['@babel/plugin-transform-react-jsx'],
   }
-  
+}

package.json

@@ -120,7 +120,7 @@
     ]
   },
   "dependencies": {
-    "@nosferatu500/react-dnd-scrollzone": "^1.0.14",
+    "@nosferatu500/react-dnd-scrollzone": "2.0.0-beta.0",
     "lodash.isequal": "^4.5.0",
     "prop-types": "^15.7.2",
     "react-dnd": "^14.0.2",
@@ -129,12 +129,13 @@
     "react-virtualized": "^9.22.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.8",
+    "@babel/core": "^7.15.0",
+    "@babel/eslint-parser": "^7.15.0",
     "@babel/helper-module-imports": "^7.14.5",
-    "@babel/plugin-transform-react-jsx": "^7.14.5",
-    "@babel/preset-env": "^7.14.8",
-    "@babel/types": "^7.14.8",
-    "@nosferatu500/theme-file-explorer": "^3.0.5",
+    "@babel/plugin-transform-react-jsx": "^7.14.9",
+    "@babel/preset-env": "^7.15.0",
+    "@babel/types": "^7.15.0",
+    "@nosferatu500/theme-file-explorer": "^3.0.6",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@rollup/plugin-typescript": "^8.2.5",
@@ -145,17 +146,16 @@
     "@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": "^17.0.16",
     "@types/react-dom": "^17.0.9",
-    "@typescript-eslint/eslint-plugin": "^4.28.5",
-    "@typescript-eslint/parser": "^4.28.5",
+    "@typescript-eslint/eslint-plugin": "^4.29.0",
+    "@typescript-eslint/parser": "^4.29.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "acorn-jsx": "^5.3.2",
-    "babel-eslint": "^10.1.0",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-tester": "^10.1.0",
     "enzyme": "^3.11.0",
-    "esbuild": "^0.12.17",
+    "esbuild": "^0.12.18",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.4",
@@ -173,7 +173,7 @@
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.55.1",
+    "rollup": "^2.56.0",
     "rollup-plugin-esbuild": "^4.5.0",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-size-snapshot": "^0.12.0",

rollup.config.js

@@ -42,7 +42,7 @@ function createDeclarationConfig(input, output) {
     acornInjectPlugins: [jsx()],
     plugins: [
       postcss({ extract: 'style.css' }),
-      typescript({ declaration: true, outDir: output })
+      typescript({ declaration: true, outDir: output }),
     ],
   }
 }
@@ -84,4 +84,3 @@ export default function (args) {
     createESMConfig('src/index.ts', 'dist/esm/index.js'),
   ]
 }
-

src/utils/classnames.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 // very simple className utility for creating a classname string...
 // Falsy arguments are ignored:
 //
@@ -9,7 +8,7 @@
 //    active && "class3"
 // ); // returns -> class1 class3";
 //
-export default function classnames(...classes) {
+export const classnames = (...classes: string[]) => {
   // Use Boolean constructor as a filter callback
   // Allows for loose type truthy/falsey checks
   // Boolean("") === false;
@@ -20,3 +19,5 @@ export default function classnames(...classes) {
   // Boolean("classname") === true;
   return classes.filter(Boolean).join(' ')
 }
+
+export default classnames

src/utils/default-handlers.ts

@@ -1,11 +1,11 @@
 // @ts-nocheck
 
-export function defaultGetNodeKey({ treeIndex }) {
+export const defaultGetNodeKey = ({ treeIndex }: { treeIndex: number }) => {
   return treeIndex
 }
 
 // Cheap hack to get the text of a react object
-function getReactElementText(parent) {
+const getReactElementText = (parent: any) => {
   if (typeof parent === 'string') {
     return parent
   }
@@ -26,12 +26,18 @@ function getReactElementText(parent) {
   }
 
   return parent.props.children
-    .map((child) => getReactElementText(child))
+    .map((child: any) => getReactElementText(child))
     .join('')
 }
 
 // Search for a query string inside a node property
-function stringSearch(key, searchQuery, node, path, treeIndex) {
+const stringSearch = (
+  key: string,
+  searchQuery: string,
+  node,
+  path,
+  treeIndex: number
+) => {
   if (typeof node[key] === 'function') {
     // Search within text after calling its function to generate the text
     return (
@@ -47,7 +53,17 @@ function stringSearch(key, searchQuery, node, path, treeIndex) {
   return node[key] && String(node[key]).indexOf(searchQuery) > -1
 }
 
-export function defaultSearchMethod({ node, path, treeIndex, searchQuery }) {
+export const defaultSearchMethod = ({
+  node,
+  path,
+  treeIndex,
+  searchQuery,
+}: {
+  node
+  path
+  treeIndex: number
+  searchQuery: string
+}) => {
   return (
     stringSearch('title', searchQuery, node, path, treeIndex) ||
     stringSearch('subtitle', searchQuery, node, path, treeIndex)

src/utils/dnd-manager.ts

@@ -76,7 +76,7 @@ export default class DndManager {
       dragSourceInitialDepth = 0
 
       if (component) {
-        const relativePosition = findDOMNode(component).getBoundingClientRect() // eslint-disable-line react/no-find-dom-node
+        const relativePosition = findDOMNode(component)?.getBoundingClientRect() // eslint-disable-line react/no-find-dom-node
         const leftShift =
           monitor.getSourceClientOffset().x - relativePosition.left
         blocksOffset = Math.round(
@@ -184,7 +184,7 @@ export default class DndManager {
       },
     }
 
-    function nodeDragSourcePropInjection(connect, monitor) {
+    const nodeDragSourcePropInjection = (connect, monitor) => {
       return {
         connectDragSource: connect.dragSource(),
         connectDragPreview: connect.dragPreview(),
@@ -254,7 +254,7 @@ export default class DndManager {
       canDrop: this.canDrop.bind(this),
     }
 
-    function nodeDropTargetPropInjection(connect, monitor) {
+    const nodeDropTargetPropInjection = (connect, monitor) => {
       const dragged = monitor.getItem()
       return {
         connectDropTarget: connect.dropTarget(),
@@ -290,7 +290,7 @@ export default class DndManager {
       },
     }
 
-    function placeholderPropInjection(connect, monitor) {
+    const placeholderPropInjection = (connect, monitor) => {
       const dragged = monitor.getItem()
       return {
         connectDropTarget: connect.dropTarget(),