@zag-js/remove-scroll 0.70.0 → 0.71.0

package/dist/index.js

@@ -1,29 +1,8 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+var domQuery = require('@zag-js/dom-query');
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  preventBodyScroll: () => preventBodyScroll
-});
-module.exports = __toCommonJS(src_exports);
-var import_dom_query = require("@zag-js/dom-query");
 var LOCK_CLASSNAME = "data-zag-scroll-lock";
 function assignStyle(el, style) {
   if (!el) return;
@@ -81,14 +60,11 @@ function preventBodyScroll(_document) {
       win.scrollTo({ left: scrollX, top: scrollY, behavior: "instant" });
     };
   };
-  const cleanups = [setScrollbarWidthProperty(), (0, import_dom_query.isIos)() ? setIOSStyle() : setStyle()];
+  const cleanups = [setScrollbarWidthProperty(), domQuery.isIos() ? setIOSStyle() : setStyle()];
   return () => {
     cleanups.forEach((fn) => fn?.());
     body.removeAttribute(LOCK_CLASSNAME);
   };
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  preventBodyScroll
-});
-//# sourceMappingURL=index.js.map
+
+exports.preventBodyScroll = preventBodyScroll;

package/dist/index.mjs

@@ -1,5 +1,6 @@
+import { isIos } from '@zag-js/dom-query';
+
 // src/index.ts
-import { isIos } from "@zag-js/dom-query";
 var LOCK_CLASSNAME = "data-zag-scroll-lock";
 function assignStyle(el, style) {
   if (!el) return;
@@ -63,7 +64,5 @@ function preventBodyScroll(_document) {
     body.removeAttribute(LOCK_CLASSNAME);
   };
 }
