From 7433eea5b4bbc0899e255b88e1a7e91f26e9d95b Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Wed, 17 Sep 2025 18:04:10 +0900
Subject: (김준회) 자재그룹 선택기 오류수정, 공용사용을 위한 다이얼로그
 컴포넌트 구현, data-table 오류 수정
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vendor-material/add-confirmed-material.tsx     | 123 ++++-----------------
 1 file changed, 21 insertions(+), 102 deletions(-)

(limited to 'lib/material/vendor-material/add-confirmed-material.tsx')

diff --git a/lib/material/vendor-material/add-confirmed-material.tsx b/lib/material/vendor-material/add-confirmed-material.tsx
index 5e9415f4..78940c00 100644
--- a/lib/material/vendor-material/add-confirmed-material.tsx
+++ b/lib/material/vendor-material/add-confirmed-material.tsx
@@ -3,20 +3,8 @@
 import * as React from "react";
 import { useState } from "react";
 import { useSession } from "next-auth/react";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { Label } from "@/components/ui/label";
 import { toast } from "sonner";
-import { Plus, Loader2 } from "lucide-react";
-import { MaterialGroupSelector } from "@/components/common/material/material-group-selector";
+import { MaterialGroupSelectorDialogMulti } from "@/components/common/material/material-group-selector-dialog-multi";
 import { MaterialSearchItem } from "@/lib/material/material-group-service";
 import { addConfirmedMaterial, VendorPossibleMaterial } from "../vendor-possible-material-service";
 
@@ -32,43 +20,22 @@ export function AddConfirmedMaterial({
   onMaterialAdded,
 }: AddConfirmedMaterialProps) {
   const { data: session } = useSession();
-  const [open, setOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
   const [selectedMaterials, setSelectedMaterials] = useState<MaterialSearchItem[]>([]);
 
   // 이미 등록된 자재그룹코드들의 Set
   const existingMaterialCodes = new Set(
-    existingConfirmedMaterials.map(material => material.itemCode).filter(Boolean)
+    existingConfirmedMaterials.map(material => material.itemCode).filter((code): code is string => Boolean(code))
   );
 
-  // 자재 선택 시 중복 체크
-  const handleMaterialsChange = (materials: MaterialSearchItem[]) => {
-    // 이미 등록된 자재가 있는지 확인
-    const duplicatedMaterials = materials.filter(material => 
-      existingMaterialCodes.has(material.materialGroupCode)
-    );
-
-    if (duplicatedMaterials.length > 0) {
-      const duplicatedCodes = duplicatedMaterials.map(m => m.materialGroupCode).join(', ');
-      toast.error(`이미 등록된 자재그룹코드입니다: ${duplicatedCodes}`);
-      
-      // 중복되지 않은 자재만 선택
-      const validMaterials = materials.filter(material => 
-        !existingMaterialCodes.has(material.materialGroupCode)
-      );
-      setSelectedMaterials(validMaterials);
-    } else {
-      setSelectedMaterials(materials);
-    }
-  };
-
-  const handleSubmit = async () => {
+  // 자재 선택 완료 시 처리
+  const handleMaterialsSelect = async (materials: MaterialSearchItem[]) => {
     if (!session?.user) {
       toast.error("로그인이 필요합니다.");
       return;
     }
 
-    if (selectedMaterials.length === 0) {
+    if (materials.length === 0) {
       toast.error("추가할 자재를 선택해주세요.");
       return;
     }
@@ -77,10 +44,10 @@ export function AddConfirmedMaterial({
 
     try {
       // 선택된 자재들을 각각 추가
-      for (const material of selectedMaterials) {
+      for (const material of materials) {
         const materialData = {
           itemCode: material.materialGroupCode,
-          itemName: material.materialName,
+          itemName: material.materialGroupDescription,
         };
 
         await addConfirmedMaterial(
@@ -91,11 +58,10 @@ export function AddConfirmedMaterial({
         );
       }
 
-      toast.success(`${selectedMaterials.length}개의 자재가 확정정보에 추가되었습니다.`);
+      toast.success(`${materials.length}개의 자재가 확정정보에 추가되었습니다.`);
       
       // 폼 리셋
       setSelectedMaterials([]);
-      setOpen(false);
       
       // 부모 컴포넌트에 추가 완료 알림
       onMaterialAdded?.();
@@ -119,65 +85,18 @@ export function AddConfirmedMaterial({
   };
 
   return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button size="sm" className="gap-2">
-          <Plus className="h-4 w-4" />
-          추가 등록
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
-        <DialogHeader>
-          <DialogTitle>확정정보 자재 추가</DialogTitle>
-          <DialogDescription>
-            구매담당자 권한으로 확정 공급품목을 추가합니다. 상세 정보는 I/F를 통해 업데이트됩니다.
-          </DialogDescription>
-        </DialogHeader>
-        
-        <div className="space-y-4">
-          {/* 자재 선택 */}
-          <div className="space-y-2">
-            <Label>자재 선택 *</Label>
-            <MaterialGroupSelector
-              selectedMaterials={selectedMaterials}
-              onMaterialsChange={handleMaterialsChange}
-              singleSelect={false}
-              placeholder="자재그룹코드 또는 자재명으로 검색..."
-              noValuePlaceHolder="자재를 선택해주세요"
-              maxSelections={10}
-              closeOnSelect={false}
-              excludeMaterialCodes={existingMaterialCodes}
-            />
-            {existingMaterialCodes.size > 0 && (
-              <p className="text-xs text-muted-foreground">
-                💡 이미 등록된 자재그룹코드는 자동으로 제외됩니다.
-              </p>
-            )}
-            <p className="text-sm text-muted-foreground">
-              최대 10개까지 선택 가능합니다. 등록자는 현재 로그인한 사용자로 자동 설정됩니다.
-            </p>
-          </div>
-        </div>
-
-        <DialogFooter>
-          <Button
-            type="button"
-            variant="outline"
-            onClick={() => setOpen(false)}
-            disabled={isLoading}
-          >
-            취소
-          </Button>
-          <Button
-            type="button"
-            onClick={handleSubmit}
-            disabled={isLoading || selectedMaterials.length === 0}
-          >
-            {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-            {isLoading ? "추가 중..." : "추가"}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+    <MaterialGroupSelectorDialogMulti
+      triggerLabel={isLoading ? "추가 중..." : "➕ 추가 등록"}
+      selectedMaterials={selectedMaterials}
+      onMaterialsSelect={handleMaterialsSelect}
+      placeholder="자재그룹코드 또는 자재명으로 검색..."
+      title="확정정보 자재 추가"
+      description="구매담당자 권한으로 확정 공급품목을 추가합니다. 상세 정보는 I/F를 통해 업데이트됩니다."
+      disabled={isLoading}
+      triggerVariant="default"
+      excludeMaterialCodes={existingMaterialCodes}
+      showInitialData={true}
+      showSelectedInTrigger={false}
+    />
   );
 }
-- 
cgit v1.2.3