chore: update deps and lint

# Conflicts:
#	packages/@interactjs/dev-tools/visualizer/Visualizer.vue
#	packages/@interactjs/dev-tools/visualizer/plugin.ts
#	packages/@interactjs/modifiers/avoid/avoid.ts
#	packages/@interactjs/modifiers/spring/spring.ts
#	packages/@interactjs/modifiers/transform/transform.spec.ts
#	packages/@interactjs/react/types.ts
#	packages/@interactjs/types/index.ts
#	packages/@interactjs/vue/package.json

Author: taye

.eslintrc.yml

@@ -8,7 +8,6 @@ extends:
 settings:
   import/resolver:
     typescript:
-      project: './tsconfig.json'
   react:
     version: '16'
 

.nvmrc

@@ -0,0 +1 @@
+v16.5.0

babel.config.js

@@ -2,19 +2,15 @@ const isProd = process.env.NODE_ENV === 'production'
 
 module.exports = {
   presets: [
-    [
-      require.resolve('@babel/preset-env'),
-      { exclude: ['transform-regenerator'] },
-    ],
+    [require.resolve('@babel/preset-env'), { exclude: ['transform-regenerator'] }],
     [
       require.resolve('@babel/preset-typescript'),
-      { isTsx: false, onlyRemoveTypeImports: true, allExtensions: true },
+      { isTsx: false, onlyRemoveTypeImports: true, allExtensions: true, allowDeclareFields: true },
     ],
   ].filter(Boolean),
 
   plugins: [
     require.resolve('./scripts/babel/vue-sfc'),
-    require.resolve('@babel/plugin-proposal-class-properties'),
     [
       require.resolve('@babel/plugin-transform-runtime'),
       {
@@ -24,13 +20,7 @@ module.exports = {
     ],
     isProd && require.resolve('./scripts/babel/for-of-array'),
     isProd && require.resolve('@babel/plugin-proposal-optional-catch-binding'),
-    isProd && [
-      require.resolve('@babel/plugin-proposal-optional-chaining'),
-      { loose: true },
-    ],
-    [
-      require.resolve('@babel/plugin-transform-modules-commonjs'),
-      { noInterop: isProd },
-    ],
+    isProd && [require.resolve('@babel/plugin-proposal-optional-chaining'), { loose: true }],
+    [require.resolve('@babel/plugin-transform-modules-commonjs'), { noInterop: isProd }],
   ].filter(Boolean),
 }

examples/sortable/react.js

@@ -1,8 +1,7 @@
+import interact from '@interactjs/interactjs'
 import { createElement as h, useState } from 'react'
 import ReactDOM from 'react-dom'
 
-import interact from '@interactjs/interactjs'
-
 import { getData } from './shared.js'
 
 // eslint-disable-next-line no-undef

examples/sortable/vue.js

@@ -1,7 +1,6 @@
 // import Vue from 'vue/dist/vue.esm.browser.js'
-import { createApp } from 'vue/dist/vue.esm-browser'
-
 import interact from '@interactjs/interactjs'
+import { createApp } from 'vue/dist/vue.esm-browser'
 
 import { getData, sortableOptions, swappableOptions } from './shared.js'
 

jest.config.ts

@@ -1,6 +1,6 @@
 import type { Config } from '@jest/types'
 
-// import { sourcesGlob } from './scripts/utils'
+import { sourcesGlob } from './scripts/utils'
 
 const config: Config.InitialOptions = {
   preset: 'vijest',
@@ -13,7 +13,7 @@ const config: Config.InitialOptions = {
     },
   },
   // collectCoverage: true,
-  // collectCoverageFrom: [sourcesGlob],
+  collectCoverageFrom: [sourcesGlob],
   coveragePathIgnorePatterns: ['[\\\\/]_', '\\.d\\.ts$', '@interactjs[\\\\/](rebound|symbol-tree)[\\\\/]'],
   coverageReporters: ['json', 'text', ['lcov', { projectRoot: 'packages/@interactjs' }]],
 }

jsdoc/jsdoc.conf.js

@@ -28,7 +28,7 @@ module.exports = {
     extensions: ['js', 'ts'],
     babelrc: false,
     configFile: false,
-    presets: [require.resolve('@babel/preset-typescript')],
+    presets: [[require.resolve('@babel/preset-typescript'), { allowDeclareFields: true }]],
   },
 
   markdown: {

package.json

@@ -14,37 +14,36 @@
     "esnext": "_add_plugin_indexes && _esnext",
     "test": "jest",
     "test:debug": "node --inspect node_modules/.bin/jest --no-cache --runInBand ",
-    "tsc_lint_test": "_add_plugin_indexes && tsc -b -f && _lint && yarn test --coverage",
+    "tsc_lint_test": "_add_plugin_indexes && tsc -b -f && _lint && yarn test",
     "prepare": "bin/_link; husky install"
   },
   "homepage": "https://interactjs.io/pro",
   "description": "",
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-export-default-from": "^7.14.5",
-    "@babel/plugin-proposal-optional-catch-binding": "^7.14.5",
-    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
-    "@babel/plugin-transform-modules-commonjs": "^7.15.0",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
-    "@babel/preset-typescript": "^7.15.0",
-    "@babel/register": "^7.15.3",
-    "@babel/runtime": "^7.15.3",
+    "@babel/core": "^7.17.8",
+    "@babel/plugin-proposal-export-default-from": "^7.16.7",
+    "@babel/plugin-proposal-optional-catch-binding": "^7.16.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+    "@babel/plugin-transform-modules-commonjs": "^7.17.7",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-typescript": "^7.16.7",
+    "@babel/register": "^7.17.7",
+    "@babel/runtime": "^7.17.8",
     "@types/jest": "^27.0.1",
     "@types/node": "^16.7.4",
     "@types/react": "^17.0.19",
     "@types/shelljs": "^0.8.9",
     "@types/tape": "^4.13.2",
-    "@typescript-eslint/eslint-plugin": "^4.29.3",
-    "@typescript-eslint/eslint-plugin-tslint": "^4.29.3",
-    "@typescript-eslint/parser": "^4.29.3",
-    "@vitejs/plugin-vue": "^1.6.0",
-    "@vue/babel-plugin-jsx": "^1.0.6",
-    "@vue/compiler-sfc": "^3.2.6",
-    "@vue/reactivity": "^3.2.6",
-    "@vue/runtime-dom": "^3.2.6",
-    "@vue/test-utils": "^1.2.2",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/eslint-plugin-tslint": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "@vue/babel-plugin-jsx": "^1.1.1",
+    "@vue/compiler-sfc": "^3.2.31",
+    "@vue/reactivity": "^3.2.31",
+    "@vue/runtime-dom": "^3.2.31",
+    "@vue/test-utils": "^2.0.0-rc.17",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babelify": "^10.0.0",
@@ -58,17 +57,17 @@
     "del": "^6.0.0",
     "derequire": "^2.1.1",
     "errorify": "^0.3.1",
-    "eslint": "^7.32.0",
+    "eslint": "^8.12.0",
     "eslint-config-standard": "^16.0.3",
-    "eslint-import-resolver-typescript": "^2.4.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jest": "^24.4.0",
-    "eslint-plugin-markdown": "^2.0.1",
+    "eslint-import-resolver-typescript": "^2.7.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jest": "^26.1.3",
+    "eslint-plugin-markdown": "^2.2.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-require-path-exists": "^1.1.9",
-    "eslint-plugin-vue": "^7.17.0",
+    "eslint-plugin-vue": "^8.5.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.1.7",
     "hash-sum": "^2.0.0",
@@ -80,8 +79,8 @@
     "lint-staged": "^11.1.2",
     "mkdirp": "^1.0.4",
     "nodemon": "^2.0.12",
-    "p-queue": "^7.1.0",
-    "prettier": "^2.3.2",
+    "p-queue": "6",
+    "prettier": "^2.6.1",
     "promise-polyfill": "^8.2.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -94,11 +93,10 @@
     "temp": "^0.9.4",
     "terser": "^5.7.2",
     "ts-node": "^10.2.1",
-    "tslint": "^6.1.3",
     "typescript": "^4.4.2",
-    "vijest": "^0.0.0",
-    "vite": "^2.5.1",
-    "vue": "^3.2.6",
+    "vijest": "^0.0.1",
+    "vite": "^2.8.6",
+    "vue": "^3.2.31",
     "yargs": "^17.1.1"
   },
   "engines": {

packages/@interactjs/actions/drag/drag.spec.ts

@@ -18,7 +18,7 @@ describe('actions/drag', () => {
   })
 
   describe('interactable.draggable method', () => {
-    const interactable = ({
+    const interactable = {
       options: {
         drag: {},
       },
@@ -29,7 +29,7 @@ describe('actions/drag', () => {
       setOnEvents: () => {
         calledSetOnEvents = true
       },
-    } as unknown) as Interactable
+    } as unknown as Interactable
     let calledSetPerAction = false
     let calledSetOnEvents = false
 

packages/@interactjs/actions/drop/plugin.ts

@@ -248,11 +248,13 @@ function collectDrops ({ interactables }: Scope, draggableElement: Element) {
     }
 
     // query for new elements if necessary
-    const dropElements = (is.string(dropzone.target)
-      ? dropzone._context.querySelectorAll(dropzone.target)
-      : is.array(dropzone.target)
-        ? dropzone.target
-        : [dropzone.target]) as Element[]
+    const dropElements = (
+      is.string(dropzone.target)
+        ? dropzone._context.querySelectorAll(dropzone.target)
+        : is.array(dropzone.target)
+          ? dropzone.target
+          : [dropzone.target]
+    ) as Element[]
 
     for (const dropzoneElement of dropElements) {
       if (dropzoneElement !== draggableElement) {