From bc517c15d962bd6be45a3df83a928bbfbce12d1d Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Mon, 24 Nov 2025 12:08:57 +0700
Subject: [PATCH] feat(person-relative): restructure contact relation
 components

Move select-relations component to fields directory and update imports
Add new table-head component for consistent styling
---
 app/components/app/person-relative/entry-form.vue    |  8 +++++---
 app/components/app/person-relative/fields/index.ts   |  1 +
 .../{_common => fields}/select-relations.vue         | 12 +++++-------
 .../{_common => fields}/table-head.vue               |  0
 4 files changed, 11 insertions(+), 10 deletions(-)
 create mode 100644 app/components/app/person-relative/fields/index.ts
 rename app/components/app/person-relative/{_common => fields}/select-relations.vue (86%)
 rename app/components/app/person-relative/{_common => fields}/table-head.vue (100%)

diff --git a/app/components/app/person-relative/entry-form.vue b/app/components/app/person-relative/entry-form.vue
index 15e11543..a679dddc 100644
--- a/app/components/app/person-relative/entry-form.vue
+++ b/app/components/app/person-relative/entry-form.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { toTypedSchema } from '@vee-validate/zod'
 import { FieldArray } from 'vee-validate'
+
+// components
+import { Form } from '~/components/pub/ui/form'
 import InputBase from '~/components/pub/my-ui/form/input-base.vue'
 import Label from '~/components/pub/my-ui/form/label.vue'
-import SelectContactRelation from './_common/select-relations.vue'
-import { Form } from '~/components/pub/ui/form'
+import { SelectRelations } from './fields'
 
 const props = defineProps<{
   title: string
@@ -77,7 +79,7 @@ defineExpose({
                 >
                   Hubungan dengan Pasien
                 </Label>
-                <SelectContactRelation
+                <SelectRelations
                   :field-name="`contacts[${idx}].relation`"
                   placeholder="Pilih"
                   field-group-class="mb-0"
diff --git a/app/components/app/person-relative/fields/index.ts b/app/components/app/person-relative/fields/index.ts
new file mode 100644
index 00000000..e6611949
--- /dev/null
+++ b/app/components/app/person-relative/fields/index.ts
@@ -0,0 +1 @@
+export { default as SelectRelations } from './select-relations.vue'
diff --git a/app/components/app/person-relative/_common/select-relations.vue b/app/components/app/person-relative/fields/select-relations.vue
similarity index 86%
rename from app/components/app/person-relative/_common/select-relations.vue
rename to app/components/app/person-relative/fields/select-relations.vue
index 5c3d2594..e987528b 100644
--- a/app/components/app/person-relative/_common/select-relations.vue
+++ b/app/components/app/person-relative/fields/select-relations.vue
@@ -1,15 +1,14 @@
 <script setup lang="ts">
-import type { FormErrors } from '~/types/error'
+import { cn } from '~/lib/utils'
+import { relationshipCodes } from '~/lib/constants'
+
 import FieldGroup from '~/components/pub/my-ui/form/field-group.vue'
 import Field from '~/components/pub/my-ui/form/field.vue'
 import Select from '~/components/pub/my-ui/form/select.vue'
-import { cn } from '~/lib/utils'
-import { relationshipCodes } from '~/lib/constants'
 
 const props = defineProps<{
   fieldName: string
   placeholder?: string
-  errors?: FormErrors
   class?: string
   selectClass?: string
   fieldGroupClass?: string
@@ -17,12 +16,12 @@ const props = defineProps<{
   isDisabled?: boolean
 }>()
 
-const { fieldName = 'phoneNumber', errors, class: containerClass, selectClass, fieldGroupClass } = props
+const { fieldName = 'phoneNumber', class: containerClass, selectClass, fieldGroupClass } = props
 
 const emergencyContactOptions = Object.entries(relationshipCodes).map(([value, label]) => ({
   label,
   value,
-  ...(value === 'other' && { priority: -1 })
+  ...(value === 'other' && { priority: -1 }),
 }))
 </script>
 
@@ -30,7 +29,6 @@ const emergencyContactOptions = Object.entries(relationshipCodes).map(([value, l
   <FieldGroup :class="cn('select-field-group', fieldGroupClass, containerClass)">
     <Field
       :id="fieldName"
-      :errors="errors"
       :class="cn('select-field-wrapper')"
     >
       <FormField
diff --git a/app/components/app/person-relative/_common/table-head.vue b/app/components/app/person-relative/fields/table-head.vue
similarity index 100%
rename from app/components/app/person-relative/_common/table-head.vue
rename to app/components/app/person-relative/fields/table-head.vue