@shoplflow/base 0.25.2 → 0.25.4

package/dist/index.cjs

@@ -796,10 +796,36 @@ var ModalFooter = ({ children }) => {
 };
 ModalFooter[exports.MODAL_FOOTER_KEY] = true;
 var ModalFooter_default = ModalFooter;
-var ScrollArea = (_a) => {
+var ScrollArea = React2.forwardRef((_a, ref) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Scrollbars__default.default, __spreadProps(__spreadValues({ autoHide: true, autoHideTimeout: 1e3, autoHideDuration: 200 }, rest), { "data-shoplflow": "ScrollArea", children }));
-};
+  const scrollRef = React2.useRef(null);
+  const mergeRef = utils.useMergeRefs(scrollRef, ref);
+  const [windowWidth, setWindowWidth] = React2.useState(window.innerWidth);
+  const [windowHeight, setWindowHeight] = React2.useState(window.innerHeight);
+  const onResize = React2.useCallback(() => {
+    setWindowWidth(window.innerWidth);
+    setWindowHeight(window.innerHeight);
+  }, []);
+  React2.useEffect(() => {
+    window.addEventListener("resize", onResize);
+    return () => {
+      window.removeEventListener("resize", onResize);
+    };
+  }, [onResize]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Boolean(windowWidth) && Boolean(windowHeight) && /* @__PURE__ */ jsxRuntime.jsx(
+    Scrollbars__default.default,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      ref: mergeRef
+    }, rest), {
+      autoHide: true,
+      autoHideTimeout: 1e3,
+      autoHideDuration: 200
+    }), rest), {
+      "data-shoplflow": "ScrollArea",
+      children
+    })
+  ) });
+});
 exports.ScrollArea = ScrollArea;
 var ModalBody = ({
   children,
@@ -1701,7 +1727,7 @@ function mergeRefs(...refs) {
     });
   };
 }
-function useMergeRefs(...refs) {
+function useMergeRefs2(...refs) {
   return React2.useMemo(() => mergeRefs(...refs), refs);
 }
 var Popper = ({
@@ -1737,7 +1763,7 @@ exports.PopperTrigger = React2.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, isOpen = false } = _b, rest = __objRest(_b, ["children", "isOpen"]);
     const { setReference, setIsOpen } = usePopper();
-    const refs = useMergeRefs(ref, setReference);
+    const refs = useMergeRefs2(ref, setReference);
     React2.useEffect(() => {
       setIsOpen(isOpen);
     }, [isOpen, setIsOpen]);
@@ -1748,7 +1774,7 @@ exports.PopperPortal = React2.forwardRef(
   ({ children, animation: initialAnimation }, ref) => {
     const { floatingStyles, setFloating, isOpen } = usePopper();
     const animation = initialAnimation != null ? initialAnimation : fadeInOut;
-    const refs = useMergeRefs(ref, setFloating);
+    const refs = useMergeRefs2(ref, setFloating);
     if (!isOpen) {
       return null;
     }
@@ -2764,7 +2790,7 @@ var Input = React2.forwardRef(
     const [isHovered, setIsHovered] = React2.useState(false);
     const uniqueId = React2.useId();
     const inputRef = React2__namespace.default.useRef(null);
-    const refs = useMergeRefs(ref, inputRef);
+    const refs = useMergeRefs2(ref, inputRef);
     const convertToString = React2.useCallback((value2) => {
       if (typeof value2 !== "number") {
         return typeof value2 === "string" ? value2 : value2.join("");