fix(FE): change hatchery to optional in master data supplier

src/components/pages/master-data/nonstock/form/NonstockForm.tsx

@@ -79,14 +79,14 @@ const NonstockForm = ({ type = 'add', initialValues }: NonstockFormProps) => {
       uomId: initialValues?.uom_id ?? 0,
       uom: initialValues?.uom
         ? {
-            value: initialValues?.uom.id,
-            label: initialValues?.uom.name,
+            value: initialValues?.uom?.id,
+            label: initialValues?.uom?.name,
           }
         : null,
       supplierIds:
-        initialValues?.suppliers.map((supplier) => supplier.id) ?? [],
+        initialValues?.suppliers?.map((supplier) => supplier.id) ?? [],
       suppliers:
-        initialValues?.suppliers.map((supplier) => ({
+        initialValues?.suppliers?.map((supplier) => ({
           value: supplier.id,
           label: supplier.name,
         })) ?? [],

src/components/pages/master-data/supplier/form/SupplierForm.schema.ts

@@ -18,7 +18,7 @@ export const SupplierFormSchema = Yup.object({
     value: Yup.string().required(),
     label: Yup.string().required(),
   }).required('Tipe wajib diisi!'),
-  hatchery: Yup.string().required('Hatchery wajib diisi!'),
+  hatchery: Yup.string().optional(),
   phone: Yup.string()
     .matches(/^[0-9]+$/, 'Nomor telepon hanya boleh berisi angka!')
     .min(10, 'Nomor telepon minimal 10 digit!')

src/components/pages/master-data/supplier/form/SupplierForm.tsx

@@ -142,7 +142,7 @@ const SupplierForm = ({
         pic: values.pic,
         type: values.type.value,
         category: values.category.value,
-        hatchery: values.hatchery,
+        hatchery: values.hatchery ?? '',
         phone: values.phone,
         email: values.email,
         address: values.address,
@@ -171,12 +171,12 @@ const SupplierForm = ({
   useEffect(() => {
     formikSetValues(formikInitialValues);
     if (formType != 'add') {
-      const hatcheryArrays = formikInitialValues.hatchery.split(',');
-      const hatcheryCreatedOptions = hatcheryArrays.map((item) => ({
+      const hatcheryArrays = formikInitialValues.hatchery?.split(',');
+      const hatcheryCreatedOptions = hatcheryArrays?.map((item) => ({
         value: item,
         label: item,
       }));
-      setHatcheryOptionValues(hatcheryCreatedOptions);
+      setHatcheryOptionValues(hatcheryCreatedOptions ?? []);
     }
   }, [formikSetValues, formikInitialValues, setHatcheryOptionValues]);
   useEffect(() => {
@@ -302,7 +302,6 @@ const SupplierForm = ({
             <SelectInput
               isMulti
               createables
-              required
               placeholder='Pilih Hatchery'
               label='Hatchery'
               value={hatcheryOptionsValues}