@homebound/beam 2.275.0 → 2.275.2

package/dist/components/ScrollShadows.js

@@ -30,10 +30,10 @@ function ScrollShadows(props) {
         setShowStartShadow(start > 0);
         setShowEndShadow(start + boxSize < end);
     }, []);
-    // Initially set the state dimensions on render to put the shadows in the correct position
-    (0, utils_1.useLayoutEffect)(() => {
-        scrollRef.current && updateScrollProps(scrollRef.current);
-    }, []);
+    // Use a ResizeObserver to update the scroll props to determine if the shadows should be shown.
+    // This executes on render and subsequent resizes which could be due to content/`children` changes (such as responses from APIs).
+    const onResize = (0, react_1.useCallback)(() => scrollRef.current && updateScrollProps(scrollRef.current), []);
+    (0, utils_1.useResizeObserver)({ ref: scrollRef, onResize });
     return ((0, jsx_runtime_1.jsxs)("div", { css: src_1.Css.relative.overflowHidden
             .h(height)
             .w(width)

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export * from "./Modal/useModal";
 export { NavLink } from "./NavLink";
 export * from "./Pagination";
 export { PresentationProvider } from "./PresentationContext";
+export * from "./ScrollShadows";
 export * from "./Snackbar";
 export * from "./Stepper";
 export type { Step, StepperProps } from "./Stepper";

package/dist/components/index.js

@@ -51,6 +51,7 @@ Object.defineProperty(exports, "NavLink", { enumerable: true, get: function () {
 __exportStar(require("./Pagination"), exports);
 var PresentationContext_1 = require("./PresentationContext");
 Object.defineProperty(exports, "PresentationProvider", { enumerable: true, get: function () { return PresentationContext_1.PresentationProvider; } });
+__exportStar(require("./ScrollShadows"), exports);
 __exportStar(require("./Snackbar"), exports);
 __exportStar(require("./Stepper"), exports);
 __exportStar(require("./SuperDrawer"), exports);

package/package.json

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