n99: refactor: Replace yup with zod

package.json

@@ -16,7 +16,6 @@
     "react-router-dom": "6.13.0",
     "react-use": "17.4.0",
     "recharts": "2.7.1",
-    "yup": "1.2.0",
     "zod": "3.21.4"
   },
   "devDependencies": {

src/views/auth/Login/form-helpers.ts

@@ -1,20 +1,20 @@
-import * as yup from "yup"
+import { z } from "zod"
 
 export enum FieldName {
   Password = "password",
   Username = "username",
 }
 
-export const validationSchema = yup
-  .object({
-    [FieldName.Password]: yup.string().required(),
-    [FieldName.Username]: yup.string().required(),
-  })
-  .required()
+export const validationSchema = z.object({
+  [FieldName.Password]: z.string().nonempty(),
+  [FieldName.Username]: z.string().nonempty(),
+})
 
-export const defaultValues: TFormValues = {
-  password: "",
-  username: "",
-}
+export type TFormValidValues = z.infer<typeof validationSchema>
+
+export type TFormDefaultValues = TFormValidValues
 
-export type TFormValues = yup.InferType<typeof validationSchema>
+export const defaultValues: TFormValidValues = {
+  [FieldName.Password]: "",
+  [FieldName.Username]: "",
+}

src/views/auth/Login/index.tsx

@@ -1,4 +1,4 @@
-import { yupResolver } from "@hookform/resolvers/yup"
+import { zodResolver } from "@hookform/resolvers/zod"
 import { Button, TextField, Typography } from "@mui/material"
 import { FC } from "react"
 import { useForm } from "react-hook-form"
@@ -10,7 +10,7 @@ import { RowGroup } from "#components/RowGroup"
 import { apolloClient } from "#utils/apolloClient"
 
 import { Container } from "../components"
-import { FieldName, TFormValues, defaultValues, validationSchema } from "./form-helpers"
+import { FieldName, TFormDefaultValues, TFormValidValues, defaultValues, validationSchema } from "./form-helpers"
 
 export const Login: FC = () => {
   const navigate = useNavigate()
@@ -21,10 +21,10 @@ export const Login: FC = () => {
     handleSubmit,
     register,
     setError,
-  } = useForm<TFormValues>({
+  } = useForm<TFormDefaultValues, void, TFormValidValues>({
     defaultValues,
     mode: "onChange",
-    resolver: yupResolver(validationSchema),
+    resolver: zodResolver(validationSchema),
   })
 
   const onSubmit = handleSubmit(async ({ password, username }) => {

src/views/boards/BoardSettings/CategoryFormDialog/form-helpers.ts

@@ -1,15 +1,18 @@
-import * as yup from "yup"
+import { z } from "zod"
 
 export enum FieldName {
   Name = "name",
   TypeId = "typeId",
 }
 
-export const validationSchema = yup
-  .object({
-    name: yup.string().required(),
-    typeId: yup.number().required(),
-  })
-  .required()
+export const validationSchema = z.object({
+  [FieldName.Name]: z.string().nonempty(),
+  [FieldName.TypeId]: z.number(),
+})
 
-export type TFormValues = yup.InferType<typeof validationSchema>
+export type TFormValidValues = z.infer<typeof validationSchema>
+
+export type TFormDefaultValues = {
+  [FieldName.Name]: string
+  [FieldName.TypeId]: number | null
+}