@homebound/beam 2.210.1 → 2.210.3

package/dist/components/Accordion.js

@@ -26,6 +26,16 @@ function Accordion(props) {
         // When content is removed, simply set the height back to 0
         setContentHeight(expanded && contentRef.current ? `${contentRef.current.scrollHeight}px` : "0");
     }, [expanded]);
+    // Using a resizing observer to check if the content of the accordion changes (i.e. lazy loaded image, auto-sizing textarea, etc..),
+    // If it does change, then we need to update the container's height accordingly. Only update the height if the accordion is expanded.
+    // Note - This may result in two `setContentHeight` calls when the accordion opens: (1) via the above `useEffect` and (2) in `onResize`
+    //        Both `setContentHeight` calls _should_ set the same value, so no unnecessary re-renders would be triggered, making this a harmless additional set call.
+    const onResize = (0, react_1.useCallback)(() => {
+        if (contentRef.current && expanded) {
+            setContentHeight(`${contentRef.current.scrollHeight}px`);
+        }
+    }, [expanded, setContentHeight]);
+    (0, utils_1.useResizeObserver)({ ref: contentRef, onResize });
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, testIds.container, { css: {
             ...Css_1.Css.bGray300.if(topBorder).bt.if(bottomBorder).bb.$,
             ...(size ? Css_1.Css.wPx(accordionSizes[size]).$ : {}),

package/dist/inputs/DateFields/DateFieldBase.js

@@ -160,7 +160,7 @@ function DateFieldBase(props) {
             } }, void 0)) }, void 0));
     const calendarButton = ((0, jsx_runtime_1.jsx)("button", Object.assign({ ref: buttonRef }, buttonProps, { disabled: isDisabled, css: Css_1.Css.if(isDisabled).cursorNotAllowed.$, tabIndex: -1 }, tid.calendarButton, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "calendar", color: isDisabled ? Css_1.Palette.Gray400 : Css_1.Palette.Gray700 }, void 0) }), void 0));
     const EndFieldButtons = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isRangeFilterField && clearButton, !hideCalendarIcon && calendarButton] }, void 0));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, Object.assign({}, textFieldProps, { errorMsg: errorMsg, helperText: helperText, required: required, labelProps: labelProps, inputProps: { ...triggerProps, ...inputProps, size: inputSize }, inputRef: inputRef, inputWrapRef: inputWrapRef, inlineLabel: inlineLabel, onChange: (v) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, Object.assign({}, textFieldProps, { errorMsg: errorMsg, helperText: helperText, required: required, labelProps: labelProps, inputProps: { ...inputProps, size: inputSize }, inputRef: inputRef, inputWrapRef: inputWrapRef, inlineLabel: inlineLabel, onChange: (v) => {
                     // hide the calendar if the user is manually entering the date
                     state.close();
                     if (v) {

package/package.json

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