From 933e17e945eabe92d866f1c558fd917a47a7da2b Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Thu, 27 Jun 2024 12:49:11 +0100
Subject: [PATCH] Add min height for JSON picker in row steps. Fix for JSON
 onchange

---
 .../SetupPanel/AutomationBlockSetup.svelte     |  2 +-
 .../SetupPanel/RowSelectorTypes.svelte         | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte b/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte
index 53f0dccef4..7588614f1b 100644
--- a/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte
@@ -74,7 +74,7 @@
     TriggerStepID.ROW_DELETED,
   ]
 
-  let rowEvents = [
+  const rowEvents = [
     AutomationEventType.ROW_DELETE,
     AutomationEventType.ROW_SAVE,
     AutomationEventType.ROW_UPDATE,
diff --git a/packages/builder/src/components/automation/SetupPanel/RowSelectorTypes.svelte b/packages/builder/src/components/automation/SetupPanel/RowSelectorTypes.svelte
index db19a21e0b..028c839548 100644
--- a/packages/builder/src/components/automation/SetupPanel/RowSelectorTypes.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/RowSelectorTypes.svelte
@@ -117,17 +117,15 @@
   />
 {:else if schema.type === "json"}
   <span>
-    <div class="field-wrap">
+    <div class="field-wrap json-field">
       <CodeEditor
         value={fieldData}
         on:change={e => {
-          if (e.detail?.value !== fieldData) {
-            onChange({
-              row: {
-                [field]: e.detail,
-              },
-            })
-          }
+          onChange({
+            row: {
+              [field]: e.detail,
+            },
+          })
         }}
       />
     </div>
@@ -265,6 +263,10 @@
     padding: var(--spacing-s);
   }
 
+  .field-wrap.json-field {
+    height: 80px;
+  }
+
   .field-wrap {
     box-sizing: border-box;
     border: 1px solid var(--spectrum-global-color-gray-400);