build(ui): fix issue with build result not working

webapp/package.json

@@ -14,125 +14,121 @@
     "test:ui": "vitest --ui"
   },
   "dependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
+    "@emotion/react": "11.13.3",
+    "@emotion/styled": "11.13.0",
     "@glideapps/glide-data-grid": "6.0.3",
-    "@handsontable/react": "14.1.0",
-    "@mui/icons-material": "5.16.1",
-    "@mui/lab": "5.0.0-alpha.172",
-    "@mui/material": "5.16.1",
-    "@mui/x-tree-view": "7.10.0",
+    "@handsontable/react": "14.5.0",
+    "@mui/icons-material": "6.1.1",
+    "@mui/lab": "6.0.0-beta.10",
+    "@mui/material": "6.1.1",
+    "@mui/x-tree-view": "7.18.0",
     "@reduxjs/toolkit": "1.9.6",
-    "axios": "1.5.1",
-    "clsx": "2.0.0",
+    "axios": "1.7.7",
+    "clsx": "2.1.1",
     "d3": "5.16.0",
-    "debug": "4.3.4",
+    "debug": "4.3.7",
     "draft-convert": "2.1.13",
     "draft-js": "0.11.7",
     "draftjs-to-html": "0.9.1",
-    "handsontable": "14.1.0",
+    "handsontable": "14.5.0",
     "hoist-non-react-statics": "3.3.2",
-    "i18next": "23.5.1",
-    "i18next-browser-languagedetector": "7.1.0",
-    "i18next-http-backend": "2.4.2",
-    "immer": "10.0.3",
+    "i18next": "23.15.1",
+    "i18next-browser-languagedetector": "8.0.0",
+    "i18next-http-backend": "2.6.1",
+    "immer": "10.1.1",
     "js-cookie": "3.0.5",
-    "jsoneditor": "9.10.4",
-    "jwt-decode": "3.1.2",
+    "jsoneditor": "10.1.0",
+    "jwt-decode": "4.0.0",
     "lodash": "4.17.21",
-    "material-react-table": "2.0.5",
-    "moment": "2.29.4",
+    "material-react-table": "3.0.1",
+    "moment": "2.30.1",
     "notistack": "3.0.1",
-    "plotly.js": "2.26.1",
-    "ramda": "0.29.0",
-    "ramda-adjunct": "4.1.1",
-    "react": "18.2.0",
+    "plotly.js": "2.35.2",
+    "ramda": "0.30.1",
+    "ramda-adjunct": "5.1.0",
+    "react": "18.3.1",
     "react-beautiful-dnd": "13.1.1",
     "react-color": "2.19.3",
     "react-d3-graph": "2.6.0",
-    "react-dom": "18.2.0",
+    "react-dom": "18.3.1",
     "react-dropzone": "14.2.3",
-    "react-hook-form": "7.47.0",
-    "react-i18next": "13.2.2",
+    "react-hook-form": "7.53.0",
+    "react-i18next": "15.0.2",
     "react-json-view": "1.21.3",
     "react-plotly.js": "2.6.0",
     "react-redux": "8.1.3",
     "react-router": "6.3.0",
     "react-router-dom": "6.3.0",
     "react-split": "2.0.14",
     "react-syntax-highlighter": "15.5.0",
-    "react-use": "17.4.0",
-    "react-virtualized-auto-sizer": "1.0.20",
-    "react-window": "1.8.9",
+    "react-use": "17.5.1",
+    "react-virtualized-auto-sizer": "1.0.24",
+    "react-window": "1.8.10",
     "redux": "4.2.1",
     "redux-thunk": "2.4.2",
-    "swagger-ui-react": "5.9.0",
+    "swagger-ui-react": "5.17.14",
     "ts-toolbelt": "9.6.0",
     "use-undo": "1.1.1",
-    "uuid": "9.0.1",
+    "uuid": "10.0.0",
     "xml-js": "1.6.11"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "6.4.6",
-    "@testing-library/react": "16.0.0",
+    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@total-typescript/ts-reset": "0.5.1",
+    "@total-typescript/ts-reset": "0.6.1",
     "@types/d3": "5.16.0",
-    "@types/debug": "4.1.9",
-    "@types/draft-convert": "2.1.5",
-    "@types/draft-js": "0.11.13",
-    "@types/draftjs-to-html": "0.8.2",
-    "@types/js-cookie": "3.0.4",
+    "@types/debug": "4.1.12",
+    "@types/draft-convert": "2.1.8",
+    "@types/draft-js": "0.11.18",
+    "@types/draftjs-to-html": "0.8.4",
+    "@types/js-cookie": "3.0.6",
     "@types/jsoneditor": "9.9.5",