-export {
-  preventBodyScroll
-};
-//# sourceMappingURL=index.mjs.map
+
+export { preventBodyScroll };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/remove-scroll",
-  "version": "0.70.0",
+  "version": "0.71.0",
   "description": "JavaScript utility to remove scroll on body",
   "keywords": [
     "js",
@@ -13,14 +13,13 @@
   "repository": "https://github.com/chakra-ui/zag/tree/main/packages/utilities/remove-scroll",
   "sideEffects": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@zag-js/dom-query": "0.70.0"
+    "@zag-js/dom-query": "0.71.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
@@ -42,7 +41,7 @@
   },
   "scripts": {
     "build": "tsup",
-    "test": "jest --config ../../../jest.config.js --rootDir tests",
+    "test": "vitest",
     "lint": "eslint src",
     "test-ci": "pnpm test --ci --runInBand -u",
     "test-watch": "pnpm test --watchAll"

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { isIos } from \"@zag-js/dom-query\"\n\nconst LOCK_CLASSNAME = \"data-zag-scroll-lock\"\n\nfunction assignStyle(el: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>) {\n  if (!el) return\n  const previousStyle = el.style.cssText\n  Object.assign(el.style, style)\n  return () => {\n    el.style.cssText = previousStyle\n  }\n}\n\nfunction setCSSProperty(el: HTMLElement | null | undefined, property: string, value: string) {\n  if (!el) return\n  const previousValue = el.style.getPropertyValue(property)\n  el.style.setProperty(property, value)\n  return () => {\n    if (previousValue) {\n      el.style.setProperty(property, previousValue)\n    } else {\n      el.style.removeProperty(property)\n    }\n  }\n}\n\nfunction getPaddingProperty(documentElement: HTMLElement) {\n  // RTL <body> scrollbar\n  const documentLeft = documentElement.getBoundingClientRect().left\n  const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft\n  return scrollbarX ? \"paddingLeft\" : \"paddingRight\"\n}\n\nexport function preventBodyScroll(_document?: Document) {\n  const doc = _document ?? document\n  const win = doc.defaultView ?? window\n\n  const { documentElement, body } = doc\n\n  const locked = body.hasAttribute(LOCK_CLASSNAME)\n  if (locked) return\n\n  body.setAttribute(LOCK_CLASSNAME, \"\")\n\n  const scrollbarWidth = win.innerWidth - documentElement.clientWidth\n  const setScrollbarWidthProperty = () => setCSSProperty(documentElement, \"--scrollbar-width\", `${scrollbarWidth}px`)\n  const paddingProperty = getPaddingProperty(documentElement)\n\n  const setStyle = () =>\n    assignStyle(body, {\n      overflow: \"hidden\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n    })\n\n  // Only iOS doesn't respect `overflow: hidden` on document.body\n  const setIOSStyle = () => {\n    const { scrollX, scrollY, visualViewport } = win\n\n    // iOS 12 does not support `visuaViewport`.\n    const offsetLeft = visualViewport?.offsetLeft ?? 0\n    const offsetTop = visualViewport?.offsetTop ?? 0\n\n    const restoreStyle = assignStyle(body, {\n      position: \"fixed\",\n      overflow: \"hidden\",\n      top: `${-(scrollY - Math.floor(offsetTop))}px`,\n      left: `${-(scrollX - Math.floor(offsetLeft))}px`,\n      right: \"0\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n    })\n\n    return () => {\n      restoreStyle?.()\n      win.scrollTo({ left: scrollX, top: scrollY, behavior: \"instant\" })\n    }\n  }\n\n  const cleanups = [setScrollbarWidthProperty(), isIos() ? setIOSStyle() : setStyle()]\n\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n    body.removeAttribute(LOCK_CLASSNAME)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,IAAM,iBAAiB;AAEvB,SAAS,YAAY,IAAoC,OAAqC;AAC5F,MAAI,CAAC,GAAI;AACT,QAAM,gBAAgB,GAAG,MAAM;AAC/B,SAAO,OAAO,GAAG,OAAO,KAAK;AAC7B,SAAO,MAAM;AACX,OAAG,MAAM,UAAU;AAAA,EACrB;AACF;AAEA,SAAS,eAAe,IAAoC,UAAkB,OAAe;AAC3F,MAAI,CAAC,GAAI;AACT,QAAM,gBAAgB,GAAG,MAAM,iBAAiB,QAAQ;AACxD,KAAG,MAAM,YAAY,UAAU,KAAK;AACpC,SAAO,MAAM;AACX,QAAI,eAAe;AACjB,SAAG,MAAM,YAAY,UAAU,aAAa;AAAA,IAC9C,OAAO;AACL,SAAG,MAAM,eAAe,QAAQ;AAAA,IAClC;AAAA,EACF;AACF;AAEA,SAAS,mBAAmB,iBAA8B;AAExD,QAAM,eAAe,gBAAgB,sBAAsB,EAAE;AAC7D,QAAM,aAAa,KAAK,MAAM,YAAY,IAAI,gBAAgB;AAC9D,SAAO,aAAa,gBAAgB;AACtC;AAEO,SAAS,kBAAkB,WAAsB;AACtD,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,IAAI,eAAe;AAE/B,QAAM,EAAE,iBAAiB,KAAK,IAAI;AAElC,QAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,MAAI,OAAQ;AAEZ,OAAK,aAAa,gBAAgB,EAAE;AAEpC,QAAM,iBAAiB,IAAI,aAAa,gBAAgB;AACxD,QAAM,4BAA4B,MAAM,eAAe,iBAAiB,qBAAqB,GAAG,cAAc,IAAI;AAClH,QAAM,kBAAkB,mBAAmB,eAAe;AAE1D,QAAM,WAAW,MACf,YAAY,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,CAAC,eAAe,GAAG,GAAG,cAAc;AAAA,EACtC,CAAC;AAGH,QAAM,cAAc,MAAM;AACxB,UAAM,EAAE,SAAS,SAAS,eAAe,IAAI;AAG7C,UAAM,aAAa,gBAAgB,cAAc;AACjD,UAAM,YAAY,gBAAgB,aAAa;AAE/C,UAAM,eAAe,YAAY,MAAM;AAAA,MACrC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK,GAAG,EAAE,UAAU,KAAK,MAAM,SAAS,EAAE;AAAA,MAC1C,MAAM,GAAG,EAAE,UAAU,KAAK,MAAM,UAAU,EAAE;AAAA,MAC5C,OAAO;AAAA,MACP,CAAC,eAAe,GAAG,GAAG,cAAc;AAAA,IACtC,CAAC;AAED,WAAO,MAAM;AACX,qBAAe;AACf,UAAI,SAAS,EAAE,MAAM,SAAS,KAAK,SAAS,UAAU,UAAU,CAAC;AAAA,IACnE;AAAA,EACF;AAEA,QAAM,WAAW,CAAC,0BAA0B,OAAG,wBAAM,IAAI,YAAY,IAAI,SAAS,CAAC;AAEnF,SAAO,MAAM;AACX,aAAS,QAAQ,CAAC,OAAO,KAAK,CAAC;AAC/B,SAAK,gBAAgB,cAAc;AAAA,EACrC;AACF;","names":[]}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { isIos } from \"@zag-js/dom-query\"\n\nconst LOCK_CLASSNAME = \"data-zag-scroll-lock\"\n\nfunction assignStyle(el: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>) {\n  if (!el) return\n  const previousStyle = el.style.cssText\n  Object.assign(el.style, style)\n  return () => {\n    el.style.cssText = previousStyle\n  }\n}\n\nfunction setCSSProperty(el: HTMLElement | null | undefined, property: string, value: string) {\n  if (!el) return\n  const previousValue = el.style.getPropertyValue(property)\n  el.style.setProperty(property, value)\n  return () => {\n    if (previousValue) {\n      el.style.setProperty(property, previousValue)\n    } else {\n      el.style.removeProperty(property)\n    }\n  }\n}\n\nfunction getPaddingProperty(documentElement: HTMLElement) {\n  // RTL <body> scrollbar\n  const documentLeft = documentElement.getBoundingClientRect().left\n  const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft\n  return scrollbarX ? \"paddingLeft\" : \"paddingRight\"\n}\n\nexport function preventBodyScroll(_document?: Document) {\n  const doc = _document ?? document\n  const win = doc.defaultView ?? window\n\n  const { documentElement, body } = doc\n\n  const locked = body.hasAttribute(LOCK_CLASSNAME)\n  if (locked) return\n\n  body.setAttribute(LOCK_CLASSNAME, \"\")\n\n  const scrollbarWidth = win.innerWidth - documentElement.clientWidth\n  const setScrollbarWidthProperty = () => setCSSProperty(documentElement, \"--scrollbar-width\", `${scrollbarWidth}px`)\n  const paddingProperty = getPaddingProperty(documentElement)\n\n  const setStyle = () =>\n    assignStyle(body, {\n      overflow: \"hidden\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n    })\n\n  // Only iOS doesn't respect `overflow: hidden` on document.body\n  const setIOSStyle = () => {\n    const { scrollX, scrollY, visualViewport } = win\n\n    // iOS 12 does not support `visuaViewport`.\n    const offsetLeft = visualViewport?.offsetLeft ?? 0\n    const offsetTop = visualViewport?.offsetTop ?? 0\n\n    const restoreStyle = assignStyle(body, {\n      position: \"fixed\",\n      overflow: \"hidden\",\n      top: `${-(scrollY - Math.floor(offsetTop))}px`,\n      left: `${-(scrollX - Math.floor(offsetLeft))}px`,\n      right: \"0\",\n      [paddingProperty]: `${scrollbarWidth}px`,\n    })\n\n    return () => {\n      restoreStyle?.()\n      win.scrollTo({ left: scrollX, top: scrollY, behavior: \"instant\" })\n    }\n  }\n\n  const cleanups = [setScrollbarWidthProperty(), isIos() ? setIOSStyle() : setStyle()]\n\n  return () => {\n    cleanups.forEach((fn) => fn?.())\n    body.removeAttribute(LOCK_CLASSNAME)\n  }\n}\n"],"mappings":";AAAA,SAAS,aAAa;AAEtB,IAAM,iBAAiB;AAEvB,SAAS,YAAY,IAAoC,OAAqC;AAC5F,MAAI,CAAC,GAAI;AACT,QAAM,gBAAgB,GAAG,MAAM;AAC/B,SAAO,OAAO,GAAG,OAAO,KAAK;AAC7B,SAAO,MAAM;AACX,OAAG,MAAM,UAAU;AAAA,EACrB;AACF;AAEA,SAAS,eAAe,IAAoC,UAAkB,OAAe;AAC3F,MAAI,CAAC,GAAI;AACT,QAAM,gBAAgB,GAAG,MAAM,iBAAiB,QAAQ;AACxD,KAAG,MAAM,YAAY,UAAU,KAAK;AACpC,SAAO,MAAM;AACX,QAAI,eAAe;AACjB,SAAG,MAAM,YAAY,UAAU,aAAa;AAAA,IAC9C,OAAO;AACL,SAAG,MAAM,eAAe,QAAQ;AAAA,IAClC;AAAA,EACF;AACF;AAEA,SAAS,mBAAmB,iBAA8B;AAExD,QAAM,eAAe,gBAAgB,sBAAsB,EAAE;AAC7D,QAAM,aAAa,KAAK,MAAM,YAAY,IAAI,gBAAgB;AAC9D,SAAO,aAAa,gBAAgB;AACtC;AAEO,SAAS,kBAAkB,WAAsB;AACtD,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,IAAI,eAAe;AAE/B,QAAM,EAAE,iBAAiB,KAAK,IAAI;AAElC,QAAM,SAAS,KAAK,aAAa,cAAc;AAC/C,MAAI,OAAQ;AAEZ,OAAK,aAAa,gBAAgB,EAAE;AAEpC,QAAM,iBAAiB,IAAI,aAAa,gBAAgB;AACxD,QAAM,4BAA4B,MAAM,eAAe,iBAAiB,qBAAqB,GAAG,cAAc,IAAI;AAClH,QAAM,kBAAkB,mBAAmB,eAAe;AAE1D,QAAM,WAAW,MACf,YAAY,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,CAAC,eAAe,GAAG,GAAG,cAAc;AAAA,EACtC,CAAC;AAGH,QAAM,cAAc,MAAM;AACxB,UAAM,EAAE,SAAS,SAAS,eAAe,IAAI;AAG7C,UAAM,aAAa,gBAAgB,cAAc;AACjD,UAAM,YAAY,gBAAgB,aAAa;AAE/C,UAAM,eAAe,YAAY,MAAM;AAAA,MACrC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK,GAAG,EAAE,UAAU,KAAK,MAAM,SAAS,EAAE;AAAA,MAC1C,MAAM,GAAG,EAAE,UAAU,KAAK,MAAM,UAAU,EAAE;AAAA,MAC5C,OAAO;AAAA,MACP,CAAC,eAAe,GAAG,GAAG,cAAc;AAAA,IACtC,CAAC;AAED,WAAO,MAAM;AACX,qBAAe;AACf,UAAI,SAAS,EAAE,MAAM,SAAS,KAAK,SAAS,UAAU,UAAU,CAAC;AAAA,IACnE;AAAA,EACF;AAEA,QAAM,WAAW,CAAC,0BAA0B,GAAG,MAAM,IAAI,YAAY,IAAI,SAAS,CAAC;AAEnF,SAAO,MAAM;AACX,aAAS,QAAQ,CAAC,OAAO,KAAK,CAAC;AAC/B,SAAK,gBAAgB,cAAc;AAAA,EACrC;AACF;","names":[]}

