@fluentui/react-utilities 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/hooks/useMergedRefs.js

@@ -1,30 +1,32 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useMergedRefs", {
-    enumerable: true,
-    get: ()=>useMergedRefs
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+exports.useMergedRefs = void 0;
+const React = /*#__PURE__*/require("react");
+/**
+ * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
+ * updates all provided refs
+ * @param refs - Refs to collectively update with one ref value.
+ * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
+ */
 function useMergedRefs(...refs) {
-    const mergedCallback = _react.useCallback((value)=>{
-        // Update the "current" prop hanging on the function.
-        mergedCallback.current = value;
-        for (const ref of refs){
-            if (typeof ref === "function") {
-                ref(value);
-            } else if (ref) {
-                // work around the immutability of the React.Ref type
-                ref.current = value;
-            }
-        }
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive
-    [
-        ...refs
-    ]);
-    return mergedCallback;
-} //# sourceMappingURL=useMergedRefs.js.map
-
+  const mergedCallback = React.useCallback(value => {
+    // Update the "current" prop hanging on the function.
+    mergedCallback.current = value;
+    for (const ref of refs) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref) {
+        // work around the immutability of the React.Ref type
+        ref.current = value;
+      }
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive
+  [...refs]);
+  return mergedCallback;
+}
+exports.useMergedRefs = useMergedRefs;
 //# sourceMappingURL=useMergedRefs.js.map

package/lib-commonjs/hooks/useMergedRefs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useMergedRefs.js"],"sourcesContent":["import * as React from \"react\";\n/**\n * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that\n * updates all provided refs\n * @param refs - Refs to collectively update with one ref value.\n * @returns A function with an attached \"current\" prop, so that it can be treated like a RefObject.\n */\nexport function useMergedRefs(...refs) {\n  const mergedCallback = React.useCallback(value => {\n    // Update the \"current\" prop hanging on the function.\n    mergedCallback.current = value;\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref) {\n        // work around the immutability of the React.Ref type\n        ref.current = value;\n      }\n    }\n  },\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive\n  [...refs]);\n  return mergedCallback;\n}\n//# sourceMappingURL=useMergedRefs.js.map"],"names":["useMergedRefs","refs","mergedCallback","React","useCallback","value","current","ref"],"mappings":";;;;+BAOgBA;;aAAAA;;;6DAPO;AAOhB,SAASA,cAAc,GAAGC,IAAI,EAAE;IACrC,MAAMC,iBAAiBC,OAAMC,WAAW,CAACC,CAAAA,QAAS;QAChD,qDAAqD;QACrDH,eAAeI,OAAO,GAAGD;QACzB,KAAK,MAAME,OAAON,KAAM;YACtB,IAAI,OAAOM,QAAQ,YAAY;gBAC7BA,IAAIF;YACN,OAAO,IAAIE,KAAK;gBACd,qDAAqD;gBACrDA,IAAID,OAAO,GAAGD;YAChB,CAAC;QACH;IACF,GACA,6EAA6E;IAC7E;WAAIJ;KAAK;IACT,OAAOC;AACT,EACA,yCAAyC"}
+{"version":3,"names":["React","require","useMergedRefs","refs","mergedCallback","useCallback","value","current","ref","exports"],"sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useMergedRefs.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * A Ref function which can be treated like a ref object in that it has an attached\n * current property, which will be updated as the ref is evaluated.\n */\nexport type RefObjectFunction<T> = React.RefObject<T> & ((value: T) => void);\n\n/**\n * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that\n * updates all provided refs\n * @param refs - Refs to collectively update with one ref value.\n * @returns A function with an attached \"current\" prop, so that it can be treated like a RefObject.\n */\nexport function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T> {\n  const mergedCallback: RefObjectFunction<T> = React.useCallback(\n    (value: T) => {\n      // Update the \"current\" prop hanging on the function.\n      (mergedCallback as unknown as React.MutableRefObject<T>).current = value;\n\n      for (const ref of refs) {\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref) {\n          // work around the immutability of the React.Ref type\n          (ref as unknown as React.MutableRefObject<T>).current = value;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive\n    [...refs],\n  ) as unknown as RefObjectFunction<T>;\n\n  return mergedCallback;\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAQA;;;;;;AAMA,SAAgBC,aAAaA,CAAI,GAAGC,IAAkC;EACpE,MAAMC,cAAc,GAAyBJ,KAAK,CAACK,WAAW,CAC3DC,KAAQ,IAAI;IACX;IACCF,cAAuD,CAACG,OAAO,GAAGD,KAAK;IAExE,KAAK,MAAME,GAAG,IAAIL,IAAI,EAAE;MACtB,IAAI,OAAOK,GAAG,KAAK,UAAU,EAAE;QAC7BA,GAAG,CAACF,KAAK,CAAC;OACX,MAAM,IAAIE,GAAG,EAAE;QACd;QACCA,GAA4C,CAACD,OAAO,GAAGD,KAAK;;;EAGnE,CAAC;EACD;EACA,CAAC,GAAGH,IAAI,CAAC,CACyB;EAEpC,OAAOC,cAAc;AACvB;AApBAK,OAAA,CAAAP,aAAA,GAAAA,aAAA"}

