Merge pull request #1638 from cozy/opened-open

feat: Use open prop like MUI Dialog
cozy · Nov 4, 2020 · c7444ab · c7444ab
2 parents 717e002 + 2e374f2
commit c7444ab
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 11 deletions.
diff --git a/react/CozyDialogs/ConfirmDialog.jsx b/react/CozyDialogs/ConfirmDialog.jsx
@@ -15,7 +15,8 @@ import DialogCloseButton from './DialogCloseButton'
 import DialogTransition from './DialogTransition'
 
 const ConfirmDialog = ({
-  opened,
+  open,
+  opened, // Deprecated
   onClose,
   title,
   content,
@@ -26,7 +27,7 @@ const ConfirmDialog = ({
 
   return (
     <Dialog
-      open={opened}
+      open={open || opened}
       onClose={onClose}
       TransitionComponent={DialogTransition}
       TransitionProps={{ isFullscreen }}

diff --git a/react/CozyDialogs/Dialog.jsx b/react/CozyDialogs/Dialog.jsx
@@ -15,7 +15,8 @@ import DialogCloseButton from './DialogCloseButton'
 import DialogTransition from './DialogTransition'
 
 const Dialog = ({
-  opened,
+  open,
+  opened, // Deprecated
   onClose,
   title,
   content,
@@ -27,7 +28,7 @@ const Dialog = ({
 
   return (
     <MUIDialog
-      open={opened}
+      open={open || opened}
       onClose={onClose}
       TransitionComponent={DialogTransition}
       TransitionProps={{ isFullscreen }}

diff --git a/react/CozyDialogs/FixedActionsDialog.jsx b/react/CozyDialogs/FixedActionsDialog.jsx
@@ -15,7 +15,8 @@ import DialogBackButton from './DialogBackButton'
 import DialogCloseButton from './DialogCloseButton'
 
 const FixedActionsDialog = ({
-  opened,
+  open,
+  opened, // Deprecated
   onClose,
   title,
   content,
@@ -27,7 +28,7 @@ const FixedActionsDialog = ({
 
   return (
     <Dialog
-      open={opened}
+      open={open || opened}
       onClose={onClose}
       TransitionComponent={DialogTransition}
       TransitionProps={{ isFullscreen }}

diff --git a/react/CozyDialogs/FixedDialog.jsx b/react/CozyDialogs/FixedDialog.jsx
@@ -15,7 +15,8 @@ import DialogBackButton from './DialogBackButton'
 import DialogCloseButton from './DialogCloseButton'
 
 const FixedDialog = ({
-  opened,
+  open,
+  opened, // Deprecated
   onClose,
   title,
   content,
@@ -27,7 +28,7 @@ const FixedDialog = ({
 
   return (
     <Dialog
-      open={opened}
+      open={open || opened}
       onClose={onClose}
       TransitionComponent={DialogTransition}
       TransitionProps={{ isFullscreen }}

diff --git a/react/CozyDialogs/IllustrationDialog.jsx b/react/CozyDialogs/IllustrationDialog.jsx
@@ -14,7 +14,8 @@ import DialogCloseButton from './DialogCloseButton'
 import DialogTransition from './DialogTransition'
 
 const IllustrationDialog = ({
-  opened,
+  open,
+  opened, // Deprecated
   onClose,
   title,
   content,
@@ -26,7 +27,7 @@ const IllustrationDialog = ({
 
   return (
     <Dialog
-      open={opened}
+      open={open || opened}
       onClose={onClose}
       TransitionComponent={DialogTransition}
       TransitionProps={{ isFullscreen }}

diff --git a/react/CozyDialogs/dialogPropTypes.js b/react/CozyDialogs/dialogPropTypes.js
@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types'
 
 export default {
-  opened: PropTypes.bool.isRequired,
+  open: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
   title: PropTypes.node,
   content: PropTypes.node,