From 7bb26e0e30349fa5597d2791dd5b2348e6983e1b Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Tue, 18 Nov 2025 10:28:07 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20Collapsible=20=EB=B3=80=EC=88=98=20?=
 =?UTF-8?q?=EC=B0=B8=EC=A1=B0=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- isGroupExpanded 변수를 올바르게 사용하도록 수정
- 불필요한 주석 제거
- map 함수에 return 문 추가
---
 .../SelectedItemsDetailInputConfigPanel.tsx     | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx b/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx
index a55dc863..458c4e23 100644
--- a/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx
+++ b/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx
@@ -627,10 +627,13 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
           추가 입력 필드를 여러 카드로 나눠서 표시 (예: 거래처 정보, 단가 정보)
         </p>
 
-        {localFieldGroups.map((group, index) => (
+        {localFieldGroups.map((group, index) => {
+          const isGroupExpanded = expandedGroups[group.id] ?? true;
+          
+          return (
           <Collapsible
             key={group.id}
-            open={expandedGroups[group.id] ?? true}
+            open={isGroupExpanded}
             onOpenChange={(open) => setExpandedGroups(prev => ({ ...prev, [group.id]: open }))}
           >
             <Card className="border-2">
@@ -639,7 +642,7 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
                   <CollapsibleTrigger asChild>
                     <Button variant="ghost" size="sm" className="h-auto p-0 hover:bg-transparent">
                       <div className="flex items-center gap-2">
-                        {expandedGroups[group.id] ?? true ? (
+                        {isGroupExpanded ? (
                           <ChevronDown className="h-4 w-4" />
                         ) : (
                           <ChevronRight className="h-4 w-4" />
@@ -661,9 +664,8 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
                   </Button>
                 </div>
 
-                <CollapsibleContent className="space-y-2 sm:space-y-3">{/* 기존 그룹 설정 내용 */}
-
-              {/* 그룹 ID */}
+                <CollapsibleContent className="space-y-2 sm:space-y-3">
+                  {/* 그룹 ID */}
               <div className="space-y-1">
                 <Label className="text-[10px] sm:text-xs">그룹 ID</Label>
                 <Input
@@ -900,7 +902,8 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
               </CardContent>
             </Card>
           </Collapsible>
-        ))}
+          );
+        })}
 
         <Button
           type="button"