package/lib-commonjs/hooks/useOnClickOutside.js

@@ -1,73 +1,78 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useOnClickOutside", {
-    enumerable: true,
-    get: ()=>useOnClickOutside
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useEventCallback = require("./useEventCallback");
-const useOnClickOutside = (options)=>{
-    const { refs , callback , element , disabled , contains: containsProp  } = options;
-    const timeoutId = _react.useRef(undefined);
-    useIFrameFocus(options);
-    const listener = (0, _useEventCallback.useEventCallback)((ev)=>{
-        const contains = containsProp || ((parent, child)=>!!parent?.contains(child));
-        const isOutside = refs.every((ref)=>!contains(ref.current || null, ev.target));
-        if (isOutside && !disabled) {
-            callback(ev);
-        }
-    });
-    _react.useEffect(()=>{
-        // Store the current event to avoid triggering handlers immediately
-        // Note this depends on a deprecated but extremely well supported quirk of the web platform
-        // https://github.com/facebook/react/issues/20074
-        let currentEvent = getWindowEvent(window);
-        const conditionalHandler = (event)=>{
-            // Skip if this event is the same as the one running when we added the handlers
-            if (event === currentEvent) {
-                currentEvent = undefined;
-                return;
-            }
-            listener(event);
-        };
-        if (!disabled) {
-            // use capture phase because React can update DOM before the event bubbles to the document
-            element?.addEventListener("click", conditionalHandler, true);
-            element?.addEventListener("touchstart", conditionalHandler, true);
-            element?.addEventListener("contextmenu", conditionalHandler, true);
-        }
-        // Garbage collect this event after it's no longer useful to avoid memory leaks
-        timeoutId.current = window.setTimeout(()=>{
-            currentEvent = undefined;
-        }, 1);
-        return ()=>{
-            element?.removeEventListener("click", conditionalHandler, true);
-            element?.removeEventListener("touchstart", conditionalHandler, true);
-            element?.removeEventListener("contextmenu", conditionalHandler, true);
-            clearTimeout(timeoutId.current);
-            currentEvent = undefined;
-        };
-    }, [
-        listener,
-        element,
-        disabled
-    ]);
+exports.useOnClickOutside = void 0;
+const React = /*#__PURE__*/require("react");
+const useEventCallback_1 = /*#__PURE__*/require("./useEventCallback");
+/**
+ * @internal
+ * Utility to perform checks where a click/touch event was made outside a component
+ */
+const useOnClickOutside = options => {
+  const {
+    refs,
+    callback,
+    element,
+    disabled,
+    contains: containsProp
+  } = options;
+  const timeoutId = React.useRef(undefined);
+  useIFrameFocus(options);
+  const listener = useEventCallback_1.useEventCallback(ev => {
+    const contains = containsProp || ((parent, child) => !!(parent === null || parent === void 0 ? void 0 : parent.contains(child)));
+    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));
+    if (isOutside && !disabled) {
+      callback(ev);
+    }
+  });
+  React.useEffect(() => {
+    // Store the current event to avoid triggering handlers immediately
+    // Note this depends on a deprecated but extremely well supported quirk of the web platform
+    // https://github.com/facebook/react/issues/20074
+    let currentEvent = getWindowEvent(window);
+    const conditionalHandler = event => {
+      // Skip if this event is the same as the one running when we added the handlers
+      if (event === currentEvent) {
+        currentEvent = undefined;
+        return;
+      }
+      listener(event);
+    };
+    if (!disabled) {
+      // use capture phase because React can update DOM before the event bubbles to the document
+      element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
+    }
+    // Garbage collect this event after it's no longer useful to avoid memory leaks
+    timeoutId.current = window.setTimeout(() => {
+      currentEvent = undefined;
+    }, 1);
+    return () => {
+      element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
+      clearTimeout(timeoutId.current);
+      currentEvent = undefined;
+    };
+  }, [listener, element, disabled]);
 };
