@semcore/core 17.0.1-prerelease.0 → 17.1.0-prerelease.0

package/lib/utils/use/useFocusLock.mjs

@@ -1,5 +1,3 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import LocalReact from 'react';
 import canUseDOM from "../canUseDOM.mjs";
 import { addFocusBorders, removeFocusBorders } from "../focus-lock/focusBorders.mjs";
@@ -8,7 +6,7 @@ import { isFocusInside } from "../focus-lock/isFocusInside.mjs";
 import { setFocus } from "../focus-lock/setFocus.mjs";
 import { hasParent } from "../hasParent.mjs";
 export { isFocusInside, setFocus };
-var syntheticEvents = {
+const syntheticEvents = {
   blur: 'focusout-intergalactic-focus-lock-synthetic',
   keydown: 'keydown-intergalactic-focus-lock-synthetic'
 };
@@ -16,14 +14,14 @@ var syntheticEvents = {
  * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.
  * You should always prevent native event propagation in order to prevent focus enforcing double calls.
  */
-export var makeFocusLockSyntheticEvent = function makeFocusLockSyntheticEvent(baseEvent) {
-  var event = baseEvent;
-  var type = event.type;
+export const makeFocusLockSyntheticEvent = baseEvent => {
+  const event = baseEvent;
+  const type = event.type;
   if (!(type in syntheticEvents)) {
-    var supported = Object.keys(syntheticEvents).join(', ');
-    throw new Error("Unable to make synthetic event for ".concat(type, ", ").concat(supported, " are supported"));
+    const supported = Object.keys(syntheticEvents).join(', ');
+    throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);
   }
-  var syntheticEvent = new Event(syntheticEvents[type], {
+  const syntheticEvent = new Event(syntheticEvents[type], {
     bubbles: true
   });
   Object.defineProperty(syntheticEvent, 'target', {
@@ -36,24 +34,22 @@ export var makeFocusLockSyntheticEvent = function makeFocusLockSyntheticEvent(ba
   });
   return syntheticEvent;
 };
-var useFocusBorders = function useFocusBorders(React, disabled, trapRef) {
+const useFocusBorders = (React, disabled, trapRef) => {
   useUniqueIdHookMock(React);
-  React.useEffect(function () {
-    var trapNode = trapRef === null || trapRef === void 0 ? void 0 : trapRef.current;
+  React.useEffect(() => {
+    const trapNode = trapRef?.current;
     if (trapNode && !disabled && getFocusableIn(trapNode).length > 0) {
       addFocusBorders(trapNode);
     }
-    return function () {
+    return () => {
       if (trapNode) {
         removeFocusBorders(trapNode);
       }
     };
   }, [disabled]);
 };
-var uniqueId = 0;
-var getUniqueId = function getUniqueId(prefix) {
-  return "".concat(prefix, "-").concat(Math.random().toString(36).slice(2), "-").concat(uniqueId++);
-};
+let uniqueId = 0;
+const getUniqueId = prefix => `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;
 
 /**
  * # Focus lock hook merging
@@ -86,10 +82,10 @@ var getUniqueId = function getUniqueId(prefix) {
  * If new update requires to remove some hooks – add mocks instead of them.
  * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.
  */
-var focusLockVersion = 5;
-var globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';
-var focusLockAllTraps = new Set();
-var focusLockUsedInMountedComponents = new Set();
+const focusLockVersion = 5;
+const globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';
+const focusLockAllTraps = new Set();
+const focusLockUsedInMountedComponents = new Set();
 /** Focus master is a special mode in which focus lock might work.
  * Normally, focus lock hook allows user focus to move freely between
  * all active focus traps. When component provides `focusMaster=true`
@@ -98,86 +94,81 @@ var focusLockUsedInMountedComponents = new Set();
  * also have some visual backdrop.
  * The last element in focus masters stack is considered as a current focus master.
  */
-var focusMastersStack = [];
-var noop = function noop() {};
-var useUniqueIdHookMock = function useUniqueIdHookMock(React) {
+const focusMastersStack = [];
+const noop = () => {};
+const useUniqueIdHookMock = React => {
   React.useState(undefined);
-  var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+  const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
   useEnhancedEffect(noop, []);
 };
-var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, returnFocusTo) {
-  var disabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var focusMaster = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var onFocusOut = arguments.length > 6 ? arguments[6] : undefined;
+const useFocusLockHook = (React, trapRef, autoFocus, returnFocusTo, disabled = false, focusMaster = false, onFocusOut) => {
   useFocusBorders(React, disabled, trapRef);
-  var autoTriggerRef = React.useRef(null);
-  var lastUserInteractionRef = React.useRef(undefined);
-  var handleFocusOut = React.useCallback(function (event) {
-    var focusCameFrom = event.target;
-    var focusMovedTo = event.relatedTarget;
-    setTimeout(function () {
+  const autoTriggerRef = React.useRef(null);
+  const lastUserInteractionRef = React.useRef(undefined);
+  const handleFocusOut = React.useCallback(event => {
+    const focusCameFrom = event.target;
+    const focusMovedTo = event.relatedTarget;
+    setTimeout(() => {
       if (!focusCameFrom) return;
       if (autoTriggerRef.current) return;
       autoTriggerRef.current = focusCameFrom;
     }, 0);
     if (lastUserInteractionRef.current === 'mouse') return;
-    Promise.resolve().then(function () {
+    Promise.resolve().then(() => {
       if (!trapRef.current) return;
-      var currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];
+      const currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];
       if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;
-      var trapNodes = currentFocusMaster ? [trapRef.current] : [trapRef.current].concat(_toConsumableArray(focusLockAllTraps));
+      const trapNodes = currentFocusMaster ? [trapRef.current] : [trapRef.current, ...focusLockAllTraps];
       if (isFocusInside(trapNodes, focusMovedTo)) return;
-      if (_typeof(returnFocusTo) === 'object' && returnFocusTo !== null && returnFocusTo !== void 0 && returnFocusTo.current && hasParent(focusMovedTo, returnFocusTo.current)) return;
+      if (typeof returnFocusTo === 'object' && returnFocusTo?.current && hasParent(focusMovedTo, returnFocusTo.current)) return;
       if (focusCameFrom && focusMovedTo) {
         setFocus(trapRef.current, focusCameFrom, focusMovedTo);
       }
-      onFocusOut === null || onFocusOut === void 0 || onFocusOut(event);
+      onFocusOut?.(event);
     });
   }, [onFocusOut]);
-  var handleMouseEvent = React.useCallback(function () {
+  const handleMouseEvent = React.useCallback(() => {
     lastUserInteractionRef.current = 'mouse';
   }, []);
-  var handleKeyboardEvent = React.useCallback(function () {
+  const handleKeyboardEvent = React.useCallback(() => {
     lastUserInteractionRef.current = 'keyboard';
   }, []);
-  var returnFocus = React.useCallback(function () {
-    var trapNode = trapRef.current;
+  const returnFocus = React.useCallback(() => {
+    const trapNode = trapRef.current;
     if (trapNode && !isFocusInside(trapNode)) return;
-    var focusMastersStackCount = focusMastersStack.length;
-    if (_typeof(returnFocusTo) === 'object' && returnFocusTo !== null && returnFocusTo !== void 0 && returnFocusTo.current) {
-      var returnFocusNode = returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current;
-      setTimeout(function () {
+    const focusMastersStackCount = focusMastersStack.length;
+    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {
+      const returnFocusNode = returnFocusTo?.current;
+      setTimeout(() => {
         if (focusMastersStackCount !== focusMastersStack.length) {
           setFocus(returnFocusNode, trapNode);
         }
       }, 0);
     }
     if (returnFocusTo === 'auto' && autoTriggerRef.current) {
-      var autoTrigger = autoTriggerRef.current;
-      setTimeout(function () {
+      const autoTrigger = autoTriggerRef.current;
+      setTimeout(() => {
         if (focusMastersStackCount !== focusMastersStack.length || autoFocus === 'enforced') {
           setFocus(autoTrigger, trapNode);
         }
       }, 0);
     }
   }, [returnFocusTo]);
-  React.useEffect(function () {
-    if (_typeof(trapRef) !== 'object' || trapRef === null) return;
-    var node = trapRef.current;
+  React.useEffect(() => {
+    if (typeof trapRef !== 'object' || trapRef === null) return;
+    const node = trapRef.current;
     if (!node) return;
     focusLockAllTraps.add(node);
-    return function () {
+    return () => {
       if (!node) return;
-      focusLockAllTraps["delete"](node);
+      focusLockAllTraps.delete(node);
     };
   }, [disabled]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (disabled) return;
     if (!canUseDOM()) return;
     if (!trapRef.current) return;
-    var focusableChildren = Array.from(trapRef.current.children).flatMap(function (node) {
-      return getFocusableIn(node);
-    });
+    const focusableChildren = Array.from(trapRef.current.children).flatMap(node => getFocusableIn(node));
     if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;
     document.body.addEventListener('focusout', handleFocusOut);
     document.body.addEventListener(syntheticEvents.blur, handleFocusOut);
@@ -186,16 +177,15 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
     document.body.addEventListener('keydown', handleKeyboardEvent);
     document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);
     if (autoFocus) {
-      setTimeout(function () {
+      setTimeout(() => {
         if (autoFocus === 'enforced' && focusableChildren.length === 0 && focusMaster) {
-          var _trapRef$current;
-          (_trapRef$current = trapRef.current) === null || _trapRef$current === void 0 || _trapRef$current.focus();
+          trapRef.current?.focus();
           return;
         }
-        setFocus(trapRef.current, _typeof(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
+        setFocus(trapRef.current, typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body);
       }, 0);
     }
-    return function () {
+    return () => {
       document.body.removeEventListener('focusout', handleFocusOut);
       document.body.removeEventListener(syntheticEvents.blur, handleFocusOut);
       document.body.removeEventListener('mousedown', handleMouseEvent);
@@ -206,19 +196,17 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
       autoTriggerRef.current = null;
     };
   }, [disabled, autoFocus, returnFocusTo, returnFocus]);
-  React.useEffect(function () {
-    if (_typeof(trapRef) !== 'object' || trapRef === null) return;
+  React.useEffect(() => {
+    if (typeof trapRef !== 'object' || trapRef === null) return;
     if (disabled) return;
     if (!canUseDOM()) return;
     if (!trapRef.current) return;
-    var focusableChildren = Array.from(trapRef.current.children).flatMap(function (node) {
-      return getFocusableIn(node);
-    });
+    const focusableChildren = Array.from(trapRef.current.children).flatMap(node => getFocusableIn(node));
     if (focusableChildren.length === 0) return;
     if (focusMaster) {
       focusMastersStack.push(trapRef.current);
     }
-    return function () {
+    return () => {
       if (!focusMaster) return;
       if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {
         focusMastersStack.pop();
@@ -228,16 +216,16 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
     };
   }, [disabled, focusMaster]);
   useUniqueIdHookMock(React);
-  React.useEffect(function () {
-    var id = getUniqueId('focus-lock-consumer');
+  React.useEffect(() => {
+    const id = getUniqueId('focus-lock-consumer');
     if (disabled) return;
     focusLockUsedInMountedComponents.add(id);
-    return function () {
-      focusLockUsedInMountedComponents["delete"](id);
+    return () => {
+      focusLockUsedInMountedComponents.delete(id);
     };
   }, [disabled]);
 };
-var establishHookAsGlobal = function establishHookAsGlobal() {
+const establishHookAsGlobal = () => {
   globalThis[globalFocusLockHookKey] = {
     hook: useFocusLockHook,
     version: focusLockVersion,
@@ -249,24 +237,19 @@ if (!globalThis[globalFocusLockHookKey]) {
 } else if (typeof globalThis[globalFocusLockHookKey].version !== 'number') {
   establishHookAsGlobal();
 } else {
-  var _globalFocusLockHookK = globalThis[globalFocusLockHookKey],
-    theirVersion = _globalFocusLockHookK.version,
-    usedInComponents = _globalFocusLockHookK.usedInComponents;
+  const {
+    version: theirVersion,
+    usedInComponents
+  } = globalThis[globalFocusLockHookKey];
   if (focusLockVersion > theirVersion && usedInComponents.size === 0) {
     establishHookAsGlobal();
   }
 }
-export var useFocusLock = function useFocusLock(trapRef, autoFocus, returnFocusTo) {
-  var _globalFocusLockHookK2, _globalFocusLockHookK3;
-  var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var focusMaster = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var onFocusOut = arguments.length > 5 ? arguments[5] : undefined;
-  var hook = (_globalFocusLockHookK2 = (_globalFocusLockHookK3 = globalThis[globalFocusLockHookKey]) === null || _globalFocusLockHookK3 === void 0 ? void 0 : _globalFocusLockHookK3.hook) !== null && _globalFocusLockHookK2 !== void 0 ? _globalFocusLockHookK2 : useFocusLockHook;
+export const useFocusLock = (trapRef, autoFocus, returnFocusTo, disabled = false, focusMaster = false, onFocusOut) => {
+  const hook = globalThis[globalFocusLockHookKey]?.hook ?? useFocusLockHook;
   return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);
 };
-export var hasFocusableIn = function hasFocusableIn(element) {
-  return Array.from(element.children).flatMap(function (node) {
-    return getFocusableIn(node);
-  }).length > 0;
+export const hasFocusableIn = element => {
+  return Array.from(element.children).flatMap(node => getFocusableIn(node)).length > 0;
 };
 //# sourceMappingURL=useFocusLock.mjs.map

package/lib/utils/use/useFocusLock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusLock.mjs","names":["LocalReact","canUseDOM","addFocusBorders","removeFocusBorders","getFocusableIn","isFocusInside","setFocus","hasParent","syntheticEvents","blur","keydown","makeFocusLockSyntheticEvent","baseEvent","event","type","supported","Object","keys","join","Error","concat","syntheticEvent","Event","bubbles","defineProperty","writable","value","target","relatedTarget","useFocusBorders","React","disabled","trapRef","useUniqueIdHookMock","useEffect","trapNode","current","length","uniqueId","getUniqueId","prefix","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","Set","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","autoFocus","returnFocusTo","arguments","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","focusCameFrom","focusMovedTo","setTimeout","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray","_typeof","handleMouseEvent","handleKeyboardEvent","returnFocus","focusMastersStackCount","returnFocusNode","autoTrigger","node","add","focusableChildren","Array","from","children","flatMap","document","body","addEventListener","_trapRef$current","focus","removeEventListener","push","pop","splice","indexOf","id","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","size","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","hasFocusableIn","element"],"sources":["../../../src/utils/use/useFocusLock.ts"],"sourcesContent":["import LocalReact from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { addFocusBorders, removeFocusBorders } from '../focus-lock/focusBorders';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\nimport { hasParent } from '../hasParent';\n\nexport { isFocusInside, setFocus };\n\nconst syntheticEvents = {\n  blur: 'focusout-intergalactic-focus-lock-synthetic',\n  keydown: 'keydown-intergalactic-focus-lock-synthetic',\n};\n/**\n * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.\n * You should always prevent native event propagation in order to prevent focus enforcing double calls.\n */\nexport const makeFocusLockSyntheticEvent = (baseEvent: Event) => {\n  const event = baseEvent as any;\n  const type = event.type as keyof typeof syntheticEvents;\n  if (!(type in syntheticEvents)) {\n    const supported = Object.keys(syntheticEvents).join(', ');\n    throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);\n  }\n  const syntheticEvent = new Event(syntheticEvents[type], {\n    bubbles: true,\n  });\n  Object.defineProperty(syntheticEvent, 'target', { writable: false, value: event.target });\n  Object.defineProperty(syntheticEvent, 'relatedTarget', {\n    writable: false,\n    value: event.relatedTarget,\n  });\n  return syntheticEvent;\n};\n\nconst useFocusBorders = (\n  React: ReactT,\n  disabled?: boolean,\n  trapRef?: React.RefObject<HTMLElement>,\n) => {\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const trapNode = trapRef?.current;\n\n    if (trapNode && !disabled && getFocusableIn(trapNode).length > 0) {\n      addFocusBorders(trapNode);\n    }\n\n    return () => {\n      if (trapNode) {\n        removeFocusBorders(trapNode);\n      }\n    };\n  }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n  `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\n\n/**\n * # Focus lock hook merging\n * In some cases same page might contain different versions of components.\n * In such cases, we need to ensure that only one version of focus lock hook is used.\n * So, it's why we have `useFocusLockHook` function that is wrapped into `useFocusLock`.\n *\n * While evaluating this file code, we check if global focus lock hook is already defined.\n * If it's defined, we replace it ONLY if our version is higher and no components currently use it.\n * The last condition is very important because we are unable to replace React hook without reimplementing\n * React hooks lifecycle in some kind of wrapper.\n *\n * ## Versioning\n * Such versions merging requires us to keep hook api backward compatible.\n * When hook logic changes, the variable `focusLockVersion` should be incremented.\n *\n * Version update `1 -> 2`. Fixed call `safeMoveFocusInside` in `handleFocusIn` with correct second parameter (focusCameFrom instead of event.target)\n * Version update `2 -> 3`. Fixed React version isolation in nested hooks (`useFocusBorders`, `useUniqueId`).\n * Version update `3 -> 4`. Fixed lock for correct working with iframes in modal\n * Version update `4 -> 5`. Changed placements for border - now they wrap trap node\n *\n * Initially (for a several versions) key was `__intergalactic_focus_lock_hook_`.\n * Making it respect react version required to change key. So key was changed to `__intergalactic_focus_lock_hook_react_v_respectful`.\n *\n * ## React hooks order\n * When updating from version 2 to version 3 `useUniqueId` hook was removed.\n * Due to replacing useFocusLock hook in runtime, the order of hooks must be preserved.\n * So, useUniqueIdHookMock helps to preserve hooks order when hook is being replaced from version 2 to version 3.\n *\n * If new update requires to remove some hooks – add mocks instead of them.\n * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.\n */\nconst focusLockVersion = 5;\nconst globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';\n\nconst focusLockAllTraps = new Set<HTMLElement>();\nconst focusLockUsedInMountedComponents = new Set<string>();\n/** Focus master is a special mode in which focus lock might work.\n * Normally, focus lock hook allows user focus to move freely between\n * all active focus traps. When component provides `focusMaster=true`\n * parameter, it says that it doesn't want to share focus with other traps.\n * It is very useful for a big components like modals or side-bars that\n * also have some visual backdrop.\n * The last element in focus masters stack is considered as a current focus master.\n */\nconst focusMastersStack: HTMLElement[] = [];\n\nconst noop = () => {};\nconst useUniqueIdHookMock = (React: ReactT) => {\n  React.useState(undefined);\n  const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n  useEnhancedEffect(noop, []);\n};\n\nconst useFocusLockHook = (\n  React: ReactT,\n  trapRef: React.RefObject<HTMLElement>,\n  autoFocus: boolean | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  useFocusBorders(React, disabled, trapRef);\n\n  const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n  const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n  const handleFocusOut = React.useCallback(\n    (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n      const focusCameFrom = event.target;\n      const focusMovedTo = event.relatedTarget;\n      setTimeout(() => {\n        if (!focusCameFrom) return;\n        if (autoTriggerRef.current) return;\n        autoTriggerRef.current = focusCameFrom;\n      }, 0);\n      if (lastUserInteractionRef.current === 'mouse') return;\n      Promise.resolve().then(() => {\n        if (!trapRef.current) return;\n        const currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];\n        if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;\n        const trapNodes = currentFocusMaster\n          ? [trapRef.current]\n          : [trapRef.current, ...focusLockAllTraps];\n        if (isFocusInside(trapNodes, focusMovedTo)) return;\n        if (\n          typeof returnFocusTo === 'object' &&\n          returnFocusTo?.current &&\n          hasParent(focusMovedTo, returnFocusTo.current)\n        )\n          return;\n\n        if (focusCameFrom && focusMovedTo) {\n          setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n        }\n\n        onFocusOut?.(event);\n      });\n    },\n    [onFocusOut],\n  );\n  const handleMouseEvent = React.useCallback(() => {\n    lastUserInteractionRef.current = 'mouse';\n  }, []);\n  const handleKeyboardEvent = React.useCallback(() => {\n    lastUserInteractionRef.current = 'keyboard';\n  }, []);\n  const returnFocus = React.useCallback(() => {\n    const trapNode = trapRef.current;\n    if (trapNode && !isFocusInside(trapNode)) return;\n    const focusMastersStackCount = focusMastersStack.length;\n    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n      const returnFocusNode = returnFocusTo?.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(returnFocusNode, trapNode);\n        }\n      }, 0);\n    }\n    if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n      const autoTrigger = autoTriggerRef.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length || autoFocus === 'enforced') {\n          setFocus(autoTrigger, trapNode);\n        }\n      }, 0);\n    }\n  }, [returnFocusTo]);\n  React.useEffect(() => {\n    if (typeof trapRef !== 'object' || trapRef === null) return;\n    const node = trapRef.current;\n    if (!node) return;\n    focusLockAllTraps.add(node);\n    return () => {\n      if (!node) return;\n      focusLockAllTraps.delete(node);\n    };\n  }, [disabled]);\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM()) return;\n    if (!trapRef.current) return;\n    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;\n\n    document.body.addEventListener('focusout', handleFocusOut as any);\n    document.body.addEventListener(syntheticEvents.blur, handleFocusOut as any);\n    document.body.addEventListener('mousedown', handleMouseEvent);\n    document.body.addEventListener('touchstart', handleMouseEvent);\n    document.body.addEventListener('keydown', handleKeyboardEvent);\n    document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n\n    if (autoFocus) {\n      setTimeout(() => {\n        if (autoFocus === 'enforced' && focusableChildren.length === 0 && focusMaster) {\n          trapRef.current?.focus();\n          return;\n        }\n\n        setFocus(\n          trapRef.current!,\n          typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n        );\n      }, 0);\n    }\n    return () => {\n      document.body.removeEventListener('focusout', handleFocusOut as any);\n      document.body.removeEventListener(syntheticEvents.blur, handleFocusOut as any);\n      document.body.removeEventListener('mousedown', handleMouseEvent);\n      document.body.removeEventListener('touchstart', handleMouseEvent);\n      document.body.removeEventListener('keydown', handleKeyboardEvent);\n      document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n      returnFocus();\n      autoTriggerRef.current = null;\n    };\n  }, [disabled, autoFocus, returnFocusTo, returnFocus]);\n\n  React.useEffect(() => {\n    if (typeof trapRef !== 'object' || trapRef === null) return;\n    if (disabled) return;\n    if (!canUseDOM()) return;\n    if (!trapRef.current) return;\n    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0) return;\n\n    if (focusMaster) {\n      focusMastersStack.push(trapRef.current);\n    }\n\n    return () => {\n      if (!focusMaster) return;\n      if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {\n        focusMastersStack.pop();\n      } else {\n        focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current!), 1);\n      }\n    };\n  }, [disabled, focusMaster]);\n\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const id = getUniqueId('focus-lock-consumer');\n    if (disabled) return;\n    focusLockUsedInMountedComponents.add(id);\n    return () => {\n      focusLockUsedInMountedComponents.delete(id);\n    };\n  }, [disabled]);\n};\nconst establishHookAsGlobal = () => {\n  (globalThis as any)[globalFocusLockHookKey] = {\n    hook: useFocusLockHook,\n    version: focusLockVersion,\n    usedInComponents: focusLockUsedInMountedComponents,\n  };\n};\nif (!(globalThis as any)[globalFocusLockHookKey]) {\n  establishHookAsGlobal();\n} else if (typeof (globalThis as any)[globalFocusLockHookKey].version !== 'number') {\n  establishHookAsGlobal();\n} else {\n  const { version: theirVersion, usedInComponents } = (globalThis as any)[globalFocusLockHookKey];\n  if (focusLockVersion > theirVersion && usedInComponents.size === 0) {\n    establishHookAsGlobal();\n  }\n}\n\nexport const useFocusLock = (\n  trapRef: React.RefObject<HTMLElement>,\n  autoFocus: boolean | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\n};\n\nexport const hasFocusableIn = (element: HTMLElement): boolean => {\n  return (\n    Array.from(element.children).flatMap((node) => getFocusableIn(node as HTMLElement)).length > 0\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useFocusLock.mjs","names":["LocalReact","canUseDOM","addFocusBorders","removeFocusBorders","getFocusableIn","isFocusInside","setFocus","hasParent","syntheticEvents","blur","keydown","makeFocusLockSyntheticEvent","baseEvent","event","type","supported","Object","keys","join","Error","syntheticEvent","Event","bubbles","defineProperty","writable","value","target","relatedTarget","useFocusBorders","React","disabled","trapRef","useUniqueIdHookMock","useEffect","trapNode","current","length","uniqueId","getUniqueId","prefix","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","Set","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","autoFocus","returnFocusTo","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","focusCameFrom","focusMovedTo","setTimeout","Promise","resolve","then","currentFocusMaster","trapNodes","handleMouseEvent","handleKeyboardEvent","returnFocus","focusMastersStackCount","returnFocusNode","autoTrigger","node","add","delete","focusableChildren","Array","from","children","flatMap","document","body","addEventListener","focus","removeEventListener","push","pop","splice","indexOf","id","establishHookAsGlobal","globalThis","hook","version","usedInComponents","theirVersion","size","useFocusLock","hasFocusableIn","element"],"sources":["../../../src/utils/use/useFocusLock.ts"],"sourcesContent":["import LocalReact from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { addFocusBorders, removeFocusBorders } from '../focus-lock/focusBorders';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\nimport { hasParent } from '../hasParent';\n\nexport { isFocusInside, setFocus };\n\nconst syntheticEvents = {\n  blur: 'focusout-intergalactic-focus-lock-synthetic',\n  keydown: 'keydown-intergalactic-focus-lock-synthetic',\n};\n/**\n * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.\n * You should always prevent native event propagation in order to prevent focus enforcing double calls.\n */\nexport const makeFocusLockSyntheticEvent = (baseEvent: Event) => {\n  const event = baseEvent as any;\n  const type = event.type as keyof typeof syntheticEvents;\n  if (!(type in syntheticEvents)) {\n    const supported = Object.keys(syntheticEvents).join(', ');\n    throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);\n  }\n  const syntheticEvent = new Event(syntheticEvents[type], {\n    bubbles: true,\n  });\n  Object.defineProperty(syntheticEvent, 'target', { writable: false, value: event.target });\n  Object.defineProperty(syntheticEvent, 'relatedTarget', {\n    writable: false,\n    value: event.relatedTarget,\n  });\n  return syntheticEvent;\n};\n\nconst useFocusBorders = (\n  React: ReactT,\n  disabled?: boolean,\n  trapRef?: React.RefObject<HTMLElement>,\n) => {\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const trapNode = trapRef?.current;\n\n    if (trapNode && !disabled && getFocusableIn(trapNode).length > 0) {\n      addFocusBorders(trapNode);\n    }\n\n    return () => {\n      if (trapNode) {\n        removeFocusBorders(trapNode);\n      }\n    };\n  }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n  `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\n\n/**\n * # Focus lock hook merging\n * In some cases same page might contain different versions of components.\n * In such cases, we need to ensure that only one version of focus lock hook is used.\n * So, it's why we have `useFocusLockHook` function that is wrapped into `useFocusLock`.\n *\n * While evaluating this file code, we check if global focus lock hook is already defined.\n * If it's defined, we replace it ONLY if our version is higher and no components currently use it.\n * The last condition is very important because we are unable to replace React hook without reimplementing\n * React hooks lifecycle in some kind of wrapper.\n *\n * ## Versioning\n * Such versions merging requires us to keep hook api backward compatible.\n * When hook logic changes, the variable `focusLockVersion` should be incremented.\n *\n * Version update `1 -> 2`. Fixed call `safeMoveFocusInside` in `handleFocusIn` with correct second parameter (focusCameFrom instead of event.target)\n * Version update `2 -> 3`. Fixed React version isolation in nested hooks (`useFocusBorders`, `useUniqueId`).\n * Version update `3 -> 4`. Fixed lock for correct working with iframes in modal\n * Version update `4 -> 5`. Changed placements for border - now they wrap trap node\n *\n * Initially (for a several versions) key was `__intergalactic_focus_lock_hook_`.\n * Making it respect react version required to change key. So key was changed to `__intergalactic_focus_lock_hook_react_v_respectful`.\n *\n * ## React hooks order\n * When updating from version 2 to version 3 `useUniqueId` hook was removed.\n * Due to replacing useFocusLock hook in runtime, the order of hooks must be preserved.\n * So, useUniqueIdHookMock helps to preserve hooks order when hook is being replaced from version 2 to version 3.\n *\n * If new update requires to remove some hooks – add mocks instead of them.\n * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.\n */\nconst focusLockVersion = 5;\nconst globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';\n\nconst focusLockAllTraps = new Set<HTMLElement>();\nconst focusLockUsedInMountedComponents = new Set<string>();\n/** Focus master is a special mode in which focus lock might work.\n * Normally, focus lock hook allows user focus to move freely between\n * all active focus traps. When component provides `focusMaster=true`\n * parameter, it says that it doesn't want to share focus with other traps.\n * It is very useful for a big components like modals or side-bars that\n * also have some visual backdrop.\n * The last element in focus masters stack is considered as a current focus master.\n */\nconst focusMastersStack: HTMLElement[] = [];\n\nconst noop = () => {};\nconst useUniqueIdHookMock = (React: ReactT) => {\n  React.useState(undefined);\n  const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n  useEnhancedEffect(noop, []);\n};\n\nconst useFocusLockHook = (\n  React: ReactT,\n  trapRef: React.RefObject<HTMLElement>,\n  autoFocus: boolean | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  useFocusBorders(React, disabled, trapRef);\n\n  const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n  const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n  const handleFocusOut = React.useCallback(\n    (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n      const focusCameFrom = event.target;\n      const focusMovedTo = event.relatedTarget;\n      setTimeout(() => {\n        if (!focusCameFrom) return;\n        if (autoTriggerRef.current) return;\n        autoTriggerRef.current = focusCameFrom;\n      }, 0);\n      if (lastUserInteractionRef.current === 'mouse') return;\n      Promise.resolve().then(() => {\n        if (!trapRef.current) return;\n        const currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];\n        if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;\n        const trapNodes = currentFocusMaster\n          ? [trapRef.current]\n          : [trapRef.current, ...focusLockAllTraps];\n        if (isFocusInside(trapNodes, focusMovedTo)) return;\n        if (\n          typeof returnFocusTo === 'object' &&\n          returnFocusTo?.current &&\n          hasParent(focusMovedTo, returnFocusTo.current)\n        )\n          return;\n\n        if (focusCameFrom && focusMovedTo) {\n          setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n        }\n\n        onFocusOut?.(event);\n      });\n    },\n    [onFocusOut],\n  );\n  const handleMouseEvent = React.useCallback(() => {\n    lastUserInteractionRef.current = 'mouse';\n  }, []);\n  const handleKeyboardEvent = React.useCallback(() => {\n    lastUserInteractionRef.current = 'keyboard';\n  }, []);\n  const returnFocus = React.useCallback(() => {\n    const trapNode = trapRef.current;\n    if (trapNode && !isFocusInside(trapNode)) return;\n    const focusMastersStackCount = focusMastersStack.length;\n    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n      const returnFocusNode = returnFocusTo?.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(returnFocusNode, trapNode);\n        }\n      }, 0);\n    }\n    if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n      const autoTrigger = autoTriggerRef.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length || autoFocus === 'enforced') {\n          setFocus(autoTrigger, trapNode);\n        }\n      }, 0);\n    }\n  }, [returnFocusTo]);\n  React.useEffect(() => {\n    if (typeof trapRef !== 'object' || trapRef === null) return;\n    const node = trapRef.current;\n    if (!node) return;\n    focusLockAllTraps.add(node);\n    return () => {\n      if (!node) return;\n      focusLockAllTraps.delete(node);\n    };\n  }, [disabled]);\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM()) return;\n    if (!trapRef.current) return;\n    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;\n\n    document.body.addEventListener('focusout', handleFocusOut as any);\n    document.body.addEventListener(syntheticEvents.blur, handleFocusOut as any);\n    document.body.addEventListener('mousedown', handleMouseEvent);\n    document.body.addEventListener('touchstart', handleMouseEvent);\n    document.body.addEventListener('keydown', handleKeyboardEvent);\n    document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n\n    if (autoFocus) {\n      setTimeout(() => {\n        if (autoFocus === 'enforced' && focusableChildren.length === 0 && focusMaster) {\n          trapRef.current?.focus();\n          return;\n        }\n\n        setFocus(\n          trapRef.current!,\n          typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n        );\n      }, 0);\n    }\n    return () => {\n      document.body.removeEventListener('focusout', handleFocusOut as any);\n      document.body.removeEventListener(syntheticEvents.blur, handleFocusOut as any);\n      document.body.removeEventListener('mousedown', handleMouseEvent);\n      document.body.removeEventListener('touchstart', handleMouseEvent);\n      document.body.removeEventListener('keydown', handleKeyboardEvent);\n      document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n      returnFocus();\n      autoTriggerRef.current = null;\n    };\n  }, [disabled, autoFocus, returnFocusTo, returnFocus]);\n\n  React.useEffect(() => {\n    if (typeof trapRef !== 'object' || trapRef === null) return;\n    if (disabled) return;\n    if (!canUseDOM()) return;\n    if (!trapRef.current) return;\n    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0) return;\n\n    if (focusMaster) {\n      focusMastersStack.push(trapRef.current);\n    }\n\n    return () => {\n      if (!focusMaster) return;\n      if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {\n        focusMastersStack.pop();\n      } else {\n        focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current!), 1);\n      }\n    };\n  }, [disabled, focusMaster]);\n\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const id = getUniqueId('focus-lock-consumer');\n    if (disabled) return;\n    focusLockUsedInMountedComponents.add(id);\n    return () => {\n      focusLockUsedInMountedComponents.delete(id);\n    };\n  }, [disabled]);\n};\nconst establishHookAsGlobal = () => {\n  (globalThis as any)[globalFocusLockHookKey] = {\n    hook: useFocusLockHook,\n    version: focusLockVersion,\n    usedInComponents: focusLockUsedInMountedComponents,\n  };\n};\nif (!(globalThis as any)[globalFocusLockHookKey]) {\n  establishHookAsGlobal();\n} else if (typeof (globalThis as any)[globalFocusLockHookKey].version !== 'number') {\n  establishHookAsGlobal();\n} else {\n  const { version: theirVersion, usedInComponents } = (globalThis as any)[globalFocusLockHookKey];\n  if (focusLockVersion > theirVersion && usedInComponents.size === 0) {\n    establishHookAsGlobal();\n  }\n}\n\nexport const useFocusLock = (\n  trapRef: React.RefObject<HTMLElement>,\n  autoFocus: boolean | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\n};\n\nexport const hasFocusableIn = (element: HTMLElement): boolean => {\n  return (\n    Array.from(element.children).flatMap((node) => getFocusableIn(node as HTMLElement)).length > 0\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/use/usePreventScroll.js

@@ -1,58 +1,56 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = usePreventScroll;
+exports.default = usePreventScroll;
 exports.getScrollbarWidth = getScrollbarWidth;
 var _react = _interopRequireDefault(require("react"));
 var _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
 var _uniqueID = require("../uniqueID");
 function getScrollbarWidth() {
-  var _outer$parentNode;
-  if (!(0, _canUseDOM["default"])()) return 0;
-  var outer = document.createElement('div');
+  if (!(0, _canUseDOM.default)()) return 0;
+  const outer = document.createElement('div');
   outer.style.visibility = 'hidden';
   outer.style.width = '100px';
   // @ts-expect-error
   outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
   document.body.appendChild(outer);
-  var widthNoScroll = outer.offsetWidth;
+  const widthNoScroll = outer.offsetWidth;
   outer.style.overflow = 'scroll';
-  var inner = document.createElement('div');
+  const inner = document.createElement('div');
   inner.style.width = '100%';
   outer.appendChild(inner);
-  var widthWithScroll = inner.offsetWidth;
-  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 || _outer$parentNode.removeChild(outer);
+  const widthWithScroll = inner.offsetWidth;
+  outer.parentNode?.removeChild(outer);
   return widthNoScroll - widthWithScroll;
 }
 function getIntValueFromCss(value) {
   return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);
 }
-var scrollPreventers = new Set();
-var lockedBodyStyles = {
+const scrollPreventers = new Set();
+const lockedBodyStyles = {
   paddingRight: '',
   overflow: '',
   boxSizing: ''
 };
-function usePreventScroll() {
-  var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var scrollbarWidth = _react["default"].useMemo(getScrollbarWidth, [getScrollbarWidth]);
-  var id = (0, _uniqueID.useUID)('scroll-preventer-');
-  _react["default"].useEffect(function () {
+function usePreventScroll(visible = true, disabled = false) {
+  const scrollbarWidth = _react.default.useMemo(getScrollbarWidth, [getScrollbarWidth]);
+  const id = (0, _uniqueID.useUID)('scroll-preventer-');
+  _react.default.useEffect(() => {
     if (disabled) return;
-    if (!(0, _canUseDOM["default"])() || !visible) return;
+    if (!(0, _canUseDOM.default)() || !visible) return;
     scrollPreventers.add(id);
     if (scrollPreventers.size > 1) return;
-    var _window$getComputedSt = window.getComputedStyle(document.body),
-      paddingRight = _window$getComputedSt.paddingRight;
+    const {
+      paddingRight
+    } = window.getComputedStyle(document.body);
     lockedBodyStyles.paddingRight = document.body.style.paddingRight;
     lockedBodyStyles.overflow = document.body.style.overflow;
     lockedBodyStyles.boxSizing = document.body.style.boxSizing;
-    var intPaddingRight = getIntValueFromCss(paddingRight);
-    var intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
+    const intPaddingRight = getIntValueFromCss(paddingRight);
+    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
     // Detected own style for window inside window
     if (intPaddingRightFromStyle !== scrollbarWidth) {
       intPaddingRightFromStyle = 0;
@@ -61,11 +59,11 @@ function usePreventScroll() {
     document.body.style.paddingRight = scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';
     document.body.style.boxSizing = 'border-box';
   }, [visible, id, disabled]);
-  _react["default"].useEffect(function () {
+  _react.default.useEffect(() => {
     if (disabled) return;
-    if (!(0, _canUseDOM["default"])() || !visible) return;
-    return function () {
-      scrollPreventers["delete"](id);
+    if (!(0, _canUseDOM.default)() || !visible) return;
+    return () => {
+      scrollPreventers.delete(id);
       if (scrollPreventers.size !== 0) return;
       document.body.style.overflow = lockedBodyStyles.overflow;
       document.body.style.paddingRight = lockedBodyStyles.paddingRight;

package/lib/utils/use/usePreventScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreventScroll.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_uniqueID","getScrollbarWidth","_outer$parentNode","canUseDOM","outer","document","createElement","style","visibility","width","msOverflowStyle","body","appendChild","widthNoScroll","offsetWidth","overflow","inner","widthWithScroll","parentNode","removeChild","getIntValueFromCss","value","Number","isNaN","parseInt","scrollPreventers","Set","lockedBodyStyles","paddingRight","boxSizing","usePreventScroll","visible","arguments","length","undefined","disabled","scrollbarWidth","React","useMemo","id","useUID","useEffect","add","size","_window$getComputedSt","window","getComputedStyle","intPaddingRight","intPaddingRightFromStyle"],"sources":["../../../src/utils/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { useUID } from '../uniqueID';\n\nexport function getScrollbarWidth(): number {\n  if (!canUseDOM()) return 0;\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.width = '100px';\n  // @ts-expect-error\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  const widthNoScroll = outer.offsetWidth;\n  outer.style.overflow = 'scroll';\n\n  const inner = document.createElement('div');\n  inner.style.width = '100%';\n  outer.appendChild(inner);\n\n  const widthWithScroll = inner.offsetWidth;\n\n  outer.parentNode?.removeChild(outer);\n\n  return widthNoScroll - widthWithScroll;\n}\n\nfunction getIntValueFromCss(value: any) {\n  return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);\n}\n\nconst scrollPreventers = new Set<string>();\nconst lockedBodyStyles = {\n  paddingRight: '',\n  overflow: '',\n  boxSizing: '',\n};\nexport default function usePreventScroll(visible = true, disabled = false) {\n  const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);\n  const id = useUID('scroll-preventer-');\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    scrollPreventers.add(id);\n    if (scrollPreventers.size > 1) return;\n\n    const { paddingRight } = window.getComputedStyle(document.body);\n\n    lockedBodyStyles.paddingRight = document.body.style.paddingRight;\n    lockedBodyStyles.overflow = document.body.style.overflow;\n    lockedBodyStyles.boxSizing = document.body.style.boxSizing;\n\n    const intPaddingRight = getIntValueFromCss(paddingRight);\n    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);\n    // Detected own style for window inside window\n    if (intPaddingRightFromStyle !== scrollbarWidth) {\n      intPaddingRightFromStyle = 0;\n    }\n\n    document.body.style.overflow = 'hidden';\n    document.body.style.paddingRight =\n      scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';\n    document.body.style.boxSizing = 'border-box';\n  }, [visible, id, disabled]);\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    return () => {\n      scrollPreventers.delete(id);\n      if (scrollPreventers.size !== 0) return;\n      document.body.style.overflow = lockedBodyStyles.overflow;\n      document.body.style.paddingRight = lockedBodyStyles.paddingRight;\n      document.body.style.boxSizing = lockedBodyStyles.boxSizing;\n    };\n  }, [visible, id, disabled]);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"usePreventScroll.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_uniqueID","getScrollbarWidth","canUseDOM","outer","document","createElement","style","visibility","width","msOverflowStyle","body","appendChild","widthNoScroll","offsetWidth","overflow","inner","widthWithScroll","parentNode","removeChild","getIntValueFromCss","value","Number","isNaN","parseInt","scrollPreventers","Set","lockedBodyStyles","paddingRight","boxSizing","usePreventScroll","visible","disabled","scrollbarWidth","React","useMemo","id","useUID","useEffect","add","size","window","getComputedStyle","intPaddingRight","intPaddingRightFromStyle","delete"],"sources":["../../../src/utils/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { useUID } from '../uniqueID';\n\nexport function getScrollbarWidth(): number {\n  if (!canUseDOM()) return 0;\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.width = '100px';\n  // @ts-expect-error\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  const widthNoScroll = outer.offsetWidth;\n  outer.style.overflow = 'scroll';\n\n  const inner = document.createElement('div');\n  inner.style.width = '100%';\n  outer.appendChild(inner);\n\n  const widthWithScroll = inner.offsetWidth;\n\n  outer.parentNode?.removeChild(outer);\n\n  return widthNoScroll - widthWithScroll;\n}\n\nfunction getIntValueFromCss(value: any) {\n  return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);\n}\n\nconst scrollPreventers = new Set<string>();\nconst lockedBodyStyles = {\n  paddingRight: '',\n  overflow: '',\n  boxSizing: '',\n};\nexport default function usePreventScroll(visible = true, disabled = false) {\n  const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);\n  const id = useUID('scroll-preventer-');\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    scrollPreventers.add(id);\n    if (scrollPreventers.size > 1) return;\n\n    const { paddingRight } = window.getComputedStyle(document.body);\n\n    lockedBodyStyles.paddingRight = document.body.style.paddingRight;\n    lockedBodyStyles.overflow = document.body.style.overflow;\n    lockedBodyStyles.boxSizing = document.body.style.boxSizing;\n\n    const intPaddingRight = getIntValueFromCss(paddingRight);\n    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);\n    // Detected own style for window inside window\n    if (intPaddingRightFromStyle !== scrollbarWidth) {\n      intPaddingRightFromStyle = 0;\n    }\n\n    document.body.style.overflow = 'hidden';\n    document.body.style.paddingRight =\n      scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';\n    document.body.style.boxSizing = 'border-box';\n  }, [visible, id, disabled]);\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    return () => {\n      scrollPreventers.delete(id);\n      if (scrollPreventers.size !== 0) return;\n      document.body.style.overflow = lockedBodyStyles.overflow;\n      document.body.style.paddingRight = lockedBodyStyles.paddingRight;\n      document.body.style.boxSizing = lockedBodyStyles.boxSizing;\n    };\n  }, [visible, id, disabled]);\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/use/usePreventScroll.mjs

@@ -2,49 +2,47 @@ import React from 'react';
 import canUseDOM from "../canUseDOM.mjs";
 import { useUID } from "../uniqueID.mjs";
 export function getScrollbarWidth() {
-  var _outer$parentNode;
   if (!canUseDOM()) return 0;
-  var outer = document.createElement('div');
+  const outer = document.createElement('div');
   outer.style.visibility = 'hidden';
   outer.style.width = '100px';
   // @ts-expect-error
   outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
   document.body.appendChild(outer);
-  var widthNoScroll = outer.offsetWidth;
+  const widthNoScroll = outer.offsetWidth;
   outer.style.overflow = 'scroll';
-  var inner = document.createElement('div');
+  const inner = document.createElement('div');
   inner.style.width = '100%';
   outer.appendChild(inner);
-  var widthWithScroll = inner.offsetWidth;
-  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 || _outer$parentNode.removeChild(outer);
+  const widthWithScroll = inner.offsetWidth;
+  outer.parentNode?.removeChild(outer);
   return widthNoScroll - widthWithScroll;
 }
 function getIntValueFromCss(value) {
   return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);
 }
-var scrollPreventers = new Set();
-var lockedBodyStyles = {
+const scrollPreventers = new Set();
+const lockedBodyStyles = {
   paddingRight: '',
   overflow: '',
   boxSizing: ''
 };
-export default function usePreventScroll() {
-  var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);
-  var id = useUID('scroll-preventer-');
-  React.useEffect(function () {
+export default function usePreventScroll(visible = true, disabled = false) {
+  const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);
+  const id = useUID('scroll-preventer-');
+  React.useEffect(() => {
     if (disabled) return;
     if (!canUseDOM() || !visible) return;
     scrollPreventers.add(id);
     if (scrollPreventers.size > 1) return;
-    var _window$getComputedSt = window.getComputedStyle(document.body),
-      paddingRight = _window$getComputedSt.paddingRight;
+    const {
+      paddingRight
+    } = window.getComputedStyle(document.body);
     lockedBodyStyles.paddingRight = document.body.style.paddingRight;
     lockedBodyStyles.overflow = document.body.style.overflow;
     lockedBodyStyles.boxSizing = document.body.style.boxSizing;
-    var intPaddingRight = getIntValueFromCss(paddingRight);
-    var intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
+    const intPaddingRight = getIntValueFromCss(paddingRight);
+    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
     // Detected own style for window inside window
     if (intPaddingRightFromStyle !== scrollbarWidth) {
       intPaddingRightFromStyle = 0;
@@ -53,11 +51,11 @@ export default function usePreventScroll() {
     document.body.style.paddingRight = scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';
     document.body.style.boxSizing = 'border-box';
   }, [visible, id, disabled]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (disabled) return;
     if (!canUseDOM() || !visible) return;
-    return function () {
-      scrollPreventers["delete"](id);
+    return () => {
+      scrollPreventers.delete(id);
       if (scrollPreventers.size !== 0) return;
       document.body.style.overflow = lockedBodyStyles.overflow;
       document.body.style.paddingRight = lockedBodyStyles.paddingRight;