refactor docs

mui · Jan 24, 2024 · 1752730 · 1752730
1 parent fca5013
commit 1752730
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 8 deletions.
diff --git a/docs/data/material/components/dialogs/AlertDialogSlide.js b/docs/data/material/components/dialogs/AlertDialogSlide.js
@@ -29,7 +29,9 @@ export default function AlertDialogSlide() {
       </Button>
       <Dialog
         open={open}
-        TransitionComponent={Transition}
+        slots={{
+          transition: Transition,
+        }}
         keepMounted
         onClose={handleClose}
         aria-describedby="alert-dialog-slide-description"

diff --git a/docs/data/material/components/dialogs/AlertDialogSlide.tsx b/docs/data/material/components/dialogs/AlertDialogSlide.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
+import Dialog, { DialogSlots } from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
@@ -35,7 +35,9 @@ export default function AlertDialogSlide() {
       </Button>
       <Dialog
         open={open}
-        TransitionComponent={Transition}
+        slots={{
+          transition: Transition as DialogSlots['transition'],
+        }}
         keepMounted
         onClose={handleClose}
         aria-describedby="alert-dialog-slide-description"

diff --git a/docs/data/material/components/dialogs/ConfirmationDialog.js b/docs/data/material/components/dialogs/ConfirmationDialog.js
@@ -63,7 +63,11 @@ function ConfirmationDialogRaw(props) {
     <Dialog
       sx={{ '& .MuiDialog-paper': { width: '80%', maxHeight: 435 } }}
       maxWidth="xs"
-      TransitionProps={{ onEntering: handleEntering }}
+      slotProps={{
+        transition: {
+          onEntering: handleEntering,
+        },
+      }}
       open={open}
       {...other}
     >

diff --git a/docs/data/material/components/dialogs/ConfirmationDialog.tsx b/docs/data/material/components/dialogs/ConfirmationDialog.tsx
@@ -70,7 +70,11 @@ function ConfirmationDialogRaw(props: ConfirmationDialogRawProps) {
     <Dialog
       sx={{ '& .MuiDialog-paper': { width: '80%', maxHeight: 435 } }}
       maxWidth="xs"
-      TransitionProps={{ onEntering: handleEntering }}
+      slotProps={{
+        transition: {
+          onEntering: handleEntering,
+        },
+      }}
       open={open}
       {...other}
     >

diff --git a/docs/data/material/components/dialogs/FullScreenDialog.js b/docs/data/material/components/dialogs/FullScreenDialog.js
@@ -36,7 +36,7 @@ export default function FullScreenDialog() {
         fullScreen
         open={open}
         onClose={handleClose}
-        TransitionComponent={Transition}
+        slots={{ transition: Transition }}
       >
         <AppBar sx={{ position: 'relative' }}>
           <Toolbar>

diff --git a/docs/data/material/components/dialogs/FullScreenDialog.tsx b/docs/data/material/components/dialogs/FullScreenDialog.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
+import Dialog, { DialogSlots } from '@mui/material/Dialog';
 import ListItemText from '@mui/material/ListItemText';
 import ListItemButton from '@mui/material/ListItemButton';
 import List from '@mui/material/List';
@@ -42,7 +42,7 @@ export default function FullScreenDialog() {
         fullScreen
         open={open}
         onClose={handleClose}
-        TransitionComponent={Transition}
+        slots={{ transition: Transition as DialogSlots['transition'] }}
       >
         <AppBar sx={{ position: 'relative' }}>
           <Toolbar>