-const getWindowEvent = (target)=>{
-    if (target) {
-        if (typeof target.window === "object" && target.window === target) {
-            // eslint-disable-next-line deprecation/deprecation
-            return target.event;
-        }
-        // eslint-disable-next-line deprecation/deprecation
-        return target.ownerDocument?.defaultView?.event ?? undefined;
+exports.useOnClickOutside = useOnClickOutside;
+const getWindowEvent = target => {
+  var _a, _b, _c;
+  if (target) {
+    if (typeof target.window === 'object' && target.window === target) {
+      // eslint-disable-next-line deprecation/deprecation
+      return target.event;
     }
-    return undefined;
+    // eslint-disable-next-line deprecation/deprecation
+    return (_c = (_b = (_a = target.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) === null || _b === void 0 ? void 0 : _b.event) !== null && _c !== void 0 ? _c : undefined;
+  }
+  return undefined;
 };
-const FUI_FRAME_EVENT = "fuiframefocus";
+const FUI_FRAME_EVENT = 'fuiframefocus';
 /**
  * Since click events do not propagate past iframes, we use focus to detect if a
  * click has happened inside an iframe, since the only ways of focusing inside an
@@ -77,50 +82,51 @@ const FUI_FRAME_EVENT = "fuiframefocus";
  *
  * Polls the value of `document.activeElement`. If it is an iframe, then dispatch
  * a custom DOM event. When the custom event is received call the provided callback
- */ const useIFrameFocus = (options)=>{
-    const { disabled , element: targetDocument , callback , contains: containsProp = (parent, child)=>!!parent?.contains(child) , pollDuration =1000 , refs  } = options;
-    const timeoutRef = _react.useRef();
-    const listener = (0, _useEventCallback.useEventCallback)((e)=>{
-        const contains = containsProp || ((parent, child)=>!!parent?.contains(child));
-        const isOutside = refs.every((ref)=>!contains(ref.current || null, e.target));
-        if (isOutside && !disabled) {
-            callback(e);
-        }
-    });
-    // Adds listener to the custom iframe focus event
-    _react.useEffect(()=>{
-        if (!disabled) {
-            targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);
-            return ()=>{
-                targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);
-            };
-        }
-    }, [
-        targetDocument,
-        disabled,
-        listener
-    ]);
-    // Starts polling for the active element
-    _react.useEffect(()=>{
-        if (!disabled) {
-            timeoutRef.current = targetDocument?.defaultView?.setInterval(()=>{
-                const activeElement = targetDocument?.activeElement;
-                if (activeElement?.tagName === "IFRAME" || activeElement?.tagName === "WEBVIEW") {
-                    const event = new CustomEvent(FUI_FRAME_EVENT, {
-                        bubbles: true
-                    });
-                    activeElement.dispatchEvent(event);
-                }
-            }, pollDuration);
+ */
+const useIFrameFocus = options => {
+  const {
+    disabled,
+    element: targetDocument,
+    callback,
+    contains: containsProp = (parent, child) => !!(parent === null || parent === void 0 ? void 0 : parent.contains(child)),
+    pollDuration = 1000,
+    refs
+  } = options;
+  const timeoutRef = React.useRef();
+  const listener = useEventCallback_1.useEventCallback(e => {
+    const contains = containsProp || ((parent, child) => !!(parent === null || parent === void 0 ? void 0 : parent.contains(child)));
+    const isOutside = refs.every(ref => !contains(ref.current || null, e.target));
+    if (isOutside && !disabled) {
+      callback(e);
+    }
+  });
+  // Adds listener to the custom iframe focus event
+  React.useEffect(() => {
+    if (!disabled) {
+      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
+      return () => {
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
+      };
+    }
+  }, [targetDocument, disabled, listener]);
+  // Starts polling for the active element
+  React.useEffect(() => {
+    var _a;
+    if (!disabled) {
+      timeoutRef.current = (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.setInterval(() => {
+        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+        if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'WEBVIEW') {
+          const event = new CustomEvent(FUI_FRAME_EVENT, {
+            bubbles: true
+          });
+          activeElement.dispatchEvent(event);
         }
-        return ()=>{
-            targetDocument?.defaultView?.clearTimeout(timeoutRef.current);
-        };
-    }, [
-        targetDocument,
-        disabled,
-        pollDuration
-    ]);
-}; //# sourceMappingURL=useOnClickOutside.js.map
-
+      }, pollDuration);
+    }
+    return () => {
+      var _a;
+      (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.clearTimeout(timeoutRef.current);
+    };
+  }, [targetDocument, disabled, pollDuration]);
+};
 //# sourceMappingURL=useOnClickOutside.js.map

package/lib-commonjs/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useOnClickOutside.js"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"./useEventCallback\";\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnClickOutside = options => {\n  const {\n    refs,\n    callback,\n    element,\n    disabled,\n    contains: containsProp\n  } = options;\n  const timeoutId = React.useRef(undefined);\n  useIFrameFocus(options);\n  const listener = useEventCallback(ev => {\n    const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n  React.useEffect(() => {\n    // Store the current event to avoid triggering handlers immediately\n    // Note this depends on a deprecated but extremely well supported quirk of the web platform\n    // https://github.com/facebook/react/issues/20074\n    let currentEvent = getWindowEvent(window);\n    const conditionalHandler = event => {\n      // Skip if this event is the same as the one running when we added the handlers\n      if (event === currentEvent) {\n        currentEvent = undefined;\n        return;\n      }\n      listener(event);\n    };\n    if (!disabled) {\n      // use capture phase because React can update DOM before the event bubbles to the document\n      element?.addEventListener(\"click\", conditionalHandler, true);\n      element?.addEventListener(\"touchstart\", conditionalHandler, true);\n      element?.addEventListener(\"contextmenu\", conditionalHandler, true);\n    }\n    // Garbage collect this event after it's no longer useful to avoid memory leaks\n    timeoutId.current = window.setTimeout(() => {\n      currentEvent = undefined;\n    }, 1);\n    return () => {\n      element?.removeEventListener(\"click\", conditionalHandler, true);\n      element?.removeEventListener(\"touchstart\", conditionalHandler, true);\n      element?.removeEventListener(\"contextmenu\", conditionalHandler, true);\n      clearTimeout(timeoutId.current);\n      currentEvent = undefined;\n    };\n  }, [listener, element, disabled]);\n};\nconst getWindowEvent = target => {\n  if (target) {\n    if (typeof target.window === \"object\" && target.window === target) {\n      // eslint-disable-next-line deprecation/deprecation\n      return target.event;\n    }\n    // eslint-disable-next-line deprecation/deprecation\n    return target.ownerDocument?.defaultView?.event ?? undefined;\n  }\n  return undefined;\n};\nconst FUI_FRAME_EVENT = \"fuiframefocus\";\n/**\n * Since click events do not propagate past iframes, we use focus to detect if a\n * click has happened inside an iframe, since the only ways of focusing inside an\n * iframe are:\n *   - clicking inside\n *   - tabbing inside\n *\n * Polls the value of `document.activeElement`. If it is an iframe, then dispatch\n * a custom DOM event. When the custom event is received call the provided callback\n */\nconst useIFrameFocus = options => {\n  const {\n    disabled,\n    element: targetDocument,\n    callback,\n    contains: containsProp = (parent, child) => !!parent?.contains(child),\n    pollDuration = 1000,\n    refs\n  } = options;\n  const timeoutRef = React.useRef();\n  const listener = useEventCallback(e => {\n    const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n    const isOutside = refs.every(ref => !contains(ref.current || null, e.target));\n    if (isOutside && !disabled) {\n      callback(e);\n    }\n  });\n  // Adds listener to the custom iframe focus event\n  React.useEffect(() => {\n    if (!disabled) {\n      targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n      return () => {\n        targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n      };\n    }\n  }, [targetDocument, disabled, listener]);\n  // Starts polling for the active element\n  React.useEffect(() => {\n    if (!disabled) {\n      timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n        const activeElement = targetDocument?.activeElement;\n        if (activeElement?.tagName === \"IFRAME\" || activeElement?.tagName === \"WEBVIEW\") {\n          const event = new CustomEvent(FUI_FRAME_EVENT, {\n            bubbles: true\n          });\n          activeElement.dispatchEvent(event);\n        }\n      }, pollDuration);\n    }\n    return () => {\n      targetDocument?.defaultView?.clearTimeout(timeoutRef.current);\n    };\n  }, [targetDocument, disabled, pollDuration]);\n};\n//# sourceMappingURL=useOnClickOutside.js.map"],"names":["useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","React","useRef","undefined","useIFrameFocus","listener","useEventCallback","ev","parent","child","isOutside","every","ref","current","target","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"mappings":"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"}
+{"version":3,"names":["React","require","useEventCallback_1","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","listener","useEventCallback","ev","parent","child","isOutside","every","ref","current","target","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","exports","_c","_b","_a","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\n\n/**\n * @internal\n */\nexport type UseOnClickOrScrollOutsideOptions = {\n  /**\n   * The element to listen for the click event\n   */\n  element: Document | undefined;\n  /**\n   * Refs to elements that check if the click is outside\n   */\n  refs: React.MutableRefObject<HTMLElement | undefined | null>[];\n\n  /**\n   * By default uses element.contains, but custom contain function can be provided\n   * @param parentRef - provided parent ref\n   * @param child - event target element\n   */\n  contains?(parent: HTMLElement | null, child: HTMLElement): boolean;\n\n  /**\n   * Disables event listeners\n   */\n  disabled?: boolean;\n\n  /**\n   * Called if the click is outside the element refs\n   */\n  callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnClickOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n  const timeoutId = React.useRef<number | undefined>(undefined);\n  useIFrameFocus(options);\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // Store the current event to avoid triggering handlers immediately\n    // Note this depends on a deprecated but extremely well supported quirk of the web platform\n    // https://github.com/facebook/react/issues/20074\n    let currentEvent = getWindowEvent(window);\n\n    const conditionalHandler = (event: MouseEvent | TouchEvent) => {\n      // Skip if this event is the same as the one running when we added the handlers\n      if (event === currentEvent) {\n        currentEvent = undefined;\n        return;\n      }\n\n      listener(event);\n    };\n\n    if (!disabled) {\n      // use capture phase because React can update DOM before the event bubbles to the document\n      element?.addEventListener('click', conditionalHandler, true);\n      element?.addEventListener('touchstart', conditionalHandler, true);\n      element?.addEventListener('contextmenu', conditionalHandler, true);\n    }\n\n    // Garbage collect this event after it's no longer useful to avoid memory leaks\n    timeoutId.current = window.setTimeout(() => {\n      currentEvent = undefined;\n    }, 1);\n\n    return () => {\n      element?.removeEventListener('click', conditionalHandler, true);\n      element?.removeEventListener('touchstart', conditionalHandler, true);\n      element?.removeEventListener('contextmenu', conditionalHandler, true);\n\n      clearTimeout(timeoutId.current);\n      currentEvent = undefined;\n    };\n  }, [listener, element, disabled]);\n};\n\nconst getWindowEvent = (target: Node | Window): Event | undefined => {\n  if (target) {\n    if (typeof (target as Window).window === 'object' && (target as Window).window === target) {\n      // eslint-disable-next-line deprecation/deprecation\n      return target.event;\n    }\n\n    // eslint-disable-next-line deprecation/deprecation\n    return (target as Node).ownerDocument?.defaultView?.event ?? undefined;\n  }\n\n  return undefined;\n};\n\nconst FUI_FRAME_EVENT = 'fuiframefocus';\n\ninterface UseIFrameFocusOptions extends UseOnClickOrScrollOutsideOptions {\n  /**\n   * Millisecond duration to poll\n   */\n  pollDuration?: number;\n}\n\n/**\n * Since click events do not propagate past iframes, we use focus to detect if a\n * click has happened inside an iframe, since the only ways of focusing inside an\n * iframe are:\n *   - clicking inside\n *   - tabbing inside\n *\n * Polls the value of `document.activeElement`. If it is an iframe, then dispatch\n * a custom DOM event. When the custom event is received call the provided callback\n */\nconst useIFrameFocus = (options: UseIFrameFocusOptions) => {\n  const {\n    disabled,\n    element: targetDocument,\n    callback,\n    contains: containsProp = (parent, child) => !!parent?.contains(child),\n    pollDuration = 1000,\n    refs,\n  } = options;\n  const timeoutRef = React.useRef<number>();\n\n  const listener = useEventCallback((e: Event) => {\n    const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(e as MouseEvent);\n    }\n  });\n\n  // Adds listener to the custom iframe focus event\n  React.useEffect(() => {\n    if (!disabled) {\n      targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n      return () => {\n        targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n      };\n    }\n  }, [targetDocument, disabled, listener]);\n\n  // Starts polling for the active element\n  React.useEffect(() => {\n    if (!disabled) {\n      timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n        const activeElement = targetDocument?.activeElement;\n        if (activeElement?.tagName === 'IFRAME' || activeElement?.tagName === 'WEBVIEW') {\n          const event = new CustomEvent(FUI_FRAME_EVENT, { bubbles: true });\n          activeElement.dispatchEvent(event);\n        }\n      }, pollDuration);\n    }\n    return () => {\n      targetDocument?.defaultView?.clearTimeout(timeoutRef.current);\n    };\n  }, [targetDocument, disabled, pollDuration]);\n};\n"],"mappings":"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"}

package/lib-commonjs/hooks/useOnScrollOutside.js

@@ -1,37 +1,40 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useOnScrollOutside", {
-    enumerable: true,
-    get: ()=>useOnScrollOutside
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useEventCallback = require("./useEventCallback");
-const useOnScrollOutside = (options)=>{
-    const { refs , callback , element , disabled , contains: containsProp  } = options;
-    const listener = (0, _useEventCallback.useEventCallback)((ev)=>{
-        const contains = containsProp || ((parent, child)=>!!parent?.contains(child));
-        const isOutside = refs.every((ref)=>!contains(ref.current || null, ev.target));
-        if (isOutside && !disabled) {
-            callback(ev);
-        }
-    });
-    _react.useEffect(()=>{
-        if (!disabled) {
-            element?.addEventListener("wheel", listener);
-            element?.addEventListener("touchmove", listener);
-        }
-        return ()=>{
-            element?.removeEventListener("wheel", listener);
-            element?.removeEventListener("touchmove", listener);
-        };
-    }, [
-        listener,
-        element,
-        disabled
-    ]);
-}; //# sourceMappingURL=useOnScrollOutside.js.map
-
+exports.useOnScrollOutside = void 0;
+const React = /*#__PURE__*/require("react");
+const useEventCallback_1 = /*#__PURE__*/require("./useEventCallback");
+/**
+ * @internal
+ * Utility to perform checks where a click/touch event was made outside a component
+ */
+const useOnScrollOutside = options => {
+  const {
+    refs,
+    callback,
+    element,
+    disabled,
+    contains: containsProp
+  } = options;
+  const listener = useEventCallback_1.useEventCallback(ev => {
+    const contains = containsProp || ((parent, child) => !!(parent === null || parent === void 0 ? void 0 : parent.contains(child)));
+    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));
+    if (isOutside && !disabled) {
+      callback(ev);
+    }
+  });
+  React.useEffect(() => {
+    if (!disabled) {
+      element === null || element === void 0 ? void 0 : element.addEventListener('wheel', listener);
+      element === null || element === void 0 ? void 0 : element.addEventListener('touchmove', listener);
+    }
+    return () => {
+      element === null || element === void 0 ? void 0 : element.removeEventListener('wheel', listener);
+      element === null || element === void 0 ? void 0 : element.removeEventListener('touchmove', listener);
+    };
+  }, [listener, element, disabled]);
+};
+exports.useOnScrollOutside = useOnScrollOutside;
 //# sourceMappingURL=useOnScrollOutside.js.map

package/lib-commonjs/hooks/useOnScrollOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useOnScrollOutside.js"],"sourcesContent":["import * as React from \"react\";\nimport { useEventCallback } from \"./useEventCallback\";\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = options => {\n  const {\n    refs,\n    callback,\n    element,\n    disabled,\n    contains: containsProp\n  } = options;\n  const listener = useEventCallback(ev => {\n    const contains = containsProp || ((parent, child) => !!parent?.contains(child));\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n  React.useEffect(() => {\n    if (!disabled) {\n      element?.addEventListener(\"wheel\", listener);\n      element?.addEventListener(\"touchmove\", listener);\n    }\n    return () => {\n      element?.removeEventListener(\"wheel\", listener);\n      element?.removeEventListener(\"touchmove\", listener);\n    };\n  }, [listener, element, disabled]);\n};\n//# sourceMappingURL=useOnScrollOutside.js.map"],"names":["useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","useEventCallback","ev","parent","child","isOutside","every","ref","current","target","React","useEffect","addEventListener","removeEventListener"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;kCACU;AAK1B,MAAMA,qBAAqBC,CAAAA,UAAW;IAC3C,MAAM,EACJC,KAAI,EACJC,SAAQ,EACRC,QAAO,EACPC,SAAQ,EACRC,UAAUC,aAAY,EACvB,GAAGN;IACJ,MAAMO,WAAWC,IAAAA,kCAAgB,EAACC,CAAAA,KAAM;QACtC,MAAMJ,WAAWC,gBAAiB,CAAA,CAACI,QAAQC,QAAU,CAAC,CAACD,QAAQL,SAASM,MAAK;QAC7E,MAAMC,YAAYX,KAAKY,KAAK,CAACC,CAAAA,MAAO,CAACT,SAASS,IAAIC,OAAO,IAAI,IAAI,EAAEN,GAAGO,MAAM;QAC5E,IAAIJ,aAAa,CAACR,UAAU;YAC1BF,SAASO;QACX,CAAC;IACH;IACAQ,OAAMC,SAAS,CAAC,IAAM;QACpB,IAAI,CAACd,UAAU;YACbD,SAASgB,iBAAiB,SAASZ;YACnCJ,SAASgB,iBAAiB,aAAaZ;QACzC,CAAC;QACD,OAAO,IAAM;YACXJ,SAASiB,oBAAoB,SAASb;YACtCJ,SAASiB,oBAAoB,aAAab;QAC5C;IACF,GAAG;QAACA;QAAUJ;QAASC;KAAS;AAClC,GACA,8CAA8C"}
+{"version":3,"names":["React","require","useEventCallback_1","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","useEventCallback","ev","parent","child","isOutside","every","ref","current","target","useEffect","addEventListener","removeEventListener","exports"],"sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useOnScrollOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    if (!disabled) {\n      element?.addEventListener('wheel', listener);\n      element?.addEventListener('touchmove', listener);\n    }\n\n    return () => {\n      element?.removeEventListener('wheel', listener);\n      element?.removeEventListener('touchmove', listener);\n    };\n  }, [listener, element, disabled]);\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AAGA;;;;AAIO,MAAME,kBAAkB,GAAIC,OAAyC,IAAI;EAC9E,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ,EAAEC;EAAY,CAAE,GAAGN,OAAO;EAE7E,MAAMO,QAAQ,GAAGT,kBAAA,CAAAU,gBAAgB,CAAEC,EAA2B,IAAI;IAChE,MAAMJ,QAAQ,GACZC,YAAY,KAAK,CAACI,MAAM,EAAEC,KAAK,KAAK,CAAC,EAACD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEL,QAAQ,CAACM,KAAK,CAAC,EAAC;IAEhE,MAAMC,SAAS,GAAGX,IAAI,CAACY,KAAK,CAACC,GAAG,IAAI,CAACT,QAAQ,CAACS,GAAG,CAACC,OAAO,IAAI,IAAI,EAAEN,EAAE,CAACO,MAAqB,CAAC,CAAC;IAC7F,IAAIJ,SAAS,IAAI,CAACR,QAAQ,EAAE;MAC1BF,QAAQ,CAACO,EAAE,CAAC;;EAEhB,CAAC,CAAC;EAEFb,KAAK,CAACqB,SAAS,CAAC,MAAK;IACnB,IAAI,CAACb,QAAQ,EAAE;MACbD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEe,gBAAgB,CAAC,OAAO,EAAEX,QAAQ,CAAC;MAC5CJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEe,gBAAgB,CAAC,WAAW,EAAEX,QAAQ,CAAC;;IAGlD,OAAO,MAAK;MACVJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgB,mBAAmB,CAAC,OAAO,EAAEZ,QAAQ,CAAC;MAC/CJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgB,mBAAmB,CAAC,WAAW,EAAEZ,QAAQ,CAAC;IACrD,CAAC;EACH,CAAC,EAAE,CAACA,QAAQ,EAAEJ,OAAO,EAAEC,QAAQ,CAAC,CAAC;AACnC,CAAC;AAxBYgB,OAAA,CAAArB,kBAAkB,GAAAA,kBAAA"}

package/lib-commonjs/hooks/usePrevious.js

@@ -1,21 +1,19 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "usePrevious", {
-    enumerable: true,
-    get: ()=>usePrevious
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const usePrevious = (value)=>{
-    const ref = _react.useRef(null);
-    _react.useEffect(()=>{
-        ref.current = value;
-    }, [
-        value
-    ]);
-    return ref.current;
-}; //# sourceMappingURL=usePrevious.js.map
-
+exports.usePrevious = void 0;
+const React = /*#__PURE__*/require("react");
+/**
+ * @internal
+ */
+const usePrevious = value => {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+exports.usePrevious = usePrevious;
 //# sourceMappingURL=usePrevious.js.map

package/lib-commonjs/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/usePrevious.js"],"sourcesContent":["import * as React from \"react\";\n/**\n * @internal\n */\nexport const usePrevious = value => {\n  const ref = React.useRef(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n};\n//# sourceMappingURL=usePrevious.js.map"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;AAIhB,MAAMA,cAAcC,CAAAA,QAAS;IAClC,MAAMC,MAAMC,OAAMC,MAAM,CAAC,IAAI;IAC7BD,OAAME,SAAS,CAAC,IAAM;QACpBH,IAAII,OAAO,GAAGL;IAChB,GAAG;QAACA;KAAM;IACV,OAAOC,IAAII,OAAO;AACpB,GACA,uCAAuC"}
+{"version":3,"names":["React","require","usePrevious","value","ref","useRef","useEffect","current","exports"],"sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport const usePrevious = <ValueType = unknown>(value: ValueType) => {\n  const ref = React.useRef<ValueType | null>(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAEA;;;AAGO,MAAMC,WAAW,GAAyBC,KAAgB,IAAI;EACnE,MAAMC,GAAG,GAAGJ,KAAK,CAACK,MAAM,CAAmB,IAAI,CAAC;EAChDL,KAAK,CAACM,SAAS,CAAC,MAAK;IACnBF,GAAG,CAACG,OAAO,GAAGJ,KAAK;EACrB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACX,OAAOC,GAAG,CAACG,OAAO;AACpB,CAAC;AANYC,OAAA,CAAAN,WAAW,GAAAA,WAAA"}

package/lib-commonjs/hooks/useScrollbarWidth.js

@@ -1,37 +1,37 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useScrollbarWidth", {
-    enumerable: true,
-    get: ()=>useScrollbarWidth
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const cache = /*#__PURE__*/ new WeakMap();
+exports.useScrollbarWidth = void 0;
+const React = /*#__PURE__*/require("react");
+const cache = /*#__PURE__*/new WeakMap();
+/**
+ * @returns The width in pixels of the scrollbar in the user agent
+ */
 function useScrollbarWidth(options) {
-    const { targetDocument , force  } = options;
-    return _react.useMemo(()=>{
-        if (!targetDocument) {
-            return 0;
-        }
-        if (!force && cache.has(targetDocument)) {
-            return cache.get(targetDocument);
-        }
-        const outer = targetDocument.createElement("div");
-        outer.style.visibility = "hidden";
-        outer.style.overflow = "scroll";
-        const inner = targetDocument.createElement("div");
-        outer.appendChild(inner);
-        targetDocument.body.appendChild(outer);
-        const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
-        outer.remove();
-        cache.set(targetDocument, scrollbarWidth);
-        return scrollbarWidth;
-    }, [
-        targetDocument,
-        force
-    ]);
-} //# sourceMappingURL=useScrollbarWidth.js.map
-
+  const {
+    targetDocument,
+    force
+  } = options;
+  return React.useMemo(() => {
+    if (!targetDocument) {
+      return 0;
+    }
+    if (!force && cache.has(targetDocument)) {
+      return cache.get(targetDocument);
+    }
+    const outer = targetDocument.createElement('div');
+    outer.style.visibility = 'hidden';
+    outer.style.overflow = 'scroll';
+    const inner = targetDocument.createElement('div');
+    outer.appendChild(inner);
+    targetDocument.body.appendChild(outer);
+    const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;
+    outer.remove();
+    cache.set(targetDocument, scrollbarWidth);
+    return scrollbarWidth;
+  }, [targetDocument, force]);
+}
+exports.useScrollbarWidth = useScrollbarWidth;
 //# sourceMappingURL=useScrollbarWidth.js.map

package/lib-commonjs/hooks/useScrollbarWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useScrollbarWidth.js"],"sourcesContent":["import * as React from \"react\";\nconst cache = /*#__PURE__*/new WeakMap();\n/**\n * @returns The width in pixels of the scrollbar in the user agent\n */\nexport function useScrollbarWidth(options) {\n  const {\n    targetDocument,\n    force\n  } = options;\n  return React.useMemo(() => {\n    if (!targetDocument) {\n      return 0;\n    }\n    if (!force && cache.has(targetDocument)) {\n      return cache.get(targetDocument);\n    }\n    const outer = targetDocument.createElement(\"div\");\n    outer.style.visibility = \"hidden\";\n    outer.style.overflow = \"scroll\";\n    const inner = targetDocument.createElement(\"div\");\n    outer.appendChild(inner);\n    targetDocument.body.appendChild(outer);\n    const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n    outer.remove();\n    cache.set(targetDocument, scrollbarWidth);\n    return scrollbarWidth;\n  }, [targetDocument, force]);\n}\n//# sourceMappingURL=useScrollbarWidth.js.map"],"names":["useScrollbarWidth","cache","WeakMap","options","targetDocument","force","React","useMemo","has","get","outer","createElement","style","visibility","overflow","inner","appendChild","body","scrollbarWidth","offsetWidth","remove","set"],"mappings":";;;;+BAKgBA;;aAAAA;;;6DALO;AACvB,MAAMC,QAAQ,WAAW,GAAE,IAAIC;AAIxB,SAASF,kBAAkBG,OAAO,EAAE;IACzC,MAAM,EACJC,eAAc,EACdC,MAAK,EACN,GAAGF;IACJ,OAAOG,OAAMC,OAAO,CAAC,IAAM;QACzB,IAAI,CAACH,gBAAgB;YACnB,OAAO;QACT,CAAC;QACD,IAAI,CAACC,SAASJ,MAAMO,GAAG,CAACJ,iBAAiB;YACvC,OAAOH,MAAMQ,GAAG,CAACL;QACnB,CAAC;QACD,MAAMM,QAAQN,eAAeO,aAAa,CAAC;QAC3CD,MAAME,KAAK,CAACC,UAAU,GAAG;QACzBH,MAAME,KAAK,CAACE,QAAQ,GAAG;QACvB,MAAMC,QAAQX,eAAeO,aAAa,CAAC;QAC3CD,MAAMM,WAAW,CAACD;QAClBX,eAAea,IAAI,CAACD,WAAW,CAACN;QAChC,MAAMQ,iBAAiBR,MAAMS,WAAW,GAAGJ,MAAMI,WAAW;QAC5DT,MAAMU,MAAM;QACZnB,MAAMoB,GAAG,CAACjB,gBAAgBc;QAC1B,OAAOA;IACT,GAAG;QAACd;QAAgBC;KAAM;AAC5B,EACA,6CAA6C"}
+{"version":3,"names":["React","require","cache","WeakMap","useScrollbarWidth","options","targetDocument","force","useMemo","has","get","outer","createElement","style","visibility","overflow","inner","appendChild","body","scrollbarWidth","offsetWidth","remove","set","exports"],"sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useScrollbarWidth.ts"],"sourcesContent":["import * as React from 'react';\n\nconst cache = new WeakMap<Document, number>();\n\ninterface UseScrollbarWidthOptions {\n  /**\n   * Reference document to measure the scrollbar width\n   */\n  targetDocument: Document | null | undefined;\n\n  /**\n   * Does not use the cache and recalculates the scrollbar width\n   */\n  force?: boolean;\n}\n\n/**\n * @returns The width in pixels of the scrollbar in the user agent\n */\nexport function useScrollbarWidth(options: UseScrollbarWidthOptions) {\n  const { targetDocument, force } = options;\n  return React.useMemo(() => {\n    if (!targetDocument) {\n      return 0;\n    }\n\n    if (!force && cache.has(targetDocument)) {\n      return cache.get(targetDocument);\n    }\n\n    const outer = targetDocument.createElement('div');\n    outer.style.visibility = 'hidden';\n    outer.style.overflow = 'scroll';\n\n    const inner = targetDocument.createElement('div');\n    outer.appendChild(inner);\n\n    targetDocument.body.appendChild(outer);\n    const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n    outer.remove();\n    cache.set(targetDocument, scrollbarWidth);\n    return scrollbarWidth;\n  }, [targetDocument, force]);\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAEA,MAAMC,KAAK,gBAAG,IAAIC,OAAO,EAAoB;AAc7C;;;AAGA,SAAgBC,iBAAiBA,CAACC,OAAiC;EACjE,MAAM;IAAEC,cAAc;IAAEC;EAAK,CAAE,GAAGF,OAAO;EACzC,OAAOL,KAAK,CAACQ,OAAO,CAAC,MAAK;IACxB,IAAI,CAACF,cAAc,EAAE;MACnB,OAAO,CAAC;;IAGV,IAAI,CAACC,KAAK,IAAIL,KAAK,CAACO,GAAG,CAACH,cAAc,CAAC,EAAE;MACvC,OAAOJ,KAAK,CAACQ,GAAG,CAACJ,cAAc,CAAC;;IAGlC,MAAMK,KAAK,GAAGL,cAAc,CAACM,aAAa,CAAC,KAAK,CAAC;IACjDD,KAAK,CAACE,KAAK,CAACC,UAAU,GAAG,QAAQ;IACjCH,KAAK,CAACE,KAAK,CAACE,QAAQ,GAAG,QAAQ;IAE/B,MAAMC,KAAK,GAAGV,cAAc,CAACM,aAAa,CAAC,KAAK,CAAC;IACjDD,KAAK,CAACM,WAAW,CAACD,KAAK,CAAC;IAExBV,cAAc,CAACY,IAAI,CAACD,WAAW,CAACN,KAAK,CAAC;IACtC,MAAMQ,cAAc,GAAGR,KAAK,CAACS,WAAW,GAAGJ,KAAK,CAACI,WAAW;IAC5DT,KAAK,CAACU,MAAM,EAAE;IACdnB,KAAK,CAACoB,GAAG,CAAChB,cAAc,EAAEa,cAAc,CAAC;IACzC,OAAOA,cAAc;EACvB,CAAC,EAAE,CAACb,cAAc,EAAEC,KAAK,CAAC,CAAC;AAC7B;AAxBAgB,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA"}