Update npm dependencies to latest versions

frontend/src/App.tsx

@@ -18,5 +18,5 @@ root.render(
         <AppBase />
       </AironeSnackbarProvider>
     </ThemeProvider>
-  </StrictMode>
+  </StrictMode>,
 );

frontend/src/ErrorHandler.tsx

@@ -129,15 +129,15 @@ const ErrorBridge: FC<{ children: React.ReactNode }> = ({ children }) => {
       }
       dispatchError(event.reason);
     },
-    []
+    [],
   );
 
   useEffect(() => {
     window.addEventListener("unhandledrejection", handleUnhandledRejection);
     return () => {
       window.removeEventListener(
         "unhandledrejection",
-        handleUnhandledRejection
+        handleUnhandledRejection,
       );
     };
   }, [handleUnhandledRejection]);

frontend/src/components/acl/ACLForm.test.tsx

@@ -28,6 +28,6 @@ test("should render a component with essential props", function () {
   expect(() =>
     render(<Wrapper />, {
       wrapper: TestWrapper,
-    })
+    }),
   ).not.toThrow();
 });

frontend/src/components/acl/ACLHistoryList.tsx

@@ -84,16 +84,16 @@ export const ACLHistoryList: FC<Props> = ({ histories }) => {
                                   </StyledTableCell>
                                   <StyledTableCell>
                                     {change.before != null
-                                      ? ACLTypeLabels[
+                                      ? (ACLTypeLabels[
                                           change.before as ACLType
-                                        ] ?? "不明"
+                                        ] ?? "不明")
                                       : "-"}
                                   </StyledTableCell>
                                   <StyledTableCell>
                                     {change.after != null
-                                      ? ACLTypeLabels[
+                                      ? (ACLTypeLabels[
                                           change.after as ACLType
-                                        ] ?? "不明"
+                                        ] ?? "不明")
                                       : "-"}
                                   </StyledTableCell>
                                 </>

frontend/src/components/acl/aclForm/ACLFormSchema.ts

@@ -33,14 +33,14 @@ export const schema = schemaForType<ACLForm>()(
           name: z.string(),
           description: z.string(),
           currentPermission: z.number(),
-        })
+        }),
       ),
     })
     .superRefine(({ isPublic, defaultPermission, roles }, ctx) => {
       const isDefaultPermissionFull =
         defaultPermission != null && defaultPermission === ACLType.Full;
       const isSomeRolesFull = roles.some(
-        (r) => r.currentPermission === ACLType.Full
+        (r) => r.currentPermission === ACLType.Full,
       );
 
       if (!isPublic && !isDefaultPermissionFull && !isSomeRolesFull) {
@@ -52,7 +52,7 @@ export const schema = schemaForType<ACLForm>()(
           } にしてください`,
         });
       }
-    })
+    }),
 );
 
 export type Schema = z.infer<typeof schema>;

frontend/src/components/category/CategoryList.tsx

@@ -53,7 +53,7 @@ export const CategoryList: FC<Props> = ({ isEdit = false }) => {
             onKeyPress={(e) => {
               e.key === "Enter" &&
                 handleChangeQuery(
-                  normalizeToMatch((e.target as HTMLInputElement).value ?? "")
+                  normalizeToMatch((e.target as HTMLInputElement).value ?? ""),
                 );
             }}
           />

frontend/src/components/category/categoryForm/CategoryFormSchema.ts

@@ -13,12 +13,12 @@ export const schema = schemaForType<CategoryList>()(
         z.object({
           id: z.number(),
           name: z.string(),
-        })
+        }),
       )
       .default([]),
     //priority: z.number().default(0).refine((v) => Number(v)),
     priority: z.coerce.number(),
-  })
+  }),
 );
 
 export type Schema = z.infer<typeof schema>;

frontend/src/components/common/AironeLink.tsx

@@ -2,7 +2,7 @@ import { styled } from "@mui/material/styles";
 import { Link, LinkProps } from "react-router";
 
 export const AironeLink: React.ComponentType<LinkProps> = styled(
-  Link
+  Link,
 )<LinkProps>(({ theme }) => ({
   color: theme.palette.primary.main,
   textDecoration: "none",

frontend/src/components/common/AutocompleteWithAllSelector.tsx

@@ -21,7 +21,7 @@ type SelectorOption = "select-all" | "remove-all";
 interface Props<
   T,
   DisableClearable extends boolean | undefined = undefined,
-  FreeSolo extends boolean | undefined = undefined
+  FreeSolo extends boolean | undefined = undefined,
 > extends AutocompleteProps<
     T | SelectorOption,
     true,
@@ -41,14 +41,14 @@ interface Props<
 export const AutocompleteWithAllSelector = <
   T,
   DisableClearable extends boolean | undefined = undefined,
-  FreeSolo extends boolean | undefined = undefined
+  FreeSolo extends boolean | undefined = undefined,
 >({
   selectAllLabel,
   ...autocompleteProps
 }: Props<T | SelectorOption, DisableClearable, FreeSolo>) => {
   if (!autocompleteProps.multiple) {
     throw new Error(
-      "AutocompleteWithAllSelector supports only multiple options"
+      "AutocompleteWithAllSelector supports only multiple options",
     );
   }
 
@@ -91,14 +91,14 @@ export const AutocompleteWithAllSelector = <
     value: Array<
       T | AutocompleteFreeSoloValueMapping<FreeSolo> | SelectorOption
     >,
-    reason: AutocompleteChangeReason
+    reason: AutocompleteChangeReason,
   ): void => {
     if (onChange == null) return;
 
     if (value.find((v) => v === "select-all") != null) {
       const newValueBase = value.filter((v) => v !== "select-all");
       const newElements = filterOptionResult.current.results.filter(
-        (v) => !newValueBase.includes(v)
+        (v) => !newValueBase.includes(v),
       );
       return onChange(event, newValueBase.concat(newElements), reason);
     } else if (value.find((v) => v === "remove-all") != null) {
@@ -110,7 +110,7 @@ export const AutocompleteWithAllSelector = <
 
   const optionRenderer = (
     props: HTMLAttributes<HTMLLIElement>,
-    option: T | SelectorOption
+    option: T | SelectorOption,
   ) => {
     switch (option) {
       case "select-all":
@@ -128,7 +128,7 @@ export const AutocompleteWithAllSelector = <
 
   const filterOptions = (
     options: Array<T | SelectorOption>,
-    params: FilterOptionsState<T | SelectorOption>
+    params: FilterOptionsState<T | SelectorOption>,
   ): (T | SelectorOption)[] => {
     const filtered = filter(options, params);
 

frontend/src/components/common/FlexBox.tsx

@@ -8,25 +8,25 @@ type StyledBoxProps = BoxProps & {
 };
 
 export const FlexBox: React.ComponentType<StyledBoxProps> = styled(
-  Box
+  Box,
 )<StyledBoxProps>({
   display: "flex",
 }) as React.ComponentType<StyledBoxProps>;
 
 export const BetweenAlignedBox: React.ComponentType<StyledBoxProps> = styled(
-  FlexBox
+  FlexBox,
 )<StyledBoxProps>({
   justifyContent: "space-between",
 }) as React.ComponentType<StyledBoxProps>;
 
 export const RightAlignedBox: React.ComponentType<StyledBoxProps> = styled(
-  FlexBox
+  FlexBox,
 )<StyledBoxProps>({
   justifyContent: "end",
 }) as React.ComponentType<StyledBoxProps>;
 
 export const CenterAlignedBox: React.ComponentType<StyledBoxProps> = styled(
-  FlexBox
+  FlexBox,
 )<StyledBoxProps>({
   justifyContent: "center",
 }) as React.ComponentType<StyledBoxProps>;

frontend/src/components/common/Header.tsx

@@ -124,7 +124,7 @@ export const Header: FC = () => {
   const [userAnchorEl, setUserAnchorEl] = useState<HTMLButtonElement | null>();
   const [jobAnchorEl, setJobAnchorEl] = useState<HTMLButtonElement | null>();
   const [latestCheckDate, setLatestCheckDate] = useState<Date | null>(
-    getLatestCheckDate()
+    getLatestCheckDate(),
   );
   const [recentJobs, setRecentJobs] = useState<Array<JobSerializers>>([]);
 
@@ -138,7 +138,8 @@ export const Header: FC = () => {
 
   const uncheckedJobsCount = useMemo(() => {
     return latestCheckDate != null
-      ? recentJobs.filter((job) => job.createdAt > latestCheckDate).length ?? 0
+      ? (recentJobs.filter((job) => job.createdAt > latestCheckDate).length ??
+          0)
       : recentJobs.length;
   }, [latestCheckDate, recentJobs]);
 

frontend/src/components/common/ImportForm.test.tsx

@@ -29,7 +29,7 @@ describe("ImportForm", () => {
     });
 
     expect(
-      screen.queryByText("ファイルのアップロードに失敗しました")
+      screen.queryByText("ファイルのアップロードに失敗しました"),
     ).not.toBeInTheDocument();
   });
 });

frontend/src/components/common/ImportForm.tsx

@@ -48,13 +48,13 @@ export const ImportForm: FC<Props> = ({ handleImport, handleCancel }) => {
           if (e instanceof Error && isResponseError(e)) {
             const reportableError = await toReportableNonFieldErrors(e);
             setErrorMessage(
-              `ファイルのアップロードに失敗しました: ${reportableError ?? ""}`
+              `ファイルのアップロードに失敗しました: ${reportableError ?? ""}`,
             );
             enqueueSnackbar(
               `ファイルのアップロードに失敗しました: ${reportableError ?? ""}`,
               {
                 variant: "error",
-              }
+              },
             );
           } else {
             setErrorMessage("ファイルのアップロードに失敗しました。");

frontend/src/components/common/PaginationFooter.test.tsx

@@ -53,11 +53,11 @@ describe("PaginationFooter", () => {
           page={c.page}
           changePage={changePage}
         />,
-        { wrapper: TestWrapper }
+        { wrapper: TestWrapper },
       );
 
       expect(screen.getByText(c.expected)).toBeInTheDocument();
-    })
+    }),
   );
 
   test("check change page handler", () => {
@@ -68,19 +68,19 @@ describe("PaginationFooter", () => {
         page={1}
         changePage={changePage}
       />,
-      { wrapper: TestWrapper }
+      { wrapper: TestWrapper },
     );
 
     expect(screen.getByRole("button", { name: "page 1" })).toBeInTheDocument();
     expect(
-      screen.getByRole("button", { name: "Go to page 2" })
+      screen.getByRole("button", { name: "Go to page 2" }),
     ).toBeInTheDocument();
     expect(
-      screen.getByRole("button", { name: "Go to page 3" })
+      screen.getByRole("button", { name: "Go to page 3" }),
     ).toBeInTheDocument();
     expect(screen.getByText("…")).toBeInTheDocument();
     expect(
-      screen.getByRole("button", { name: "Go to page 34" })
+      screen.getByRole("button", { name: "Go to page 34" }),
     ).toBeInTheDocument();
 
     // change page
@@ -98,19 +98,19 @@ describe("PaginationFooter", () => {
         page={2}
         changePage={changePage}
       />,
-      { wrapper: TestWrapper }
+      { wrapper: TestWrapper },
     );
 
     expect(
-      screen.getByRole("button", { name: "Go to page 1" })
+      screen.getByRole("button", { name: "Go to page 1" }),
     ).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "page 2" })).toBeInTheDocument();
     expect(
-      screen.getByRole("button", { name: "Go to page 3" })
+      screen.getByRole("button", { name: "Go to page 3" }),
     ).toBeInTheDocument();
     expect(screen.getByText("…")).toBeInTheDocument();
     expect(
-      screen.getByRole("button", { name: "Go to page 34" })
+      screen.getByRole("button", { name: "Go to page 34" }),
     ).toBeInTheDocument();
   });
 });

frontend/src/components/common/PaginationFooter.tsx

@@ -27,7 +27,7 @@ export const PaginationFooter: FC<Props> = ({
       <Typography>
         {`${Math.min(maxRowCount * (page - 1) + 1, count)} - ${Math.min(
           maxRowCount * page,
-          count
+          count,
         )} / ${count} 件`}
       </Typography>
       <Stack spacing={2}>

frontend/src/components/common/RateLimitedClickable.test.tsx

@@ -21,7 +21,7 @@ describe("RateLimitedClickable", () => {
       </RateLimitedClickable>,
       {
         wrapper: TestWrapper,
-      }
+      },
     );
 
     // multiple handler calls
@@ -45,7 +45,7 @@ describe("RateLimitedClickable", () => {
       </RateLimitedClickable>,
       {
         wrapper: TestWrapper,
-      }
+      },
     );
 
     // multiple handler calls

frontend/src/components/common/Table.tsx

@@ -17,7 +17,7 @@ type StyledTableCellProps = TableCellProps & {
 };
 
 export const HeaderTableRow: React.ComponentType<StyledTableRowProps> = styled(
-  TableRow
+  TableRow,
 )<StyledTableRowProps>({
   backgroundColor: "#455A64",
 }) as React.ComponentType<StyledTableRowProps>;
@@ -29,7 +29,7 @@ export const HeaderTableCell: React.ComponentType<StyledTableCellProps> =
   }) as React.ComponentType<StyledTableCellProps>;
 
 export const StyledTableRow: React.ComponentType<StyledTableRowProps> = styled(
-  TableRow
+  TableRow,
 )<StyledTableRowProps>({
   "& td": {
     padding: "8px",

frontend/src/components/entity/EntityControlMenu.test.tsx

@@ -20,7 +20,7 @@ test("should render with essential props", () => {
         }}
         setOpenImportModal={() => false}
       />,
-      { wrapper: TestWrapper }
-    )
+      { wrapper: TestWrapper },
+    ),
   ).not.toThrow();
 });