From add19f33a2581da6c56e69dca29f70d8630d6d19 Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Tue, 2 Sep 2025 16:25:32 +0700
Subject: [PATCH] feat(data-table): add size prop to action components

Add size prop configuration to action components in data table to allow consistent sizing. Update dropdown action component to accept size prop with default value.
---
 app/components/app/divison/list-cfg.ts                |  3 +++
 app/components/pub/base/data-table/data-table.vue     |  4 +++-
 .../pub/custom-ui/data/dropdown-action-ud.vue         | 11 ++++++++---
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/components/app/divison/list-cfg.ts b/app/components/app/divison/list-cfg.ts
index 509b47ee..58094521 100644
--- a/app/components/app/divison/list-cfg.ts
+++ b/app/components/app/divison/list-cfg.ts
@@ -71,6 +71,9 @@ export const funcComponent: RecStrFuncComponent = {
       idx,
       rec: rec as object,
       component: action,
+      props: {
+        size: 'sm',
+      },
     }
     return res
   },
diff --git a/app/components/pub/base/data-table/data-table.vue b/app/components/pub/base/data-table/data-table.vue
index 8bc50758..b18ab8f8 100644
--- a/app/components/pub/base/data-table/data-table.vue
+++ b/app/components/pub/base/data-table/data-table.vue
@@ -55,7 +55,9 @@ v-for="(h, idx) in header[0]" :key="`head-${idx}`" class="border"
           <component
             :is="funcComponent[key]?.(row, rowIndex).component"
             v-if="funcComponent[key]"
-            v-bind="funcComponent[key]?.(row, rowIndex)"
+            :rec="row"
+            :idx="rowIndex"
+            v-bind="funcComponent[key]?.(row, rowIndex).props"
           />
           <!-- If funcParsed or funcHtml returns a value -->
           <template v-else>
diff --git a/app/components/pub/custom-ui/data/dropdown-action-ud.vue b/app/components/pub/custom-ui/data/dropdown-action-ud.vue
index 0ef020d7..a1c05c7b 100644
--- a/app/components/pub/custom-ui/data/dropdown-action-ud.vue
+++ b/app/components/pub/custom-ui/data/dropdown-action-ud.vue
@@ -1,9 +1,14 @@
 <script setup lang="ts">
 import type { LinkItem, ListItemDto } from './types'
 
-const props = defineProps<{
+interface Props {
   rec: ListItemDto
-}>()
+  size?: 'default' | 'sm' | 'lg'
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 'lg',
+})
 
 const recId = inject<Ref<number>>('rec_id')!
 const recAction = inject<Ref<string>>('rec_action')!
@@ -44,7 +49,7 @@ const linkItems: LinkItem[] = [
     <DropdownMenu>
       <DropdownMenuTrigger as-child>
         <SidebarMenuButton
-          size="lg"
+          :size="size"
           class="data-[state=open]:text-sidebar-accent-foreground data-[state=open]:bg-white"
         >
           <Icon name="i-lucide-chevrons-up-down" class="ml-auto size-4" />