Update JS dependencies WIP

netbox/project-static/.eslintrc

@@ -31,8 +31,7 @@
     }
   },
   "rules": {
-    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "error",
-    "@typescript-eslint/no-unused-vars-experimental": "error",
     "no-unused-vars": "off",
     "no-inner-declarations": "off",
     "comma-dangle": ["error", "always-multiline"],

netbox/project-static/package.json

@@ -22,43 +22,38 @@
     "validate:formatting:scripts": "prettier -c src/**/*.ts"
   },
   "dependencies": {
-    "@mdi/font": "^5.9.55",
+    "@mdi/font": "^7.0.96",
-    "@popperjs/core": "^2.9.2",
+    "@popperjs/core": "^2.11.6",
     "bootstrap": "~5.0.2",
-    "clipboard": "^2.0.8",
+    "clipboard": "^2.0.11",
-    "color2k": "^1.2.4",
+    "color2k": "^2.0.0",
-    "dayjs": "^1.10.4",
+    "dayjs": "^1.11.5",
-    "flatpickr": "4.6.3",
+    "flatpickr": "4.6.13",
-    "htmx.org": "^1.6.1",
+    "htmx.org": "^1.8.0",
-    "just-debounce-it": "^1.4.0",
+    "just-debounce-it": "^3.1.1",
     "masonry-layout": "^4.2.2",
-    "query-string": "^6.14.1",
+    "query-string": "^7.1.1",
-    "sass": "^1.32.8",
+    "sass": "^1.55.0",
-    "simplebar": "^5.3.4",
+    "simplebar": "^5.3.9",
-    "slim-select": "^1.27.0"
+    "slim-select": "^1.27.1"
   },
   "devDependencies": {
-    "@types/bootstrap": "^5.0.12",
+    "@types/bootstrap": "^5.0.17",
-    "@types/cookie": "^0.4.0",
+    "@types/cookie": "^0.5.1",
-    "@types/masonry-layout": "^4.2.2",
+    "@types/masonry-layout": "^4.2.5",
-    "@typescript-eslint/eslint-plugin": "^4.29.3",
+    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^4.29.3",
+    "@typescript-eslint/parser": "^5.39.0",
-    "esbuild": "^0.12.24",
+    "esbuild": "^0.15.10",
-    "esbuild-sass-plugin": "^1.5.2",
+    "esbuild-sass-plugin": "^2.3.3",
-    "eslint": "^7.32.0",
+    "eslint": "^8.24.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-import-resolver-typescript": "^3.5.1",
-    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^3.4.1",
+    "eslint-plugin-prettier": "^4.2.1",
-    "prettier": "^2.3.2",
+    "prettier": "^2.7.1",
-    "typescript": "~4.3.5"
+    "typescript": "~4.8.4"
   },
   "resolutions": {
-    "eslint-import-resolver-typescript/**/path-parse": "^1.0.7",
+    "@types/bootstrap/**/@popperjs/core": "^2.11.6"
-    "slim-select/**/trim-newlines": "^3.0.1",
-    "eslint/glob-parent": "^5.1.2",
-    "esbuild-sass-plugin/**/glob-parent": "^5.1.2",
-    "@typescript-eslint/**/glob-parent": "^5.1.2",
-    "eslint-plugin-import/**/hosted-git-info": "^2.8.9"
   }
 }

netbox/project-static/src/netbox.ts

@@ -37,14 +37,12 @@ function initDocument(): void {
 }
 
 function initWindow(): void {
-
+  const documentForms = document.forms;
-  const documentForms = document.forms
+  for (const documentForm of documentForms) {
-  for (var documentForm of documentForms) {
     if (documentForm.method.toUpperCase() == 'GET') {
-      // @ts-ignore: Our version of typescript seems to be too old for FormDataEvent
+      documentForm.addEventListener('formdata', function (event: FormDataEvent) {
-      documentForm.addEventListener('formdata', function(event: FormDataEvent) {
+        const formData: FormData = event.formData;
-      let formData: FormData = event.formData;
+        for (const [name, value] of Array.from(formData.entries())) {
-      for (let [name, value] of Array.from(formData.entries())) {
           if (value === '') formData.delete(name);
         }
       });

netbox/project-static/styles/select.scss

@@ -32,7 +32,7 @@ $spacing-s: $input-padding-x;
   }
 }
 
-@import './node_modules/slim-select/src/slim-select/slimselect';
+@import '../node_modules/slim-select/src/slim-select/slimselect';
 
 .ss-main {
   color: $form-select-color;