chore: stop propagation mandate for all delete events

Author: shivani170

src/Shared/Components/ConfirmationModal/DeleteConfirmationModal.tsx

@@ -17,7 +17,7 @@
 import React, { useState } from 'react'
 import { ToastManager, ToastVariantType } from '@Shared/Services/ToastManager'
 import { ServerErrors } from '@Common/ServerError'
-import { showError } from '@Common/Helper'
+import { showError, stopPropagation } from '@Common/Helper'
 import { ConfirmationModalVariantType, DeleteConfirmationModalProps } from './types'
 import ConfirmationModal from './ConfirmationModal'
 import { CannotDeleteModal } from './CannotDeleteModal'
@@ -47,7 +47,9 @@ export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (
     const [isLoading, setLoading] = useState(isDeleting)
 
     const handleDelete = async (e: React.MouseEvent<HTMLButtonElement>) => {
-        e.stopPropagation()
+        if (e) {
+            stopPropagation(e)
+        }
 
         setLoading(true)
         try {
@@ -57,7 +59,6 @@ export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (
                 description: successToastMessage || 'Successfully deleted',
             })
             setLoading(false)
-
             closeConfirmationModal()
         } catch (serverError) {
             if (serverError instanceof ServerErrors && serverError.code === errorCodeToShowCannotDeleteDialog) {

src/Shared/Components/ConfirmationModal/types.ts

@@ -154,10 +154,6 @@ export interface DeleteConfirmationModalProps
      */
     onError?: (error) => void
     // Additional Configuration
-    /**
-     * Boolean to determine if event propagation should be stopped.
-     */
-    shouldStopPropagation?: boolean
     /**
      * Boolean to disable the delete action.
      */