From 08076fbefd69b8c8099f5bb03f5a23e40abbe4b6 Mon Sep 17 00:00:00 2001
From: weaseldotro <1822852+weaseldotro@users.noreply.github.com>
Date: Mon, 1 Mar 2021 10:54:50 +0200
Subject: [PATCH] feat(ComposedModal): forward keydown event and add
 shouldSubmitOnEnter

---
 src/ComposedModal/ComposedModal.svelte | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/ComposedModal/ComposedModal.svelte b/src/ComposedModal/ComposedModal.svelte
index 43c4621e..d2e2a605 100644
--- a/src/ComposedModal/ComposedModal.svelte
+++ b/src/ComposedModal/ComposedModal.svelte
@@ -18,6 +18,9 @@
   /** Set to `true` to prevent the modal from closing when clicking outside */
   export let preventCloseOnClickOutside = false;
 
+  /** Set to `true` for the primary button to be triggered when pressing "Enter" */
+  export let shouldSubmitOnEnter = true;
+  
   /** Specify a class for the inner modal */
   export let containerClass = "";
 
@@ -103,6 +106,16 @@
   class:is-visible="{open}"
   class:bx--modal--danger="{danger}"
   {...$$restProps}
+  on:keydown
+  on:keydown="{({ key }) => {
+    if (open) {
+      if (key === 'Escape') {
+        open = false;
+      } else if (shouldSubmitOnEnter && key === 'Enter') {
+        dispatch('submit');
+      }
+    }
+  }}"
   on:click
   on:click="{() => {
     if (!didClickInnerModal && !preventCloseOnClickOutside) open = false;