Changed the CodeEditorModal to trigger a change when closing. This will accommodate any state updates to the editor
This commit is contained in:
parent
f44d09b344
commit
b9c685b83b
|
@ -1065,7 +1065,12 @@
|
||||||
value={inputData[key]}
|
value={inputData[key]}
|
||||||
/>
|
/>
|
||||||
{:else if value.customType === "code"}
|
{:else if value.customType === "code"}
|
||||||
<CodeEditorModal>
|
<CodeEditorModal
|
||||||
|
on:hide={() => {
|
||||||
|
// Push any pending changes when the window closes
|
||||||
|
onChange({ [key]: inputData[key] })
|
||||||
|
}}
|
||||||
|
>
|
||||||
<div class:js-editor={editingJs}>
|
<div class:js-editor={editingJs}>
|
||||||
<div
|
<div
|
||||||
class:js-code={editingJs}
|
class:js-code={editingJs}
|
||||||
|
@ -1075,7 +1080,11 @@
|
||||||
value={inputData[key]}
|
value={inputData[key]}
|
||||||
on:blur={e => {
|
on:blur={e => {
|
||||||
// need to pass without the value inside
|
// need to pass without the value inside
|
||||||
onChange({ [key]: e.detail })
|
inputData[key] = e.detail
|
||||||
|
}}
|
||||||
|
on:insert={e => {
|
||||||
|
// Blur events only happen once after inserting a binding
|
||||||
|
// State will now update on insert
|
||||||
inputData[key] = e.detail
|
inputData[key] = e.detail
|
||||||
}}
|
}}
|
||||||
completions={stepCompletions}
|
completions={stepCompletions}
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Modal bind:this={modal}>
|
<Modal bind:this={modal} on:hide>
|
||||||
<ModalContent
|
<ModalContent
|
||||||
size="XL"
|
size="XL"
|
||||||
title="Edit Code"
|
title="Edit Code"
|
||||||
|
|
|
@ -140,6 +140,7 @@
|
||||||
}
|
}
|
||||||
: undefined,
|
: undefined,
|
||||||
})
|
})
|
||||||
|
dispatch("insert", editor.state.doc.toString())
|
||||||
}
|
}
|
||||||
|
|
||||||
// Match decoration for HBS bindings
|
// Match decoration for HBS bindings
|
||||||
|
|
Loading…
Reference in New Issue