Patch jhub-apps ui dependencies (#96)

* Update ui package dependencies. * Update to latest minor react-query version to allow testing loading state. Fix react-query invalidation. * Include new ui build. * Add dependabot config. * Update remaining packages to latest.
nebari-dev · Feb 12, 2024 · 83bf653 · 83bf653
1 parent 119128f
commit 83bf653
Show file tree

Hide file tree

Showing 7 changed files with 1,404 additions and 1,495 deletions.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -0,0 +1,23 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/ui"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 10
+    labels:
+      - "dependencies"
+    ignore:
+      - dependency-name: react
+        versions:
+          - ">=18.2.0"
+      - dependency-name: react-dom
+        versions:
+          - ">=18.2.0"
+      - dependency-name: "@types/react"
+        versions:
+          - ">=18.2.0"
+      - dependency-name: "@types/react-dom"
+        versions:
+          - ">=18.2.0"
+      - dependency-name: "@tanstack/react-query"
diff --git a/jhub_apps/static/css/index.css b/jhub_apps/static/css/index.css
diff --git a/jhub_apps/static/js/index.js b/jhub_apps/static/js/index.js
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -15,52 +15,52 @@
     "coverage": "jest --coverage"
   },
   "dependencies": {
-    "@heroicons/react": "^2.0.18",
-    "@tanstack/react-query": "4.35.7",
-    "axios": "1.6.2",
+    "@heroicons/react": "^2.1.1",
+    "@tanstack/react-query": "4.36.1",
+    "axios": "1.6.7",
     "axios-mock-adapter": "1.22.0",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-hook-form": "7.47.0",
-    "react-router-dom": "6.14.2",
+    "react-hook-form": "7.50.0",
+    "react-router-dom": "6.22.0",
     "recoil": "0.7.7"
   },
   "devDependencies": {
-    "@babel/preset-env": "7.22.9",
-    "@babel/preset-react": "7.22.5",
-    "@babel/preset-typescript": "7.22.5",
-    "@testing-library/jest-dom": "6.1.4",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/jest": "^29.5.4",
+    "@babel/preset-env": "7.23.9",
+    "@babel/preset-react": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/jest": "^29.5.12",
     "@types/react": "18.2.17",
     "@types/react-dom": "18.2.7",
-    "@typescript-eslint/eslint-plugin": "6.2.0",
-    "@typescript-eslint/parser": "6.2.0",
-    "@vitejs/plugin-react": "4.0.3",
-    "autoprefixer": "^10.4.16",
-    "eslint": "8.46.0",
-    "eslint-config-prettier": "8.9.0",
-    "eslint-plugin-prettier": "5.0.0",
+    "@typescript-eslint/eslint-plugin": "6.21.0",
+    "@typescript-eslint/parser": "6.21.0",
+    "@vitejs/plugin-react": "4.2.1",
+    "autoprefixer": "^10.4.17",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-react-refresh": "0.4.3",
-    "jest": "29.6.2",
-    "jest-environment-jsdom": "29.6.2",
+    "eslint-plugin-react-refresh": "0.4.5",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "jest-transform-stub": "2.0.0",
-    "lint-staged": "13.2.3",
-    "postcss": "^8.4.31",
-    "prettier": "3.0.0",
-    "prettier-plugin-organize-imports": "3.2.3",
-    "sass": "1.64.1",
-    "tailwindcss": "^3.3.5",
-    "ts-jest": "29.1.1",
-    "ts-node": "10.9.1",
+    "lint-staged": "15.2.2",
+    "postcss": "^8.4.34",
+    "prettier": "3.2.5",
+    "prettier-plugin-organize-imports": "3.2.4",
+    "sass": "1.70.0",
+    "tailwindcss": "^3.4.1",
+    "ts-jest": "29.1.2",
+    "ts-node": "10.9.2",
     "tsconfig-paths": "4.2.0",
-    "typescript": "5.1.6",
-    "vite": "4.4.7",
+    "typescript": "5.3.3",
+    "vite": "5.0.12",
     "vite-plugin-environment": "1.1.3",
     "vite-plugin-eslint": "1.8.1",
-    "vite-tsconfig-paths": "4.2.0"
+    "vite-tsconfig-paths": "4.3.1"
   }
 }
diff --git a/ui/src/pages/home/app-card/app-card.tsx b/ui/src/pages/home/app-card/app-card.tsx
@@ -80,7 +80,7 @@ export const AppCard = ({
         onSuccess: async () => {
           setSubmitting(false);
           setIsDeleteOpen(false);
-          queryClient.invalidateQueries(['app-state']);
+          queryClient.invalidateQueries({ queryKey: ['app-state'] });
         },
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         onError: async (error: any) => {
@@ -99,7 +99,7 @@ export const AppCard = ({
         onSuccess: async () => {
           setSubmitting(false);
           setIsStartOpen(false);
-          queryClient.invalidateQueries(['app-state']);
+          queryClient.invalidateQueries({ queryKey: ['app-state'] });
         },
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         onError: async (error: any) => {
@@ -118,7 +118,7 @@ export const AppCard = ({
         onSuccess: async () => {
           setSubmitting(false);
           setIsStopOpen(false);
-          queryClient.invalidateQueries(['app-state']);
+          queryClient.invalidateQueries({ queryKey: ['app-state'] });
         },
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         onError: async (error: any) => {

diff --git a/ui/src/pages/home/app-form/app-form.tsx b/ui/src/pages/home/app-form/app-form.tsx
@@ -143,7 +143,7 @@ export const AppForm = ({
     if (id) {
       updateQuery(payload, {
         onSuccess: async () => {
-          queryClient.invalidateQueries(['app-state']);
+          queryClient.invalidateQueries({ queryKey: ['app-state'] });
           if (onSubmit) {
             onSubmit();
           }