Update Transition and packages to match

* i18next: 24.0.5 => 25.7.4
* date-fns: 2.29.1 => 4.1.0
* i18next-browser-languagedetector: 8.0.0 => 8.2.0
* react: 19.0.0 => 19.2.3
* react-datepicker: 7.6.0 => 9.1.0
* react-dom: 19.0.0 => 19.2.3
* react-i18next: 12.3.1 => 16.5.3
* react-markdown: 9.0.1 => 10.1.0
* react-router: 7.5.2 => 7.12.0
* react-select: 5.8.3 => 5.10.2
* react-spinners: 0.14.1 => 0.17.0
* remark-gfm: 4.0.0 => 4.0.1
* @testing-library/jest-dom: 6.6.3 => 6.9.1
* @testing-library/react: 16.3.0 => 16.3.1
* @types/reactj-dom: 19.0.2 => 19.2.3
* drop @types/react-select
* i18next-fs-backend:2.6.0 => 2.6.1

The `Markdown` component does not take a `className` anymore, so the
class needs to be added manually to a parent `div`. Update snapshots
accordingly.

The update the chaire-lib's bcrypt package changed the format of
password hash, so the `participantAuthModel.test.ts` needed updating.

Also, with the @testing-library/react update, it seems that the typing
in tests is now more enforced, requiring better test data.

Author: tahini

example/demo_generator/package.json

@@ -37,7 +37,7 @@
         "evolution-common": "^0.5.0",
         "evolution-frontend": "^0.5.0",
         "evolution-generator": "^0.5.0",
-        "i18next": "^24.0.5",
+        "i18next": "^25.7.4",
         "lodash": "^4.17.21",
         "moment": "^2.30.1",
         "moment-business-days": "^1.2.0"

example/demo_survey/package.json

@@ -44,9 +44,9 @@
         "moment": "^2.30.1",
         "moment-business-days": "^1.2.0",
         "moment-timezone": "^0.5.46",
-        "react": "^19.0.0",
-        "react-i18next": "^12.3.1",
-        "react-router": "^7.5.2",
+        "react": "^19.2.3",
+        "react-i18next": "^16.5.3",
+        "react-router": "^7.12.0",
         "slugify": "^1.6.6",
         "uuid": "^11.1.0"
     },

package.json

@@ -57,7 +57,7 @@
     "dependencies": {},
     "devDependencies": {
         "depcheck": "^1.4.3",
-        "rimraf": "^6.0.1",
+        "rimraf": "^6.1.2",
         "wsrun": "^5.2.4"
     }
 }

packages/evolution-backend/src/services/auth/__tests__/participantAuthModel.test.ts

