Update all dependencies to latest compatible major versions

Copilot · ChristianScheub · Copilot · commit 086d38ce5128 · 2025-10-13T23:18:25.000Z
Co-authored-by: ChristianScheub &lt;8379969+ChristianScheub@users.noreply.github.com&gt;
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+legacy-peer-deps=true
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -4,29 +4,29 @@
   "private": true,
   "dependencies": {
     "@capacitor-community/electron": "^5.0.1",
-    "@capacitor/android": "^5.5.1",
-    "@capacitor/app": "^5.0.6",
-    "@capacitor/cli": "^5.5.1",
-    "@capacitor/core": "^5.5.1",
-    "@capacitor/device": "^5.0.6",
-    "@capacitor/filesystem": "^5.2.0",
-    "@capacitor/ios": "^5.5.1",
-    "@capacitor/share": "^5.0.6",
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.1",
-    "bootstrap": "^5.3.2",
-    "bootstrap-icons": "^1.11.2",
+    "@capacitor/android": "^7.4.3",
+    "@capacitor/app": "^7.1.0",
+    "@capacitor/cli": "^7.4.3",
+    "@capacitor/core": "^7.4.3",
+    "@capacitor/device": "^7.0.2",
+    "@capacitor/filesystem": "^7.1.4",
+    "@capacitor/ios": "^7.4.3",
+    "@capacitor/share": "^7.0.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^7.3.4",
+    "bootstrap": "^5.3.8",
+    "bootstrap-icons": "^1.13.1",
     "capacitor-native-biometric": "^4.2.2",
     "crypto-js": "^4.2.0",
-    "i18next": "^23.7.11",
-    "i18next-browser-languagedetector": "^7.2.0",
-    "react": "^18.2.0",
-    "react-bootstrap": "^2.9.1",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^14.0.0",
-    "react-icons": "^4.12.0",
-    "react-router-dom": "^6.20.1"
+    "i18next": "^25.6.0",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react": "^18.3.1",
+    "react-bootstrap": "^2.10.10",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^16.0.1",
+    "react-icons": "^5.5.0",
+    "react-router-dom": "^6.30.1"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -55,22 +55,23 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.23.5",
+    "@babel/core": "^7.28.4",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.23.5",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/crypto-js": "^4.2.1",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^16.18.67",
-    "@types/react": "^18.2.41",
-    "@types/react-dom": "^18.2.17",
-    "babel-jest": "^29.7.0",
-    "electron-builder": "^24.9.1",
+    "@babel/preset-env": "^7.28.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/crypto-js": "^4.2.2",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.7.2",
+    "@types/react": "^18.3.20",
+    "@types/react-dom": "^18.3.5",
+    "babel-jest": "^30.2.0",
+    "electron-builder": "^26.0.12",
     "license-checker": "^25.0.1",
     "react-scripts": "5.0.1",
-    "typescript": "^4.9.5"
+    "typescript": "^5.9.3"
   },
   "build": {
     "appId": "de.scheub.localNotes",
diff --git a/src/App.test.tsx b/src/App.test.tsx
@@ -1,5 +1,6 @@
 import React from "react";
-import { render, fireEvent, waitFor, screen } from "@testing-library/react";
+import { render, waitFor, screen } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import App from "./App";
 import { BrowserRouter } from "react-router-dom";
 import {
diff --git a/src/custom_components/handleNotes/editNote/editNote.test.tsx b/src/custom_components/handleNotes/editNote/editNote.test.tsx
@@ -1,5 +1,6 @@
-import { render, fireEvent, screen, waitFor } from "@testing-library/react";
-import "@testing-library/jest-dom/extend-expect";
+import { render, screen, waitFor } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
+import "@testing-library/jest-dom";
 import { renderHook } from "@testing-library/react";
 import getAllNotes from "../viewNote/getNotes";
 import { BrowserRouter as Router } from "react-router-dom";
diff --git a/src/custom_components/handleNotes/viewNote/viewNote.test.tsx b/src/custom_components/handleNotes/viewNote/viewNote.test.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { act } from "react";
-import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import { render, screen, waitFor } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import ViewNoteContainer from "./container-viewNote";
 import { BrowserRouter as Router } from "react-router-dom";
 import { encryptAndStore } from "../encryptionEngine";
diff --git a/src/custom_components/notNotesRelated/encryption_modal/container-encryption-modal.test.tsx b/src/custom_components/notNotesRelated/encryption_modal/container-encryption-modal.test.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import {
   render,
-  fireEvent,
   screen,
   waitFor,
   act,
 } from "@testing-library/react";
-import "@testing-library/jest-dom/extend-expect";
+import { fireEvent } from "@testing-library/dom";
+import "@testing-library/jest-dom";
 import EncryptionKeyModalContainer from "./container-encryption-modal";
 import { BrowserRouter as Router } from "react-router-dom";
 import * as fingerprintLogic from "../fingerprintLogic";
diff --git a/src/custom_components/notNotesRelated/encryption_modal/screen-encryption-modal.test.tsx b/src/custom_components/notNotesRelated/encryption_modal/screen-encryption-modal.test.tsx
@@ -1,7 +1,8 @@
 import React from "react";
-import { render, fireEvent, screen } from "@testing-library/react";
+import { render, screen } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import EncryptionKeyModalView from "./screen-encryption-modal";
-import "@testing-library/jest-dom/extend-expect";
+import "@testing-library/jest-dom";
 
 describe("EncryptionKeyModalView", () => {
   const mockHandleKeySubmit = jest.fn();
diff --git a/src/custom_components/notNotesRelated/encryption_modal/screen-encryption-modal.tsx b/src/custom_components/notNotesRelated/encryption_modal/screen-encryption-modal.tsx
@@ -14,7 +14,7 @@ interface EncryptionKeyModalViewProps {
   showFingerprintBtn: boolean;
   showFingerprintHint: boolean;
   navigateToPrivacy: () => void;
-  inputRef: RefObject<HTMLInputElement>;
+  inputRef: RefObject<HTMLInputElement | null>;
 }
 
 const EncryptionKeyModalView: React.FC<EncryptionKeyModalViewProps> = ({
@@ -66,7 +66,7 @@ const EncryptionKeyModalView: React.FC<EncryptionKeyModalViewProps> = ({
         <Form onSubmit={handleKeySubmit}>
           <Form.Group>
             <Form.Control
-              ref={inputRef}
+              ref={inputRef as React.RefObject<HTMLInputElement>}
               type="password"
               placeholder={t("encryption-modal_placeholder")}
               data-testid="password-input"
diff --git a/src/custom_components/notNotesRelated/navBar/navBar.test.tsx b/src/custom_components/notNotesRelated/navBar/navBar.test.tsx
@@ -1,5 +1,6 @@
 import React from "react";
-import { render, fireEvent, screen } from "@testing-library/react";
+import { render, screen } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import {
   MemoryRouter,
   BrowserRouter as Router,
diff --git a/src/custom_components/notNotesRelated/settings/container_settings.test.tsx b/src/custom_components/notNotesRelated/settings/container_settings.test.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import {
   render,
-  fireEvent,
   RenderResult,
   screen,
   waitFor,
 } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import SettingsContainer from "./container_settings";
 import { MemoryRouter } from "react-router-dom";
 import { encryptAndStore } from "../../handleNotes/encryptionEngine";
diff --git a/src/custom_components/notNotesRelated/settings/screen_settings.test.tsx b/src/custom_components/notNotesRelated/settings/screen_settings.test.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { render, fireEvent, screen,RenderResult } from '@testing-library/react';
+import { render, screen, RenderResult } from '@testing-library/react';
+import { fireEvent } from '@testing-library/dom';
 import '@testing-library/jest-dom';
 import SettingsView from './screen_settings'; 
 import { BrowserRouter as Router } from 'react-router-dom';
diff --git a/src/custom_components/notNotesRelated/welcomeOverlay/welcomeOverlay.test.tsx b/src/custom_components/notNotesRelated/welcomeOverlay/welcomeOverlay.test.tsx
@@ -1,4 +1,5 @@
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import { fireEvent } from '@testing-library/dom';
 import '@testing-library/jest-dom';
 import WelcomeOverlay from './welcomeOverlay'; // Stellen Sie sicher, dass dieser Pfad korrekt ist
 
diff --git a/src/modules/legal/usedLibs/container_usedLibList.test.tsx b/src/modules/legal/usedLibs/container_usedLibList.test.tsx
@@ -2,10 +2,10 @@ import React from "react";
 import UsedLibsListContainer from "./container_usedLibList";
 import {
     render,
-    fireEvent,
     waitFor,
     act,
   } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 
 describe("UsedLibsListContainer", () => {
   test("renders button with correct text", () => {
diff --git a/src/modules/legal/usedLibs/screen_usedLibList.test.tsx b/src/modules/legal/usedLibs/screen_usedLibList.test.tsx
@@ -1,5 +1,6 @@
 import React from "react";
-import { render, fireEvent } from "@testing-library/react";
+import { render } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import UsedLibListScreen from "./screen_usedLibList";
 
 describe("UsedLibListScreen", () => {
diff --git a/src/modules/legal/usedLibs/screen_usedLibList.tsx b/src/modules/legal/usedLibs/screen_usedLibList.tsx
@@ -5,7 +5,7 @@ import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
 import DialogTitle from "@mui/material/DialogTitle";
 import List from "@mui/material/List";
-import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
 import ListItemText from "@mui/material/ListItemText";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
 import { useTranslation } from "react-i18next";
@@ -52,16 +52,15 @@ const UsedLibListScreen: React.FC<UsedLibListScreenProps> = ({
         <DialogContent dividers>
           <List data-testid="used-lib-list-modal">
             {npmModules.map((module, index) => (
-              <ListItem
-                button
+              <ListItemButton
                 key={index}
                 onClick={() => handleModuleClick(module.repository)}
               >
                 <ListItemText
                   primary={`${module.name}@${module.version}`}
                   secondary={`License: ${module.licenses}`}
                 />
-              </ListItem>
+              </ListItemButton>
             ))}
           </List>
         </DialogContent>
diff --git a/src/modules/ui/floatingBtn.test.tsx b/src/modules/ui/floatingBtn.test.tsx
@@ -1,5 +1,6 @@
 import React from "react";
-import { render, fireEvent } from "@testing-library/react";
+import { render } from "@testing-library/react";
+import { fireEvent } from "@testing-library/dom";
 import FloatingBtn, { ButtonAlignment } from "./floatingBtn";
 
 describe("FloatingBtn Component", () => {
