From 8db5b842e4d268560d93f5acb78ce1818c5c2ea9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?=
 <dongyoung@godong-yeong-ui-noteubug.local>
Date: Fri, 10 Jan 2025 16:54:19 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-3718]=20Checkout=20/=20Terms=20?=
 =?UTF-8?q?=ED=8C=9D=EC=97=85=20=EC=A7=84=EC=9E=85=20=EC=8B=9C=20=ED=83=AD?=
 =?UTF-8?q?=EC=97=90=20=ED=8F=AC=EC=BB=A4=EC=8A=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[수정사항] TButtonTab을 포커스 비활성화 시키는 props 추가
         팝업을 열었을때 포커스 로직 추가
---
 com.twin.app.shoptime/src/components/TButtonTab/TButtonTab.jsx | 2 ++
 .../src/views/CheckOutPanel/CheckOutPanel.jsx                  | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/com.twin.app.shoptime/src/components/TButtonTab/TButtonTab.jsx b/com.twin.app.shoptime/src/components/TButtonTab/TButtonTab.jsx
index d520fce1..7f41d1da 100644
--- a/com.twin.app.shoptime/src/components/TButtonTab/TButtonTab.jsx
+++ b/com.twin.app.shoptime/src/components/TButtonTab/TButtonTab.jsx
@@ -39,6 +39,7 @@ export default function TButtonTab({
   colorType = COLOR_TYPE.white,
   spotlightId,
   onSpotlightLeft,
+  spotlightDisabled,
   scrollTop,
   ...rest
 }) {
@@ -98,6 +99,7 @@ export default function TButtonTab({
             onFocus={handleScrollReset}
             onBlur={handleStopScrolling}
             ariaLabel={ariaLabelText}
+            spotlightDisabled={spotlightDisabled}
           >
             {item}
           </TButtonTabItem>
diff --git a/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx b/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
index 27793136..ab872c0f 100644
--- a/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
+++ b/com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx
@@ -238,7 +238,7 @@ export default function CheckOutPanel({ panelInfo }) {
 
         setCurrentTerms(selectedTerms);
         dispatch(setShowPopup(Config.ACTIVE_POPUP.termsPopup));
-
+        Spotlight.focus("spotlightId_TbuttonScrollerDown");
         const selectedIndex = empTermsData.findIndex(
           (term) => term.termsID === termsID
         );
@@ -362,6 +362,7 @@ export default function CheckOutPanel({ panelInfo }) {
                 selectedIndex={selectedTabIndex}
                 onItemClick={handleTabClick}
                 contents={tabList}
+                spotlightDisabled={true}
                 role="button"
               />
               <TButtonScroller