chore(ui): add support for custom messages and options in delete widget modal (#13570)

openmetadata-ui/src/main/resources/ui/src/components/common/DeleteWidget/DeleteWidget.interface.ts

@@ -11,6 +11,13 @@
  *  limitations under the License.
  */
 
+export interface DeleteOption {
+  title: string;
+  description: string;
+  type: DeleteType;
+  isAllowed: boolean;
+}
+
 export interface DeleteWidgetModalProps {
   visible: boolean;
   onCancel: () => void;
@@ -24,6 +31,8 @@ export interface DeleteWidgetModalProps {
   entityId?: string;
   prepareType?: boolean;
   isRecursiveDelete?: boolean;
+  successMessage?: string;
+  deleteOptions?: DeleteOption[];
   afterDeleteAction?: (isSoftDelete?: boolean) => void;
 }
 

openmetadata-ui/src/main/resources/ui/src/components/common/DeleteWidget/DeleteWidgetModal.tsx

@@ -54,6 +54,8 @@ const DeleteWidgetModal = ({
   prepareType = true,
   isRecursiveDelete,
   afterDeleteAction,
+  successMessage,
+  deleteOptions,
 }: DeleteWidgetModalProps) => {
   const { t } = useTranslation();
   const [entityDeleteState, setEntityDeleteState] =
@@ -123,9 +125,10 @@ const DeleteWidgetModal = ({
 
       if (response.status === 200) {
         showSuccessToast(
-          t('server.entity-deleted-successfully', {
-            entity: startCase(entityType),
-          })
+          successMessage ??
+            t('server.entity-deleted-successfully', {
+              entity: startCase(entityType),
+            })
         );
         if (afterDeleteAction) {
           afterDeleteAction(entityDeleteState.softDelete);
@@ -217,7 +220,7 @@ const DeleteWidgetModal = ({
       title={`${t('label.delete')} ${entityName}`}
       onCancel={handleOnEntityDeleteCancel}>
       <Radio.Group value={value} onChange={onChange}>
-        {DELETE_OPTION.map(
+        {(deleteOptions ?? DELETE_OPTION).map(
           (option) =>
             option.isAllowed && (
               <Radio

openmetadata-ui/src/main/resources/ui/src/components/common/entityPageInfo/ManageButton/ManageButton.tsx

@@ -29,6 +29,7 @@ import { NO_PERMISSION_FOR_ACTION } from '../../../../constants/HelperTextUtil';
 import { DROPDOWN_ICON_SIZE_PROPS } from '../../../../constants/ManageButton.constants';
 import { EntityType } from '../../../../enums/entity.enum';
 import { ANNOUNCEMENT_ENTITIES } from '../../../../utils/AnnouncementsUtils';
+import { DeleteOption } from '../../DeleteWidget/DeleteWidget.interface';
 import DeleteWidgetModal from '../../DeleteWidget/DeleteWidgetModal';
 import './ManageButton.less';
 
@@ -54,6 +55,9 @@ interface Props {
   onEditDisplayName?: (data: EntityName) => Promise<void>;
   allowRename?: boolean;
   prepareType?: boolean;
+  successMessage?: string;
+  deleteButtonDescription?: string;
+  deleteOptions?: DeleteOption[];
 }
 
 const ManageButton: FC<Props> = ({
@@ -77,6 +81,9 @@ const ManageButton: FC<Props> = ({
   onEditDisplayName,
   allowRename,
   prepareType = true,
+  successMessage,
+  deleteButtonDescription,
+  deleteOptions,
 }) => {
   const { t } = useTranslation();
   const [isDelete, setIsDelete] = useState<boolean>(false);
@@ -199,12 +206,12 @@ const ManageButton: FC<Props> = ({
           {
             label: (
               <ManageButtonItemLabel
-                description={t(
-                  'message.delete-entity-type-action-description',
-                  {
+                description={
+                  deleteButtonDescription ??
+                  t('message.delete-entity-type-action-description', {
                     entityType,
-                  }
-                )}
+                  })
+                }
                 icon={
                   <IconDelete
                     className="m-t-xss"
@@ -254,6 +261,7 @@ const ManageButton: FC<Props> = ({
           afterDeleteAction={afterDeleteAction}
           allowSoftDelete={allowSoftDelete}
           deleteMessage={deleteMessage}
+          deleteOptions={deleteOptions}
           entityId={entityId || ''}
           entityName={entityName || ''}
           entityType={entityType || ''}
@@ -261,6 +269,7 @@ const ManageButton: FC<Props> = ({
           isRecursiveDelete={isRecursiveDelete}
           prepareType={prepareType}
           softDeleteMessagePostFix={softDeleteMessagePostFix}
+          successMessage={successMessage}
           visible={isDelete}
           onCancel={() => setIsDelete(false)}
         />