Feat/#2123 upgrade dependencies client

.vscode/extensions.json

@@ -1,14 +1,14 @@
 {
   // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
   // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-
   // List of extensions which should be recommended for users of this workspace.
   "recommendations": [
     "vivaxy.vscode-conventional-commits",
     "github.vscode-pull-request-github",
     "lokalise.i18n-ally",
-    "esbenp.prettier-vscode"
+    "esbenp.prettier-vscode",
+    "dgeibi.alias-tool"
   ],
   // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
   "unwantedRecommendations": []
-}
+}

.vscode/settings.json

@@ -1,4 +1,7 @@
 {
+  "alias-tool.mappings": {
+    "~scss": "${workspace}/client/src/scss",
+  },
   "scss.lint.unknownAtRules": "ignore",
   "eslint.workingDirectories": [
     "./client",
@@ -54,4 +57,4 @@
   "githubIssues.issueBranchTitle": "feat/#${issueNumber}-${sanitizedIssueTitle}",
   "javascript.preferences.importModuleSpecifier": "relative",
   "typescript.preferences.importModuleSpecifier": "relative"
-}
+}

client/jest/lib/wrapWithProvidersAndRender.tsx

@@ -1,44 +1,17 @@
+import { render } from "@testing-library/react";
 import React from "react";
-import renderer from "react-test-renderer";
 import { Provider } from "react-redux";
+import { BrowserRouter as Router } from "react-router-dom";
 import configureStore from "redux-mock-store";
 import { RootState } from "services/rootReducer";
 import { initialMockStore } from "__fixtures__/reduxStore";
-import { BrowserRouter as Router } from "react-router-dom";
-import { render } from "@testing-library/react";
 
 interface WrapWithProvidersAndRenderParams<Props> {
   Component: React.FunctionComponent<any>;
   compProps?: Props;
   reduxState?: Partial<RootState>;
 }
 
