From 8b6aed6a45e5d8dc010d4444c4ca32d91047ec6b Mon Sep 17 00:00:00 2001
From: Bogdan Stefanescu <stefanescu.bogdan@gmail.com>
Date: Fri, 5 Dec 2025 18:05:31 +0100
Subject: [PATCH] improved editable field to save on blur

---
 .../ui/src/widgets/schema-editor/editor/Editable.tsx   |  6 +++++-
 .../widgets/schema-editor/editor/PropertyEditor.tsx    | 10 +++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/widgets/schema-editor/editor/Editable.tsx b/packages/ui/src/widgets/schema-editor/editor/Editable.tsx
index f29282f17..3d604f24c 100644
--- a/packages/ui/src/widgets/schema-editor/editor/Editable.tsx
+++ b/packages/ui/src/widgets/schema-editor/editor/Editable.tsx
@@ -227,8 +227,12 @@ export function TextDataEditor({ value, onChange, onCancel, onSave }: DataEditor
         onChange(e.target.value);
     };
 
+    const onBlur = () => {
+        onSave?.();
+    };
+
     return (
-        <input onKeyUp={onKeyUp} ref={ref} value={value} onChange={_onChange} className={Styles.INPUT_UNSTYLED} style={{ fontSize: "inherit" }} />
+        <input onKeyUp={onKeyUp} onBlur={onBlur} ref={ref} value={value} onChange={_onChange} className={Styles.INPUT_UNSTYLED} style={{ fontSize: "inherit" }} />
     );
 }
 
diff --git a/packages/ui/src/widgets/schema-editor/editor/PropertyEditor.tsx b/packages/ui/src/widgets/schema-editor/editor/PropertyEditor.tsx
index 173d7e9f9..d5488a195 100644
--- a/packages/ui/src/widgets/schema-editor/editor/PropertyEditor.tsx
+++ b/packages/ui/src/widgets/schema-editor/editor/PropertyEditor.tsx
@@ -49,7 +49,7 @@ export function PropertyEditor({ value, onChange, onCancel, onSave }: DataEditor
                 <PropertyTypeEditor value={value.type} onChange={onTypeChange} onCancel={onCancel} onSave={onSave} />
             </div>
             <div>
-                <Button variant={"ghost"} size={"xs"} onClick={() => setModalOpen(true)}  title="Edit description">
+                <Button variant={"ghost"} size={"xs"} onClick={() => setModalOpen(true)} title="Edit description">
                     <AlignLeft className="size-4" />
                 </Button>
                 <EditDescriptionModal value={value.description} isOpen={isModalOpen} onClose={onDescriptionChange} />
@@ -82,8 +82,12 @@ export function PropertyNameEditor({ value, onChange, onCancel, onSave }: DataEd
         onChange(e.target.value);
     }
 
+    const onBlur = () => {
+        onSave?.();
+    };
+
     return (
-        <input onKeyUp={onKeyUp} ref={ref} value={value} onChange={_onChange} className={Styles.INPUT_UNSTYLED} style={{ fontSize: "inherit", width: "", display: "inline" }} />
+        <input onKeyUp={onKeyUp} onBlur={onBlur} ref={ref} value={value} onChange={_onChange} className={Styles.INPUT_UNSTYLED} style={{ fontSize: "inherit", width: "", display: "inline" }} />
     )
 }
 
@@ -101,7 +105,7 @@ function PropertyTypeEditor({ value, onChange, onCancel, onSave }: DataEditorPro
         }
     }
     return (
-        <VSelectBox 
+        <VSelectBox
             className={Styles.INPUT_UNSTYLED}
             options={TYPE_OPTIONS}
             value={value || ''}