eslint

rlamacraft · rlamacraft · commit addaeb251f82 · 2025-02-07T12:42:33.000Z
diff --git a/src/main/webapp/ui/src/eln/gallery/components/ActionsMenu.js b/src/main/webapp/ui/src/eln/gallery/components/ActionsMenu.js
@@ -18,7 +18,12 @@ import FolderOpenIcon from "@mui/icons-material/FolderOpen";
 import VisibilityIcon from "@mui/icons-material/Visibility";
 import { observer } from "mobx-react-lite";
 import { computed } from "mobx";
-import { type GalleryFile, idToString, type Id, Filestore } from "../useGalleryListing";
+import {
+  type GalleryFile,
+  idToString,
+  type Id,
+  Filestore,
+} from "../useGalleryListing";
 import { useGalleryActions } from "../useGalleryActions";
 import { useGallerySelection } from "../useGallerySelection";
 import Dialog from "@mui/material/Dialog";
@@ -452,9 +457,15 @@ function ActionsMenu({
   const logOutAllowed = computed((): Result<Filestore> => {
     return selection
       .asSet()
-      .only.toResult(() => new Error("Only one item may be logged out of at once."))
+      .only.toResult(
+        () => new Error("Only one item may be logged out of at once.")
+      )
       .flatMapDiscarding((file) => file.canBeLoggedOutOf)
-      .flatMap((f: GalleryFile) => f instanceof Filestore ? Result.Ok(f) : Result.Error([new Error("Cannot log out of this item.")]));
+      .flatMap((f: GalleryFile) =>
+        f instanceof Filestore
+          ? Result.Ok(f)
+          : Result.Error([new Error("Cannot log out of this item.")])
+      );
   });
   const { logout } = useFilestoresEndpoint();
 
@@ -695,28 +706,35 @@ function ActionsMenu({
             disabled={exportAllowed.get().isError}
           />
           <EventBoundary>
-            {Result.all(...selection.asSet().toArray().map(({ id }) => idToString(id))).map(exportIds => (
-            <ExportDialog
-              open={exportOpen}
-              onClose={() => {
-                setExportOpen(false);
-                setActionsMenuAnchorEl(null);
-              }}
-              exportSelection={{
-                type: "selection",
-                exportTypes: selection
-                  .asSet()
-                  .toArray()
-                  .map((f) => (f.isFolder ? "FOLDER" : "MEDIA_FILE")),
-                exportNames: selection
-                  .asSet()
-                  .toArray()
-                  .map(({ name }) => name),
-                exportIds,
-              }}
-              allowFileStores={false}
-            />
-            )).orElse(null)}
+            {Result.all(
+              ...selection
+                .asSet()
+                .toArray()
+                .map(({ id }) => idToString(id))
+            )
+              .map((exportIds) => (
+                <ExportDialog
+                  open={exportOpen}
+                  onClose={() => {
+                    setExportOpen(false);
+                    setActionsMenuAnchorEl(null);
+                  }}
+                  exportSelection={{
+                    type: "selection",
+                    exportTypes: selection
+                      .asSet()
+                      .toArray()
+                      .map((f) => (f.isFolder ? "FOLDER" : "MEDIA_FILE")),
+                    exportNames: selection
+                      .asSet()
+                      .toArray()
+                      .map(({ name }) => name),
+                    exportIds,
+                  }}
+                  allowFileStores={false}
+                />
+              ))
+              .orElse(null)}
           </EventBoundary>
           <AccentMenuItem
             title="Move to iRODS"
@@ -734,44 +752,54 @@ function ActionsMenu({
             disabled={moveToIrodsAllowed.get().isError}
             aria-haspopup="dialog"
           />
-            {Result.all(...selection.asSet().toArray().map(({ id }) => idToString(id))).map(selectedIds => (
-          <MoveToIrods
-            selectedIds={selectedIds}
-            dialogOpen={irodsOpen}
-            setDialogOpen={(newState) => {
-              setIrodsOpen(newState);
-              if (!newState) {
-                setActionsMenuAnchorEl(null);
-                void refreshListing();
-              }
-            }}
-          />
-          )).orElse(null)}
+          {Result.all(
+            ...selection
+              .asSet()
+              .toArray()
+              .map(({ id }) => idToString(id))
+          )
+            .map((selectedIds) => (
+              <MoveToIrods
+                selectedIds={selectedIds}
+                dialogOpen={irodsOpen}
+                setDialogOpen={(newState) => {
+                  setIrodsOpen(newState);
+                  if (!newState) {
+                    setActionsMenuAnchorEl(null);
+                    void refreshListing();
+                  }
+                }}
+              />
+            ))
+            .orElse(null)}
           <Divider aria-orientation="horizontal" />
           {/*
            * We hide the log out option rather than disabling it because it
            * is only available for filestores so doesn't apply in the vast,
            * vast majority of cases.
            */}
-          {logOutAllowed.get().map(filestore => (
-            <AccentMenuItem
-              title="Log Out"
-              subheader={logOutAllowed
-                .get()
-                .map(() => "")
-                .orElseGet(([e]) => e.message)}
-              backgroundColor={lighten(theme.palette.warning.light, 0.5)}
-              foregroundColor={darken(theme.palette.warning.dark, 0.3)}
-              avatar={<LogoutIcon />}
-              onClick={() => {
-                void logout(filestore).then(() => {
-                  void refreshListing();
-                  setActionsMenuAnchorEl(null);
-                });
-              }}
-              compact
-            />
-          )).orElse(null)}
+          {logOutAllowed
+            .get()
+            .map((filestore) => (
+              <AccentMenuItem
+                title="Log Out"
+                subheader={logOutAllowed
+                  .get()
+                  .map(() => "")
+                  .orElseGet(([e]) => e.message)}
+                backgroundColor={lighten(theme.palette.warning.light, 0.5)}
+                foregroundColor={darken(theme.palette.warning.dark, 0.3)}
+                avatar={<LogoutIcon />}
+                onClick={() => {
+                  void logout(filestore).then(() => {
+                    void refreshListing();
+                    setActionsMenuAnchorEl(null);
+                  });
+                }}
+                compact
+              />
+            ))
+            .orElse(null)}
           <AccentMenuItem
             title="Delete"
             subheader={deleteAllowed
diff --git a/src/main/webapp/ui/src/eln/gallery/components/CallableAsposePreview.js b/src/main/webapp/ui/src/eln/gallery/components/CallableAsposePreview.js
@@ -71,7 +71,9 @@ export function CallableAsposePreview({
     setLoading(true);
     try {
       const { data } = await axios.get<mixed>(
-        "/Streamfile/ajax/convert/" + idToString(file.id).elseThrow() + "?outputFormat=pdf"
+        "/Streamfile/ajax/convert/" +
+          idToString(file.id).elseThrow() +
+          "?outputFormat=pdf"
       );
       const fileName = Parsers.isObject(data)
         .flatMap(Parsers.isNotNull)
@@ -80,7 +82,10 @@ export function CallableAsposePreview({
         .orElse(null);
       if (fileName) {
         openPdfPreview(
-          "/Streamfile/direct/" + idToString(file.id).elseThrow() + "?fileName=" + fileName
+          "/Streamfile/direct/" +
+            idToString(file.id).elseThrow() +
+            "?fileName=" +
+            fileName
         );
       } else {
         Parsers.isObject(data)
diff --git a/src/main/webapp/ui/src/eln/gallery/components/MainPanel.js b/src/main/webapp/ui/src/eln/gallery/components/MainPanel.js
@@ -26,7 +26,7 @@ import CardActionArea from "@mui/material/CardActionArea";
 import Avatar from "@mui/material/Avatar";
 import BrokenImageIcon from "@mui/icons-material/BrokenImage";
 import * as FetchingData from "../../../util/fetchingData";
-import { type GalleryFile, type Id, idToString } from "../useGalleryListing";
+import { type GalleryFile, type Id } from "../useGalleryListing";
 import {
   useGalleryActions,
   folderDestination,
@@ -1735,10 +1735,7 @@ function GalleryMainPanel({
                  * new info panel when the selection changes to reset any
                  * modified state.
                  */
-                <InfoPanelForSmallViewports
-                  key={file.key}
-                  file={file}
-                />
+                <InfoPanelForSmallViewports key={file.key} file={file} />
               ))
               .orElse(null)}
           </Grid>
diff --git a/src/main/webapp/ui/src/eln/gallery/components/TreeView.js b/src/main/webapp/ui/src/eln/gallery/components/TreeView.js
@@ -12,11 +12,7 @@ import Avatar from "@mui/material/Avatar";
 import FileIcon from "@mui/icons-material/InsertDriveFile";
 import * as FetchingData from "../../../util/fetchingData";
 import * as MapUtils from "../../../util/MapUtils";
-import {
-  useGalleryListing,
-  type GalleryFile,
-  idToString,
-} from "../useGalleryListing";
+import { useGalleryListing, type GalleryFile } from "../useGalleryListing";
 import { useGalleryActions, folderDestination } from "../useGalleryActions";
 import { useGallerySelection, GallerySelection } from "../useGallerySelection";
 import { doNotAwait } from "../../../util/Util";
diff --git a/src/main/webapp/ui/src/eln/gallery/index.js b/src/main/webapp/ui/src/eln/gallery/index.js
@@ -100,15 +100,15 @@ const WholePage = styled(
     const selection = useGallerySelection();
     React.useEffect(() => {
       try {
-      FetchingData.getSuccessValue(galleryListing).do((listing) => {
-        if (listing.tag === "empty") return;
-        for (const f of new RsSet(listing.list).intersectionMap(
-          ({ id }) => idToString(id).elseThrow(),
-          new RsSet(autoSelect ?? []).map((id) => `${id}`)
-        )) {
-          selection.append(f);
-        }
-      });
+        FetchingData.getSuccessValue(galleryListing).do((listing) => {
+          if (listing.tag === "empty") return;
+          for (const f of new RsSet(listing.list).intersectionMap(
+            ({ id }) => idToString(id).elseThrow(),
+            new RsSet(autoSelect ?? []).map((id) => `${id}`)
+          )) {
+            selection.append(f);
+          }
+        });
       } catch (e) {
         /*
          * This will throw when processing files from external filestores that
@@ -159,7 +159,9 @@ const WholePage = styled(
                   }
                   if (newPath.length > 0) {
                     navigate(
-                      `/gallery/${idToString(newPath[newPath.length - 1].id).elseThrow()}`
+                      `/gallery/${idToString(
+                        newPath[newPath.length - 1].id
+                      ).elseThrow()}`
                     );
                   } else {
                     try {
diff --git a/src/main/webapp/ui/src/eln/gallery/useFilestoresEndpoint.js b/src/main/webapp/ui/src/eln/gallery/useFilestoresEndpoint.js
@@ -1,32 +1,42 @@
 //@flow
 
-import React from 'react';
-import axios from 'axios';
+import React from "react";
+import axios from "axios";
 import useOauthToken from "../../common/useOauthToken";
-import { type Filestore, idToString } from "./useGalleryListing";
+import { type Filestore } from "./useGalleryListing";
 import AlertContext, { mkAlert } from "../../stores/contexts/Alert";
 
-export default function useFilestoresEndpoint(): {| logout: (Filestore) => Promise<void> |} {
+export default function useFilestoresEndpoint(): {|
+  logout: (Filestore) => Promise<void>,
+|} {
   const { getToken } = useOauthToken();
   const { addAlert } = React.useContext(AlertContext);
 
   const logout = async (filestore: Filestore) => {
     try {
-      await axios.post<_, mixed>(`/api/v1/gallery/filesystems/${filestore.filesystemId}/logout`, {}, {
-        headers: {
-          Authorization: `Bearer ${await getToken()}`,
-        },
-      });
-      addAlert(mkAlert({
-        variant: "success",
-        message: `Logged out of ${filestore.name}`,
-      }));
+      await axios.post<_, mixed>(
+        `/api/v1/gallery/filesystems/${filestore.filesystemId}/logout`,
+        {},
+        {
+          headers: {
+            Authorization: `Bearer ${await getToken()}`,
+          },
+        }
+      );
+      addAlert(
+        mkAlert({
+          variant: "success",
+          message: `Logged out of ${filestore.name}`,
+        })
+      );
     } catch (e) {
       console.error(e);
-      addAlert(mkAlert({
-        variant: "error",
-        message: `Failed to log out of ${filestore.name}`,
-      }));
+      addAlert(
+        mkAlert({
+          variant: "error",
+          message: `Failed to log out of ${filestore.name}`,
+        })
+      );
     }
   };
 
diff --git a/src/main/webapp/ui/src/eln/gallery/useGalleryActions.js b/src/main/webapp/ui/src/eln/gallery/useGalleryActions.js
@@ -327,7 +327,9 @@ export function useGalleryActions(): {|
       const formData = new FormData();
       formData.append(
         "target",
-        destination.key === "root" ? "0" : idToString(destination.folder.id).elseThrow()
+        destination.key === "root"
+          ? "0"
+          : idToString(destination.folder.id).elseThrow()
       );
       for (const file of files)
         formData.append("filesId[]", idToString(file.id).elseThrow());
@@ -433,7 +435,9 @@ export function useGalleryActions(): {|
       },
     });
     try {
-      await api.delete<mixed>(`filestores/${idToString(filestore.id).elseThrow()}`);
+      await api.delete<mixed>(
+        `filestores/${idToString(filestore.id).elseThrow()}`
+      );
       addAlert(
         mkAlert({
           message: "Successfully deleted filestore.",
