Prop name updated

unicef · Dec 21, 2023 · 63a93a0 · 63a93a0
1 parent 69925e4
commit 63a93a0
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/example/src/components/UConfirmationButtonExample.js b/example/src/components/UConfirmationButtonExample.js
@@ -40,7 +40,7 @@ export default function UConfirmationButtonExample() {
         </Typography>
       </Grid>
       <Grid item xs={12}>
-        <Typography variant="subtitle1">Confirmation popup variant</Typography>
+        <Typography variant="subtitle1">Confirm popup variant</Typography>
       </Grid>
       <Grid container item xs={12}>
         <Grid item xs={12} sm={6} md={3}>
@@ -50,7 +50,7 @@ export default function UConfirmationButtonExample() {
             onConfirm={handleDelete}
             id={1}
             buttonText="Delete"
-            confirmationVariant="popup"
+            confirmVariant="popup"
           />
         </Grid>
         <Grid item xs={12} sm={6} md={3}>
@@ -88,7 +88,7 @@ export default function UConfirmationButtonExample() {
               buttonText="Delete"
               variant="menuItem"
               icon={null}
-              confirmationVariant="popup"
+              confirmVariant="popup"
             />
           </Menu>
         </Grid>
@@ -100,7 +100,7 @@ export default function UConfirmationButtonExample() {
             confirmText="Are you sure you want to delete the item?"
             buttonText="Delete"
             variant="button"
-            confirmationVariant="popup"
+            confirmVariant="popup"
           />
         </Grid>
         <Grid item xs={12} sm={6} md={3}>
@@ -112,13 +112,13 @@ export default function UConfirmationButtonExample() {
             variant="button"
             confirmText="Are you sure you want to unlink the item?"
             confirmActionText="Yes, unlink"
-            confirmationVariant="popup"
+            confirmVariant="popup"
             icon={<LinkOffIcon />}
           />
         </Grid>
       </Grid>
       <Grid item xs={12}>
-        <Typography variant="subtitle1">Confirmation menu variant</Typography>
+        <Typography variant="subtitle1">Confirm menu variant</Typography>
       </Grid>
       <Grid container item xs={12}>
         <Grid item xs={12} sm={6} md={3}>

diff --git a/src/components/UConfirmationButton/UConfirmationButton.js b/src/components/UConfirmationButton/UConfirmationButton.js
@@ -56,14 +56,14 @@ export default function UConfirmationButton(props) {
     confirmActionText,
     cancelText,
     buttonVariant,
-    confirmationVariant,
+    confirmVariant,
   } = props
   const [deleteAnchorEl, setDeleteAnchorEl] = useState(null)
   const [openDialog, setOpenDialog] = useState(false)
 
   const handleConfirm = e => {
     onConfirm && onConfirm(e, id)
-    if (confirmationVariant === CONFIRMATION_VARIANTS.popup) {
+    if (confirmVariant === CONFIRMATION_VARIANTS.popup) {
       setOpenDialog(false)
     } else {
       handleDeleteOptionClicked(e)
@@ -75,7 +75,7 @@ export default function UConfirmationButton(props) {
   }
 
   const handleClick = e => {
-    if (confirmationVariant === CONFIRMATION_VARIANTS.popup) {
+    if (confirmVariant === CONFIRMATION_VARIANTS.popup) {
       setOpenDialog(true)
     } else {
       setDeleteAnchorEl(e.currentTarget)
@@ -118,7 +118,7 @@ export default function UConfirmationButton(props) {
           </IconButton>
         </Tooltip>
       )}
-      {confirmationVariant === CONFIRMATION_VARIANTS.popup ? (
+      {confirmVariant === CONFIRMATION_VARIANTS.popup ? (
         <Dialog id={`delete-confirmation-menu-${id}`} open={openDialog}>
           <DialogContent>
             <Typography variant="body1">{confirmText || ''}</Typography>
@@ -164,8 +164,8 @@ UConfirmationButton.propTypes = {
     CONTROL_VARIANTS.icon,
     CONTROL_VARIANTS.button,
   ]),
-  /** Confirmation variant: popup or menu */
-  confirmationVariant: PropTypes.oneOf([
+  /** Confirm variant: popup or menu */
+  confirmVariant: PropTypes.oneOf([
     CONFIRMATION_VARIANTS.popup,
     CONFIRMATION_VARIANTS.menu,
   ]),
@@ -192,5 +192,5 @@ UConfirmationButton.defaultProps = {
   cancelText: 'No',
   icon: <DeleteOutlinedIcon />,
   buttonVariant: 'text',
-  confirmationVariant: 'menu',
+  confirmVariant: 'menu',
 }
diff --git a/src/components/UConfirmationButton/UConfirmationButton.md b/src/components/UConfirmationButton/UConfirmationButton.md
@@ -27,7 +27,7 @@ import MoreVertIcon from '@material-ui/icons/MoreVert'
 
     <Grid container>
       <Grid item xs={12}>
-        <Typography variant="subtitle1">Confirmation popup variant</Typography>
+        <Typography variant="subtitle1">Confirm popup variant</Typography>
       </Grid>
       <Grid container item xs={12}>
         <Grid item xs={12} sm={6} md={3}>
@@ -37,7 +37,7 @@ import MoreVertIcon from '@material-ui/icons/MoreVert'
             onConfirm={handleDelete}
             id={1}
             buttonText="Delete"
-            confirmationVariant="popup"
+            confirmVariant="popup"
           />
         </Grid>
         <Grid item xs={12} sm={6} md={3}>
@@ -75,7 +75,7 @@ import MoreVertIcon from '@material-ui/icons/MoreVert'
               buttonText="Delete"
               variant="menuItem"
               icon={null}
-              confirmationVariant="popup"
+              confirmVariant="popup"
             />
           </Menu>
         </Grid>
@@ -87,7 +87,7 @@ import MoreVertIcon from '@material-ui/icons/MoreVert'
             confirmText="Are you sure you want to delete the item?"
             buttonText="Delete"
             variant="button"
-            confirmationVariant="popup"
+            confirmVariant="popup"
           />
         </Grid>
         <Grid item xs={12} sm={6} md={3}>
@@ -99,13 +99,13 @@ import MoreVertIcon from '@material-ui/icons/MoreVert'
             variant="button"
             confirmText="Are you sure you want to unlink the item?"
             confirmActionText="Yes, unlink"
-            confirmationVariant="popup"
+            confirmVariant="popup"
             icon={<LinkOffIcon />}
           />
         </Grid>
       </Grid>
       <Grid item xs={12}>
-        <Typography variant="subtitle1">Confirmation menu variant</Typography>
+        <Typography variant="subtitle1">Confirm menu variant</Typography>
       </Grid>
       <Grid container item xs={12}>
         <Grid item xs={12} sm={6} md={3}>