Feature/frontend dependencies updates

.babelrc

@@ -4,11 +4,18 @@
             "useBuiltIns": "usage",
             "corejs": 3,
             "targets": {
-                "browsers": ["> 0.5%", "last 2 versions", "ie >= 10", "edge >= 12", "firefox >= 50", "chrome >= 50", "safari >= 11.1"]
+                "browsers": ["> 0.25%, not dead"]
             }
-        }]
+        }],
+        ["@babel/preset-react"]
     ],
     "plugins": [
+        [
+        "@babel/plugin-transform-optional-chaining"
+        ],
+        [
+        "@babel/plugin-transform-nullish-coalescing-operator"
+        ],
         [
             "transform-react-jsx"
         ],

.gitignore

@@ -20,3 +20,4 @@ patientsearch/static/favicon.ico
 patientsearch/templates/index.html
 report.*
 node_modules
+patientsearch/**/__snapshots__

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:12 as frontend
+FROM node:20 as frontend
 
 RUN mkdir /tmp/frontend
 WORKDIR /tmp/frontend

eslint.config.mjs

@@ -0,0 +1,93 @@
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import { fixupPluginRules } from "@eslint/compat";
+import globals from "globals";
+import babelParser from "@babel/eslint-parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default [...compat.extends(
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+), {
+    plugins: {
+        react,
+        "react-hooks": fixupPluginRules(reactHooks),
+    },
+
+    languageOptions: {
+        globals: {
+            ...globals.browser,
+            ...globals.node,
+            ...globals.jest,
+        },
+
+        parser: babelParser,
+        ecmaVersion: "latest",
+        sourceType: "module",
+
+        parserOptions: {
+            ecmaFeatures: {
+                jsx: true,
+            },
+        },
+    },
+
+    settings: {
+        react: {
+            pragma: "React",
+            version: "detect",
+            fragment: "Fragment",
+        },
+
+        propWrapperFunctions: ["forbidExtraProps", {
+            property: "freeze",
+            object: "Object",
+        }, {
+            property: "myFavoriteWrapper",
+        }, {
+            property: "forbidExtraProps",
+            exact: true,
+        }],
+
+        componentWrapperFunctions: ["observer", {
+            property: "styled",
+        }, {
+            property: "observer",
+            object: "Mobx",
+        }, {
+            property: "observer",
+            object: "<pragma>",
+        }],
+    },
+
+    rules: {
+        semi: "error",
+        "react/react-in-jsx-scope": "off",
+        "react/display-name": "off",
+        "no-useless-escape": "off",
+        "react/jsx-uses-react": "error",
+        "react/jsx-uses-vars": "error",
+        "react-hooks/rules-of-hooks": "error",
+        "react-hooks/exhaustive-deps": "warn",
+    },
+}, {
+    files: ["**/__tests__/**/*"],
+
+    languageOptions: {
+        globals: {
+            ...globals.jest,
+        },
+    },
+}];

jest.config.js

@@ -1,7 +1,7 @@
 module.exports = {
     clearMocks: true,
     moduleFileExtensions: ["js", "json", "jsx"],
-    setupFiles: ["./enzyme.config.js"],
+   // setupFiles: ["./enzyme.config.js"],
     testEnvironment: "jsdom",
     testMatch: ["**/__tests__/**/*.js?(x)", "**/?(*.)+(spec|test).js?(x)"],
     testPathIgnorePatterns: ["\\\\node_modules\\\\"],
@@ -10,5 +10,8 @@ module.exports = {
         "^[./a-zA-Z0-9$_-]+\\.(png|jpeg|tiff)$": "<rootDir>/patientsearch/src/__mocks__/fileMock.js",
         "^[./a-zA-Z0-9$_-]+\\.(css|less|scss)$": "<rootDir>/patientsearch/src/__mocks__/styleMock.js"
         },
-    verbose: true
+    verbose: true,
+    // snapshotSerializers: [
+    //   "enzyme-to-json/serializer"
+    // ]
 };