Updated Prettier to v3.0.0 (#2949)

Signed-off-by: Benjamin Perez <[email protected]>

portal-ui/config-overrides.js

@@ -15,5 +15,5 @@ console.log("add babel plugin");
 
 module.exports = override(
   process.env.USE_BABEL_PLUGIN_ISTANBUL &&
-    addBabelPlugins("babel-plugin-istanbul")
+    addBabelPlugins("babel-plugin-istanbul"),
 );

portal-ui/e2e/buckets.spec.ts

@@ -54,7 +54,7 @@ test("invalid bucket name", async ({ page }) => {
   await page.getByRole("button", { name: "View Bucket Naming Rules" }).click();
   await expect(
     page.getByText(
-      "Bucket names can consist only of lowercase letters, numbers, dots (.), and hyphe"
-    )
+      "Bucket names can consist only of lowercase letters, numbers, dots (.), and hyphe",
+    ),
   ).toBeTruthy();
 });

portal-ui/e2e/fixtures/baseFixture.ts

@@ -29,9 +29,9 @@ export const test = baseTest.extend({
     await context.addInitScript(() =>
       window.addEventListener("beforeunload", () =>
         (window as any).collectIstanbulCoverage(
-          JSON.stringify((window as any).__coverage__)
-        )
-      )
+          JSON.stringify((window as any).__coverage__),
+        ),
+      ),
     );
     await fs.promises.mkdir(istanbulCLIOutput, { recursive: true });
     await context.exposeFunction(
@@ -41,18 +41,18 @@ export const test = baseTest.extend({
           fs.writeFileSync(
             path.join(
               istanbulCLIOutput,
-              `playwright_coverage_${generateUUID()}.json`
+              `playwright_coverage_${generateUUID()}.json`,
             ),
-            coverageJSON
+            coverageJSON,
           );
-      }
+      },
     );
     await use(context);
     for (const page of context.pages()) {
       await page.evaluate(() =>
         (window as any).collectIstanbulCoverage(
-          JSON.stringify((window as any).__coverage__)
-        )
+          JSON.stringify((window as any).__coverage__),
+        ),
       );
     }
   },

portal-ui/e2e/lifecycle.spec.ts

@@ -77,7 +77,7 @@ test.describe("Add Lifecycle Rule Modal in bucket settings tests for object vers
     await test.step("Clean up bucket and verify the clean up", async () => {
       await bucketSummaryPage.confirmDeleteBucket();
       const existBukCount = await bucketListPage.isBucketExist(
-        versionedBucketName
+        versionedBucketName,
       );
       await expect(existBukCount).toEqual(0);
     });
@@ -105,7 +105,7 @@ test.describe("Add Lifecycle Rule Modal in bucket settings tests for object vers
     await test.step("Clean up bucket and verify the clean up", async () => {
       await bucketSummaryPage.confirmDeleteBucket();
       const existBukCount = await bucketListPage.isBucketExist(
-        nonVersionedBucketName
+        nonVersionedBucketName,
       );
       await expect(existBukCount).toEqual(0);
     });

portal-ui/e2e/policies.spec.ts

@@ -39,7 +39,7 @@ test("Can create a policy", async ({ page }) => {
   await page
     .locator("#code_wrapper")
     .fill(
-      '{\n  "Version": "2012-10-17",\n  "Statement": [\n    {\n      "Effect": "Allow",\n      "Action": [\n        "s3:*"\n      ],\n      "Resource": [\n        "arn:aws:s3:::bucket1/*",\n        "arn:aws:s3:::bucket2/*",\n        "arn:aws:s3:::bucket3/*",\n        "arn:aws:s3:::bucket4/*"\n      ]\n    },\n    {\n      "Effect": "Deny",\n      "Action": [\n        "s3:DeleteBucket"\n      ],\n      "Resource": [\n        "arn:aws:s3:::*"\n      ]\n    }\n  ]\n}\n'
+      '{\n  "Version": "2012-10-17",\n  "Statement": [\n    {\n      "Effect": "Allow",\n      "Action": [\n        "s3:*"\n      ],\n      "Resource": [\n        "arn:aws:s3:::bucket1/*",\n        "arn:aws:s3:::bucket2/*",\n        "arn:aws:s3:::bucket3/*",\n        "arn:aws:s3:::bucket4/*"\n      ]\n    },\n    {\n      "Effect": "Deny",\n      "Action": [\n        "s3:DeleteBucket"\n      ],\n      "Resource": [\n        "arn:aws:s3:::*"\n      ]\n    }\n  ]\n}\n',
     );
   await page.getByRole("button", { name: "Save" }).click();
   await expect(page.getByRole("gridcell", { name: policyName })).toBeTruthy();

portal-ui/e2e/pom/BucketsListPage.tsx

@@ -30,7 +30,7 @@ export class BucketsListPage {
 
   locateBucket(bucketName: string): Locator {
     const bucketRow = this.getLocator(
-      `${this.bucketListItemPrefix}${bucketName}`
+      `${this.bucketListItemPrefix}${bucketName}`,
     );
     return bucketRow;
   }

portal-ui/package.json

@@ -89,7 +89,7 @@
     "customize-cra": "^1.0.0",
     "minio": "^7.1.1",
     "nyc": "^15.1.0",
-    "prettier": "2.8.8",
+    "prettier": "3.0.0",
     "react-app-rewire-hot-loader": "^2.0.1",
     "react-app-rewired": "^2.2.1",
     "react-scripts": "5.0.1",

portal-ui/public/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

portal-ui/src/MainRouter.tsx

@@ -24,7 +24,7 @@ import { baseUrl } from "./history";
 const Login = React.lazy(() => import("./screens/LoginPage/Login"));
 const Logout = React.lazy(() => import("./screens/LogoutPage/LogoutPage"));
 const LoginCallback = React.lazy(
-  () => import("./screens/LoginPage/LoginCallback")
+  () => import("./screens/LoginPage/LoginCallback"),
 );
 
 const MainRouter = () => {

portal-ui/src/ProtectedRoutes.tsx

@@ -37,10 +37,10 @@ const ProtectedRoute = ({ Component }: ProtectedRouteProps) => {
   const userLoggedIn = useSelector((state: AppState) => state.system.loggedIn);
   const [componentLoading, setComponentLoading] = useState<boolean>(true);
   const sessionLoadingState = useSelector(
-    (state: AppState) => state.console.sessionLoadingState
+    (state: AppState) => state.console.sessionLoadingState,
   );
   const anonymousMode = useSelector(
-    (state: AppState) => state.system.anonymousMode
+    (state: AppState) => state.system.anonymousMode,
   );
   const { pathname = "" } = useLocation();
 
@@ -87,7 +87,7 @@ const ProtectedRoute = ({ Component }: ProtectedRouteProps) => {
     (err: ErrorResponseHandler) => {
       // we will fail this call silently, but show it on the console
       console.error(`Error loading site replication status`, err);
-    }
+    },
   );
 
   useEffect(() => {

portal-ui/src/StyleHandler.tsx

@@ -42,7 +42,7 @@ interface IStyleHandler {
 
 const StyleHandler = ({ children }: IStyleHandler) => {
   const colorVariants = useSelector(
-    (state: AppState) => state.system.overrideStyles
+    (state: AppState) => state.system.overrideStyles,
   );
 
   let thm = undefined;