chore: upgrade dependencies

backend/package.json

@@ -13,17 +13,17 @@
     "seed": "ts-node prisma/seed/config.seed.ts"
   },
   "dependencies": {
-    "@nestjs/common": "^9.1.2",
+    "@nestjs/common": "^9.2.1",
     "@nestjs/config": "^2.2.0",
-    "@nestjs/core": "^9.1.2",
+    "@nestjs/core": "^9.2.1",
     "@nestjs/jwt": "^9.0.0",
     "@nestjs/mapped-types": "^1.2.0",
     "@nestjs/passport": "^9.0.0",
-    "@nestjs/platform-express": "^9.1.2",
+    "@nestjs/platform-express": "^9.2.1",
     "@nestjs/schedule": "^2.1.0",
     "@nestjs/throttler": "^3.1.0",
     "archiver": "^5.3.1",
-    "argon2": "^0.29.1",
+    "argon2": "^0.30.2",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.13.2",
     "content-disposition": "^0.5.4",
@@ -36,35 +36,35 @@
     "passport-local": "^1.0.0",
     "reflect-metadata": "^0.1.13",
     "rimraf": "^3.0.2",
-    "rxjs": "^7.5.7"
+    "rxjs": "^7.6.0"
   },
   "devDependencies": {
-    "@nestjs/cli": "^9.1.4",
+    "@nestjs/cli": "^9.1.5",
     "@nestjs/schematics": "^9.0.3",
-    "@nestjs/testing": "^9.1.2",
+    "@nestjs/testing": "^9.2.1",
-    "@prisma/client": "^4.4.0",
+    "@prisma/client": "^4.7.1",
     "@types/archiver": "^5.3.1",
     "@types/cron": "^2.0.0",
     "@types/express": "^4.17.14",
     "@types/mime-types": "^2.1.1",
     "@types/multer": "^1.4.7",
-    "@types/node": "^18.7.23",
+    "@types/node": "^18.11.10",
     "@types/nodemailer": "^6.4.6",
     "@types/passport-jwt": "^3.0.7",
     "@types/supertest": "^2.0.12",
-    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.40.0",
+    "@typescript-eslint/parser": "^5.45.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.25.0",
+    "eslint": "^8.29.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "newman": "^5.3.2",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.0",
-    "prisma": "^4.4.0",
+    "prisma": "^4.7.1",
     "source-map-support": "^0.5.21",
-    "ts-loader": "^9.4.1",
+    "ts-loader": "^9.4.2",
     "ts-node": "^10.9.1",
-    "tsconfig-paths": "4.1.0",
+    "tsconfig-paths": "4.1.1",
-    "typescript": "^4.8.4"
+    "typescript": "^4.9.3"
   }
 }

frontend/package.json

@@ -9,39 +9,39 @@
     "format": "prettier --write \"src/**/*.ts*\""
   },
   "dependencies": {
-    "@emotion/react": "^11.10.4",
+    "@emotion/react": "^11.10.5",
     "@emotion/server": "^11.10.0",
-    "@mantine/core": "^5.5.2",
+    "@mantine/core": "^5.9.1",
-    "@mantine/dropzone": "^5.5.2",
+    "@mantine/dropzone": "^5.9.1",
-    "@mantine/form": "^5.5.2",
+    "@mantine/form": "^5.9.1",
-    "@mantine/hooks": "^5.5.2",
+    "@mantine/hooks": "^5.9.1",
-    "@mantine/modals": "^5.5.2",
+    "@mantine/modals": "^5.9.1",
-    "@mantine/next": "^5.5.2",
+    "@mantine/next": "^5.9.1",
-    "@mantine/notifications": "^5.5.2",
+    "@mantine/notifications": "^5.9.1",
-    "axios": "^0.26.1",
+    "axios": "^1.2.0",
-    "cookies-next": "^2.0.4",
+    "cookies-next": "^2.1.1",
     "file-saver": "^2.0.5",
-    "jose": "^4.8.1",
+    "jose": "^4.11.1",
     "moment": "^2.29.4",
-    "next": "^13.0.0",
+    "next": "^13.0.6",
     "next-cookies": "^2.0.3",
-    "next-http-proxy-middleware": "^1.2.4",
+    "next-http-proxy-middleware": "^1.2.5",
     "next-pwa": "^5.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.4.0",
+    "react-icons": "^4.7.1",
     "yup": "^0.32.11"
   },
   "devDependencies": {
-    "@types/node": "17.0.23",
+    "@types/node": "18.11.10",
-    "@types/react": "18.0.4",
+    "@types/react": "18.0.26",
-    "@types/react-dom": "18.0.0",
+    "@types/react-dom": "18.0.9",
-    "axios": "^0.26.1",
+    "axios": "^1.2.0",
-    "eslint": "8.13.0",
+    "eslint": "8.29.0",
-    "eslint-config-next": "^13.0.0",
+    "eslint-config-next": "^13.0.6",
     "eslint-config-prettier": "^8.5.0",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.0",
-    "tar": "^6.1.11",
+    "tar": "^6.1.12",
-    "typescript": "^4.6.3"
+    "typescript": "^4.9.3"
   }
 }

