From ca280812f5edc6a21301dd770ff617d0b3bec076 Mon Sep 17 00:00:00 2001
From: sai chand <60743144+sai6855@users.noreply.github.com>
Date: Wed, 5 Feb 2025 12:56:59 +0530
Subject: [PATCH] [docs][Dialog] Removes deprecated PaperProps from docs
 (#45195)

---
 .../material/components/dialogs/FormDialog.js | 20 ++++++++++---------
 .../components/dialogs/FormDialog.tsx         | 20 ++++++++++---------
 .../sign-in-side/components/ForgotPassword.js | 14 +++++++------
 .../components/ForgotPassword.tsx             | 14 +++++++------
 .../sign-in/components/ForgotPassword.js      | 14 +++++++------
 .../sign-in/components/ForgotPassword.tsx     | 14 +++++++------
 6 files changed, 54 insertions(+), 42 deletions(-)

diff --git a/docs/data/material/components/dialogs/FormDialog.js b/docs/data/material/components/dialogs/FormDialog.js
index bbb38b86dcd9a3..4366550268d90f 100644
--- 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
index de732f649c43b6..e5830e9d430d9b 100644
--- 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
index 8036d1e41bb3d4..562d79be45f8f9 100644
--- 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
index 83448f90067565..3b2334a62bf3aa 100644
--- 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
index 8036d1e41bb3d4..562d79be45f8f9 100644
--- 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
index 83448f90067565..3b2334a62bf3aa 100644
--- 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>