-    "@types/lodash": "4.14.199",
-    "@types/node": "18.16.1",
-    "@types/ramda": "0.29.5",
-    "@types/react": "18.2.24",
-    "@types/react-beautiful-dnd": "13.1.5",
-    "@types/react-color": "3.0.7",
+    "@types/lodash": "4.17.9",
+    "@types/node": "22.7.3",
+    "@types/ramda": "0.30.2",
+    "@types/react": "18.3.9",
+    "@types/react-beautiful-dnd": "13.1.8",
+    "@types/react-color": "3.0.12",
     "@types/react-d3-graph": "2.6.5",
-    "@types/react-dom": "18.2.8",
-    "@types/react-plotly.js": "2.6.1",
+    "@types/react-dom": "18.3.0",
+    "@types/react-plotly.js": "2.6.3",
     "@types/react-syntax-highlighter": "15.5.13",
-    "@types/react-virtualized-auto-sizer": "1.0.1",
-    "@types/react-window": "1.8.6",
-    "@types/redux-logger": "3.0.10",
-    "@types/swagger-ui-react": "4.18.1",
+    "@types/react-virtualized-auto-sizer": "1.0.4",
+    "@types/react-window": "1.8.8",
+    "@types/swagger-ui-react": "4.18.3",
     "@types/testing-library__jest-dom": "6.0.0",
-    "@types/uuid": "9.0.4",
-    "@typescript-eslint/eslint-plugin": "6.14.0",
-    "@typescript-eslint/parser": "6.14.0",
+    "@types/uuid": "10.0.0",
+    "@typescript-eslint/eslint-plugin": "7.2.0",
+    "@typescript-eslint/parser": "7.2.0",
     "@vitejs/plugin-react-swc": "3.7.0",
-    "@vitest/coverage-v8": "1.6.0",
-    "@vitest/ui": "1.6.0",
-    "eslint": "8.55.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-jsdoc": "48.2.0",
+    "@vitest/coverage-v8": "2.1.1",
+    "@vitest/ui": "2.1.1",
+    "eslint": "8.57.1",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-jsdoc": "48.10.0",
     "eslint-plugin-license-header": "0.6.1",
-    "eslint-plugin-prettier": "5.0.0",
-    "eslint-plugin-react": "7.33.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-react-refresh": "0.4.5",
-    "husky": "8.0.3",
-    "jsdom": "24.1.0",
-    "prettier": "3.0.3",
-    "typescript": "5.2.2",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react": "7.37.0",
+    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-react-refresh": "0.4.12",
+    "husky": "9.1.6",
+    "jsdom": "25.0.1",
+    "prettier": "3.3.3",
+    "typescript": "5.4.5",
     "vite": "5.4.8",
-    "vitest": "1.6.0"
+    "vitest": "2.1.1"
   },
   "engines": {
     "node": "18.16.1"
   },
   "overrides": {
     "react-d3-graph": {
-      "react": "18.2.0"
+      "react": "18.3.1"
     },
     "react-json-view": {
-      "react": "18.2.0",
-      "react-dom": "18.2.0"
-    },
-    "vite@5.4.8": {
-      "rollup": "4.22.0"
+      "react": "18.3.1",
+      "react-dom": "18.3.1"
     }
   }
 }

webapp/src/components/App/Data/index.tsx

@@ -72,7 +72,7 @@
     setOpenModal(true);
   };
 
   const handleDelete = async (id: string) => {
     setIdForDeletion(id);
     setOpenConfirmationModal(true);
   };
@@ -111,7 +111,7 @@
     }
   };
 
   const onMatrixClick = async (id: string) => {
     if (selectedItem) {
       const tmp = dataList.find((o) => o.id === selectedItem);
       if (tmp) {
@@ -188,9 +188,10 @@
                           lineHeight: 1.334,
                         }}
                       >
-                        {`Matrices - ${dataList.find(
-                          (item) => item.id === selectedItem,
-                        )?.name}`}
+                        {`Matrices - ${
+                          dataList.find((item) => item.id === selectedItem)
+                            ?.name
+                        }`}
                       </Typography>
                       <Box>
                         <IconButton>
@@ -237,9 +238,9 @@
                         alignItems: "center",
                       }}
                     >
-                      {`Matrices - ${dataList.find(
-                        (item) => item.id === selectedItem,
-                      )?.name}`}
+                      {`Matrices - ${
+                        dataList.find((item) => item.id === selectedItem)?.name
+                      }`}
                     </Typography>
                   )
                 }

webapp/src/components/App/Settings/Groups/Header.tsx

@@ -22,20 +22,12 @@ import { isAuthUserAdmin } from "../../../../redux/selectors";
 import useAppSelector from "../../../../redux/hooks/useAppSelector";
 import SearchFE from "../../../common/fieldEditors/SearchFE";
 
-/**
- * Types
- */
-
 interface Props {
   setSearchValue: (v: string) => void;
   addGroup: (user: GroupDetailsDTO) => void;
   reloadFetchGroups: () => void;
 }
 
