From 3c74a123accd9cf3ef9d5ee831ad69dc4d446bd1 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Wed, 3 Sep 2025 15:39:06 +0700
Subject: [PATCH 1/6] feat (material): update validation of attribute stock

---
 app/components/app/material/list-cfg.ts | 6 +++---
 app/components/flow/material/entry.vue  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/app/material/list-cfg.ts b/app/components/app/material/list-cfg.ts
index 71ca97f6..b6ed7f4e 100644
--- a/app/components/app/material/list-cfg.ts
+++ b/app/components/app/material/list-cfg.ts
@@ -12,11 +12,11 @@ type SmallDetailDto = any
 
 const action = defineAsyncComponent(() => import('~/components/pub/custom-ui/data/dropdown-action-dud.vue'))
 
-export const cols: Col[] = [{ width: 100 }, { width: 250 }, { width: 100 }, { width: 100 }, { width: 50 }]
+export const cols: Col[] = [{ width: 100 }, { width: 250 }, { width: 100 }, { width: 100 }, { width: 100 }, { width: 50 }]
 
-export const header: Th[][] = [[{ label: 'Kode' }, { label: 'Nama' }, { label: 'Item' }, { label: 'Satuan' }]]
+export const header: Th[][] = [[{ label: 'Kode' }, { label: 'Nama' }, { label: 'Stok' }, { label: 'Item' }, { label: 'Satuan' }]]
 
