refactor(FE-208,212): update terminology in PurchaseOrder forms for consistency and clarity

src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx

@@ -414,11 +414,11 @@ const PurchaseOrderAcceptApprovalForm = ({
                   <span className='text-error'>*</span>
                 </th>
                 <th>
-                  Nomor Perjalanan
+                  No. Surat Jalan
                   <span className='text-error'>*</span>
                 </th>
                 <th>
-                  Dokumen Perjalanan
+                  Dokumen Surat Jalan
                   <span className='text-error'>*</span>
                 </th>
                 <th>
@@ -536,7 +536,7 @@ const PurchaseOrderAcceptApprovalForm = ({
                           getPurchaseItemError(idx, 'travel_number')
                             .errorMessage
                         }
-                        placeholder='Masukkan nomor perjalanan'
+                        placeholder='Masukkan no. surat jalan'
                         className={{
                           wrapper: 'min-w-40 md:min-w-52 lg:min-w-64',
                         }}

src/components/pages/purchase/form/order/PurchaseOrderForm.schema.ts

@@ -162,11 +162,11 @@ const PurchaseAcceptApprovalItemObjectSchema: Yup.ObjectSchema<PurchaseAcceptApp
       )
       .typeError('Gudang tujuan harus dipilih!'),
     travel_number: Yup.string()
-      .required('Nomor perjalanan wajib diisi!')
-      .typeError('Nomor perjalanan wajib diisi!'),
+      .required('No. Surat jalan wajib diisi!')
+      .typeError('No. Surat jalan wajib diisi!'),
     travel_document_path: Yup.string()
-      .required('Dokumen perjalanan wajib diisi!')
-      .typeError('Dokumen perjalanan wajib diisi!'),
+      .required('Dokumen Surat jalan wajib diisi!')
+      .typeError('Dokumen Surat jalan wajib diisi!'),
     vehicle_number: Yup.string()
       .required('Nomor kendaraan wajib diisi!')
       .typeError('Nomor kendaraan wajib diisi!'),

src/components/pages/purchase/form/request/PurchaseRequisitionsForm.tsx

@@ -486,9 +486,9 @@ const PurchaseRequisitionsForm = ({
             Kembali
           </Button>
           <h1 className='text-2xl font-bold text-center'>
-            {type === 'add' && 'Tambah Purchase Request'}
-            {type === 'edit' && 'Edit Purchase Request'}
-            {type === 'detail' && 'Detail Purchase Request'}
+            {type === 'add' && 'Tambah Purchase Requisitions'}
+            {type === 'edit' && 'Edit Purchase Requisitions'}
+            {type === 'detail' && 'Detail Purchase Requisitions'}
           </h1>
         </header>
         <form
@@ -546,6 +546,7 @@ const PurchaseRequisitionsForm = ({
               {/*/>*/}
 
               <SelectInput
+                required
                 label='Area'
                 placeholder='Pilih Area...'
                 value={formik.values.area}
@@ -560,6 +561,7 @@ const PurchaseRequisitionsForm = ({
               />
 
               <SelectInput
+                required
                 label='Lokasi'
                 placeholder={
                   !formik.values.area_id
@@ -581,6 +583,7 @@ const PurchaseRequisitionsForm = ({
               />
 
               <SelectInput
+                required
                 label='Gudang'
                 placeholder={
                   !formik.values.area_id
@@ -673,7 +676,9 @@ const PurchaseRequisitionsForm = ({
                               selectedPurchaseItems.length &&
                             formik.values.items?.length > 0
                           }
-                          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                          onChange={(
+                            e: React.ChangeEvent<HTMLInputElement>
+                          ) => {
                             if (e.target.checked) {
                               setSelectedPurchaseItems(
                                 formik.values.items?.map((_, idx) => idx) ?? []
@@ -710,7 +715,9 @@ const PurchaseRequisitionsForm = ({
                           <CheckboxInput
                             name={`purchase-item-${idx}`}
                             checked={selectedPurchaseItems.includes(idx)}
-                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                            onChange={(
+                              e: React.ChangeEvent<HTMLInputElement>
+                            ) => {
                               if (e.target.checked) {
                                 setSelectedPurchaseItems([
                                   ...selectedPurchaseItems,