-/**
- * Component
- */
-
 function Header(props: Props) {
   const { setSearchValue, addGroup, reloadFetchGroups } = props;
   const { t } = useTranslation();

webapp/src/components/App/Settings/Groups/dialog/CreateGroupDialog.tsx

@@ -27,10 +27,6 @@ import { createGroup, createRole } from "../../../../../services/api/user";
 import { SubmitHandlerPlus } from "../../../../common/Form/types";
 import GroupFormDialog, { GroupFormDialogProps } from "./GroupFormDialog";
 
-/**
- * Types
- */
-
 type InheritPropsToOmit = "title" | "titleIcon" | "onSubmit" | "onCancel";
 
 interface Props extends Omit<GroupFormDialogProps, InheritPropsToOmit> {
@@ -39,10 +35,6 @@ interface Props extends Omit<GroupFormDialogProps, InheritPropsToOmit> {
   closeDialog: VoidFunction;
 }
 
-/**
- * Component
- */
-
 function CreateGroupDialog(props: Props) {
   const { addGroup, reloadFetchGroups, closeDialog, ...dialogProps } = props;
   const { enqueueSnackbar } = useSnackbar();

webapp/src/components/App/Settings/Groups/dialog/GroupFormDialog/index.tsx

@@ -18,10 +18,6 @@ import FormDialog, {
 import { RoleType, UserDTO } from "../../../../../../common/types";
 import GroupForm from "./GroupForm";
 
-/**
- * Types
- */
-
 export interface GroupFormDialogProps
   extends Omit<FormDialogProps, "children"> {
   defaultValues?: {
@@ -30,10 +26,6 @@ export interface GroupFormDialogProps
   };
 }
 
-/**
- * Component
- */
-
 function GroupFormDialog(props: GroupFormDialogProps) {
   const { defaultValues, ...dialogProps } = props;
 
@@ -44,8 +36,4 @@ function GroupFormDialog(props: GroupFormDialogProps) {
   );
 }
 
-GroupFormDialog.defaultProps = {
-  defaultValues: undefined,
-};
-
 export default GroupFormDialog;

webapp/src/components/App/Settings/Groups/index.tsx

@@ -47,10 +47,6 @@ import { getAuthUser } from "../../../../redux/selectors";
 import useAppSelector from "../../../../redux/hooks/useAppSelector";
 import { isSearchMatching } from "../../../../utils/stringUtils";
 
-/**
- * Types
- */
-
 enum GroupActionKind {
   ADD = "ADD",
   EDIT = "EDIT",
@@ -70,10 +66,6 @@ interface GroupAction extends Action<string> {
     | GroupEdit;
 }
 
-/**
- * Utils
- */
-
 const reducer = produce<GroupDetailsDTO[], [GroupAction]>((draft, action) => {
   const { payload } = action;
 
@@ -102,10 +94,6 @@ const reducer = produce<GroupDetailsDTO[], [GroupAction]>((draft, action) => {
   }
 });
 
-/**
- * Component
- */
-
 function Groups() {
   const [groupToDelete, setGroupToDelete] = useState<GroupDetailsDTO>();
   const [groupToEdit, setGroupToEdit] = useState<GroupDetailsDTO>();

webapp/src/components/App/Settings/Tokens/Header.tsx

@@ -20,20 +20,12 @@ import { BotDTO } from "../../../../common/types";
 import CreateTokenDialog from "./dialog/CreateTokenDialog";
 import SearchFE from "../../../common/fieldEditors/SearchFE";
 
-/**
- * Types
- */
-
 interface Props {
   setSearchValue: (v: string) => void;
   addToken: (user: BotDTO) => void;
   reloadFetchTokens: () => void;
 }
 
-/**
- * Component
- */
-
 function Header(props: Props) {
   const { setSearchValue, addToken, reloadFetchTokens } = props;
   const { t } = useTranslation();

webapp/src/components/App/Settings/Tokens/dialog/TokenFormDialog/TokenForm.tsx

@@ -256,9 +256,4 @@ function TokenForm(props: Props) {
   );
 }
 
-TokenForm.defaultProps = {
-  onlyPermissions: false,
-  readOnly: false,
-};
-
 export default TokenForm;

webapp/src/components/App/Settings/Tokens/dialog/TokenFormDialog/index.tsx

@@ -17,19 +17,11 @@ import FormDialog, {
 } from "../../../../../common/dialogs/FormDialog";
 import TokenForm from "./TokenForm";
 
-/**
- * Types
- */
-
 export interface TokenFormDialogProps
   extends Omit<FormDialogProps, "children"> {
   onlyPermissions?: boolean;
 }
 
-/**
- * Component
- */
-
 function TokenFormDialog(props: TokenFormDialogProps) {
   const { onlyPermissions, ...dialogProps } = props;
 
@@ -42,8 +34,4 @@ function TokenFormDialog(props: TokenFormDialogProps) {
   );
 }
 
-TokenFormDialog.defaultProps = {
-  onlyPermissions: false,
-};
-
 export default TokenFormDialog;