-export const keys = ['code', 'name', 'item_id', 'uom_code', 'action']
+export const keys = ['code', 'name', 'stock', 'item_id', 'uom_code', 'action']
 
 export const delKeyNames: KeyLabel[] = [
   { key: 'code', label: 'Kode' },
diff --git a/app/components/flow/material/entry.vue b/app/components/flow/material/entry.vue
index b5c8c491..c68449e5 100644
--- a/app/components/flow/material/entry.vue
+++ b/app/components/flow/material/entry.vue
@@ -14,7 +14,7 @@ const schema = z.object({
   code: z.string().min(1, 'Code must be at least 1 characters long'),
   name: z.string().min(1, 'Name must be at least 1 characters long'),
   type: z.string(),
-  stock: z.preprocess((val) => Number(val), z.number({ invalid_type_error: 'Stok harus berupa angka' })),
+  stock: z.preprocess((val) => Number(val), z.number({ invalid_type_error: 'Stock must be a number' }).min(1)),
 })
 
 function onClick(type: string) {

From 81fa38275abb3b0faaebbc4380274f5eff9a3648 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Wed, 3 Sep 2025 15:41:55 +0700
Subject: [PATCH 2/6] feat (material): update validation with error label

---
 app/components/app/material/entry-form.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/components/app/material/entry-form.vue b/app/components/app/material/entry-form.vue
index 52214e3f..677de4b7 100644
--- a/app/components/app/material/entry-form.vue
+++ b/app/components/app/material/entry-form.vue
@@ -63,6 +63,10 @@ const items = [
               <Input v-model="data.stock" type="number" />
             </Field>
           </FieldGroup>
+          <FieldGroup v-if="!!props.errors.stock">
+            <Label></Label>
+            <span class="text-red-400 text-sm">{{ props.errors.stock }}</span>
+          </FieldGroup>
         </Block>
       </div>
     </div>

From 209f78df0a2521b2aa08fc73099a44c197bcd748 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Thu, 4 Sep 2025 14:56:23 +0700
Subject: [PATCH 3/6] feat(material): change menu material to equipment

---
 .../{material => equipment}/add.vue                  |  0
 .../{material => equipment}/index.vue                |  0
 public/side-menu-items/sys.json                      | 12 ++++++++++++
 3 files changed, 12 insertions(+)
 rename app/pages/(features)/tools-equipment-src/{material => equipment}/add.vue (100%)
 rename app/pages/(features)/tools-equipment-src/{material => equipment}/index.vue (100%)

diff --git a/app/pages/(features)/tools-equipment-src/material/add.vue b/app/pages/(features)/tools-equipment-src/equipment/add.vue
similarity index 100%
rename from app/pages/(features)/tools-equipment-src/material/add.vue
rename to app/pages/(features)/tools-equipment-src/equipment/add.vue
diff --git a/app/pages/(features)/tools-equipment-src/material/index.vue b/app/pages/(features)/tools-equipment-src/equipment/index.vue
similarity index 100%
rename from app/pages/(features)/tools-equipment-src/material/index.vue
rename to app/pages/(features)/tools-equipment-src/equipment/index.vue
diff --git a/public/side-menu-items/sys.json b/public/side-menu-items/sys.json
index 2b803fc0..cbc252c8 100644
--- a/public/side-menu-items/sys.json
+++ b/public/side-menu-items/sys.json
@@ -85,6 +85,18 @@
     "link": "/satusehat",
     "badge": "FHIR"
   },
+  {
+    "title": "Peralatan dan Perlengkapan",
+    "icon": "i-lucide-dock",
+    "link": "/tools-equipment-src",
+    "children": [
+      {
+        "title": "Perlengkapan (BMHP)",
+        "icon": "i-lucide-panel-bottom",
+        "link": "/tools-equipment-src/equipment"
+      }
+    ]
+  },
   {
     "title": "Medical Records",
     "icon": "i-lucide-file-text",

From 21d087e496af9c415a95fe06c4e2124ade362b23 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Thu, 4 Sep 2025 15:55:32 +0700
Subject: [PATCH 4/6] refactor(material): add zod validation for stock field as
 number and display error message after submit in

---
 app/components/app/material/entry-form.vue | 180 ++++++++++++++-------
 app/components/flow/material/entry.vue     |  68 ++------
 app/components/flow/material/list.vue      |  14 +-
 app/schemas/material.ts                    |  14 ++
 4 files changed, 155 insertions(+), 121 deletions(-)
 create mode 100644 app/schemas/material.ts

diff --git a/app/components/app/material/entry-form.vue b/app/components/app/material/entry-form.vue
index 677de4b7..65dd134b 100644
--- a/app/components/app/material/entry-form.vue
+++ b/app/components/app/material/entry-form.vue
@@ -1,74 +1,130 @@
 <script setup lang="ts">
-import Block from '~/components/pub/custom-ui/form/block.vue'
-import FieldGroup from '~/components/pub/custom-ui/form/field-group.vue'
-import Field from '~/components/pub/custom-ui/form/field.vue'
+// helpers
+import { toTypedSchema } from '@vee-validate/zod'
+import { useForm } from 'vee-validate'
+// types
+import type z from 'zod'
+import type { MaterialFormData } from '~/schemas/material'
+// components
 import Label from '~/components/pub/custom-ui/form/label.vue'
 
-const props = defineProps<{ modelValue: any; errors: any }>()
-const emit = defineEmits(['update:modelValue', 'event'])
+interface Props {
+  isLoading: boolean
+  schema: z.ZodSchema<any>
+  items: any[]
+}
 
-const data = computed({
-  get: () => props.modelValue,
-  set: (val) => {
-    emit('update:modelValue', val)
-  },
+const props = defineProps<Props>()
+const emit = defineEmits<{
+  back: []
+  submit: [data: any]
+}>()
+
+const { handleSubmit, defineField, errors, meta } = useForm({
+  validationSchema: toTypedSchema(props.schema),
+  initialValues: {
+    code: '',
+    name: '',
+    stock: 0,
+  } as Partial<MaterialFormData>,
 })
 
-const items = [
-  { value: 'item1', label: 'Item 1' },
-  { value: 'item2', label: 'Item 2' },
-]
+const [code, codeAttrs] = defineField('code')
+const [name, nameAttrs] = defineField('name')
+const [uom, uomAttrs] = defineField('uom_code')
+const [item, itemAttrs] = defineField('item_id')
+const [stock, stockAttrs] = defineField('stock')
+
+const onSubmit = handleSubmit(async (values) => {
+  console.log(errors)
+  try {
+    emit('submit', values)
+  } catch (error) {
+    console.error('Submission failed:', error)
+  }
+})
 </script>
 
 <template>
-  <form id="entry-form">
-    <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-      <div class="flex flex-col justify-between">
-        <Block>
-          <FieldGroup :column="1">
-            <Label>Kode</Label>
-            <Field>
-              <Input v-model="data.code" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup v-if="!!props.errors.code">
-            <Label></Label>
-            <span class="text-red-400 text-sm">{{ props.errors.code }}</span>
-          </FieldGroup>
-          <FieldGroup :column="1">
-            <Label>Nama</Label>
-            <Field>
-              <Input v-model="data.name" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup v-if="!!props.errors.name">
-            <Label></Label>
-            <span class="text-red-400 text-sm">{{ props.errors.name }}</span>
-          </FieldGroup>
-          <FieldGroup :column="1">
-            <Label>Item</Label>
-            <Field>
-              <Select v-model="data.type" :items="items" placeholder="Pilih item" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup :column="1">
-            <Label>Satuan</Label>
-            <Field>
-              <Select v-model="data.uom" :items="items" placeholder="Pilih item" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup :column="1">
-            <Label>Stok</Label>
-            <Field>
-              <Input v-model="data.stock" type="number" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup v-if="!!props.errors.stock">
-            <Label></Label>
-            <span class="text-red-400 text-sm">{{ props.errors.stock }}</span>
-          </FieldGroup>
-        </Block>
-      </div>
+  <form class="grid gap-2" @submit="onSubmit">
+    <div class="grid gap-2">
+      <Label for="code">Kode</Label>
+      <Input
+        id="code"
+        v-model="code"
+        v-bind="codeAttrs"
+        :disabled="isLoading"
+        :class="{ 'border-red-500': errors.code }"
+      />
+      <span v-if="errors.code" class="text-sm text-red-500">
+        {{ errors.code }}
+      </span>
+    </div>
+    <div class="grid gap-2">
+      <Label for="name">Nama</Label>
+      <Input
+        id="name"
+        v-model="name"
+        v-bind="nameAttrs"
+        :disabled="isLoading"
+        :class="{ 'border-red-500': errors.name }"
+      />
+      <span v-if="errors.name" class="text-sm text-red-500">
+        {{ errors.name }}
+      </span>
+    </div>
+    <div class="grid gap-2">
+      <Label for="uom">Satuan</Label>
+      <Select
+        id="uom"
+        :items="items"
+        placeholder="Pilih satuan"
+        v-model="uom"
+        v-bind="uomAttrs"
+        :disabled="isLoading"
+        :class="{ 'border-red-500': errors.uom }"
+      />
+      <span v-if="errors.uom" class="text-sm text-red-500">
+        {{ errors.uom }}
+      </span>
+    </div>
+    <div class="grid gap-2">
+      <Label for="item">Item</Label>
+      <Select
+        id="item"
+        :items="items"
+        placeholder="Pilih item"
+        v-model="item"
+        v-bind="itemAttrs"
+        :disabled="isLoading"
+        :class="{ 'border-red-500': errors.item }"
+      />
+      <span v-if="errors.item" class="text-sm text-red-500">
+        {{ errors.uom }}
+      </span>
+    </div>
+    <div class="grid gap-2">
+      <Label for="stock">Stok</Label>
+      <Input
+        id="stock"
+        type="number"
+        v-model="stock"
+        v-bind="stockAttrs"
+        :disabled="isLoading"
+        :class="{ 'border-red-500': errors.stock }"
+      />
+      <span v-if="errors.stock" class="text-sm text-red-500">
+        {{ errors.stock }}
+      </span>
+    </div>
+    <div class="flex justify-end gap-2 my-2 py-2">
+      <Button variant="secondary" class="w-[120px]" @click="emit('back')">
+        Kembali
+      </Button>
+      <Button type="submit" class="w-[120px]">
+        <Loader2 v-if="isLoading" class="mr-2 h-4 w-4 animate-spin" />
+        Simpan
+      </Button>
     </div>
   </form>
 </template>
diff --git a/app/components/flow/material/entry.vue b/app/components/flow/material/entry.vue
index c68449e5..82e9021e 100644
--- a/app/components/flow/material/entry.vue
+++ b/app/components/flow/material/entry.vue
@@ -1,64 +1,28 @@
 <script setup lang="ts">
+// types
+import { MaterialSchema, type MaterialFormData } from '~/schemas/material'
+// components
 import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'
-import { z, ZodError } from 'zod'
 
-const errors = ref({})
-const data = ref({
-  code: '',
-  name: '',
-  type: '',
-  stock: 0,
-})
+const isLoading = ref(false)
+const items = [
+  { value: 'item1', label: 'Item 1' },
+  { value: 'item2', label: 'Item 2' },
+]
 
-const schema = z.object({
-  code: z.string().min(1, 'Code must be at least 1 characters long'),
-  name: z.string().min(1, 'Name must be at least 1 characters long'),
-  type: z.string(),
-  stock: z.preprocess((val) => Number(val), z.number({ invalid_type_error: 'Stock must be a number' }).min(1)),
-})
+function onBack() {
+  navigateTo('/tools-equipment-src/equipment')
+}
 
-function onClick(type: string) {
-  if (type === 'cancel') {
-    navigateTo('/tools-equipment-src/material')
-  } else if (type === 'draft') {
-    // do something
-  } else if (type === 'submit') {
-    // do something
-    const input = data.value
-    console.log(input)
-    const errorsParsed: any = {}
-    try {
-      const result = schema.safeParse(input)
-      if (!result.success) {
-        // You can handle the error here, e.g. show a message
-        const errorsCaptures = result?.error?.errors || []
-        const errorMessage = result.error.errors[0]?.message ?? 'Validation error occurred'
-        errorsCaptures.forEach((value: any) => {
-          const keyName = value?.path?.length > 0 ? value.path[0] : 'key'
-          errorsParsed[keyName as string] = value.message || ''
-        })
-        console.log(errorMessage)
-      }
-    } catch (e) {
-      if (e instanceof ZodError) {
-        const jsonError = e.flatten()
-        console.log(JSON.stringify(jsonError, null, 2))
-      }
-    }
-    setTimeout(() => {
-      errors.value = errorsParsed
-    }, 0)
-  }
+async function onSubmit(data: MaterialFormData) {
+  console.log(data);
 }
 </script>
 
 <template>
   <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-    <Icon name="i-lucide-paint-bucket" class="me-2" />
-    <span class="font-semibold">Tambah</span> BMHP
-  </div>
-  <AppMaterialEntryForm v-model="data" :errors="errors" />
-  <div class="my-2 flex justify-end py-2">
-    <Action @click="onClick" />
+    <Icon name="i-lucide-panel-bottom" class="me-2" />
+    <span class="font-semibold">Tambah</span> Perlengkapan (BMHP)
   </div>
+  <AppMaterialEntryForm :is-loading="isLoading" :schema="MaterialSchema" :items="items" @back="onBack" @submit="onSubmit" />
 </template>
diff --git a/app/components/flow/material/list.vue b/app/components/flow/material/list.vue
index 28fb6290..fa719f46 100644
--- a/app/components/flow/material/list.vue
+++ b/app/components/flow/material/list.vue
@@ -26,21 +26,21 @@ const recAction = ref<string>('')
 const recItem = ref<any>(null)
 
 const headerPrep: HeaderPrep = {
-  title: 'BMHP',
-  icon: 'i-lucide-paint-bucket',
+  title: 'Perlengkapan (BMHP)',
+  icon: 'i-lucide-panel-bottom',
   addNav: {
     label: 'Tambah',
-    onClick: () => navigateTo('/tools-equipment-src/material/add'),
+    onClick: () => navigateTo('/tools-equipment-src/equipment/add'),
   },
 }
 
 async function getMaterialList() {
   isLoading.dataListLoading = true
 
-  const resp = await xfetch('/api/v1/material')
-  if (resp.success) {
-    data.value = (resp.body as Record<string, any>).data
-  }
+  // const resp = await xfetch('/api/v1/material')
+  // if (resp.success) {
+  //   data.value = (resp.body as Record<string, any>).data
+  // }
 
   isLoading.dataListLoading = false
 }
diff --git a/app/schemas/material.ts b/app/schemas/material.ts
new file mode 100644
index 00000000..8b024471
--- /dev/null
+++ b/app/schemas/material.ts
@@ -0,0 +1,14 @@
+import { z } from 'zod'
+
+const schema = z.object({
+  code: z.string({ required_error: 'Kode harus diisi' }).min(1, 'Kode minimum 1 karakter'),
+  name: z.string({ required_error: 'Nama harus diisi' }).min(1, 'Nama minimum 1 karakter'),
+  uom_code: z.string({ required_error: 'Kode unit harus diisi' }),
+  item_id: z.string({ required_error: 'Tipe harus diisi' }),
+  stock: z.preprocess((val) => Number(val), z.number({ invalid_type_error: 'Stok harus berupa angka' }).min(1)),
+})
+
+type formData = z.infer<typeof schema>
+
+export { schema as MaterialSchema }
+export type { formData as MaterialFormData }

From ffa4a7d19191377de6a9ca522419e17c47fd149a Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Thu, 4 Sep 2025 16:21:10 +0700
Subject: [PATCH 5/6] refactor(material): modify validation uom and item

---
 app/components/app/material/entry-form.vue    | 30 ++++++++++---------
 app/components/flow/material/entry.vue        | 23 ++++++++++----
 app/components/pub/ui/select/Select.vue       |  3 +-
 .../pub/ui/select/SelectTrigger.vue           |  6 ++--
 app/schemas/material.ts                       |  6 ++--
 5 files changed, 41 insertions(+), 27 deletions(-)

diff --git a/app/components/app/material/entry-form.vue b/app/components/app/material/entry-form.vue
index 65dd134b..d670f60c 100644
--- a/app/components/app/material/entry-form.vue
+++ b/app/components/app/material/entry-form.vue
@@ -11,6 +11,7 @@ import Label from '~/components/pub/custom-ui/form/label.vue'
 interface Props {
   isLoading: boolean
   schema: z.ZodSchema<any>
+  uoms: any[]
   items: any[]
 }
 
@@ -20,11 +21,13 @@ const emit = defineEmits<{
   submit: [data: any]
 }>()
 
-const { handleSubmit, defineField, errors, meta } = useForm({
+const { handleSubmit, defineField, errors } = useForm({
   validationSchema: toTypedSchema(props.schema),
   initialValues: {
     code: '',
     name: '',
+    uom_code: '',
+    item_id: '',
     stock: 0,
   } as Partial<MaterialFormData>,
 })
@@ -36,7 +39,6 @@ const [item, itemAttrs] = defineField('item_id')
 const [stock, stockAttrs] = defineField('stock')
 
 const onSubmit = handleSubmit(async (values) => {
-  console.log(errors)
   try {
     emit('submit', values)
   } catch (error) {
@@ -77,30 +79,32 @@ const onSubmit = handleSubmit(async (values) => {
       <Label for="uom">Satuan</Label>
       <Select
         id="uom"
-        :items="items"
+        icon-name="i-lucide-chevron-down"
         placeholder="Pilih satuan"
         v-model="uom"
         v-bind="uomAttrs"
+        :items="uoms"
         :disabled="isLoading"
-        :class="{ 'border-red-500': errors.uom }"
+        :class="{ 'border-red-500': errors.uom_code }"
       />
-      <span v-if="errors.uom" class="text-sm text-red-500">
-        {{ errors.uom }}
+      <span v-if="errors.uom_code" class="text-sm text-red-500">
+        {{ errors.uom_code }}
       </span>
     </div>
     <div class="grid gap-2">
       <Label for="item">Item</Label>
       <Select
         id="item"
-        :items="items"
+        icon-name="i-lucide-chevron-down"
         placeholder="Pilih item"
         v-model="item"
         v-bind="itemAttrs"
+        :items="items"
         :disabled="isLoading"
-        :class="{ 'border-red-500': errors.item }"
+        :class="{ 'border-red-500': errors.item_id }"
       />
-      <span v-if="errors.item" class="text-sm text-red-500">
-        {{ errors.uom }}
+      <span v-if="errors.item_id" class="text-sm text-red-500">
+        {{ errors.item_id }}
       </span>
     </div>
     <div class="grid gap-2">
@@ -117,10 +121,8 @@ const onSubmit = handleSubmit(async (values) => {
         {{ errors.stock }}
       </span>
     </div>
-    <div class="flex justify-end gap-2 my-2 py-2">
-      <Button variant="secondary" class="w-[120px]" @click="emit('back')">
-        Kembali
-      </Button>
+    <div class="my-2 flex justify-end gap-2 py-2">
+      <Button variant="secondary" class="w-[120px]" @click="emit('back')"> Kembali </Button>
       <Button type="submit" class="w-[120px]">
         <Loader2 v-if="isLoading" class="mr-2 h-4 w-4 animate-spin" />
         Simpan
diff --git a/app/components/flow/material/entry.vue b/app/components/flow/material/entry.vue
index 82e9021e..a6219d03 100644
--- a/app/components/flow/material/entry.vue
+++ b/app/components/flow/material/entry.vue
@@ -1,13 +1,17 @@
 <script setup lang="ts">
 // types
 import { MaterialSchema, type MaterialFormData } from '~/schemas/material'
-// components
-import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'
 
 const isLoading = ref(false)
+const uoms = [
+  { value: 'uom-1', label: 'Satuan 1' },
+  { value: 'uom-2', label: 'Satuan 2' },
+  { value: 'uom-3', label: 'Satuan 3' },
+]
 const items = [
-  { value: 'item1', label: 'Item 1' },
-  { value: 'item2', label: 'Item 2' },
+  { value: 'item-1', label: 'Item 1' },
+  { value: 'item-2', label: 'Item 2' },
+  { value: 'item-3', label: 'Item 3' },
 ]
 
 function onBack() {
@@ -15,7 +19,7 @@ function onBack() {
 }
 
 async function onSubmit(data: MaterialFormData) {
-  console.log(data);
+  console.log(data)
 }
 </script>
 
@@ -24,5 +28,12 @@ async function onSubmit(data: MaterialFormData) {
     <Icon name="i-lucide-panel-bottom" class="me-2" />
     <span class="font-semibold">Tambah</span> Perlengkapan (BMHP)
   </div>
-  <AppMaterialEntryForm :is-loading="isLoading" :schema="MaterialSchema" :items="items" @back="onBack" @submit="onSubmit" />
+  <AppMaterialEntryForm
+    :is-loading="isLoading"
+    :schema="MaterialSchema"
+    :uoms="uoms"
+    :items="items"
+    @back="onBack"
+    @submit="onSubmit"
+  />
 </template>
diff --git a/app/components/pub/ui/select/Select.vue b/app/components/pub/ui/select/Select.vue
index 3020ed97..dfde6ef8 100644
--- a/app/components/pub/ui/select/Select.vue
+++ b/app/components/pub/ui/select/Select.vue
@@ -19,6 +19,7 @@ interface Item {
 const props = defineProps<
   SelectRootProps & {
     items: Item[]
+    iconName?: string
     placeholder?: string
     label?: string
     separator?: boolean
@@ -31,7 +32,7 @@ const forwarded = useForwardPropsEmits(props, emits)
 
 <template>
   <SelectRoot v-bind="forwarded">
-    <SelectTrigger class="">
+    <SelectTrigger :icon-name="iconName" class="flex justify-between items-center">
       <SelectValue :placeholder="placeholder" />
     </SelectTrigger>
 
diff --git a/app/components/pub/ui/select/SelectTrigger.vue b/app/components/pub/ui/select/SelectTrigger.vue
index 0252a444..266fd0d2 100644
--- a/app/components/pub/ui/select/SelectTrigger.vue
+++ b/app/components/pub/ui/select/SelectTrigger.vue
@@ -5,15 +5,15 @@ import { SelectIcon, SelectTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
+const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'], iconName?: string }>()
 
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props
-
   return delegated
 })
 
 const forwardedProps = useForwardProps(delegatedProps)
+const iconName = computed(() => props.iconName || 'i-radix-icons-caret-sort')
 </script>
 
 <template>
@@ -28,7 +28,7 @@ const forwardedProps = useForwardProps(delegatedProps)
   >
     <slot />
     <SelectIcon as-child>
-      <Icon name="i-radix-icons-caret-sort" class="h-4 w-4 opacity-50" />
+      <Icon :name="iconName" class="h-4 w-4 opacity-50" />
     </SelectIcon>
   </SelectTrigger>
 </template>
diff --git a/app/schemas/material.ts b/app/schemas/material.ts
index 8b024471..7d0a4c7e 100644
--- a/app/schemas/material.ts
+++ b/app/schemas/material.ts
@@ -3,9 +3,9 @@ import { z } from 'zod'
 const schema = z.object({
   code: z.string({ required_error: 'Kode harus diisi' }).min(1, 'Kode minimum 1 karakter'),
   name: z.string({ required_error: 'Nama harus diisi' }).min(1, 'Nama minimum 1 karakter'),
-  uom_code: z.string({ required_error: 'Kode unit harus diisi' }),
-  item_id: z.string({ required_error: 'Tipe harus diisi' }),
-  stock: z.preprocess((val) => Number(val), z.number({ invalid_type_error: 'Stok harus berupa angka' }).min(1)),
+  uom_code: z.string({ required_error: 'Kode unit harus diisi' }).min(1, 'Kode unit harus diisi'),
+  item_id: z.string({ required_error: 'Tipe harus diisi' }).min(1, 'Tipe harus diisi'),
+  stock: z.preprocess((val) => Number(val), z.number({ invalid_type_error: 'Stok harus berupa angka' }).min(1, 'Stok harus lebih besar dari 0')),
 })
 
 type formData = z.infer<typeof schema>

From abd98336c162ff20e810d41adaa713d9edcdd67d Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Sat, 6 Sep 2025 15:28:52 +0700
Subject: [PATCH 6/6] fix: resolve conflict at sys.json again

---
 public/side-menu-items/sys.json | 47 ---------------------------------
 1 file changed, 47 deletions(-)

diff --git a/public/side-menu-items/sys.json b/public/side-menu-items/sys.json
index 0d9f2dc1..e10aab27 100644
--- a/public/side-menu-items/sys.json
+++ b/public/side-menu-items/sys.json
@@ -243,52 +243,5 @@
         ]
       }
     ]
-<<<<<<< HEAD
-  },
-  {
-    "title": "Rawat Inap",
-    "icon": "i-lucide-building-2",
-    "link": "/rawat-inap"
-  },
-  {
-    "title": "VClaim BPJS",
-    "icon": "i-lucide-refresh-cw",
-    "link": "/vclaim",
-    "badge": "Live"
-  },
-  {
-    "title": "SATUSEHAT",
-    "icon": "i-lucide-database",
-    "link": "/satusehat",
-    "badge": "FHIR"
-  },
-  {
-    "title": "Peralatan dan Perlengkapan",
-    "icon": "i-lucide-dock",
-    "link": "/tools-equipment-src",
-    "children": [
-      {
-        "title": "Perlengkapan (BMHP)",
-        "icon": "i-lucide-panel-bottom",
-        "link": "/tools-equipment-src/equipment"
-      }
-    ]
-  },
-  {
-    "title": "Medical Records",
-    "icon": "i-lucide-file-text",
-    "link": "/medical-records"
-  },
-  {
-    "title": "Laporan",
-    "icon": "i-lucide-clipboard-list",
-    "link": "/laporan"
-  },
-  {
-    "title": "Monitoring",
-    "icon": "i-lucide-bar-chart-3",
-    "link": "/monitoring"
-=======
->>>>>>> 1ee3772e80e0b5dcfc746b67c21585871dcb7f56
   }
 ]