@@ -277,7 +277,7 @@ describe('ParticipantAuthModel: createAndSave', () => {
             email: newUserParams.email,
             google_id: null,
             facebook_id: null,
-            password: expect.stringContaining('$2a$10$'),
+            password: expect.stringContaining('$2b$10$'),
             first_name: '',
             last_name: '',
             is_valid: false,
@@ -291,7 +291,7 @@ describe('ParticipantAuthModel: createAndSave', () => {
             email: newUserParams.email,
             google_id: null,
             facebook_id: null,
-            password: expect.stringContaining('$2a$10$'),
+            password: expect.stringContaining('$2b$10$'),
             first_name: '',
             last_name: '',
             is_valid: false,

packages/evolution-common/package.json

@@ -26,7 +26,7 @@
     "@turf/turf": "^7.3.1",
     "chaire-lib-common": "^0.2.2",
     "geojson-validation": "^1.0.2",
-    "i18next": "^24.0.5",
+    "i18next": "^25.7.4",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "uuid": "^11.1.0"

packages/evolution-frontend/package.json

@@ -42,57 +42,56 @@
     "bowser": "^2.11.0",
     "chaire-lib-common": "^0.2.2",
     "chaire-lib-frontend": "^0.2.2",
-    "date-fns": "^2.29.1",
+    "date-fns": "^4.1.0",
     "dompurify": "^3.2.4",
     "evolution-common": "^0.5.0",
     "geojson": "^0.5.0",
     "geojson-validation": "^1.0.2",
     "gl-matrix": "^3.4.3",
     "highcharts": "^12.1.2",
     "highcharts-react-official": "^3.2.1",
-    "i18next": "^24.0.5",
-    "i18next-browser-languagedetector": "^8.0.0",
+    "i18next": "^25.7.4",
+    "i18next-browser-languagedetector": "^8.2.0",
     "lodash": "^4.17.21",
     "maplibre-gl": "^5.7.1",
     "moment": "^2.30.1",
     "node-fetch": "^2.6.7",
     "p-queue": "^6.6.2",
-    "react": "^19.0.0",
-    "react-datepicker": "^7.6.0",
-    "react-dom": "^19.0.0",
-    "react-i18next": "^12.3.1",
+    "react": "^19.2.3",
+    "react-datepicker": "^9.1.0",
+    "react-dom": "^19.2.3",
+    "react-i18next": "^16.5.3",
     "react-input-range": "^1.3.0",
     "react-map-gl": "^8.0.4",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^10.1.0",
     "react-modal": "^3.16.3",
     "react-redux": "^9.2.0",
-    "react-router": "^7.5.2",
-    "react-select": "^5.8.3",
-    "react-spinners": "^0.14.1",
+    "react-router": "^7.12.0",
+    "react-select": "^5.10.2",
+    "react-spinners": "^0.17.0",
     "react-table": "^7.8.0",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0",
-    "remark-gfm": "^4.0.0"
+    "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.56.1",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/geojson": "^7946.0.16",
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.5",
     "@types/lodash": "^4.17.21",
     "@types/node": "^24.10.4",
-    "@types/react-dom": "^19.0.2",
-    "@types/react-select": "^5.0.1",
+    "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "@typescript-eslint/parser": "^8.50.0",
     "cross-env": "^10.1.0",
     "eslint": "^8.57.1",
     "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-react": "^7.37.2",
-    "i18next-fs-backend": "^2.6.0",
+    "i18next-fs-backend": "^2.6.1",
     "jest": "^30.2.0",
     "jest-axe": "^10.0.0",
     "jest-each": "^30.2.0",

packages/evolution-frontend/src/components/admin/validations/ValidationAuditFilter.tsx

@@ -143,11 +143,13 @@ export const ValidationAuditFilter = ({
                 </label>
                 <Select
                     styles={{
-                        option: (baseStyles, _state) => ({
-                            ...baseStyles,
-                            paddingTop: 0,
-                            paddingBottom: 0
-                        })
+                        // FIXME Remove the need for 'as any' by typing the styles properly. But there is compilation error even though it should be correct.
+                        option: (baseStyles, _state) =>
+                            ({
+                                ...baseStyles,
+                                paddingTop: 0,
+                                paddingBottom: 0
+                            }) as any
                     }}
                     defaultValue={undefined}
                     isMulti

packages/evolution-frontend/src/components/inputs/InputDatePicker.tsx

@@ -8,8 +8,8 @@ import React from 'react';
 // TODO this package hasn't been updated in a while. Consider changing for a more maintained one
 import DatePicker, { registerLocale } from 'react-datepicker';
 import { withTranslation, WithTranslation } from 'react-i18next';
-import fr from 'date-fns/locale/fr';
-import enCA from 'date-fns/locale/en-CA';
+import { fr } from 'date-fns/locale/fr';
+import { enCA } from 'date-fns/locale/en-CA';
 import 'react-datepicker/dist/react-datepicker.css';
 
 import { InputDatePickerType } from 'evolution-common/lib/services/questionnaire/types';

packages/evolution-frontend/src/components/inputs/__tests__/InputRadioNumber.test.tsx

@@ -17,7 +17,7 @@ const interview = {
     response: {},
     validations: {},
     is_valid: true
-}
+};
 
 const user = {
     id: 1,
@@ -28,20 +28,29 @@ const user = {
     is_admin: false,
     pages: [],
     showUserInfo: false,
-}
+};
+
+const baseWidgetConfig = {
+    type: 'question' as const,
+    label: 'test',
+    path: 'test.radioNumber'
+};
 
 describe('Render InputRadioNumber', () => {
+
     const widgetConfig = {
+        ...baseWidgetConfig,
         inputType: 'radioNumber' as const,
         valueRange: { min: 1, max: 3 },
         overMaxAllowed: false
-    }
+    };
 
     const widgetConfigOverMax = {
+        ...baseWidgetConfig,
         inputType: 'radioNumber' as const,
         valueRange: { min: 1, max: 3 },
         overMaxAllowed: true
-    }
+    };
 
     test('InputRadioNumber without "over max" option', () => {
         const { container } = render(
@@ -82,6 +91,7 @@ describe('Render InputRadioNumber', () => {
 
 describe('InputRadioNumber onChange', () => {
     const widgetConfig = {
+        ...baseWidgetConfig,
         inputType: 'radioNumber' as const,
         valueRange: { min: 0, max: 3 },
         overMaxAllowed: true

packages/evolution-frontend/src/components/inputs/__tests__/InputTime.test.tsx

@@ -26,6 +26,7 @@ describe('Should correctly render InputTime with minimal parameters', () => {
     const widgetConfig = {
         type: 'question' as const,
         twoColumns: true,
+        datatype: 'integer' as const,
         path: 'test.foo',
         containsHtml: true,
         label: {
@@ -78,6 +79,7 @@ describe('Should correctly render InputTime with various parameters', () => {
         type: 'question' as const,
         twoColumns: true,
         path: 'test.foo',
+        datatype: 'integer' as const,
         containsHtml: true,
         label: {
             fr: `Texte en français`,