@homebound/beam 2.209.1 → 2.209.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -107,7 +107,8 @@ function TextFieldBase(props) {
|
|
|
107
107
|
...(inputProps.disabled ? fieldStyles.disabled : {}),
|
|
108
108
|
...(showFocus ? fieldStyles.focus : {}),
|
|
109
109
|
...(showHover ? fieldStyles.hover : {}),
|
|
110
|
-
|
|
110
|
+
// Only show error styles if the field is not disabled, following the pattern that the error message is also hidden
|
|
111
|
+
...(errorMsg && !inputProps.disabled ? fieldStyles.error : {}),
|
|
111
112
|
...Css_1.Css.if(multiline).aifs.px0.mhPx(textAreaMinHeight).$,
|
|
112
113
|
} }, hoverProps, { ref: inputWrapRef }, { children: [!multiline && inlineLabel && label && !hideLabel && ((0, jsx_runtime_1.jsx)(Label_1.InlineLabel, Object.assign({ labelProps: labelProps, label: label }, tid.label), void 0)), !multiline && startAdornment && (0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.df.aic.fs0.br4.pr1.$ }, { children: startAdornment }), void 0), (0, jsx_runtime_1.jsx)(ElementType, Object.assign({}, (0, react_aria_1.mergeProps)(inputProps, { onBlur, onFocus: onFocusChained, onChange: onDomChange }, { "aria-invalid": Boolean(errorMsg), ...(hideLabel ? { "aria-label": label } : {}) }), (errorMsg ? { "aria-errormessage": errorMessageId } : {}), { ref: fieldRef, rows: multiline ? 1 : undefined, css: {
|
|
113
114
|
...fieldStyles.input,
|
|
@@ -152,7 +152,6 @@ function SelectFieldBase(props) {
|
|
|
152
152
|
isReadOnly,
|
|
153
153
|
onInputChange,
|
|
154
154
|
onOpenChange,
|
|
155
|
-
menuTrigger: "focus",
|
|
156
155
|
children: (item) => ((0, jsx_runtime_1.jsx)(react_stately_1.Item, Object.assign({ textValue: getOptionLabel(item) }, { children: getOptionMenuLabel(item) }), (0, Value_1.valueToKey)(getOptionValue(item)))),
|
|
157
156
|
};
|
|
158
157
|
const state = (0, react_stately_1.useComboBoxState)({
|
|
@@ -75,7 +75,12 @@ function SelectFieldInput(props) {
|
|
|
75
75
|
return;
|
|
76
76
|
setIsFocused(true);
|
|
77
77
|
(0, utils_1.maybeCall)(onFocus);
|
|
78
|
-
|
|
78
|
+
},
|
|
79
|
+
onClick: () => {
|
|
80
|
+
var _a;
|
|
81
|
+
if (inputProps.readOnly)
|
|
82
|
+
return;
|
|
83
|
+
(_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
79
84
|
},
|
|
80
85
|
size:
|
|
81
86
|
// If sizeToContent, then, in order of precedence, base it of from:
|