Merge pull request #1353 from layer5io/copilot/fix-build-bug

Fix Meshery UI integration build break by using stable MUI Grid2 imports

Author: leecalcote

src/base/Grid2/Grid2.tsx

@@ -1,4 +1,4 @@
-import { Grid2 as MuiGrid, Grid2Props as MuiGridProps } from '@mui/material';
+import MuiGrid, { Grid2Props as MuiGridProps } from '@mui/material/Grid2';
 import React from 'react';
 
 const Grid2 = React.forwardRef<HTMLDivElement, MuiGridProps>((props, ref) => {

src/custom/DashboardWidgets/GettingStartedWidget/GetStartedModal.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Grid2, SwipeableDrawer } from '@mui/material';
+import Grid2 from '@mui/material/Grid2';
+import { SwipeableDrawer } from '@mui/material';
 import { useState } from 'react';
 import {
   Backdrop,

src/custom/InputSearchField/InputSearchField.tsx

@@ -1,4 +1,5 @@
-import { Autocomplete, Grid2 } from '@mui/material';
+import Grid2 from '@mui/material/Grid2';
+import { Autocomplete } from '@mui/material';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Box, Chip, CircularProgress, TextField, Tooltip, Typography } from '../../base';
 

src/custom/ResourceDetailFormatters/styles.ts

@@ -1,4 +1,5 @@
-import { alpha, Grid2 } from '@mui/material';
+import Grid2 from '@mui/material/Grid2';
+import { alpha } from '@mui/material';
 import { Box, Chip, IconButton, Typography } from '../../base';
 
 import { charcoal, KEPPEL, styled } from '../../theme';

src/custom/TeamTable/TeamTable.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Grid2, TableCell } from '@mui/material';
+import Grid2 from '@mui/material/Grid2';
+import { TableCell } from '@mui/material';
 import { MUIDataTableColumn } from '@sistent/mui-datatables';
 import { styled, useTheme } from '../../theme';
 import { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.js';

src/custom/TransferModal/TransferList/style.tsx

@@ -1,4 +1,5 @@
-import { Grid2, styled } from '@mui/material';
+import Grid2 from '@mui/material/Grid2';
+import { styled } from '@mui/material';
 import { Button, Chip, Paper, Typography } from '../../../base';
 
 export const StyledChip = styled(Chip)(({ theme }) => ({

src/custom/Workspaces/WorkspaceCard.tsx

@@ -1,4 +1,5 @@
-import { Grid2, useTheme } from '@mui/material';
+import Grid2 from '@mui/material/Grid2';
+import { useTheme } from '@mui/material';
 import { Backdrop, CircularProgress } from '../../base';
 
 import { getRelativeTime } from '../../utils';