@homebound/beam 2.97.3 → 2.97.4

package/dist/forms/BoundTextField.js

@@ -8,8 +8,12 @@ const utils_1 = require("../utils");
 const defaultLabel_1 = require("../utils/defaultLabel");
 /** Wraps `TextField` and binds it to a form field. */
 function BoundTextField(props) {
-    const { field, readOnly, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), ...others } = props;
+    const { field, readOnly, onChange = (value) => field.set(value), label = (0, defaultLabel_1.defaultLabel)(field.key), onEnter, ...others } = props;
     const testId = (0, utils_1.useTestIds)(props, field.key);
-    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.TextField, Object.assign({ label: label, value: field.value || undefined, onChange: onChange, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onBlur: () => field.blur(), onFocus: () => field.focus() }, testId, others), void 0)) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(mobx_react_1.Observer, { children: () => ((0, jsx_runtime_1.jsx)(inputs_1.TextField, Object.assign({ label: label, value: field.value || undefined, onChange: onChange, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : field.readOnly, errorMsg: field.touched ? field.errors.join(" ") : undefined, required: field.required, onBlur: () => field.blur(), onFocus: () => field.focus(), onEnter: () => {
+                (0, utils_1.maybeCall)(onEnter);
+                // Blur the field when the user hits the enter key - as if they are "committing" the value and done with the field
+                field.blur();
+            } }, testId, others), void 0)) }, void 0));
 }
 exports.BoundTextField = BoundTextField;

package/dist/inputs/TextField.d.ts

@@ -7,6 +7,7 @@ export interface TextFieldProps<X> extends BeamTextFieldProps<X> {
     inlineLabel?: boolean;
     clearable?: boolean;
     api?: MutableRefObject<TextFieldApi | undefined>;
+    onEnter?: Callback;
 }
 export declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare type TextFieldApi = {

package/dist/inputs/TextField.js

@@ -5,8 +5,9 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
 const TextFieldBase_1 = require("./TextFieldBase");
+const utils_1 = require("../utils");
 function TextField(props) {
-    const { disabled: isDisabled = false, readOnly = false, required, errorMsg, value = "", onBlur, onFocus, api, ...otherProps } = props;
+    const { disabled: isDisabled = false, readOnly = false, required, errorMsg, value = "", onBlur, onFocus, api, onEnter, ...otherProps } = props;
     const textFieldProps = {
         ...otherProps,
         isDisabled,
@@ -19,10 +20,8 @@ function TextField(props) {
     const { labelProps, inputProps } = (0, react_aria_1.useTextField)({
         ...textFieldProps,
         onKeyDown: (e) => {
-            var _a;
             if (e.key === "Enter") {
-                // Blur the field when the user hits the enter key - as if they are "committing" the value and done with the field
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+                (0, utils_1.maybeCall)(onEnter);
             }
         },
     }, inputRef);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.97.3",
+  "version": "2.97.4",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",