From a2cc77d95281f932ab51b00f5ee2639d8767441e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gu=CC=88rkan=20Gu=CC=88ran?=
 <gurkanguran@gurkanguransMBP.domain_not_set.invalid>
Date: Sun, 18 Sep 2022 21:30:57 +0200
Subject: [PATCH] Conditionally autohide modal dialog

---
 src/designer/elsa-workflows-designer/src/components.d.ts     | 2 ++
 .../src/components/shared/modal-dialog/modal-dialog.tsx      | 4 +++-
 .../src/components/shared/modal-dialog/models.ts             | 1 +
 .../src/components/shared/modal-dialog/services.ts           | 5 +++--
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/designer/elsa-workflows-designer/src/components.d.ts b/src/designer/elsa-workflows-designer/src/components.d.ts
index 34ab01fa5..b4cb603fb 100644
--- a/src/designer/elsa-workflows-designer/src/components.d.ts
+++ b/src/designer/elsa-workflows-designer/src/components.d.ts
@@ -168,6 +168,7 @@ export namespace Components {
     }
     interface ElsaModalDialog {
         "actions": Array<ActionDefinition>;
+        "autoHide": boolean;
         "content": () => any;
         "hide": (animate?: boolean) => Promise<void>;
         "show": (animate?: boolean) => Promise<void>;
@@ -829,6 +830,7 @@ declare namespace LocalJSX {
     }
     interface ElsaModalDialog {
         "actions"?: Array<ActionDefinition>;
+        "autoHide"?: boolean;
         "content"?: () => any;
         "onActionInvoked"?: (event: CustomEvent<ActionInvokedArgs>) => void;
         "onHidden"?: (event: CustomEvent<any>) => void;
diff --git a/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/modal-dialog.tsx b/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/modal-dialog.tsx
index eab07f92d..c64580a26 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/modal-dialog.tsx
+++ b/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/modal-dialog.tsx
@@ -14,6 +14,7 @@ export class ModalDialog {
   @Prop() actions: Array<ActionDefinition> = [];
   @Prop() size: string = 'sm:max-w-6xl';
   @Prop() type: ModalType = ModalType.Default;
+  @Prop() autoHide: boolean = true;
   @Prop() content: () => any = () => <div/>;
   @Event() shown: EventEmitter;
   @Event() hidden: EventEmitter;
@@ -128,7 +129,8 @@ export class ModalDialog {
                   return <button type={buttonType}
                                  onClick={e => {
                                     clickHandler(e, action);
-                                    this.hideInternal(true);
+                                    if(this.autoHide)
+                                      this.hideInternal(true);
                                 }}
                                  class={`${cssClass} mt-3 w-full inline-flex justify-center rounded-md border shadow-sm px-4 py-2 text-base font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm`}>
                     {action.text}
diff --git a/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/models.ts b/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/models.ts
index 0a4a3ec36..1c04f3344 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/models.ts
+++ b/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/models.ts
@@ -4,6 +4,7 @@ export interface ModalDialogInstance {
   content: () => any;
   actions: Array<ActionDefinition>;
   modalType: ModalType;
+  autoHide: boolean;
 }
 
 export type ActionClickArgs = (e: Event, action: ActionDefinition) => void;
diff --git a/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/services.ts b/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/services.ts
index 81cc8f424..cb4d2651e 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/services.ts
+++ b/src/designer/elsa-workflows-designer/src/components/shared/modal-dialog/services.ts
@@ -7,11 +7,12 @@ import {ModalType} from "../../../components/shared/modal-dialog";
 @Service()
 export class ModalDialogService {
 
-  show(content: () => any, actions?: Array<ActionDefinition>, modalType?: ModalType): ModalDialogInstance {
+  show(content: () => any, actions?: Array<ActionDefinition>, modalType?: ModalType, autoHide?: boolean): ModalDialogInstance {
     const newInstance: ModalDialogInstance = {
       content: content,
       actions: actions ?? [],
-      modalType: modalType ?? ModalType.Default
+      modalType: modalType ?? ModalType.Default,
+      autoHide: autoHide ?? true
     };
 
     let instances: Array<ModalDialogInstance> = state.instances;