1 files changed, 27 insertions, 23 deletions

diff --git a/components/data-table/data-table-advanced-toolbar.tsx b/components/data-table/data-table-advanced-toolbar.tsx
index 256dc125..7ae331bc 100644
--- a/components/data-table/data-table-advanced-toolbar.tsx
+++ b/components/data-table/data-table-advanced-toolbar.tsx
@@ -7,7 +7,7 @@ import { LayoutGrid, TableIcon } from "lucide-react"
 import { Button } from "@/components/ui/button"
 
 import { cn } from "@/lib/utils"
-import { DataTableFilterList } from "@/components/data-table/data-table-filter-list"
+import { DataTableFilterList } from "@/components/data-table/data-table-filter-list" // ✅ 확장된 버전 사용
 import { DataTableSortList } from "@/components/data-table/data-table-sort-list"
 import { DataTableViewOptions } from "@/components/data-table/data-table-view-options"
 import { DataTablePinList } from "./data-table-pin"
@@ -57,24 +57,6 @@ interface DataTableAdvancedToolbarProps<TData>
   /**
    * An array of filter field configurations for the data table.
    * @type DataTableAdvancedFilterField<TData>[]
-   * @example
-   * const filterFields = [
-   *   {
-   *     id: 'name',
-   *     label: 'Name',
-   *     type: 'text',
-   *     placeholder: 'Filter by name...'
-   *   },
-   *   {
-   *     id: 'status',
-   *     label: 'Status',
-   *     type: 'select',
-   *     options: [
-   *       { label: 'Active', value: 'active', count: 10 },
-   *       { label: 'Inactive', value: 'inactive', count: 5 }
-   *     ]
-   *   }
-   * ]
    */
   filterFields: DataTableAdvancedFilterField<TData>[]
 
@@ -113,6 +95,22 @@ interface DataTableAdvancedToolbarProps<TData>
    * @default "dataTableCompact"
    */
   compactStorageKey?: string
+
+  // ✅ 외부 필터 지원을 위한 새로운 props
+  /**
+   * 외부에서 전달받은 필터 (예: 폼에서 생성된 필터)
+   */
+  externalFilters?: any[]
+
+  /**
+   * 외부에서 전달받은 조인 연산자
+   */
+  externalJoinOperator?: "and" | "or"
+
+  /**
+   * 필터 변경 시 호출될 콜백
+   */
+  onFiltersChange?: (filters: any[], joinOperator: "and" | "or") => void
 }
 
 export function DataTableAdvancedToolbar<TData>({
@@ -124,6 +122,9 @@ export function DataTableAdvancedToolbar<TData>({
   initialCompact = false,
   onCompactChange,
   compactStorageKey = "dataTableCompact",
+  externalFilters,
+  externalJoinOperator,
+  onFiltersChange,
   children,
   className,
   ...props
@@ -153,7 +154,7 @@ export function DataTableAdvancedToolbar<TData>({
       {...props}
     >
       <div className="flex items-center gap-2">
-      {enableCompactToggle && (
+        {enableCompactToggle && (
           <Button
             variant="outline"
             size="sm"
@@ -162,16 +163,21 @@ export function DataTableAdvancedToolbar<TData>({
             className="h-8 px-2"
           >
             {isCompact ? <LayoutGrid size={16} /> : <TableIcon size={16} />}
-            {/* <span className="ml-2 text-xs">{isCompact ? "확장 보기" : "컴팩트 보기"}</span> */}
           </Button>
         )}
         <DataTableViewOptions table={table} />
+        
+        {/* ✅ 확장된 DataTableFilterList 사용 */}
         <DataTableFilterList
           table={table}
           filterFields={filterFields}
           debounceMs={debounceMs}
           shallow={shallow}
+          externalFilters={externalFilters}
+          externalJoinOperator={externalJoinOperator}
+          onFiltersChange={onFiltersChange}
         />
+        
         <DataTableSortList
           table={table}
           debounceMs={debounceMs}
@@ -183,8 +189,6 @@ export function DataTableAdvancedToolbar<TData>({
         <DataTableGlobalFilter />
       </div>
       <div className="flex items-center gap-2">
-        {/* 컴팩트 모드 토글 버튼 */}
-
         {children}
       </div>
     </div>