fix(PDYE-1395): auto focus props (#745)

Co-authored-by: Javiera Munita <javiera.munita@eclass.cl>

Author: JaviMunita

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

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

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