From 220148f877df87665e7821eb964d4a8319407bb9 Mon Sep 17 00:00:00 2001
From: Allan Oliveira <nallamo2016@gmail.com>
Date: Sun, 5 Mar 2023 12:21:30 -0300
Subject: [PATCH] feat: add customAnimation

---
 package.json                             |  2 +-
 src/components/molecules/Modal/Modal.tsx | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 57ca61c..49015e5 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "react",
     "typescript"
   ],
-  "version": "2.1.20",
+  "version": "2.1.21",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
diff --git a/src/components/molecules/Modal/Modal.tsx b/src/components/molecules/Modal/Modal.tsx
index 140e14f..f7b1742 100644
--- a/src/components/molecules/Modal/Modal.tsx
+++ b/src/components/molecules/Modal/Modal.tsx
@@ -32,7 +32,7 @@ type ModalFunctionNotation = {
 }
 
 export type ModalProps = {
-  animation?: {
+  customAnimation?: {
     initial?: AnimationProps['initial']
     transition?: AnimationProps['transition']
     in?: AnimationProps['animate']
@@ -48,7 +48,7 @@ export type ModalProps = {
 } & Omit<CardProps, 'children'>
 
 const ModalBase = ({
-  animation,
+  customAnimation,
   render,
   onClickOutside,
   externalIsOpen,
@@ -94,12 +94,14 @@ const ModalBase = ({
             {modalIsOpen ? (
               <motion.div
                 {...motionContainerProps}
-                initial={animation?.initial ? animation.initial : { opacity: 0 }}
-                animate={animation?.in ? animation.in : { opacity: 1 }}
-                exit={animation?.out ? animation.out : { opacity: 0 }}
+                initial={
+                  customAnimation?.initial ? customAnimation.initial : { opacity: 0 }
+                }
+                animate={customAnimation?.in ? customAnimation.in : { opacity: 1 }}
+                exit={customAnimation?.out ? customAnimation.out : { opacity: 0 }}
                 transition={
-                  animation?.transition
-                    ? animation.transition
+                  customAnimation?.transition
+                    ? customAnimation.transition
                     : {
                         default: { duration: 0.3 },
                       }
@@ -121,7 +123,7 @@ const ModalBase = ({
 
 ModalBase.defaultProps = {
   children: undefined,
-  animation: undefined,
+  customAnimation: undefined,
   onClickOutside: undefined,
   externalIsOpen: undefined,
   backgroundProps: undefined,