[CHORES] add default value to form iumk

src/components/FormIUMK/FormIUMK1.js

 import React from 'react'
 import PropTypes from 'prop-types'
 
-const FormIUMK1 = ({register, errors, handleSubmit, onSubmit, data}) => {
+const FormIUMK1 = ({
+  register,
+  errors,
+  handleSubmit,
+  onSubmit,
+  data,
+  setValue,
+}) => {
   return (
     <form
       className="px-4"
@@ -186,6 +193,7 @@ const FormIUMK1 = ({register, errors, handleSubmit, onSubmit, data}) => {
         <button
           className="bg-poporange text-white heading-3 px-10 md:px-28 lg:px-24 xl:px-24 2xl:px-24 py-2 mb-10 float-right shadow rounded-lg submit"
           data-testid="lanjut-button"
+          onClick={() => setValue('page', '2')}
         >
           Lanjut
         </button>
@@ -200,6 +208,7 @@ FormIUMK1.propTypes = {
   handleSubmit: PropTypes.func,
   onSubmit: PropTypes.func,
   data: PropTypes.object,
+  setValue: PropTypes.func,
 }
 
 export default FormIUMK1

src/components/FormIUMK/FormIUMK2.js

 import EmployeeDropdown from '../Dropdown/EmployeeDropdown'
 import PropTypes from 'prop-types'
 
-const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
+const FormIUMK2 = ({
+  register,
+  handleSubmit,
+  onSubmit,
+  setEmployeeData,
+  setValue,
+  data,
+}) => {
   return (
     <form
       className="bg-white flex flex-col px-4"
@@ -33,7 +40,10 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
             Jumlah Karyawan
             <span className="medium-text text-black ml-1">(opsional)</span>
           </label>
-          <EmployeeDropdown setEmployeeData={setEmployeeData} />
+          <EmployeeDropdown
+            setEmployeeData={setEmployeeData}
+            defaultValue={data.karyawan}
+          />
         </div>
         <div className="flex flex-col pb-6" data-testid="form-iumk-2-kode-kbli">
           <label className="mb-2 heading-3 text-black">
@@ -47,6 +57,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
             ref={register({
               required: false,
             })}
+            defaultValue={data.kbli}
           />
         </div>
         <div className="flex flex-col pb-8" data-testid="form-iumk-2-catatan">
@@ -61,6 +72,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
             ref={register({
               required: false,
             })}
+            defaultValue={data.catatan}
           />
         </div>
       </div>
@@ -68,6 +80,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
         <button
           className="bg-poporange text-white heading-3 px-10 md:px-28 lg:px-24 xl:px-24 2xl:px-24 py-2 mb-10 float-right shadow rounded-lg submit"
           data-testid="lanjut-button"
+          onClick={() => setValue('page', '3')}
         >
           Lanjut
         </button>
@@ -81,6 +94,8 @@ FormIUMK2.propTypes = {
   handleSubmit: PropTypes.func,
   onSubmit: PropTypes.func,
   setEmployeeData: PropTypes.func,
+  setValue: PropTypes.func,
+  data: PropTypes.object,
 }
 
 export default FormIUMK2

src/pages/formiumk.js

@@ -10,7 +10,7 @@ import {useState} from 'react'
 import {useForm} from 'react-hook-form'
 
 const FormIUMK = () => {
-  const {register, handleSubmit, errors} = useForm({
+  const {register, handleSubmit, errors, setValue} = useForm({
     mode: 'onChange',
     reValidateMode: 'onChange',
   })
@@ -21,6 +21,7 @@ const FormIUMK = () => {
   const [employeeData, setEmployeeData] = useState(null)
 
   const onSubmit = (input) => {
+    setPageNumber(input.page)
     if (pageNumber != 3) {
       if (pageNumber == 1) {
         setData({...data, ...input})
@@ -28,14 +29,19 @@ const FormIUMK = () => {
         setData({...data, ...input, ...{karyawan: employeeData}})
       }
     }
-    setPageNumber(pageNumber + 1)
   }
 
   return (
     <div>
       <Navbar isLoggedIn={loggedIn} name={name} />
       <div className="bg-lightgrey px-10 lg:px-2 xl:px-2 2xl:px-2 py-6">
-        <Stepper currentPage={pageNumber} setCurrentPage={setPageNumber} />
+        <Stepper
+          currentPage={pageNumber}
+          handleSubmit={handleSubmit}
+          onSubmit={onSubmit}
+          register={register}
+          setValue={setValue}
+        />
         <div className="bg-white flex flex-col mx-92 lg:mx-80 xl:mx-80 2xl:mx-80 px-4 lg:px-6 xl:px-6 2xl:px-6 pt-4">
           {pageNumber == 1 && (
             <FormIUMK1
@@ -46,6 +52,7 @@ const FormIUMK = () => {
               data={data}
               currentPage={pageNumber}
               setCurrentPage={setPageNumber}
+              setValue={setValue}
             />
           )}
 
@@ -56,6 +63,8 @@ const FormIUMK = () => {
               handleSubmit={handleSubmit}
               onSubmit={onSubmit}
               setEmployeeData={setEmployeeData}
+              data={data}
+              setValue={setValue}
             />
           )}