@trendr/core 0.2.3 → 0.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendr/core",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "direct-mode TUI renderer with JSX, signals, and per-cell diffing",
   "license": "MIT",
   "type": "module",

package/src/text-area.js

@@ -87,9 +87,15 @@ function ensureVisible(cursorRow, scroll, height, totalLines) {
   return scroll
 }
 
-export function TextArea({ onSubmit, onCancel, onChange, placeholder, focused = true, maxHeight = 10, clearOnSubmit = true, cursor: cursorProp }) {
+export function TextArea({ onSubmit, onCancel, onChange, placeholder, focused = true, maxHeight = 10, clearOnSubmit = true, cursor: cursorProp, value: valueProp, submitOnEnter = false }) {
   const [value, setValue] = createSignal('')
   const [cursor, setCursor] = createSignal(0)
+  const _prev = registerHook(() => ({ value: undefined }))
+  if (valueProp !== undefined && valueProp !== _prev.value) {
+    _prev.value = valueProp
+    setValue(valueProp)
+    setCursor(valueProp.length)
+  }
   const ref = registerHook(() => ({ scroll: 0, goalCol: null }))
   const layout = useLayout()
   const { cursorStyle, reset: resetBlink } = useCursor(cursorProp, focused)
@@ -109,7 +115,14 @@ export function TextArea({ onSubmit, onCancel, onChange, placeholder, focused =
     const v = value()
     const c = cursor()
 
-    if (meta && key === '\r') {
+    const isSubmitKey = submitOnEnter
+      ? (key === 'return' && !meta)
+      : (meta && key === '\r')
+    const isNewlineKey = submitOnEnter
+      ? (meta && key === '\r')
+      : (key === 'return')
+
+    if (isSubmitKey) {
       if (onSubmit) onSubmit(v)
       if (clearOnSubmit) update('', 0)
       ref.scroll = 0
@@ -117,7 +130,7 @@ export function TextArea({ onSubmit, onCancel, onChange, placeholder, focused =
       return
     }
 
-    if (key === 'return') {
+    if (isNewlineKey) {
       update(v.slice(0, c) + '\n' + v.slice(c), c + 1)
       event.stopPropagation()
       return