@homebound/beam 2.97.1 → 2.97.5

package/dist/components/Button.js

@@ -86,7 +86,7 @@ const variantStyles = {
         disabledStyles: Css_1.Css.bgRed200.$,
     },
     text: {
-        baseStyles: Css_1.Css.lightBlue700.$,
+        baseStyles: Css_1.Css.lightBlue700.add("fontSize", "inherit").$,
         hoverStyles: {},
         pressedStyles: {},
         disabledStyles: Css_1.Css.lightBlue300.$,

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/DateField.mock.js

@@ -14,6 +14,6 @@ function DateField(props) {
             const { value } = e.target;
             setValue(value);
             onChange((0, date_fns_1.parse)(value, "MM/dd/yy", new Date()));
-        }, onBlur: () => (0, utils_1.maybeCall)(onBlur), onFocus: () => (0, utils_1.maybeCall)(onFocus), disabled: !!props.disabled, readOnly: props.readOnly }), void 0));
+        }, onBlur: () => (0, utils_1.maybeCall)(onBlur), onFocus: () => (0, utils_1.maybeCall)(onFocus), disabled: !!props.disabled, readOnly: props.readOnly, "data-disabled-days": JSON.stringify(props.disabledDays) }), void 0));
 }
 exports.DateField = DateField;

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/dist/inputs/internal/SelectFieldBase.js

@@ -198,7 +198,22 @@ function SelectFieldBase(props) {
         // Only update the fieldset when options change, when options is an array.
         // Otherwise, if the options are passed in as an object, then we assume the caller is updating options via a Promise and not via updating props.
         if (Array.isArray(maybeOptions) && maybeOptions !== fieldState.allOptions) {
-            setFieldState((prevState) => ({ ...prevState, filteredOptions: maybeOptions, allOptions: maybeOptions }));
+            setFieldState((prevState) => {
+                var _a;
+                const selectedOptions = maybeOptions.filter((o) => values === null || values === void 0 ? void 0 : values.includes(getOptionValue(o)));
+                return {
+                    ...prevState,
+                    selectedKeys: (_a = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map((o) => (0, Value_1.valueToKey)(getOptionValue(o)))) !== null && _a !== void 0 ? _a : [],
+                    inputValue: selectedOptions.length === 1
+                        ? getOptionLabel(selectedOptions[0])
+                        : multiselect && selectedOptions.length === 0
+                            ? nothingSelectedText
+                            : "",
+                    selectedOptions: selectedOptions,
+                    filteredOptions: maybeOptions,
+                    allOptions: maybeOptions,
+                };
+            });
         }
     }, [maybeOptions]);
     // For the most part, the returned props contain `aria-*` and `id` attributes for accessibility purposes.

package/package.json

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