From 4db26b2936ac720b6ecfb77a346342f1258d40cf Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 16:37:10 +0530 Subject: [PATCH 01/62] fix(box): add forwardRef to box component Signed-off-by: seniorliketocode --- src/base/Box/Box.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Box/Box.tsx b/src/base/Box/Box.tsx index 848887046..a41ea187f 100644 --- a/src/base/Box/Box.tsx +++ b/src/base/Box/Box.tsx @@ -1,7 +1,8 @@ import { Box as MuiBox, type BoxProps as MuiBoxProps } from '@mui/material'; +import React from 'react'; -export function Box(props: MuiBoxProps): JSX.Element { - return ; -} +const Box = React.forwardRef((props, ref) => { + return ; +}); export default Box; From e7c97208649b6751383678983ce1ba626629e1fd Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 20:39:32 +0530 Subject: [PATCH 02/62] fix(Accordion): add forwardRef to Accordion component Signed-off-by: seniorliketocode --- src/base/Accordion/Accordion.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Accordion/Accordion.tsx b/src/base/Accordion/Accordion.tsx index dfec4994b..054a8780e 100644 --- a/src/base/Accordion/Accordion.tsx +++ b/src/base/Accordion/Accordion.tsx @@ -1,7 +1,8 @@ import { Accordion as MuiAccordion, type AccordionProps as MuiAccordionProps } from '@mui/material'; +import React from 'react'; -export function Accordion(props: MuiAccordionProps): JSX.Element { - return ; -} +const Accordion = React.forwardRef((props, ref) => { + return ; +}); export default Accordion; From e53457544efe66e8a7390300e23072e6e6e1a92c Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 20:41:51 +0530 Subject: [PATCH 03/62] fix(AccordionActions): add forwardRef to AccordionActions component Signed-off-by: seniorliketocode --- src/base/AccordionActions/AccordionActions.tsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/base/AccordionActions/AccordionActions.tsx b/src/base/AccordionActions/AccordionActions.tsx index e78e798ce..79433bb75 100644 --- a/src/base/AccordionActions/AccordionActions.tsx +++ b/src/base/AccordionActions/AccordionActions.tsx @@ -3,8 +3,12 @@ import { type AccordionActionsProps as MuiAccordionActionsProps } from '@mui/material'; -export function AccordionActions(props: MuiAccordionActionsProps): JSX.Element { - return ; -} +import React from 'react'; + +const AccordionActions = React.forwardRef( + (props, ref) => { + return ; + } +); export default AccordionActions; From f40d859b741c7385fd9ed601ca82adda42880f4a Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 20:43:37 +0530 Subject: [PATCH 04/62] fix(AccordionDetails): add forwardRef to AccordionDetails component Signed-off-by: seniorliketocode --- src/base/AccordionDetails/AccordionDetails.tsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/base/AccordionDetails/AccordionDetails.tsx b/src/base/AccordionDetails/AccordionDetails.tsx index f806de586..7c263f5f5 100644 --- a/src/base/AccordionDetails/AccordionDetails.tsx +++ b/src/base/AccordionDetails/AccordionDetails.tsx @@ -3,8 +3,12 @@ import { type AccordionDetailsProps as MuiAccordionDetailsProps } from '@mui/material'; -export function AccordionDetails(props: MuiAccordionDetailsProps): JSX.Element { - return ; -} +import React from 'react'; + +const AccordionDetails = React.forwardRef( + (props, ref) => { + return ; + } +); export default AccordionDetails; From f7dfca90aa5bb23cbbff76c9b08d703ed5e21c7c Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 20:45:20 +0530 Subject: [PATCH 05/62] fix(AccordionSummary): add forwardRef to AccordionSummary component Signed-off-by: seniorliketocode --- src/base/AccordionSummary/AccordionSummary.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/AccordionSummary/AccordionSummary.tsx b/src/base/AccordionSummary/AccordionSummary.tsx index f1369ad46..009cf4918 100644 --- a/src/base/AccordionSummary/AccordionSummary.tsx +++ b/src/base/AccordionSummary/AccordionSummary.tsx @@ -2,9 +2,12 @@ import { AccordionSummary as MuiAccordionSummary, type AccordionSummaryProps as MuiAccordionSummaryProps } from '@mui/material'; +import React from 'react'; -export function AccordionSummary(props: MuiAccordionSummaryProps): JSX.Element { - return ; -} +const AccordionSummary = React.forwardRef( + (props, ref) => { + return ; + } +); export default AccordionSummary; From bcb1bd94291a302e41928452018bf03adff30d6d Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:35:23 +0530 Subject: [PATCH 06/62] fix(AppBar): add forwardRef to AppBar component Signed-off-by: seniorliketocode --- src/base/AppBar/AppBar.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/AppBar/AppBar.tsx b/src/base/AppBar/AppBar.tsx index 9b38a3566..90c495b81 100644 --- a/src/base/AppBar/AppBar.tsx +++ b/src/base/AppBar/AppBar.tsx @@ -1,7 +1,8 @@ import { AppBar as MuiAppBar, type AppBarProps as MuiAppBarProps } from '@mui/material'; +import React from 'react'; -export function AppBar(props: MuiAppBarProps): JSX.Element { - return ; -} +const AppBar = React.forwardRef((props, ref) => { + return ; +}); export default AppBar; From e83604b26f27533dd3403d42ce2eb57041bf2a50 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:36:18 +0530 Subject: [PATCH 07/62] fix(Avatar): add forwardRef to Avatar component Signed-off-by: seniorliketocode --- src/base/Avatar/Avatar.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Avatar/Avatar.tsx b/src/base/Avatar/Avatar.tsx index 64308e4e4..8b5e22890 100644 --- a/src/base/Avatar/Avatar.tsx +++ b/src/base/Avatar/Avatar.tsx @@ -1,7 +1,8 @@ import { Avatar as MuiAvatar, type AvatarProps as MuiAvatarProps } from '@mui/material'; +import React from 'react'; -export function Avatar(props: MuiAvatarProps): JSX.Element { - return ; -} +const Avatar = React.forwardRef((props, ref) => { + return ; +}); export default Avatar; From 038e9c3117ea22ed28ee91c843d34b46ddff2fee Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:37:15 +0530 Subject: [PATCH 08/62] fix(AvatarGroup): add forwardRef to AvatarGroup component Signed-off-by: seniorliketocode --- src/base/AvatarGroup/AvatarGroup.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/AvatarGroup/AvatarGroup.tsx b/src/base/AvatarGroup/AvatarGroup.tsx index 9ffdee189..d7fb9b666 100644 --- a/src/base/AvatarGroup/AvatarGroup.tsx +++ b/src/base/AvatarGroup/AvatarGroup.tsx @@ -2,9 +2,10 @@ import { AvatarGroup as MuiAvatarGroup, type AvatarGroupProps as MuiAvatarGroupProps } from '@mui/material'; +import React from 'react'; -export function AvatarGroup(props: MuiAvatarGroupProps): JSX.Element { - return ; -} +const AvatarGroup = React.forwardRef((props, ref) => { + return ; +}); export default AvatarGroup; From 690f733e0a95d2c83ddeff4a02ba784d74b42366 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:38:07 +0530 Subject: [PATCH 09/62] fix(Backdrop): add forwardRef to Backdrop component Signed-off-by: seniorliketocode --- src/base/Backdrop/Backdrop.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Backdrop/Backdrop.tsx b/src/base/Backdrop/Backdrop.tsx index e4523868a..096f15aaf 100644 --- a/src/base/Backdrop/Backdrop.tsx +++ b/src/base/Backdrop/Backdrop.tsx @@ -1,7 +1,8 @@ import { Backdrop as MuiBackdrop, type BackdropProps as MuiBackdropProps } from '@mui/material'; +import React from 'react'; -export function Backdrop(props: MuiBackdropProps): JSX.Element { - return ; -} +const Backdrop = React.forwardRef((props, ref) => { + return ; +}); export default Backdrop; From 4ef75f4d11b6fe7e227f0e982c6fc12869ef8034 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:48:11 +0530 Subject: [PATCH 10/62] fix(Avatar): Component now imported default like other components Signed-off-by: seniorliketocode --- src/base/Avatar/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/base/Avatar/index.tsx b/src/base/Avatar/index.tsx index ebee76eac..8c68572f9 100644 --- a/src/base/Avatar/index.tsx +++ b/src/base/Avatar/index.tsx @@ -1,5 +1,5 @@ import { AvatarProps } from '@mui/material'; -import { Avatar } from './Avatar'; +import Avatar from './Avatar'; export { Avatar }; export type { AvatarProps }; From 9ec9901e22e3ec88f57a0df0df17a4d1f7e3cc63 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:54:01 +0530 Subject: [PATCH 11/62] fix(Badge): add forwardRef to Badge component Signed-off-by: seniorliketocode --- src/base/Badge/Badge.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Badge/Badge.tsx b/src/base/Badge/Badge.tsx index 735b4d61f..24ecc5527 100644 --- a/src/base/Badge/Badge.tsx +++ b/src/base/Badge/Badge.tsx @@ -1,7 +1,8 @@ import { Badge as MuiBadge, type BadgeProps as MuiBadgeProps } from '@mui/material'; +import React from 'react'; -export function Badge(props: MuiBadgeProps): JSX.Element { - return ; -} +const Badge = React.forwardRef((props, ref) => { + return ; +}); export default Badge; From 265efd12a64588cab18bedef0130257d0d01390d Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:55:44 +0530 Subject: [PATCH 12/62] fix(ButtonGroup): add forwardRef to ButtonGroup component Signed-off-by: seniorliketocode --- src/base/ButtonGroup/ButtonGroup.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/ButtonGroup/ButtonGroup.tsx b/src/base/ButtonGroup/ButtonGroup.tsx index ee24c747d..ab0909cc2 100644 --- a/src/base/ButtonGroup/ButtonGroup.tsx +++ b/src/base/ButtonGroup/ButtonGroup.tsx @@ -2,9 +2,10 @@ import { ButtonGroup as MuiButtonGroup, type ButtonGroupProps as MuiButtonGroupProps } from '@mui/material'; +import React from 'react'; -export function ButtonGroup(props: MuiButtonGroupProps): JSX.Element { - return ; -} +const ButtonGroup = React.forwardRef((props, ref) => { + return ; +}); export default ButtonGroup; From 0b233aef9159699a8b058a14cf2bcf013edb4d9a Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:56:31 +0530 Subject: [PATCH 13/62] fix(Card): add forwardRef to Card component Signed-off-by: seniorliketocode --- src/base/Card/Card.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Card/Card.tsx b/src/base/Card/Card.tsx index db3e9b076..841812382 100644 --- a/src/base/Card/Card.tsx +++ b/src/base/Card/Card.tsx @@ -1,7 +1,8 @@ import { Card as MuiCard, type CardProps as MuiCardProps } from '@mui/material'; +import React from 'react'; -export function Card(props: MuiCardProps): JSX.Element { - return ; -} +const Card = React.forwardRef((props, ref) => { + return ; +}); export default Card; From 3194625f7b2d2885941da87cb8f6dc66af43ee56 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Sun, 22 Dec 2024 22:57:13 +0530 Subject: [PATCH 14/62] fix(CardActions): add forwardRef to CardActions component Signed-off-by: seniorliketocode --- src/base/CardActions/CardActions.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/CardActions/CardActions.tsx b/src/base/CardActions/CardActions.tsx index a36c30f83..b3a49a802 100644 --- a/src/base/CardActions/CardActions.tsx +++ b/src/base/CardActions/CardActions.tsx @@ -2,9 +2,10 @@ import { CardActions as MuiCardActions, CardActionsProps as MuiCardActionsProps } from '@mui/material'; +import React from 'react'; -export function CardActions(props: MuiCardActionsProps): JSX.Element { - return ; -} +const CardActions = React.forwardRef((props, ref) => { + return ; +}); export default CardActions; From de1fc1e6249bd430db2525b15774a4555ad92788 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:04:53 +0530 Subject: [PATCH 15/62] fix(CardContent): add forwardRef to CardContent component Signed-off-by: seniorliketocode --- src/base/CardContent/CardContent.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/CardContent/CardContent.tsx b/src/base/CardContent/CardContent.tsx index dc39e25a6..faf2111fe 100644 --- a/src/base/CardContent/CardContent.tsx +++ b/src/base/CardContent/CardContent.tsx @@ -2,9 +2,10 @@ import { CardContent as MuiCardContent, CardContentProps as MuiCardContentProps } from '@mui/material'; +import React from 'react'; -export function CardContent(props: MuiCardContentProps): JSX.Element { - return ; -} +const CardContent = React.forwardRef((props, ref) => { + return ; +}); export default CardContent; From 93273e30b93b8c0a77cdb647c0492c784629a9d3 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:05:49 +0530 Subject: [PATCH 16/62] fix(CardHeader): add forwardRef to CardHeader component Signed-off-by: seniorliketocode --- src/base/CardHeader/CardHeader.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/CardHeader/CardHeader.tsx b/src/base/CardHeader/CardHeader.tsx index f1e24f4bb..579c557f1 100644 --- a/src/base/CardHeader/CardHeader.tsx +++ b/src/base/CardHeader/CardHeader.tsx @@ -1,7 +1,8 @@ import { CardHeader as MuiCardHeader, CardHeaderProps as MuiCardHeaderProps } from '@mui/material'; +import React from 'react'; -export function CardHeader(props: MuiCardHeaderProps): JSX.Element { - return ; -} +const CardHeader = React.forwardRef((props, ref) => { + return ; +}); export default CardHeader; From f65f38fdb4b380ce7f5a7f4c73dc60851373ba2d Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:06:53 +0530 Subject: [PATCH 17/62] fix(CardMedia): add forwardRef to CardMedia component Signed-off-by: seniorliketocode --- src/base/CardMedia/CardMedia.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/CardMedia/CardMedia.tsx b/src/base/CardMedia/CardMedia.tsx index 922602d3a..3ad196d24 100644 --- a/src/base/CardMedia/CardMedia.tsx +++ b/src/base/CardMedia/CardMedia.tsx @@ -1,7 +1,8 @@ import { CardMedia as MuiCardMedia, CardMediaProps as MuiCardMediaProps } from '@mui/material'; +import React from 'react'; -export function CardMedia(props: MuiCardMediaProps): JSX.Element { - return ; -} +const CardMedia = React.forwardRef((props, ref) => { + return ; +}); export default CardMedia; From 4335d71da1dd32a1cf41972e4de12106c9b6472a Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:07:49 +0530 Subject: [PATCH 18/62] fix(CheckBox): add forwardRef to CheckBox component Signed-off-by: seniorliketocode --- src/base/Checkbox/Checkbox.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Checkbox/Checkbox.tsx b/src/base/Checkbox/Checkbox.tsx index 02ed3d9aa..3609479d2 100644 --- a/src/base/Checkbox/Checkbox.tsx +++ b/src/base/Checkbox/Checkbox.tsx @@ -1,7 +1,8 @@ import { Checkbox as MuiCheckbox, type CheckboxProps } from '@mui/material'; +import React from 'react'; -export function Checkbox(props: CheckboxProps): JSX.Element { - return ; -} +const Checkbox = React.forwardRef((props, ref) => { + return ; +}); export default Checkbox; From b82a8b1f4580832214a44fea529df090b0c384cc Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:09:19 +0530 Subject: [PATCH 19/62] fix(CheckBox): typeError fixed Signed-off-by: seniorliketocode --- src/base/Checkbox/Checkbox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/base/Checkbox/Checkbox.tsx b/src/base/Checkbox/Checkbox.tsx index 3609479d2..302a16dcb 100644 --- a/src/base/Checkbox/Checkbox.tsx +++ b/src/base/Checkbox/Checkbox.tsx @@ -1,7 +1,7 @@ import { Checkbox as MuiCheckbox, type CheckboxProps } from '@mui/material'; import React from 'react'; -const Checkbox = React.forwardRef((props, ref) => { +const Checkbox = React.forwardRef((props, ref) => { return ; }); From 09064256ea2351fb700d5fe1e1f3979ba72674bf Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:12:15 +0530 Subject: [PATCH 20/62] fix(Chip): add forwardRef to Chip component Signed-off-by: seniorliketocode --- src/base/Chip/Chip.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Chip/Chip.tsx b/src/base/Chip/Chip.tsx index 2023a000a..249ee09f3 100644 --- a/src/base/Chip/Chip.tsx +++ b/src/base/Chip/Chip.tsx @@ -1,7 +1,8 @@ import { Chip as MuiChip, type ChipProps } from '@mui/material'; +import React from 'react'; -export function Chip(props: ChipProps): JSX.Element { - return ; -} +const Chip = React.forwardRef((props, ref) => { + return ; +}); export default Chip; From 680320f4f94f2a26884961fac28479b4d38a5978 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:13:16 +0530 Subject: [PATCH 21/62] fix(CircularProgress): add forwardRef to CircularProgress component Signed-off-by: seniorliketocode --- src/base/CircularProgress/CircularProgress.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/CircularProgress/CircularProgress.tsx b/src/base/CircularProgress/CircularProgress.tsx index 3c460201c..f6f2d99f6 100644 --- a/src/base/CircularProgress/CircularProgress.tsx +++ b/src/base/CircularProgress/CircularProgress.tsx @@ -2,9 +2,12 @@ import { CircularProgress as MuiCircularProgress, CircularProgressProps as MuiCircularProgressProps } from '@mui/material'; +import React from 'react'; -export function CircularProgress(props: MuiCircularProgressProps): JSX.Element { - return ; -} +const CircularProgress = React.forwardRef( + (props, ref) => { + return ; + } +); export default CircularProgress; From af05e5f7980b88edaed9d8c8945ba2702a472f7f Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:14:21 +0530 Subject: [PATCH 22/62] fix(ClickAwayListener): add forwardRef to ClickAwayListener component Signed-off-by: seniorliketocode --- src/base/ClickAwayListener/ClickAwayListener.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/ClickAwayListener/ClickAwayListener.tsx b/src/base/ClickAwayListener/ClickAwayListener.tsx index b5db5295e..315794d2c 100644 --- a/src/base/ClickAwayListener/ClickAwayListener.tsx +++ b/src/base/ClickAwayListener/ClickAwayListener.tsx @@ -2,9 +2,10 @@ import { ClickAwayListener as MuiClickAwayListener, type ClickAwayListenerProps } from '@mui/material'; +import React from 'react'; -export function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element { - return ; -} +const ClickAwayListener = React.forwardRef((props, ref) => { + return ; +}); export default ClickAwayListener; From b05c0e63825f3d93532d599c4335b6f6b83dfc87 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:15:40 +0530 Subject: [PATCH 23/62] fix(Collapse): add forwardRef to Collapse component Signed-off-by: seniorliketocode --- src/base/Collapse/Collapse.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/Collapse/Collapse.tsx b/src/base/Collapse/Collapse.tsx index 4279b06ae..cc6421ea0 100644 --- a/src/base/Collapse/Collapse.tsx +++ b/src/base/Collapse/Collapse.tsx @@ -1,5 +1,8 @@ import { Collapse as MuiCollapse, CollapseProps as MuiCollapseProps } from '@mui/material'; +import React from 'react'; -export function Collapse(props: MuiCollapseProps): JSX.Element { - return ; -} +const Collapse = React.forwardRef((props, ref) => { + return ; +}); + +export { Collapse }; From cd6304e23904df401c000863ce66339f34d1d241 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:16:36 +0530 Subject: [PATCH 24/62] fix(Container): add forwardRef to Container component Signed-off-by: seniorliketocode --- src/base/Container/Container.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Container/Container.tsx b/src/base/Container/Container.tsx index 4a290965b..ba9cbbe3a 100644 --- a/src/base/Container/Container.tsx +++ b/src/base/Container/Container.tsx @@ -1,7 +1,8 @@ import { Container as MuiContainer, ContainerProps as MuiContainerProps } from '@mui/material'; +import React from 'react'; -export function Container(props: MuiContainerProps): JSX.Element { - return ; -} +const Container = React.forwardRef((props, ref) => { + return ; +}); export default Container; From d62017bfd6ba3be4c3754697c332a9bfc2479b0b Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:24:32 +0530 Subject: [PATCH 25/62] fix(Dialog): add forwardRef to Dialog component Signed-off-by: seniorliketocode --- src/base/Dialog/Dialog.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Dialog/Dialog.tsx b/src/base/Dialog/Dialog.tsx index 170b5982f..7750e1baf 100644 --- a/src/base/Dialog/Dialog.tsx +++ b/src/base/Dialog/Dialog.tsx @@ -1,7 +1,8 @@ import { Dialog as MuiDialog, type DialogProps as MuiDialogProps } from '@mui/material'; +import React from 'react'; -export function Dialog(props: MuiDialogProps): JSX.Element { - return ; -} +const Dialog = React.forwardRef((props, ref) => { + return ; +}); export default Dialog; From 6b4874a41a1428e022cc76d8ba405358bdb1baec Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:25:22 +0530 Subject: [PATCH 26/62] fix(DialogActions): add forwardRef to DialogActions component Signed-off-by: seniorliketocode --- src/base/DialogActions/DialogActions.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/DialogActions/DialogActions.tsx b/src/base/DialogActions/DialogActions.tsx index 424e14797..08f6e5812 100644 --- a/src/base/DialogActions/DialogActions.tsx +++ b/src/base/DialogActions/DialogActions.tsx @@ -2,9 +2,10 @@ import { DialogActions as MuiDialogActions, type DialogActionsProps as MuiDialogActionsProps } from '@mui/material'; +import React from 'react'; -export function DialogActions(props: MuiDialogActionsProps): JSX.Element { - return ; -} +const DialogActions = React.forwardRef((props, ref) => { + return ; +}); export default DialogActions; From 100f0d9aa78ba78502065d80b6a18fda935e342e Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:27:05 +0530 Subject: [PATCH 27/62] fix(DialogContent): add forwardRef to DialogContent component Signed-off-by: seniorliketocode --- src/base/DialogContent/DialogContent.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/DialogContent/DialogContent.tsx b/src/base/DialogContent/DialogContent.tsx index c82afed5e..7112613fe 100644 --- a/src/base/DialogContent/DialogContent.tsx +++ b/src/base/DialogContent/DialogContent.tsx @@ -2,9 +2,10 @@ import { DialogContent as MuiDialogContent, type DialogContentProps as MuiDialogContentProps } from '@mui/material'; +import React from 'react'; -export function DialogContent(props: MuiDialogContentProps): JSX.Element { - return ; -} +const DialogContent = React.forwardRef((props, ref) => { + return ; +}); export default DialogContent; From 87ba94bb49997399074d052e909abeaa9e8a5c04 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:28:06 +0530 Subject: [PATCH 28/62] fix(DialogContentText): add forwardRef to DialogContentText component Signed-off-by: seniorliketocode --- src/base/DialogContentText/DialogContentText.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/DialogContentText/DialogContentText.tsx b/src/base/DialogContentText/DialogContentText.tsx index 638c7617c..7b1a23aa8 100644 --- a/src/base/DialogContentText/DialogContentText.tsx +++ b/src/base/DialogContentText/DialogContentText.tsx @@ -2,9 +2,12 @@ import { DialogContentText as MuiDialogContentText, type DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material'; +import React from 'react'; -export function DialogContentText(props: MuiDialogContentTextProps): JSX.Element { - return ; -} +const DialogContentText = React.forwardRef( + (props, ref) => { + return ; + } +); export default DialogContentText; From fdbcbd6799be3c84e5dc799cda4527443b0127a5 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:30:01 +0530 Subject: [PATCH 29/62] fix(DialogContentTitle): add forwardRef to DialogTitle component Signed-off-by: seniorliketocode --- src/base/DialogTitle/DialogTitle.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/DialogTitle/DialogTitle.tsx b/src/base/DialogTitle/DialogTitle.tsx index bec9f8ad7..2ea32a5df 100644 --- a/src/base/DialogTitle/DialogTitle.tsx +++ b/src/base/DialogTitle/DialogTitle.tsx @@ -2,9 +2,10 @@ import { DialogTitle as MuiDialogTitle, type DialogTitleProps as MuiDialogTitleProps } from '@mui/material'; +import React from 'react'; -export function DialogTitle(props: MuiDialogTitleProps): JSX.Element { - return ; -} +const DialogTitle = React.forwardRef((props, ref) => { + return ; +}); export default DialogTitle; From 42c83e03acac64a7d53b8fb66b3466c970b00d7a Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 17:32:11 +0530 Subject: [PATCH 30/62] fix(Drawer): add forwardRef to Drawer component Signed-off-by: seniorliketocode --- src/base/Drawer/Drawer.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Drawer/Drawer.tsx b/src/base/Drawer/Drawer.tsx index dd19345b5..bbad00531 100644 --- a/src/base/Drawer/Drawer.tsx +++ b/src/base/Drawer/Drawer.tsx @@ -1,7 +1,8 @@ import { Drawer as MuiDrawer, type DrawerProps as MuiDrawerProps } from '@mui/material'; +import React from 'react'; -export function Drawer(props: MuiDrawerProps): JSX.Element { - return ; -} +const Drawer = React.forwardRef((props, ref) => { + return ; +}); export default Drawer; From 5ab11eef8d307f65b16457bc72f349bcb77c2769 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Mon, 23 Dec 2024 18:09:56 +0530 Subject: [PATCH 31/62] fix(FromControlLabel): add forwardRef to FromControlLabel component Signed-off-by: seniorliketocode --- src/base/FormControlLabel/FormControlLabel.tsx | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/base/FormControlLabel/FormControlLabel.tsx b/src/base/FormControlLabel/FormControlLabel.tsx index b47f7892a..53087d6be 100644 --- a/src/base/FormControlLabel/FormControlLabel.tsx +++ b/src/base/FormControlLabel/FormControlLabel.tsx @@ -2,7 +2,12 @@ import { FormControlLabel as MuiFormControlLabel, FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material'; +import React from 'react'; -export function FormControlLabel(props: MuiFormControlLabelProps): JSX.Element { - return ; -} +const FormControlLabel = React.forwardRef( + (props, ref) => { + return ; + } +); + +export { FormControlLabel }; From 2db05345ff4cdf21cc0da6b89e11d2df59c0a1a0 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:29:03 +0530 Subject: [PATCH 32/62] fix(FormGroup): add forwardRef to FormGroup component Signed-off-by: seniorliketocode --- src/base/FormGroup/FormGroup.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/FormGroup/FormGroup.tsx b/src/base/FormGroup/FormGroup.tsx index 39d5855cf..169233db6 100644 --- a/src/base/FormGroup/FormGroup.tsx +++ b/src/base/FormGroup/FormGroup.tsx @@ -1,5 +1,8 @@ import { FormGroup as MuiFormGroup, FormGroupProps as MuiFormGroupProps } from '@mui/material'; +import React from 'react'; -export function FormGroup(props: MuiFormGroupProps): JSX.Element { - return ; -} +const FormGroup = React.forwardRef((props, ref) => { + return ; +}); + +export { FormGroup }; From a41d2c943437d5e6009b54c800bfea00dc1f2e6f Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:31:29 +0530 Subject: [PATCH 33/62] fix(Grow): add forwardRef to Grow component Signed-off-by: seniorliketocode --- src/base/Grid/Grid.tsx | 9 ++++++--- src/base/Grow/Grow.tsx | 9 ++++++--- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/src/base/Grid/Grid.tsx b/src/base/Grid/Grid.tsx index db7ddce91..6aa7bbac2 100644 --- a/src/base/Grid/Grid.tsx +++ b/src/base/Grid/Grid.tsx @@ -1,5 +1,8 @@ import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material'; +import React from 'react'; -export function Grid(props: MuiGridProps): JSX.Element { - return ; -} +const Grid = React.forwardRef((props, ref) => { + return ; +}); + +export { Grid }; diff --git a/src/base/Grow/Grow.tsx b/src/base/Grow/Grow.tsx index 558f294bc..204a70eaf 100644 --- a/src/base/Grow/Grow.tsx +++ b/src/base/Grow/Grow.tsx @@ -1,5 +1,8 @@ import { Grow as MuiGrow, GrowProps as MuiGrowProps } from '@mui/material'; +import React from 'react'; -export function Grow(props: MuiGrowProps): JSX.Element { - return ; -} +const Grow = React.forwardRef((props, ref) => { + return ; +}); + +export { Grow }; From 18b75cd4d0586cd2e45b7c4311373da0290bed9d Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:33:40 +0530 Subject: [PATCH 34/62] fix(Input): add forwardRef to Input component Signed-off-by: seniorliketocode --- src/base/Input/input.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/Input/input.tsx b/src/base/Input/input.tsx index 393ae73cb..229870af0 100644 --- a/src/base/Input/input.tsx +++ b/src/base/Input/input.tsx @@ -1,5 +1,8 @@ import { Input as MuiInput, type InputProps } from '@mui/material'; +import React from 'react'; -export function Input(props: InputProps): JSX.Element { - return ; -} +const Input = React.forwardRef((props, ref) => { + return ; +}); + +export { Input }; From 162b4c559bf4d8d58bf612750d31ca7d3fc5fc62 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:34:35 +0530 Subject: [PATCH 35/62] fix(Inputadornment): add forwardRef to Inputadornment component Signed-off-by: seniorliketocode --- src/base/Input/inputadornment.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/Input/inputadornment.tsx b/src/base/Input/inputadornment.tsx index 16d0d2875..1eafc49c3 100644 --- a/src/base/Input/inputadornment.tsx +++ b/src/base/Input/inputadornment.tsx @@ -1,5 +1,8 @@ import { InputAdornment as MuiInputAdornment, type InputAdornmentProps } from '@mui/material'; +import React from 'react'; -export function InputAdornment(props: InputAdornmentProps): JSX.Element { - return ; -} +const InputAdornment = React.forwardRef((props, ref) => { + return ; +}); + +export { InputAdornment }; From 83a136ee039894e6f7e786eb8d337d6cc8d3d892 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:37:47 +0530 Subject: [PATCH 36/62] fix(ListItem): add forwardRef to ListItem component Signed-off-by: seniorliketocode --- src/base/ListItem/ListItem.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/ListItem/ListItem.tsx b/src/base/ListItem/ListItem.tsx index f324b40eb..bcb609aec 100644 --- a/src/base/ListItem/ListItem.tsx +++ b/src/base/ListItem/ListItem.tsx @@ -1,7 +1,8 @@ import { ListItem as MuiListItem, ListItemProps as MuiListItemProps } from '@mui/material'; +import React from 'react'; -export function ListItem(props: MuiListItemProps): JSX.Element { - return ; -} +const ListItem = React.forwardRef((props, ref) => { + return ; +}); export default ListItem; From aca1287ca8effbe79202b79f1774adc1d32999db Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:38:25 +0530 Subject: [PATCH 37/62] fix(ListItemAvatar): add forwardRef to ListItemAvatar component Signed-off-by: seniorliketocode --- src/base/ListItemAvatar/ListItemAvatar.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/ListItemAvatar/ListItemAvatar.tsx b/src/base/ListItemAvatar/ListItemAvatar.tsx index b324798ec..70fac90fa 100644 --- a/src/base/ListItemAvatar/ListItemAvatar.tsx +++ b/src/base/ListItemAvatar/ListItemAvatar.tsx @@ -2,9 +2,10 @@ import { ListItemAvatar as MuiListItemAvatar, ListItemAvatarProps as MuiListItemAvatarProps } from '@mui/material'; +import React from 'react'; -export function ListItemAvatar(props: MuiListItemAvatarProps): JSX.Element { - return ; -} +const ListItemAvatar = React.forwardRef((props, ref) => { + return ; +}); export default ListItemAvatar; From 56d3c7f9bc5f15cded3721734951fa8a2ab72df5 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:39:13 +0530 Subject: [PATCH 38/62] fix(ListItemButton): add forwardRef to ListItemButton component Signed-off-by: seniorliketocode --- src/base/ListItemButton/ListItemButton.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/ListItemButton/ListItemButton.tsx b/src/base/ListItemButton/ListItemButton.tsx index 83f9002bd..cd64b8385 100644 --- a/src/base/ListItemButton/ListItemButton.tsx +++ b/src/base/ListItemButton/ListItemButton.tsx @@ -2,9 +2,10 @@ import { ListItemButton as MuiListItemButton, ListItemButtonProps as MuiListItemButtonProps } from '@mui/material'; +import React from 'react'; -export function ListItemButton(props: MuiListItemButtonProps): JSX.Element { - return ; -} +const ListItemButton = React.forwardRef((props, ref) => { + return ; +}); export default ListItemButton; From 559408171dfc153d2d746af1598a8bfe88c2b825 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:39:54 +0530 Subject: [PATCH 39/62] fix(ListItemIcon): add forwardRef to ListItemIcon component Signed-off-by: seniorliketocode --- src/base/ListItemIcon/ListItemIcon.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/ListItemIcon/ListItemIcon.tsx b/src/base/ListItemIcon/ListItemIcon.tsx index c2cb357d1..d67c2d058 100644 --- a/src/base/ListItemIcon/ListItemIcon.tsx +++ b/src/base/ListItemIcon/ListItemIcon.tsx @@ -2,9 +2,10 @@ import { ListItemIcon as MuiListItemIcon, ListItemIconProps as MuiListItemIconProps } from '@mui/material'; +import React from 'react'; -export function ListItemIcon(props: MuiListItemIconProps): JSX.Element { - return ; -} +const ListItemIcon = React.forwardRef((props, ref) => { + return ; +}); export default ListItemIcon; From 0302533fb2f2223075126dbd29b65d5aeec6eee9 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:40:45 +0530 Subject: [PATCH 40/62] fix(ListItemSecondaryAction): add forwardRef to ListItemSecondaryAction component Signed-off-by: seniorliketocode --- .../ListItemSecondaryAction/ListItemSecondaryAction.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/ListItemSecondaryAction/ListItemSecondaryAction.tsx b/src/base/ListItemSecondaryAction/ListItemSecondaryAction.tsx index bedcfb06f..c8473f168 100644 --- a/src/base/ListItemSecondaryAction/ListItemSecondaryAction.tsx +++ b/src/base/ListItemSecondaryAction/ListItemSecondaryAction.tsx @@ -2,9 +2,12 @@ import { ListItemSecondaryAction as MuiListItemSecondaryAction, ListItemSecondaryActionProps as MuiListItemSecondaryActionProps } from '@mui/material'; +import React from 'react'; -export function ListItemSecondaryAction(props: MuiListItemSecondaryActionProps): JSX.Element { - return ; -} +const ListItemSecondaryAction = React.forwardRef( + (props, ref) => { + return ; + } +); export default ListItemSecondaryAction; From fdc64e4b1ec5e471a99532b764f3a824048ad539 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:41:53 +0530 Subject: [PATCH 41/62] fix(ListItemText): add forwardRef to ListItemText component Signed-off-by: seniorliketocode --- src/base/ListItemText/ListItemText.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/ListItemText/ListItemText.tsx b/src/base/ListItemText/ListItemText.tsx index 158ef40d7..a31b51feb 100644 --- a/src/base/ListItemText/ListItemText.tsx +++ b/src/base/ListItemText/ListItemText.tsx @@ -2,7 +2,10 @@ import { ListItemText as MuiListItemText, ListItemTextProps as MuiListItemTextProps } from '@mui/material'; +import React from 'react'; -export function ListItemText(props: MuiListItemTextProps): JSX.Element { - return ; -} +const ListItemText = React.forwardRef((props, ref) => { + return ; +}); + +export { ListItemText }; From 4a938545acfe58d08baaa05021d3d4f67f63b608 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:43:39 +0530 Subject: [PATCH 42/62] fix(Menu): add forwardRef to Menu component Signed-off-by: seniorliketocode --- src/base/Menu/Menu.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Menu/Menu.tsx b/src/base/Menu/Menu.tsx index 24701fcdc..e844b4be0 100644 --- a/src/base/Menu/Menu.tsx +++ b/src/base/Menu/Menu.tsx @@ -1,7 +1,8 @@ import { Menu as MuiMenu, MenuProps as MuiMenuProps } from '@mui/material'; +import React from 'react'; -export function Menu(props: MuiMenuProps): JSX.Element { - return ; -} +const Menu = React.forwardRef((props, ref) => { + return ; +}); export default Menu; From 37c752749d3cfd627736d7f00585fe65c945c6af Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:45:24 +0530 Subject: [PATCH 43/62] fix(OutlinedInput): add forwardRef OutlinedInput component Signed-off-by: seniorliketocode --- src/base/OutlinedInput/OutlinedInput.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/OutlinedInput/OutlinedInput.tsx b/src/base/OutlinedInput/OutlinedInput.tsx index a8edd7df3..4f2b00a3c 100644 --- a/src/base/OutlinedInput/OutlinedInput.tsx +++ b/src/base/OutlinedInput/OutlinedInput.tsx @@ -2,7 +2,10 @@ import { OutlinedInput as MuiOutlinedInput, OutlinedInputProps as MuiOutlinedInputProps } from '@mui/material'; +import React from 'react'; -export function OutlinedInput(props: MuiOutlinedInputProps): JSX.Element { - return ; -} +const OutlinedInput = React.forwardRef((props, ref) => { + return ; +}); + +export { OutlinedInput }; From 85eab662103b375f67337202bb313525a5a661dd Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:48:11 +0530 Subject: [PATCH 44/62] fix(Pagination): add forwardRef Pagination component Signed-off-by: seniorliketocode --- src/base/Pagination/Pagination.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Pagination/Pagination.tsx b/src/base/Pagination/Pagination.tsx index f29298a54..728ad7fee 100644 --- a/src/base/Pagination/Pagination.tsx +++ b/src/base/Pagination/Pagination.tsx @@ -1,7 +1,8 @@ import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material'; +import React from 'react'; -export function Pagination(props: MuiPaginationProps): JSX.Element { - return ; -} +const Pagination = React.forwardRef((props, ref) => { + return ; +}); export default Pagination; From e3b9b8753ec58107b3a5867e767416ca4cca8fea Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:58:55 +0530 Subject: [PATCH 45/62] fix(Paper): add forwardRef Paper component Signed-off-by: seniorliketocode --- src/base/ListItemIcon/ListItemIcon.tsx | 2 +- src/base/Paper/Paper.tsx | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/base/ListItemIcon/ListItemIcon.tsx b/src/base/ListItemIcon/ListItemIcon.tsx index d67c2d058..2b18ce56e 100644 --- a/src/base/ListItemIcon/ListItemIcon.tsx +++ b/src/base/ListItemIcon/ListItemIcon.tsx @@ -8,4 +8,4 @@ const ListItemIcon = React.forwardRef((pro return ; }); -export default ListItemIcon; +export { ListItemIcon }; diff --git a/src/base/Paper/Paper.tsx b/src/base/Paper/Paper.tsx index 58dedda54..9e3190f1a 100644 --- a/src/base/Paper/Paper.tsx +++ b/src/base/Paper/Paper.tsx @@ -1,7 +1,8 @@ import { Paper as MuiPaper, type PaperProps as MuiPaperProps } from '@mui/material'; +import React from 'react'; -export function Paper(props: MuiPaperProps): JSX.Element { - return {props.children}; -} +const Paper = React.forwardRef((props, ref) => { + return ; +}); export default Paper; From c5add035fb50f8843afa2096246cbccc721d7cef Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 18:59:43 +0530 Subject: [PATCH 46/62] fix(Popper): add forwardRef Popper component Signed-off-by: seniorliketocode --- src/base/Popper/Popper.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Popper/Popper.tsx b/src/base/Popper/Popper.tsx index 896a2f783..24ea015a3 100644 --- a/src/base/Popper/Popper.tsx +++ b/src/base/Popper/Popper.tsx @@ -1,7 +1,8 @@ import { Popper as MuiPopper, type PopperProps as MuiPopperProps } from '@mui/material'; +import React from 'react'; -export function Popper(props: MuiPopperProps): JSX.Element { - return ; -} +const Popper = React.forwardRef((props, ref) => { + return ; +}); export default Popper; From 891c8850ea24fea0452393cdb8b12d4e966ffeb8 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:00:28 +0530 Subject: [PATCH 47/62] fix(RadioGroup): add forwardRef RadioGroup component Signed-off-by: seniorliketocode --- src/base/RadioGroup/RadioGroup.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/RadioGroup/RadioGroup.tsx b/src/base/RadioGroup/RadioGroup.tsx index f5506d849..aea4e747f 100644 --- a/src/base/RadioGroup/RadioGroup.tsx +++ b/src/base/RadioGroup/RadioGroup.tsx @@ -2,9 +2,10 @@ import { RadioGroup as MuiRadioGroup, type RadioGroupProps as MuiRadioGroupProps } from '@mui/material'; +import React from 'react'; -export function RadioGroup(props: MuiRadioGroupProps): JSX.Element { - return ; -} +const RadioGroup = React.forwardRef((props, ref) => { + return ; +}); export default RadioGroup; From 98ce6b2e960bdf7c73b12f7ee8d513bd9865d1f6 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:02:39 +0530 Subject: [PATCH 48/62] fix(Select): add forwardRef Select component Signed-off-by: seniorliketocode --- src/base/Select/Select.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Select/Select.tsx b/src/base/Select/Select.tsx index 74562025c..a21c5f4eb 100644 --- a/src/base/Select/Select.tsx +++ b/src/base/Select/Select.tsx @@ -1,7 +1,8 @@ import { Select as MuiSelect, type SelectProps as MuiSelectProps } from '@mui/material'; +import React from 'react'; -export function Select(props: MuiSelectProps): JSX.Element { - return ; -} +const Select = React.forwardRef((props, ref) => { + return ; +}); export default Select; From 2fb5373d3cfa4878f492bb53bfc2559bd2ca1816 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:03:44 +0530 Subject: [PATCH 49/62] fix(Skeleton): add forwardRef Skeleton component Signed-off-by: seniorliketocode --- src/base/Skeleton/Skeleton.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Skeleton/Skeleton.tsx b/src/base/Skeleton/Skeleton.tsx index da7150074..045b1b0b1 100644 --- a/src/base/Skeleton/Skeleton.tsx +++ b/src/base/Skeleton/Skeleton.tsx @@ -1,7 +1,8 @@ import { Skeleton as MuiSkeleton, type SkeletonProps as MuiSkeletonProps } from '@mui/material'; +import React from 'react'; -export function Skeleton(props: MuiSkeletonProps): JSX.Element { - return ; -} +const Skeleton = React.forwardRef((props, ref) => { + return ; +}); export default Skeleton; From bc3c4d07335b9e8029f85bc75b31eee02e73d618 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:04:24 +0530 Subject: [PATCH 50/62] fix(Slide): add forwardRef Slide component Signed-off-by: seniorliketocode --- src/base/Slide/Slide.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Slide/Slide.tsx b/src/base/Slide/Slide.tsx index 3e3c2bf3a..273e6f3cd 100644 --- a/src/base/Slide/Slide.tsx +++ b/src/base/Slide/Slide.tsx @@ -1,7 +1,8 @@ import { Slide as MuiSlide, type SlideProps as MuiSlideProps } from '@mui/material'; +import React from 'react'; -export function Slide(props: MuiSlideProps): JSX.Element { - return ; -} +const Slide = React.forwardRef((props, ref) => { + return ; +}); export default Slide; From 7f1ac9c509dce9825c89208fb67eb1e735c17d12 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:05:26 +0530 Subject: [PATCH 51/62] fix(ListItemButton): add forwardRef ListItemButton component Signed-off-by: seniorliketocode --- src/base/ListItemButton/ListItemButton.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/base/ListItemButton/ListItemButton.tsx b/src/base/ListItemButton/ListItemButton.tsx index cd64b8385..f19e4f3e9 100644 --- a/src/base/ListItemButton/ListItemButton.tsx +++ b/src/base/ListItemButton/ListItemButton.tsx @@ -8,4 +8,4 @@ const ListItemButton = React.forwardRef( return ; }); -export default ListItemButton; +export { ListItemButton }; From 43f09554c2420c4029ce8a02fc284037f88c7288 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:06:12 +0530 Subject: [PATCH 52/62] fix(stack): add forwardRef stack component Signed-off-by: seniorliketocode --- src/base/Stack/Stack.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Stack/Stack.tsx b/src/base/Stack/Stack.tsx index 79b6e0f4e..315c3671e 100644 --- a/src/base/Stack/Stack.tsx +++ b/src/base/Stack/Stack.tsx @@ -1,7 +1,8 @@ import { Stack as MuiStack, type StackProps as MuiStackProps } from '@mui/material'; +import React from 'react'; -export function Stack(props: MuiStackProps): JSX.Element { - return ; -} +const Stack = React.forwardRef((props, ref) => { + return ; +}); export default Stack; From ceee657e307b14ba119b48641915f0947a905e00 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:06:57 +0530 Subject: [PATCH 53/62] fix(Button): add forwardRef Button component Signed-off-by: seniorliketocode --- src/base/Switch/Switch.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Switch/Switch.tsx b/src/base/Switch/Switch.tsx index c15b5073b..820c12cc8 100644 --- a/src/base/Switch/Switch.tsx +++ b/src/base/Switch/Switch.tsx @@ -1,7 +1,8 @@ import { Switch as MuiSwitch, type SwitchProps as MuiSwitchProps } from '@mui/material'; +import React from 'react'; -export function Switch(props: MuiSwitchProps): JSX.Element { - return ; -} +const Switch = React.forwardRef((props, ref) => { + return ; +}); export default Switch; From 6e055f32dee4073209d29a28fc9007dcc992c3ae Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:07:26 +0530 Subject: [PATCH 54/62] fix(Tab): add forwardRef Tab component Signed-off-by: seniorliketocode --- src/base/Tab/Tab.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Tab/Tab.tsx b/src/base/Tab/Tab.tsx index 174e958cd..d19ec2b46 100644 --- a/src/base/Tab/Tab.tsx +++ b/src/base/Tab/Tab.tsx @@ -1,7 +1,8 @@ import { Tab as MuiTab, type TabProps as MuiTypeProps } from '@mui/material'; +import React from 'react'; -export function Tab(props: MuiTypeProps): JSX.Element { - return ; -} +const Tab = React.forwardRef((props, ref) => { + return ; +}); export default Tab; From 5f75b68a519a3c83f7f30a89a1f8759310ebe0d7 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:08:25 +0530 Subject: [PATCH 55/62] fix(Tabs): add forwardRef Tabs component Signed-off-by: seniorliketocode --- src/base/Tabs/Tabs.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Tabs/Tabs.tsx b/src/base/Tabs/Tabs.tsx index 490dc10bf..578cc4d9b 100644 --- a/src/base/Tabs/Tabs.tsx +++ b/src/base/Tabs/Tabs.tsx @@ -1,7 +1,8 @@ import { Tabs as MuiTabs, type TabsProps as MuiTabsProps } from '@mui/material'; +import React from 'react'; -export function Tabs(props: MuiTabsProps): JSX.Element { - return ; -} +const Tabs = React.forwardRef((props, ref) => { + return ; +}); export default Tabs; From f2f9a3db05bbd3d399c3f9b83e0652f6c7ec42af Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:08:54 +0530 Subject: [PATCH 56/62] fix(TextField): add forwardRef TextField component Signed-off-by: seniorliketocode --- src/base/TextField/TextField.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/TextField/TextField.tsx b/src/base/TextField/TextField.tsx index 7ebcb8484..e8fd8b555 100644 --- a/src/base/TextField/TextField.tsx +++ b/src/base/TextField/TextField.tsx @@ -1,7 +1,8 @@ import { TextField as MuiTextField, type TextFieldProps as MuiTextFieldProps } from '@mui/material'; +import React from 'react'; -export function TextField(props: MuiTextFieldProps): JSX.Element { - return ; -} +const TextField = React.forwardRef((props, ref) => { + return ; +}); export default TextField; From 72bf79dc8dffb5ebcbc14d9a99895e28f947265e Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:09:45 +0530 Subject: [PATCH 57/62] fix(ToggleButtonGroup): add forwardRef ToggleButtonGroup component Signed-off-by: seniorliketocode --- src/base/ToggleButtonGroup/ToggleButtonGroup.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx b/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx index e614624c4..73348807a 100644 --- a/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx +++ b/src/base/ToggleButtonGroup/ToggleButtonGroup.tsx @@ -2,9 +2,12 @@ import { ToggleButtonGroup as MuiToggleButtonGroup, type ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@mui/material'; +import React from 'react'; -export function ToggleButtonGroup(props: MuiToggleButtonGroupProps): JSX.Element { - return ; -} +const ToggleButtonGroup = React.forwardRef( + (props, ref) => { + return ; + } +); export default ToggleButtonGroup; From 7d392c868e060a111faac31810521a16ea0f6d05 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:10:16 +0530 Subject: [PATCH 58/62] fix(Toolbar): add forwardRef Toolbar component Signed-off-by: seniorliketocode --- src/base/Toolbar/Toolbar.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Toolbar/Toolbar.tsx b/src/base/Toolbar/Toolbar.tsx index 98b2fd35e..390d8eccf 100644 --- a/src/base/Toolbar/Toolbar.tsx +++ b/src/base/Toolbar/Toolbar.tsx @@ -1,7 +1,8 @@ import { Toolbar as MuiToolbar, type ToolbarProps as MuiToolbarProps } from '@mui/material'; +import React from 'react'; -export function Toolbar(props: MuiToolbarProps): JSX.Element { - return ; -} +const Toolbar = React.forwardRef((props, ref) => { + return ; +}); export default Toolbar; From 53152167d4dd55df5500551c5912e27a9b6caa74 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:10:48 +0530 Subject: [PATCH 59/62] fix(Tooltip): add forwardRef Tooltip component Signed-off-by: seniorliketocode --- src/base/Tooltip/Tooltip.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Tooltip/Tooltip.tsx b/src/base/Tooltip/Tooltip.tsx index e29341d20..cdd80dbc9 100644 --- a/src/base/Tooltip/Tooltip.tsx +++ b/src/base/Tooltip/Tooltip.tsx @@ -1,7 +1,8 @@ import { Tooltip as MuiTooltip, type TooltipProps as MuiTooltipProps } from '@mui/material'; +import React from 'react'; -export function Tooltip(props: MuiTooltipProps): JSX.Element { - return ; -} +const Tooltip = React.forwardRef((props, ref) => { + return ; +}); export default Tooltip; From 95fb0c6cb5b8dc8621040129171e33d85e337144 Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:11:22 +0530 Subject: [PATCH 60/62] fix(Typography): add forwardRef Typography component Signed-off-by: seniorliketocode --- src/base/Typography/Typography.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/base/Typography/Typography.tsx b/src/base/Typography/Typography.tsx index a0b08d7c6..70ea97827 100644 --- a/src/base/Typography/Typography.tsx +++ b/src/base/Typography/Typography.tsx @@ -2,9 +2,10 @@ import { Typography as MuiTypography, type TypographyProps as MuiTypographyProps } from '@mui/material'; +import React from 'react'; -export function Typography(props: MuiTypographyProps): JSX.Element { - return ; -} +const Typography = React.forwardRef((props, ref) => { + return ; +}); export default Typography; From d547a3691f423cb8d842020d227a4dece7eb6cbd Mon Sep 17 00:00:00 2001 From: seniorliketocode Date: Wed, 25 Dec 2024 19:20:52 +0530 Subject: [PATCH 61/62] fix(bug): revert some component which doesn't support forwardRef Signed-off-by: seniorliketocode --- src/base/ListItemText/ListItemText.tsx | 9 +++------ src/base/Tooltip/Tooltip.tsx | 7 +++---- 2 files changed, 6 insertions(+), 10 deletions(-) diff --git a/src/base/ListItemText/ListItemText.tsx b/src/base/ListItemText/ListItemText.tsx index a31b51feb..158ef40d7 100644 --- a/src/base/ListItemText/ListItemText.tsx +++ b/src/base/ListItemText/ListItemText.tsx @@ -2,10 +2,7 @@ import { ListItemText as MuiListItemText, ListItemTextProps as MuiListItemTextProps } from '@mui/material'; -import React from 'react'; -const ListItemText = React.forwardRef((props, ref) => { - return ; -}); - -export { ListItemText }; +export function ListItemText(props: MuiListItemTextProps): JSX.Element { + return ; +} diff --git a/src/base/Tooltip/Tooltip.tsx b/src/base/Tooltip/Tooltip.tsx index cdd80dbc9..e29341d20 100644 --- a/src/base/Tooltip/Tooltip.tsx +++ b/src/base/Tooltip/Tooltip.tsx @@ -1,8 +1,7 @@ import { Tooltip as MuiTooltip, type TooltipProps as MuiTooltipProps } from '@mui/material'; -import React from 'react'; -const Tooltip = React.forwardRef((props, ref) => { - return ; -}); +export function Tooltip(props: MuiTooltipProps): JSX.Element { + return ; +} export default Tooltip; From da52d02804994969e8ee7d397cadef6c983ef6ca Mon Sep 17 00:00:00 2001 From: Sudhanshu Dasgupta Date: Sat, 28 Dec 2024 08:37:53 +0530 Subject: [PATCH 62/62] fix(theme): tabs theme Signed-off-by: Sudhanshu Dasgupta --- src/theme/components.ts | 4 +++- .../{tab.modifier.ts.ts => tab.modifier.ts} | 4 ++-- src/theme/components/tabs.modifier.ts | 12 ++++++++++++ 3 files changed, 17 insertions(+), 3 deletions(-) rename src/theme/components/{tab.modifier.ts.ts => tab.modifier.ts} (86%) create mode 100644 src/theme/components/tabs.modifier.ts diff --git a/src/theme/components.ts b/src/theme/components.ts index b04270d12..6f9e3eaaf 100644 --- a/src/theme/components.ts +++ b/src/theme/components.ts @@ -17,7 +17,8 @@ import { MuiOutlinedInput } from './components/outlinedinput.modifier'; import { MuiPagination } from './components/pagination.modifier'; import { MuiSvgIcon } from './components/svgicon.modifier'; import { MuiSwitch } from './components/switch.modifier'; -import { MuiTab } from './components/tab.modifier.ts'; +import { MuiTab } from './components/tab.modifier'; +import { MuiTabs } from './components/tabs.modifier'; export const components: Components = { MuiAppBar, @@ -35,6 +36,7 @@ export const components: Components = { MuiPagination, MuiSvgIcon, MuiTab, + MuiTabs, MuiSwitch, MuiButtonGroup, MuiButton, diff --git a/src/theme/components/tab.modifier.ts.ts b/src/theme/components/tab.modifier.ts similarity index 86% rename from src/theme/components/tab.modifier.ts.ts rename to src/theme/components/tab.modifier.ts index 835ce0ea1..ed7ca5875 100644 --- a/src/theme/components/tab.modifier.ts.ts +++ b/src/theme/components/tab.modifier.ts @@ -14,8 +14,8 @@ export const MuiTab: Components['MuiTab'] = { color: defaultText, backgroundColor: defaultBackground }, - backgroundColor: defaultText, - color: defaultBackground + backgroundColor: 'none', + color: defaultText }; } } diff --git a/src/theme/components/tabs.modifier.ts b/src/theme/components/tabs.modifier.ts new file mode 100644 index 000000000..63173a06c --- /dev/null +++ b/src/theme/components/tabs.modifier.ts @@ -0,0 +1,12 @@ +import { Components, Theme } from '@mui/material'; + +export const MuiTabs: Components['MuiTabs'] = { + styleOverrides: { + root: ({ theme }) => ({ + backgroundColor: theme.palette.background.default + }), + indicator: ({ theme }) => ({ + backgroundColor: theme.palette.background.brand?.default + }) + } +};