FE: Chore: Update dependencies (#304)

Co-authored-by: Roman Zabaluev <gpg@haarolean.dev>
Co-authored-by: VladSenyuta <vlad.senyuta@gmail.com>

Author: 3 people

.github/workflows/e2e-run.yml

@@ -123,6 +123,14 @@ jobs:
           path: ./e2e-tests/target/allure-results
           retention-days: 7
 
+      - name: Upload selenide results artifact
+        if: failure()
+        uses: actions/upload-artifact@v4
+        with:
+          name: selenide-results
+          path: ./e2e-tests/target/selenide-results
+          retention-days: 3
+
   reports:
     runs-on: ubuntu-latest
     needs: tests

e2e-tests/src/main/java/io/kafbat/ui/screens/schemas/SchemaCreateForm.java

@@ -32,8 +32,7 @@ public class SchemaCreateForm extends BasePage {
   protected SelenideElement latestSchemaTextArea = $x("//div[@id='latestSchema']");
   protected SelenideElement leftVersionDdl = $(id("left-select"));
   protected SelenideElement rightVersionDdl = $(id("right-select"));
-  protected ElementsCollection visibleMarkers =
-      $$x("//div[@class='ace_scroller']//div[contains(@class,'codeMarker')]");
+  protected ElementsCollection visibleMarkers = $$x("//div[contains(@class,'codeMarker ace_start')]");
   protected ElementsCollection elementsCompareVersionDdl = $$x("//ul[@role='listbox']/ul/li");
   protected String versionDdlElementLocator = "//ul/li[text()='Version %s']";
   protected String ddlElementLocator = "//li[@value='%s']";

e2e-tests/src/test/java/io/kafbat/ui/smokesuite/schemas/SchemasTest.java

@@ -97,7 +97,7 @@ public void compareVersionsCheck() {
         .selectVersionFromDropDown(latestVersion)
         .openRightVersionDdl()
         .selectVersionFromDropDown(latestVersion - 1);
-    Assert.assertEquals(schemaCreateForm.getMarkedLinesNumber(), 42, "getMarkedLinesNumber()");
+    Assert.assertEquals(schemaCreateForm.getMarkedLinesNumber(), 20, "getMarkedLinesNumber()");
   }
 
   @Test(priority = 4)

frontend/.eslintrc.json

@@ -47,6 +47,7 @@
     "react-hooks/rules-of-hooks": "error", // Checks rules of Hooks
     // breaks builds as we still have those warns
     "react-hooks/exhaustive-deps": "off", // Checks effect dependencies
+    "jsx-a11y/control-has-associated-label": "off",
     "import/no-extraneous-dependencies": [
       "error",
       {

frontend/package.json

@@ -4,37 +4,36 @@
   "homepage": "./",
   "private": true,
   "dependencies": {
-    "@floating-ui/react": "^0.19.2",
-    "@hookform/error-message": "^2.0.0",
-    "@hookform/resolvers": "^2.7.1",
-    "@microsoft/fetch-event-source": "^2.0.1",
-    "@szhsin/react-menu": "^3.5.3",
-    "@tanstack/react-query": "^4.0.5",
-    "@tanstack/react-table": "^8.5.10",
-    "ace-builds": "^1.7.1",
-    "ajv": "^8.6.3",
-    "ajv-formats": "^2.1.1",
-    "classnames": "^2.2.6",
-    "json-schema-faker": "^0.5.6",
-    "jsonpath-plus": "^7.2.0",
-    "lossless-json": "^2.0.8",
+    "@floating-ui/react": "0.26.12",
+    "@hookform/error-message": "2.0.1",
+    "@hookform/resolvers": "2.7.1",
+    "@microsoft/fetch-event-source": "2.0.1",
+    "@szhsin/react-menu": "3.5.3",
+    "@tanstack/react-query": "4.36.1",
+    "@tanstack/react-query-devtools": "4.36.1",
+    "@tanstack/react-table": "8.16.0",
+    "ace-builds": "1.33.0",
+    "ajv": "8.8.2",
+    "ajv-formats": "2.1.1",
+    "json-schema-faker": "0.5.6",
+    "jsonpath-plus": "8.1.0",
+    "lossless-json": "2.0.11",
     "pretty-ms": "7.0.1",
-    "react": "^18.1.0",
-    "react-ace": "^10.1.0",
-    "react-datepicker": "^4.10.0",
-    "react-dom": "^18.1.0",
-    "react-error-boundary": "^3.1.4",
-    "react-hook-form": "7.43.1",
-    "react-hot-toast": "^2.4.0",
-    "react-is": "^18.2.0",
-    "react-multi-select-component": "^4.3.3",
-    "react-router-dom": "^6.3.0",
-    "sass": "^1.52.3",
-    "styled-components": "^5.3.1",
-    "use-debounce": "^9.0.3",
-    "yup": "^1.0.0",
-    "zustand": "^4.1.1",
-    "@tanstack/react-query-devtools": "4.36.1"
+    "react": "18.2.0",
+    "react-ace": "11.0.1",
+    "react-datepicker": "6.9.0",
+    "react-dom": "18.2.0",
+    "react-error-boundary": "3.1.4",
+    "react-hook-form": "7.51.3",
+    "react-hot-toast": "2.4.1",
+    "react-is": "18.2.0",
+    "react-multi-select-component": "4.3.4",
+    "react-router-dom": "6.4.3",
+    "sass": "1.66.1",
+    "styled-components": "6.1.8",
+    "use-debounce": "10.0.0",
+    "yup": "1.4.0",
+    "zustand": "4.5.2"
   },
   "scripts": {
     "start": "vite",
@@ -53,55 +52,55 @@
     "deadcode": "ts-prune -i src/generated-sources"
   },
   "devDependencies": {
-    "@jest/types": "^29.4.3",
-    "@openapitools/openapi-generator-cli": "^2.5.2",
-    "@swc/core": "^1.3.36",
-    "@swc/jest": "^0.2.24",
-    "@testing-library/dom": "^9.0.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/eventsource": "^1.1.8",
-    "@types/lossless-json": "^1.0.1",
-    "@types/node": "^20.11.17",
-    "@types/react": "^18.0.9",
-    "@types/react-datepicker": "^4.8.0",
-    "@types/react-dom": "^18.0.3",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.13",
-    "@typescript-eslint/eslint-plugin": "^5.29.0",
-    "@typescript-eslint/parser": "^5.29.0",
-    "vite": "^4.5.2",
-    "vite-tsconfig-paths": "^4.0.2",
-    "@vitejs/plugin-react-swc": "^3.0.0",
-    "dotenv": "^16.0.1",
-    "eslint": "^8.3.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-import-resolver-node": "^0.3.6",
-    "eslint-import-resolver-typescript": "^3.2.7",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest-dom": "^4.0.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.1",
-    "eslint-plugin-react-hooks": "^4.5.0",
-    "@testing-library/react": "^14.0.0",
-    "@types/testing-library__jest-dom": "^5.14.5",
-    "jest": "^29.4.3",
-    "jest-watch-typeahead": "^2.2.2",
-    "jest-environment-jsdom": "^29.4.3",
-    "jest-sonar-reporter": "^2.0.0",
-    "jest-styled-components": "^7.1.1",
-    "prettier": "^2.8.4",
-    "rimraf": "^4.1.2",
-    "ts-node": "^10.9.1",
-    "ts-prune": "^0.10.3",
-    "typescript": "^4.7.4",
-    "vite-plugin-checker": "^0.6.4",
-    "vite-plugin-ejs": "^1.6.4",
-    "fetch-mock": "^9.11.0",
-    "whatwg-fetch": "^3.6.2"
+    "@jest/types": "29.6.3",
+    "@openapitools/openapi-generator-cli": "2.13.4",
+    "@swc/core": "1.3.107",
+    "@swc/jest": "0.2.36",
+    "@testing-library/dom": "10.0.0",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.3.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/eventsource": "1.1.15",
+    "@types/lossless-json": "1.0.4",
+    "@types/node": "20.11.17",
+    "@types/react": "18.2.79",
+    "@types/react-datepicker": "6.2.0",
+    "@types/react-dom": "18.2.25",
+    "@types/react-router-dom": "5.3.3",
+    "@types/styled-components": "5.1.34",
+    "@types/testing-library__jest-dom": "5.14.9",
+    "@typescript-eslint/eslint-plugin": "6.21.0",
+    "@typescript-eslint/parser": "6.21.0",
+    "@vitejs/plugin-react-swc": "3.6.0",
+    "dotenv": "16.4.5",
+    "eslint": "8.57.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-airbnb-typescript": "18.0.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-import-resolver-node": "0.3.9",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jest-dom": "5.4.0",
+    "eslint-plugin-jsx-a11y": "6.8.0",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "fetch-mock": "9.11.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-sonar-reporter": "2.0.0",
+    "jest-styled-components": "7.1.1",
+    "jest-watch-typeahead": "2.2.2",
+    "prettier": "3.2.5",
+    "rimraf": "5.0.5",
+    "ts-node": "10.9.2",
+    "ts-prune": "0.10.3",
+    "typescript": "5.3.3",
+    "vite": "5.2.10",
+    "vite-plugin-checker": "0.6.4",
+    "vite-plugin-ejs": "1.7.0",
+    "vite-tsconfig-paths": "4.3.2",
+    "whatwg-fetch": "3.6.20"
   },
   "engines": {
     "node": "v18.17.1",