(박서영) docu-list-rule detail sheet 컴포넌트 추가 및 검색 필터 기능 오류 수정

1 files changed, 0 insertions, 234 deletions

diff --git a/lib/docu-list-rule/combo-box-settings/table/combo-box-options-dialog.tsx b/lib/docu-list-rule/combo-box-settings/table/combo-box-options-dialog.tsx
deleted file mode 100644
index 6459ae14..00000000
--- a/lib/docu-list-rule/combo-box-settings/table/combo-box-options-dialog.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { useState } from "react"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Plus, Trash2 } from "lucide-react"
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog"
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-import { toast } from "sonner"
-import { codeGroups } from "@/db/schema/codeGroups"
-import { createComboBoxOption } from "../service"
-
-interface ComboBoxOptionsDialogProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  codeGroup: typeof codeGroups.$inferSelect | null
-  onSuccess: () => void
-}
-
-interface OptionRow {
-  id: string
-  description: string
-  remark: string
-}
-
-export function ComboBoxOptionsDialog({ 
-  open, 
-  onOpenChange, 
-  codeGroup, 
-  onSuccess 
-}: ComboBoxOptionsDialogProps) {
-  const [optionRows, setOptionRows] = useState<OptionRow[]>([])
-  const [loading, setLoading] = useState(false)
-
-  // 다이얼로그가 열릴 때 초기 행 생성
-  React.useEffect(() => {
-    if (open && optionRows.length === 0) {
-      addRow()
-    }
-  }, [open])
-
-  // 새 행 추가
-  const addRow = () => {
-    const newRow: OptionRow = {
-      id: `row-${Date.now()}-${Math.random()}`,
-      description: "",
-      remark: "",
-    }
-    setOptionRows(prev => [...prev, newRow])
-  }
-
-  // 행 삭제
-  const removeRow = (id: string) => {
-    setOptionRows(prev => prev.filter(row => row.id !== id))
-  }
-
-  // 행 업데이트
-  const updateRow = (id: string, field: keyof OptionRow, value: string) => {
-    setOptionRows(prev => 
-      prev.map(row => 
-        row.id === id ? { ...row, [field]: value } : row
-      )
-    )
-  }
-
-  // 일괄 저장
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-    
-    if (!codeGroup) return
-    
-    // 유효한 행들만 필터링 (Description이 있는 것만)
-    const validRows = optionRows.filter(row => row.description.trim())
-    
-    if (validRows.length === 0) {
-      toast.error("최소 하나의 Description을 입력해주세요.")
-      return
-    }
-
-    setLoading(true)
-    try {
-      let successCount = 0
-      let errorCount = 0
-
-      // 각 행을 순차적으로 저장
-      for (const row of validRows) {
-        try {
-          const result = await createComboBoxOption({
-            codeGroupId: codeGroup.id,
-            code: "", // 서비스에서 자동 생성
-            description: row.description.trim(),
-            remark: row.remark.trim() || undefined,
-          })
-          
-          if (result.success) {
-            successCount++
-          } else {
-            errorCount++
-          }
-        } catch (error) {
-          console.error("옵션 추가 실패:", error)
-          errorCount++
-        }
-      }
-
-      if (successCount > 0) {
-        toast.success(`${successCount}개의 옵션이 추가되었습니다.${errorCount > 0 ? ` (${errorCount}개 실패)` : ''}`)
-        // 폼 초기화
-        setOptionRows([])
-        onSuccess()
-      } else {
-        toast.error("모든 옵션 추가에 실패했습니다.")
-      }
-    } catch (error) {
-      console.error("옵션 추가 실패:", error)
-      toast.error("옵션 추가에 실패했습니다.")
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  const handleCancel = () => {
-    // 폼 초기화
-    setOptionRows([])
-    onOpenChange(false)
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[600px] max-h-[80vh] overflow-y-auto">
-        <DialogHeader>
-          <DialogTitle>Combo Box 옵션 추가</DialogTitle>
-          <DialogDescription>
-            {codeGroup?.description}에 새로운 옵션들을 추가합니다. Code는 자동으로 생성됩니다.
-          </DialogDescription>
-        </DialogHeader>
-        
-        <div className="space-y-4">
-          {/* 테이블 헤더와 추가 버튼 */}
-          <div className="flex items-center justify-between">
-            <h4 className="text-sm font-medium">옵션 목록</h4>
-            <Button
-              type="button"
-              variant="outline"
-              size="sm"
-              onClick={addRow}
-              className="h-8"
-            >
-              <Plus className="h-4 w-4 mr-1" />
-              행 추가
-            </Button>
-          </div>
-
-          {/* 옵션 테이블 - 항상 표시 */}
-          <div className="border rounded-lg overflow-hidden">
-            <Table>
-              <TableHeader>
-                <TableRow className="bg-muted/30">
-                  <TableHead className="w-[50%]">Description *</TableHead>
-                  <TableHead className="w-[40%]">Remark</TableHead>
-                  <TableHead className="w-[10%]"></TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {optionRows.map((row) => (
-                  <TableRow key={row.id} className="hover:bg-muted/30">
-                    <TableCell>
-                      <Input
-                        value={row.description}
-                        onChange={(e) => updateRow(row.id, "description", e.target.value)}
-                        className="border-0 focus-visible:ring-1 bg-transparent h-8"
-                      />
-                    </TableCell>
-                    <TableCell>
-                      <Input
-                        value={row.remark}
-                        onChange={(e) => updateRow(row.id, "remark", e.target.value)}
-                        className="border-0 focus-visible:ring-1 bg-transparent h-8"
-                      />
-                    </TableCell>
-                    <TableCell>
-                      <Button
-                        type="button"
-                        variant="ghost"
-                        size="sm"
-                        onClick={() => removeRow(row.id)}
-                        className="h-6 w-6 p-0"
-                      >
-                        <Trash2 className="h-3 w-3" />
-                      </Button>
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </div>
-        </div>
-
-        <DialogFooter>
-          <Button
-            type="button"
-            variant="outline"
-            onClick={handleCancel}
-            disabled={loading}
-          >
-            취소
-          </Button>
-          <Button
-            type="submit"
-            onClick={handleSubmit}
-            disabled={loading}
-          >
-            {loading ? "저장 중..." : "저장"}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-} 
\ No newline at end of file