[docs][Dialog] Removes deprecated PaperProps from docs (#45195)

mui · Feb 5, 2025 · ca28081 · ca28081
1 parent 0435346
commit ca28081
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 42 deletions.
diff --git a/docs/data/material/components/dialogs/FormDialog.js b/docs/data/material/components/dialogs/FormDialog.js
@@ -26,15 +26,17 @@ export default function FormDialog() {
       <Dialog
         open={open}
         onClose={handleClose}
-        PaperProps={{
-          component: 'form',
-          onSubmit: (event) => {
-            event.preventDefault();
-            const formData = new FormData(event.currentTarget);
-            const formJson = Object.fromEntries(formData.entries());
-            const email = formJson.email;
-            console.log(email);
-            handleClose();
+        slotProps={{
+          paper: {
+            component: 'form',
+            onSubmit: (event) => {
+              event.preventDefault();
+              const formData = new FormData(event.currentTarget);
+              const formJson = Object.fromEntries(formData.entries());
+              const email = formJson.email;
+              console.log(email);
+              handleClose();
+            },
           },
         }}
       >

diff --git a/docs/data/material/components/dialogs/FormDialog.tsx b/docs/data/material/components/dialogs/FormDialog.tsx
@@ -26,15 +26,17 @@ export default function FormDialog() {
       <Dialog
         open={open}
         onClose={handleClose}
-        PaperProps={{
-          component: 'form',
-          onSubmit: (event: React.FormEvent<HTMLFormElement>) => {
-            event.preventDefault();
-            const formData = new FormData(event.currentTarget);
-            const formJson = Object.fromEntries((formData as any).entries());
-            const email = formJson.email;
-            console.log(email);
-            handleClose();
+        slotProps={{
+          paper: {
+            component: 'form',
+            onSubmit: (event: React.FormEvent<HTMLFormElement>) => {
+              event.preventDefault();
+              const formData = new FormData(event.currentTarget);
+              const formJson = Object.fromEntries((formData as any).entries());
+              const email = formJson.email;
+              console.log(email);
+              handleClose();
+            },
           },
         }}
       >

diff --git a/docs/data/material/getting-started/templates/sign-in-side/components/ForgotPassword.js b/docs/data/material/getting-started/templates/sign-in-side/components/ForgotPassword.js
@@ -13,13 +13,15 @@ function ForgotPassword({ open, handleClose }) {
     <Dialog
       open={open}
       onClose={handleClose}
-      PaperProps={{
-        component: 'form',
-        onSubmit: (event) => {
-          event.preventDefault();
-          handleClose();
+      slotProps={{
+        paper: {
+          component: 'form',
+          onSubmit: (event) => {
+            event.preventDefault();
+            handleClose();
+          },
+          sx: { backgroundImage: 'none' },
         },
-        sx: { backgroundImage: 'none' },
       }}
     >
       <DialogTitle>Reset password</DialogTitle>

diff --git a/docs/data/material/getting-started/templates/sign-in-side/components/ForgotPassword.tsx b/docs/data/material/getting-started/templates/sign-in-side/components/ForgotPassword.tsx
@@ -17,13 +17,15 @@ export default function ForgotPassword({ open, handleClose }: ForgotPasswordProp
     <Dialog
       open={open}
       onClose={handleClose}
-      PaperProps={{
-        component: 'form',
-        onSubmit: (event: React.FormEvent<HTMLFormElement>) => {
-          event.preventDefault();
-          handleClose();
+      slotProps={{
+        paper: {
+          component: 'form',
+          onSubmit: (event: React.FormEvent<HTMLFormElement>) => {
+            event.preventDefault();
+            handleClose();
+          },
+          sx: { backgroundImage: 'none' },
         },
-        sx: { backgroundImage: 'none' },
       }}
     >
       <DialogTitle>Reset password</DialogTitle>

diff --git a/docs/data/material/getting-started/templates/sign-in/components/ForgotPassword.js b/docs/data/material/getting-started/templates/sign-in/components/ForgotPassword.js
@@ -13,13 +13,15 @@ function ForgotPassword({ open, handleClose }) {
     <Dialog
       open={open}
       onClose={handleClose}
-      PaperProps={{
-        component: 'form',
-        onSubmit: (event) => {
-          event.preventDefault();
-          handleClose();
+      slotProps={{
+        paper: {
+          component: 'form',
+          onSubmit: (event) => {
+            event.preventDefault();
+            handleClose();
+          },
+          sx: { backgroundImage: 'none' },
         },
-        sx: { backgroundImage: 'none' },
       }}
     >
       <DialogTitle>Reset password</DialogTitle>

diff --git a/docs/data/material/getting-started/templates/sign-in/components/ForgotPassword.tsx b/docs/data/material/getting-started/templates/sign-in/components/ForgotPassword.tsx
@@ -17,13 +17,15 @@ export default function ForgotPassword({ open, handleClose }: ForgotPasswordProp
     <Dialog
       open={open}
       onClose={handleClose}
-      PaperProps={{
-        component: 'form',
-        onSubmit: (event: React.FormEvent<HTMLFormElement>) => {
-          event.preventDefault();
-          handleClose();
+      slotProps={{
+        paper: {
+          component: 'form',
+          onSubmit: (event: React.FormEvent<HTMLFormElement>) => {
+            event.preventDefault();
+            handleClose();
+          },
+          sx: { backgroundImage: 'none' },
         },
-        sx: { backgroundImage: 'none' },
       }}
     >
       <DialogTitle>Reset password</DialogTitle>