From aa1fe83596042d75b67b98c28b82138db6df5bb5 Mon Sep 17 00:00:00 2001
From: Karine Brandelli Padilha <karine.padilha@ngi.com.br>
Date: Mon, 23 Dec 2024 16:02:58 -0300
Subject: [PATCH] chore: replace flex for native flexGrow

---
 src/core/data-display/typography/index.tsx | 8 +-------
 src/core/feedback/nothing-found/index.tsx  | 2 +-
 src/core/surfaces/card/index.tsx           | 2 +-
 src/core/surfaces/panel/index.tsx          | 2 +-
 4 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/core/data-display/typography/index.tsx b/src/core/data-display/typography/index.tsx
index 0d23d3d5..da0ff0df 100644
--- a/src/core/data-display/typography/index.tsx
+++ b/src/core/data-display/typography/index.tsx
@@ -3,12 +3,6 @@ import MuiTypography from '@mui/material/Typography'
 import type { DefaultProps } from '../../types'
 import type { TypographyProps } from '@mui/material/Typography'
 
-type ITypography = {
-    flex?: number
-}
-
-type CustomTypographyProps = ITypography & TypographyProps & DefaultProps
-
 const Typography = ({
     children,
     margin,
@@ -16,7 +10,7 @@ const Typography = ({
     style = {},
     variant = 'body2',
     ...otherProps
-}: CustomTypographyProps) => (
+}: TypographyProps & DefaultProps) => (
     <MuiTypography
         {...otherProps}
         variant={variant}
diff --git a/src/core/feedback/nothing-found/index.tsx b/src/core/feedback/nothing-found/index.tsx
index 5c016cb7..963bed4a 100644
--- a/src/core/feedback/nothing-found/index.tsx
+++ b/src/core/feedback/nothing-found/index.tsx
@@ -21,8 +21,8 @@ const NothingFound = (props: IProps) => {
 
     return show ? (
         <Typography
-            flex={1}
             variant='h5'
+            flexGrow={1}
             align='center'
             color='textSecondary'
             padding='48px 0'
diff --git a/src/core/surfaces/card/index.tsx b/src/core/surfaces/card/index.tsx
index 7429c48d..38d0039f 100644
--- a/src/core/surfaces/card/index.tsx
+++ b/src/core/surfaces/card/index.tsx
@@ -69,8 +69,8 @@ const Card = (props: IProps) => {
                         {title && (
                             <Typography
                                 name={name + '-title'}
-                                flex={1}
                                 variant='h6'
+                                flexGrow={1}
                                 color='primary'>
                                 {title}
                             </Typography>
diff --git a/src/core/surfaces/panel/index.tsx b/src/core/surfaces/panel/index.tsx
index cdad21be..1528a64e 100644
--- a/src/core/surfaces/panel/index.tsx
+++ b/src/core/surfaces/panel/index.tsx
@@ -73,7 +73,7 @@ const Panel = (props: PanelProps) => {
                 !hideSummary && (
                     <Summary>
                         {title && (
-                            <Typography noWrap flex={1} variant='subtitle1'>
+                            <Typography noWrap flexGrow={1} variant='subtitle1'>
                                 {title}
                             </Typography>
                         )}