Merge pull request #397 from navikt/dep-bumps-dev

Oppgrader dev dependencies

Author: LudvigHz

bun.lockb

@@ -1,6 +1,7 @@
 {
   "name": "internarbeidsflate-decorator",
   "private": "true",
+  "type": "module",
   "workspaces": [
     "packages/dev-server",
     "packages/internarbeidsflate-decorator-v3"
@@ -14,4 +15,4 @@
   "dependencies": {
     "@navikt/navspa": "^6.0.1"
   }
-}
+}

package.json

@@ -25,25 +25,25 @@
     "test": "vitest"
   },
   "devDependencies": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.24",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
-    "eslint": "^8.45.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "msw": "^2.1.1",
-    "postcss": "^8.4.30",
-    "prettier": "^3.0.3",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "msw": "^2.2.13",
+    "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.3",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vitest": "^1.2.0",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.4",
+    "vite": "^5.2.8",
+    "vitest": "^1.4.0",
     "vitest-websocket-mock": "^0.3.0"
   },
   "peerDependencies": {
@@ -56,8 +56,8 @@
     "@navikt/ds-react": "^5.12.4",
     "@navikt/ds-tailwind": "^5.12.4",
     "@navikt/ds-tokens": "^5.12.4",
-    "@tanstack/query-core": "^5.17.19",
+    "@tanstack/query-core": "^5.29.0",
     "use-sync-external-store": "^1.2.0",
-    "zustand": "^4.4.1"
+    "zustand": "^4.5.2"
   }
-}
+}

packages/internarbeidsflate-decorator-v3/package.json

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
+ 
 import { describe, it, beforeEach, afterEach, expect, vi } from 'vitest';
 import { WS } from 'vitest-websocket-mock';
 import { HttpHandler } from 'msw';

packages/internarbeidsflate-decorator-v3/src/store/__test__/StoreHandler.test.ts

@@ -1,48 +1,52 @@
 import React, { useEffect, useState } from 'react';
 import { Button, TextField } from '@navikt/ds-react';
 import { useTempValue } from './hooks/useTempValue';
-import { WebSocketWrapper} from '../api/WebSocketWrapper';
-import Decorator from '../App'
+import { WebSocketWrapper } from '../api/WebSocketWrapper';
+import Decorator from '../App';
 import { ContextHolderAPI } from '../api/ContextHolderAPI';
 const WS_URL = 'ws://localhost:4000/ws';
-const URL = 'http://localhost:4000/modiacontextholder/api/context'
+const URL = 'http://localhost:4000/modiacontextholder/api/context';
 
-const ident = 'Z999999'
+const ident = 'Z999999';
 
 const Wrapper: React.FC = () => {
   const [enhet, tmpEnhet, setTmpEnhet, makeTheEnhetChange] = useTempValue('');
   const [fnr, tmpFnr, setTmpFnr, makeTheFnrChange] = useTempValue('');
   const [wsEnhet, setWsEnhet] = useState('');
   const [wsFnr, setWsFnr] = useState('');
-  const [_, setWebsocketHandler] = useState<WebSocketWrapper>();
+  const [, setWebsocketHandler] = useState<WebSocketWrapper>();
   const [wsConnected, setWsConntected] = useState(false);
   const [wsMessages, setWsMessages] = useState<string[]>([]);
   const [propsUpdates, setPropsUpdates] = useState<string[]>([]);
-  const [api] = useState(() => new ContextHolderAPI(URL))
+  const [api] = useState(() => new ContextHolderAPI(URL));
 
   useEffect(() => {
     if (ident) {
-      const websocketHandler = new WebSocketWrapper(`${WS_URL}/${ident}`, 'local', {
-        onOpen: () => setWsConntected(true),
-        onClose: () => setWsConntected(false),
-        onMessage: (event) => {
-          setWsMessages((messages) => {
-            return [...messages, event.data];
-          });
+      const websocketHandler = new WebSocketWrapper(
+        `${WS_URL}/${ident}`,
+        'local',
+        {
+          onOpen: () => setWsConntected(true),
+          onClose: () => setWsConntected(false),
+          onMessage: (event) => {
+            setWsMessages((messages) => {
+              return [...messages, event.data];
+            });
+          },
         },
-      });
+      );
       websocketHandler.open();
       setWebsocketHandler(websocketHandler);
       return () => websocketHandler.close();
     }
   }, []);
 
   const sendNewEnhet = async () => {
-    await api.changeEnhet(wsEnhet)
+    await api.changeEnhet(wsEnhet);
   };
 
   const sendNewFnr = async () => {
-    await api.changeFnr(wsFnr)
+    await api.changeFnr(wsFnr);
   };
 
   return (
@@ -111,7 +115,9 @@ const Wrapper: React.FC = () => {
           </div>
         </div>
         <hr className="dr-my-12" />
-        <div className="dr-text-center dr-w-full dr-mt-8 dr-mb-2">WS oppdatering</div>
+        <div className="dr-text-center dr-w-full dr-mt-8 dr-mb-2">
+          WS oppdatering
+        </div>
         <div className="dr-text-center">WS tilkoblet: {`${wsConnected}`}</div>
         <div className="dr-flex dr-justify-center dr-w-full">
           <div className="dr-mx-2">
@@ -144,6 +150,6 @@ const Wrapper: React.FC = () => {
       </div>
     </>
   );
-}
+};
 
 export default Wrapper;