-/**
- * Provide all the ugly-to-set-up providers for your component to be ready to test
- * @param Component
- * @param compProps properties passed on to [getPropsWithNavigation()] to gen navigation props
- * @param reduxState defaults to initialRootState
- */
-
-export function wrapWithProvidersAndRender<T>({
-  Component,
-  compProps,
-  reduxState = initialMockStore,
-}: WrapWithProvidersAndRenderParams<T>) {
-  const mockStore = configureStore([]);
-  const store = mockStore(reduxState);
-
-  const componentWithRedux = (
-    <Router>
-      <Provider store={store}>
-        <Component {...compProps} />
-      </Provider>
-    </Router>
-  );
-
-  return renderer.create(componentWithRedux);
-}
-
 /**
  * Provide all the ugly-to-set-up providers for your component to be ready to test
  * @param Component

client/jest/setup.js

@@ -80,3 +80,28 @@ jest.mock("next-i18next", () => ({
     return WrappedComponent;
   },
 }));
+
+// Mock the IntersectionObserver, see https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
+export class IntersectionObserver {
+  root = null;
+  rootMargin = "";
+  thresholds = [];
+
+  disconnect() {
+    return null;
+  }
+
+  observe() {
+    return null;
+  }
+
+  takeRecords() {
+    return [];
+  }
+
+  unobserve() {
+    return null;
+  }
+}
+window.IntersectionObserver = IntersectionObserver;
+global.IntersectionObserver = IntersectionObserver;

client/package.json

@@ -12,31 +12,31 @@
     "url": "[email protected]:entrepreneur-interet-general/karfur.git"
   },
   "dependencies": {
-    "@codegouvfr/react-dsfr": "^1.9.11",
-    "@hedgedoc/html-to-react": "^1.4.5",
-    "@lexical/react": "^0.11.0",
+    "@codegouvfr/react-dsfr": "^1.9.25",
+    "@hedgedoc/html-to-react": "^2.1.1",
+    "@lexical/react": "^0.16.1",
     "@react-google-maps/api": "^2.17.0",
     "@refugies-info/api-types": "*",
     "algoliasearch": "^4.14.2",
     "autosuggest-highlight": "^3.1.1",
-    "axios": "^0.26.0",
+    "axios": "^1.7.2",
     "bootstrap": "^5.2.3",
     "eva-icons": "^1.1.3",
-    "flag-icons": "^6.6.6",
+    "flag-icons": "^7.2.3",
     "google-oauth-gsi": "^4.0.0",
     "html2plaintext": "^2.1.4",
-    "i18next": "^22.0.6",
+    "i18next": "^23.11.5",
     "js-cookie": "^3.0.1",
-    "jwt-decode": "^3.1.2",
-    "lexical": "^0.11.0",
+    "jwt-decode": "^4.0.0",
+    "lexical": "^0.16.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
-    "next": "^14.2.4",
-    "next-i18next": "^13.0.0",
+    "next": "^14.2.5",
+    "next-i18next": "^15.3.0",
     "next-redux-wrapper": "^8.0.0",
-    "next-sitemap": "^3.1.32",
+    "next-sitemap": "^4.2.3",
     "process": "^0.11.10",
-    "query-string": "^8.1.0",
+    "query-string": "^9.0.0",
     "rc-time-picker": "^3.7.3",
     "react": "^18.3.1",
     "react-anchor-link-smooth-scroll": "^1.0.12",
@@ -48,33 +48,32 @@
     "react-ga4": "^2.1.0",
     "react-google-autocomplete": "^2.6.1",
     "react-hook-form": "^7.43.1",
-    "react-i18next": "^12.0.0",
-    "react-intersection-observer": "^9.4.1",
+    "react-i18next": "^14.1.2",
+    "react-intersection-observer": "^9.12.0",
     "react-loading-skeleton": "^3.1.0",
     "react-notifications": "^1.7.3",
-    "react-redux": "^8.0.5",
+    "react-redux": "^9.1.2",
     "react-router-dom": "^5.3.4",
     "react-router-hash-link": "^2.4.3",
     "react-sortablejs": "^6.1.4",
     "react-to-print": "^2.12.1",
     "react-use": "^17.4.0",
     "reactstrap": "^9.2.2",
-    "redux": "^4.0.1",
+    "redux": "^5.0.1",
     "redux-saga": "^1.1.3",
-    "remixicon": "^2.5.0",
-    "sharp": "^0.31.2",
+    "remixicon": "^4.3.0",
     "sortablejs": "^1.15.0",
-    "styled-components": "^5.3.6",
+    "styled-components": "^6.1.11",
     "sweetalert2": "^11.6.16",
     "typesafe-actions": "^5.1.0",
-    "uuid": "^9.0.0"
+    "uuid": "^10.0.0"
   },
   "scripts": {
     "predev": "only-include-used-icons",
     "prebuild": "only-include-used-icons",
     "dev": "next dev",
     "start": "next start",
-    "build": "next build",
+    "build": "NEXT_SHARP_PATH=../node_modules/.bin/sharp next build",
     "test": "npm run test:lint && npm run test:types && npm run test:unit",
     "test-with-coverage": "jest --coverage && cat ./coverage/lcov.info | codacy-coverage",
     "test:types": "tsc --noEmit",
@@ -95,10 +94,12 @@
     "not op_mini all"
   ],
   "devDependencies": {
-    "@next/eslint-plugin-next": "^13.0.5",
+    "@next/eslint-plugin-next": "^14.2.5",
     "@redux-devtools/extension": "^3.2.1",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/dom": "^10.3.1",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/autosuggest-highlight": "^3.2.0",
     "@types/file-saver": "^2.0.1",
     "@types/html-to-draftjs": "^1.4.0",
@@ -108,33 +109,32 @@
     "@types/react": "^18.3.3",
     "@types/react-autosuggest": "^10.1.5",
     "@types/react-dom": "^18.3.0",
-    "@types/react-highlight-words": "^0.16.4",
+    "@types/react-highlight-words": "^0.20.0",
     "@types/react-router-hash-link": "^2.4.5",
-    "@types/react-test-renderer": "^18.0.0",
     "@types/recompose": "^0.30.7",
     "@types/redux-mock-store": "^1.0.3",
     "@types/sortablejs": "^1.13.0",
     "@types/styled-components": "^5.1.1",
-    "@types/uuid": "^9.0.1",
+    "@types/uuid": "^10.0.0",
     "@types/webrtc": "^0.0.43",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
-    "@typescript-eslint/parser": "^5.10.1",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
     "csvtojson": "^2.0.10",
     "eslint": "^8.28.0",
-    "eslint-config-next": "^14.2.4",
+    "eslint-config-next": "^14.2.5",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
     "jest-mock-axios": "^4.7.0-beta2",
     "jest-styled-components": "^7.0.0",
-    "next-router-mock": "^0.8.0",
+    "next-router-mock": "^0.9.13",
     "papaparse": "^5.3.0",
     "postcss": "^8.4.5",
-    "react-test-renderer": "^18.2.0",
     "redux-mock-store": "^1.5.4",
     "redux-saga-test-plan": "^4.0.0-rc.3",
     "sass": "^1.57.1",
-    "ts-jest": "29.0.3",
-    "typescript": "^4.9.3",
+    "sharp": "^0.33.4",
+    "ts-jest": "29.2.2",
+    "typescript": "^5.5.3",
     "typescript-plugin-css-modules": "^5.1.0"
   },
   "volta": {