From 5c6efa861dd0a1a01eaaddedbbfa4a2ae66aa92b Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Thu, 12 Feb 2026 10:30:37 +0900
Subject: [PATCH] feat: Add support for selected rows data handling in
 TabsWidget

- Introduced new props for managing selected rows data, enabling better interaction with tab components.
- Added `selectedRowsData` and `onSelectedRowsChange` callbacks to facilitate row selection and updates.
- Enhanced the TabsWidget functionality to improve user experience when interacting with tabbed content.
---
 frontend/components/screen/widgets/TabsWidget.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/frontend/components/screen/widgets/TabsWidget.tsx b/frontend/components/screen/widgets/TabsWidget.tsx
index 6c770e48..2dd0899c 100644
--- a/frontend/components/screen/widgets/TabsWidget.tsx
+++ b/frontend/components/screen/widgets/TabsWidget.tsx
@@ -26,6 +26,15 @@ interface TabsWidgetProps {
   isDesignMode?: boolean;
   onComponentSelect?: (tabId: string, componentId: string) => void;
   selectedComponentId?: string;
+  // 테이블 선택된 행 데이터 (버튼 활성화 및 수정/삭제 동작에 필요)
+  selectedRowsData?: any[];
+  onSelectedRowsChange?: (
+    selectedRows: any[],
+    selectedRowsData: any[],
+    sortBy?: string,
+    sortOrder?: "asc" | "desc",
+    columnOrder?: string[],
+  ) => void;
 }
 
 export function TabsWidget({
@@ -38,6 +47,8 @@ export function TabsWidget({
   isDesignMode = false,
   onComponentSelect,
   selectedComponentId,
+  selectedRowsData,
+  onSelectedRowsChange,
 }: TabsWidgetProps) {
   const { setActiveTab, removeTabsComponent } = useActiveTab();
   const {
@@ -345,6 +356,8 @@ export function TabsWidget({
                 menuObjid={menuObjid}
                 isDesignMode={isDesignMode}
                 isInteractive={!isDesignMode}
+                selectedRowsData={selectedRowsData}
+                onSelectedRowsChange={onSelectedRowsChange}
               />
             </div>
           );