Merge pull request #434 from jackstenglein/master

Upgrade MUI to v7 closes #436

Author: aldabil21

package.json

@@ -59,8 +59,8 @@
     "@eslint/compat": "^1.2.6",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.20.0",
-    "@mui/icons-material": ">=6.4.5",
-    "@mui/material": ">=6.4.5",
+    "@mui/icons-material": ">=7.0.0",
+    "@mui/material": ">=7.0.0",
     "@mui/x-date-pickers": ">=7.27.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -103,8 +103,8 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6.0.0",
-    "@mui/material": ">=6.0.0",
+    "@mui/icons-material": ">=7.0.0",
+    "@mui/material": ">=7.0.0",
     "@mui/x-date-pickers": ">=7.0.0",
     "date-fns": ">=4.0.0",
     "react": ">=18.0.0",

src/lib/views/Editor.tsx

@@ -4,7 +4,7 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
-  Grid2,
+  Grid,
   useMediaQuery,
   useTheme,
 } from "@mui/material";
@@ -218,16 +218,16 @@ const Editor = () => {
           {selectedEvent ? translations.form.editTitle : translations.form.addTitle}
         </DialogTitle>
         <DialogContent style={{ overflowX: "hidden" }}>
-          <Grid2 container spacing={2}>
+          <Grid container spacing={2}>
             {Object.keys(state).map((key) => {
               const item = state[key];
               return (
-                <Grid2 key={key} size={{ sm: item.config?.sm, xs: 12 }}>
+                <Grid key={key} size={{ sm: item.config?.sm, xs: 12 }}>
                   {renderInputs(key)}
-                </Grid2>
+                </Grid>
               );
             })}
-          </Grid2>
+          </Grid>
         </DialogContent>
         <DialogActions>
           <Button color="inherit" fullWidth onClick={() => handleClose()}>