Removed deprecated api for MUI 6 components

etn-ccis · Nov 21, 2024 · ff034da · ff034da
1 parent 7d0b4a5
commit ff034da
Show file tree

Hide file tree

Showing 5 changed files with 981 additions and 121 deletions.
diff --git a/components/package.json b/components/package.json
@@ -23,8 +23,10 @@
         "@brightlayer-ui/react-themes": "^7.1.0",
         "@emotion/react": "^11.10.5",
         "@emotion/styled": "^11.10.5",
-        "@mui/icons-material": "^5.10.9",
-        "@mui/material": "^5.15.11",
+        "@mui/base": "^5.0.0-beta.59",
+        "@mui/codemod": "^6.1.4",
+        "@mui/icons-material": "^6.1.4",
+        "@mui/material": "^6.1.4",
         "@testing-library/jest-dom": "^6.1.3",
         "@testing-library/react": "^14.2.2",
         "@types/color": "^3.0.3",
@@ -52,8 +54,8 @@
         "@brightlayer-ui/colors": "^3.0.0",
         "@emotion/react": "^11.7.1",
         "@emotion/styled": "^11.6.0",
-        "@mui/icons-material": "^5.3.1",
-        "@mui/material": "^5.4.0",
+        "@mui/icons-material": "^6.1.4",
+        "@mui/material": "^6.1.4",
         "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
     },

diff --git a/components/src/core/ChannelValue/ChannelValue.tsx b/components/src/core/ChannelValue/ChannelValue.tsx
@@ -154,7 +154,7 @@ const ChannelValueRender: React.ForwardRefRenderFunction<unknown, ChannelValuePr
 
     return (
         <Root
-            component="span"
+            as="span"
             ref={ref}
             className={cx(generatedClasses.root, userClassName)}
             data-testid={'blui-channel-value-root'}

diff --git a/components/src/core/Hero/Hero.tsx b/components/src/core/Hero/Hero.tsx
@@ -133,7 +133,7 @@ const HeroRender: React.ForwardRefRenderFunction<unknown, HeroProps> = (props: H
             <Icon className={generatedClasses.icon} iconSize={iconSize} iconBackgroundColor={iconBackgroundColor}>
                 {icon}
             </Icon>
-            <Values component={'span'} className={generatedClasses.values}>
+            <Values as={'span'} className={generatedClasses.values}>
                 {!props.children && ChannelValueProps?.value && (
                     <ChannelValue fontSize={ChannelValueProps?.fontSize} {...ChannelValueProps} />
                 )}

diff --git a/components/src/core/ToolbarMenu/ToolbarMenu.tsx b/components/src/core/ToolbarMenu/ToolbarMenu.tsx
@@ -222,15 +222,15 @@ const ToolbarMenuRenderer: React.ForwardRefRenderFunction<unknown, ToolbarMenuPr
             >
                 {icon && (
                     <ToolbarMenuIcon
-                        component={'span'}
+                        as={'span'}
                         className={generatedClasses.icon}
                         data-testid={'blui-toolbar-menu-icon'}
                     >
                         {icon}
                     </ToolbarMenuIcon>
                 )}
                 <ToolbarMenuLabel
-                    component={'span'}
+                    as={'span'}
                     className={generatedClasses.label}
                     data-testid={'blui-toolbar-menu-label'}
                 >