From b886fe95c2712c5d88941d7f7932d731f97efdb1 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Thu, 14 Apr 2022 09:47:27 +0100
Subject: [PATCH] Add on change action to string field

---
 .../src/components/app/forms/StringField.svelte       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/app/forms/StringField.svelte b/packages/client/src/components/app/forms/StringField.svelte
index bb598bb1e0..fcdcfdc099 100644
--- a/packages/client/src/components/app/forms/StringField.svelte
+++ b/packages/client/src/components/app/forms/StringField.svelte
@@ -10,9 +10,17 @@
   export let validation
   export let defaultValue = ""
   export let align
+  export let onChange
 
   let fieldState
   let fieldApi
+
+  const handleChange = e => {
+    fieldApi.setValue(e.detail)
+    if (onChange) {
+      onChange({ value: e.detail })
+    }
+  }
 </script>
 
 <Field
@@ -21,6 +29,7 @@
   {disabled}
   {validation}
   {defaultValue}
+  {onChange}
   type={type === "number" ? "number" : "string"}
   bind:fieldState
   bind:fieldApi
@@ -29,7 +38,7 @@
     <CoreTextField
       updateOnChange={false}
       value={fieldState.value}
-      on:change={e => fieldApi.setValue(e.detail)}
+      on:change={handleChange}
       disabled={fieldState.disabled}
       error={fieldState.error}
       id={fieldState.fieldId}