@yuno-payments/dashboard-design-system 1.0.2 → 1.0.4-beta.1

package/dist/hooks/use-body-scroll-lock.d.ts

@@ -2,6 +2,9 @@
  * Custom hook to lock/unlock body scroll when a modal or overlay is open
  * This prevents the background from scrolling while a modal is active
  *
+ * Uses a reference counter to support multiple overlays - scroll is only
+ * restored when ALL overlays are closed.
+ *
  * @param isLocked - Whether the body scroll should be locked
  *
  * @example

package/dist/hooks/use-body-scroll-lock.js

@@ -1,16 +1,19 @@
-import { useEffect as n } from "react";
-function l(o) {
-  n(() => {
-    const d = document.body.style.overflow, e = document.body.style.paddingRight;
-    if (o) {
-      const t = window.innerWidth - document.documentElement.clientWidth;
-      document.body.style.overflow = "hidden", t > 0 && (document.body.style.paddingRight = `${t}px`);
+import { useEffect as i } from "react";
+let o = 0, d = "", n = "";
+function c(t) {
+  i(() => {
+    if (t) {
+      if (o === 0) {
+        d = document.body.style.overflow, n = document.body.style.paddingRight;
+        const e = window.innerWidth - document.documentElement.clientWidth;
+        document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`);
+      }
+      return o++, () => {
+        o--, o === 0 && (document.body.style.overflow = d, document.body.style.paddingRight = n);
+      };
     }
-    return () => {
-      document.body.style.overflow = d, document.body.style.paddingRight = e;
-    };
-  }, [o]);
+  }, [t]);
 }
 export {
-  l as useBodyScrollLock
+  c as useBodyScrollLock
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "1.0.2",
+  "version": "1.0.4-beta.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",