From 080ff4fc6dd10d096775f949705043dadab339fb Mon Sep 17 00:00:00 2001
From: Javiera Munita <javiera.munita@eclass.cl>
Date: Tue, 2 Sep 2025 13:06:46 -0400
Subject: [PATCH] fix(PDYE-1395): auto focus props

---
 src/organisms/Modals/Modal/Modal.tsx           | 3 ++-
 src/organisms/Modals/ModalAlert/ModalAlert.tsx | 3 ++-
 src/organisms/Modals/types.d.ts                | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/organisms/Modals/Modal/Modal.tsx b/src/organisms/Modals/Modal/Modal.tsx
index c5778a7d..127b1495 100644
--- a/src/organisms/Modals/Modal/Modal.tsx
+++ b/src/organisms/Modals/Modal/Modal.tsx
@@ -23,6 +23,7 @@ export const Modal = ({
   withoutMargin = false,
   scrollBehavior = 'outside',
   fixedButtons = false,
+  autoFocus = false,
 }: IModal): JSX.Element => {
   const py = '32px'
   const px = '24px'
@@ -40,7 +41,7 @@ export const Modal = ({
         motionPreset="scale"
         onClose={onClose}
         scrollBehavior={isInside ? 'inside' : 'outside'}
-        autoFocus={false}
+        autoFocus={autoFocus}
       >
         <ModalOverlay />
         <ChakraModalContent
diff --git a/src/organisms/Modals/ModalAlert/ModalAlert.tsx b/src/organisms/Modals/ModalAlert/ModalAlert.tsx
index 42efdc53..a450610f 100644
--- a/src/organisms/Modals/ModalAlert/ModalAlert.tsx
+++ b/src/organisms/Modals/ModalAlert/ModalAlert.tsx
@@ -14,6 +14,7 @@ import { alertColorStates } from '@/organisms/Alerts/utils/alertStates'
 import { vars } from '@/theme'
 
 export const ModalAlertNew = ({
+  autoFocus = false,
   type,
   isOpen,
   onClose,
@@ -32,7 +33,7 @@ export const ModalAlertNew = ({
         motionPreset="scale"
         onClose={onClose}
         closeOnEsc={type !== 'loading'}
-        autoFocus={false}
+        autoFocus={autoFocus}
       >
         <ModalOverlay />
         <ModalContent
diff --git a/src/organisms/Modals/types.d.ts b/src/organisms/Modals/types.d.ts
index 2681ffcc..4a0afb12 100644
--- a/src/organisms/Modals/types.d.ts
+++ b/src/organisms/Modals/types.d.ts
@@ -13,6 +13,7 @@ export interface IModal {
   scrollBehavior?: 'inside' | 'outside'
   /** Si esta activo se fija el footer */
   fixedButtons?: boolean
+  autoFocus?: boolean
 }
 
 export interface IModalButtons {
@@ -25,6 +26,7 @@ export interface IModalButtons {
 }
 
 export interface IModalAlert {
+  autoFocus?: boolean
   children?: React.ReactNode
   isOpen: boolean
   onClose: () => void