package/src/index.ts

@@ -1,84 +0,0 @@
-import { isIos } from "@zag-js/dom-query"
-
-const LOCK_CLASSNAME = "data-zag-scroll-lock"
-
-function assignStyle(el: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>) {
-  if (!el) return
-  const previousStyle = el.style.cssText
-  Object.assign(el.style, style)
-  return () => {
-    el.style.cssText = previousStyle
-  }
-}
-
-function setCSSProperty(el: HTMLElement | null | undefined, property: string, value: string) {
-  if (!el) return
-  const previousValue = el.style.getPropertyValue(property)
-  el.style.setProperty(property, value)
-  return () => {
-    if (previousValue) {
-      el.style.setProperty(property, previousValue)
-    } else {
-      el.style.removeProperty(property)
-    }
-  }
-}
-
-function getPaddingProperty(documentElement: HTMLElement) {
-  // RTL <body> scrollbar
-  const documentLeft = documentElement.getBoundingClientRect().left
-  const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft
-  return scrollbarX ? "paddingLeft" : "paddingRight"
-}
-
-export function preventBodyScroll(_document?: Document) {
-  const doc = _document ?? document
-  const win = doc.defaultView ?? window
-
-  const { documentElement, body } = doc
-
-  const locked = body.hasAttribute(LOCK_CLASSNAME)
-  if (locked) return
-
-  body.setAttribute(LOCK_CLASSNAME, "")
-
-  const scrollbarWidth = win.innerWidth - documentElement.clientWidth
-  const setScrollbarWidthProperty = () => setCSSProperty(documentElement, "--scrollbar-width", `${scrollbarWidth}px`)
-  const paddingProperty = getPaddingProperty(documentElement)
-
-  const setStyle = () =>
-    assignStyle(body, {
-      overflow: "hidden",
-      [paddingProperty]: `${scrollbarWidth}px`,
-    })
-
-  // Only iOS doesn't respect `overflow: hidden` on document.body
-  const setIOSStyle = () => {
-    const { scrollX, scrollY, visualViewport } = win
-
-    // iOS 12 does not support `visuaViewport`.
-    const offsetLeft = visualViewport?.offsetLeft ?? 0
-    const offsetTop = visualViewport?.offsetTop ?? 0
-
-    const restoreStyle = assignStyle(body, {
-      position: "fixed",
-      overflow: "hidden",
-      top: `${-(scrollY - Math.floor(offsetTop))}px`,
-      left: `${-(scrollX - Math.floor(offsetLeft))}px`,
-      right: "0",
-      [paddingProperty]: `${scrollbarWidth}px`,
-    })
-
-    return () => {
-      restoreStyle?.()
-      win.scrollTo({ left: scrollX, top: scrollY, behavior: "instant" })
-    }
-  }
-
-  const cleanups = [setScrollbarWidthProperty(), isIos() ? setIOSStyle() : setStyle()]
-
-  return () => {
-    cleanups.forEach((fn) => fn?.())
-    body.removeAttribute(LOCK_CLASSNAME)
-  }
-}