@klyftig/mobile-ui 1.7.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klyftig/mobile-ui",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "scripts": {
     "test": "jest",
     "sync": "bash scripts/sync-to-kaelo.sh",

package/src/components/GlassInput.tsx

@@ -35,6 +35,12 @@ interface GlassInputProps {
   onFocus?: () => void;
   onBlur?: () => void;
   selectTextOnFocus?: boolean;
+  // The keyboard's return key: what it says, what it does, and whether it
+  // dismisses the keyboard. An "add" field (type a name, press ✓, type the
+  // next) passes `blurOnSubmit={false}` so the keyboard stays up.
+  returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send';
+  onSubmitEditing?: () => void;
+  blurOnSubmit?: boolean;
   // Overrides the outer container (label + field). Its default `marginBottom: 16`
   // suits stacked forms; screens with their own section rhythm pass
   // `{ marginBottom: 0 }` so spacing is owned by the layout, not the input.
@@ -74,6 +80,9 @@ const GlassInputComponent: React.FC<GlassInputProps> = ({
   onFocus,
   onBlur,
   selectTextOnFocus,
+  returnKeyType,
+  onSubmitEditing,
+  blurOnSubmit,
   multiline = false,
   numberOfLines,
   autoGrow = false,
@@ -147,6 +156,9 @@ const GlassInputComponent: React.FC<GlassInputProps> = ({
             onBlur={handleBlur}
             onContentSizeChange={isAutoGrow ? handleContentSizeChange : undefined}
             selectTextOnFocus={selectTextOnFocus}
+            returnKeyType={returnKeyType}
+            onSubmitEditing={onSubmitEditing ? () => onSubmitEditing() : undefined}
+            submitBehavior={blurOnSubmit === false ? 'submit' : undefined}
             selection={!isFocused && !multiline ? SELECTION_START : undefined}
             multiline={multiline}
             numberOfLines={numberOfLines}