frontend/src/components/admin/AdminConfigTable.tsx

@@ -13,16 +13,15 @@ const AdminConfigTable = () => {
 
   const [configVariables, setConfigVariables] = useState<AdminConfigType[]>([]);
 
-  const getConfigVariables = () => {
+  const getConfigVariables = async () => {
-    setIsLoading(true);
+    await configService.listForAdmin().then((configVariables) => {
-    configService.listForAdmin().then((configVariables) => {
       setConfigVariables(configVariables);
-      setIsLoading(false);
     });
   };
 
   useEffect(() => {
-    getConfigVariables();
+    setIsLoading(true);
+    getConfigVariables().then(() => setIsLoading(false));
   }, []);
 
   const skeletonRows = [...Array(9)].map((c, i) => (
@@ -61,7 +60,6 @@ const AdminConfigTable = () => {
                   <Code>{element.key}</Code> {element.secret && <TbLock />}{" "}
                   <br />
                   <Text size="xs" color="dimmed">
-                    {" "}
                     {element.description}
                   </Text>
                 </td>

frontend/src/components/upload/Dropzone.tsx

@@ -45,6 +45,12 @@ const Dropzone = ({
   return (
     <div className={classes.wrapper}>
       <MantineDropzone
+        // Temporary fix for Dropzone issue (https://github.com/mantinedev/mantine/issues/3115)
+        getFilesFromEvent={(e) => {
+          return Promise.resolve([
+            ...((e.target as EventTarget & HTMLInputElement)?.files as any),
+          ]);
+        }}
         maxSize={parseInt(config.get("MAX_FILE_SIZE"))}
         onReject={(e) => {
           toast.error(e[0].errors[0].message);
@@ -52,15 +58,11 @@ const Dropzone = ({
         disabled={isUploading}
         openRef={openRef as ForwardedRef<() => void>}
         onDrop={(files) => {
-          if (files.length > 100) {
+          const newFiles = files.map((file) => {
-            toast.error("You can't upload more than 100 files per share.");
+            (file as FileUpload).uploadingProgress = 0;
-          } else {
+            return file as FileUpload;
-            const newFiles = files.map((file) => {
+          });
-              (file as FileUpload).uploadingProgress = 0;
+          setFiles(newFiles);
-              return file as FileUpload;
-            });
-            setFiles(newFiles);
-          }
         }}
         className={classes.dropzone}
         radius="md"

frontend/src/pages/admin/setup.tsx

@@ -40,7 +40,7 @@ const Setup = () => {
           mb={70}
           mt="lg"
         >
-          Let me in!
+          Let me in
         </Button>
       </Stack>
     </>

frontend/src/services/share.service.ts

@@ -80,7 +80,7 @@ const uploadFile = async (
   const response = await api.post(`shares/${shareId}/files`, formData, {
     onUploadProgress: (progressEvent) => {
       const uploadingProgress = Math.round(
-        (100 * progressEvent.loaded) / progressEvent.total
+        (100 * progressEvent.loaded) / (progressEvent.total ?? 1)
       );
       if (uploadingProgress < 100) progressCallBack(uploadingProgress);
     },