@fluentui/react-utilities 9.13.1 → 9.13.3

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui/react-utilities",
   "entries": [
     {
-      "date": "Tue, 05 Sep 2023 13:23:16 GMT",
+      "date": "Wed, 06 Sep 2023 13:27:23 GMT",
+      "tag": "@fluentui/react-utilities_v9.13.3",
+      "version": "9.13.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "yuanboxue@microsoft.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "42ed56cff2ef6c21fb2d5805d77c370dc3036ebe",
+            "comment": "Revert fix: `useOnClickOutside` should invoke callback on clicking scrollbar"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 05 Sep 2023 15:39:03 GMT",
+      "tag": "@fluentui/react-utilities_v9.13.2",
+      "version": "9.13.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "yuanboxue@microsoft.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "e1a882487376a105505801ff30bbb9dc103c73f2",
+            "comment": "fix: `useOnScrollOutside` should invoke callback on dragging scrollbar"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 05 Sep 2023 13:29:11 GMT",
       "tag": "@fluentui/react-utilities_v9.13.1",
       "version": "9.13.1",
       "comments": {
@@ -35,7 +65,7 @@
             "author": "beachball",
             "package": "@fluentui/react-utilities",
             "comment": "Bump @fluentui/keyboard-keys to v9.0.4",
-            "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
+            "commit": "da959e66f36b429e40ae61810d08dc71c16e154a"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/react-utilities
 
-This log was last generated on Tue, 05 Sep 2023 13:23:16 GMT and should not be manually modified.
+This log was last generated on Wed, 06 Sep 2023 13:27:23 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.13.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.3)
+
+Wed, 06 Sep 2023 13:27:23 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.13.2..@fluentui/react-utilities_v9.13.3)
+
+### Patches
+
+- Revert fix: `useOnClickOutside` should invoke callback on clicking scrollbar ([PR #29065](https://github.com/microsoft/fluentui/pull/29065) by yuanboxue@microsoft.com)
+
+## [9.13.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.2)
+
+Tue, 05 Sep 2023 15:39:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.13.1..@fluentui/react-utilities_v9.13.2)
+
+### Patches
+
+- fix: `useOnScrollOutside` should invoke callback on dragging scrollbar ([PR #29062](https://github.com/microsoft/fluentui/pull/29062) by yuanboxue@microsoft.com)
+
 ## [9.13.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.1)
 
-Tue, 05 Sep 2023 13:23:16 GMT 
+Tue, 05 Sep 2023 13:29:11 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.13.0..@fluentui/react-utilities_v9.13.1)
 
 ### Patches
@@ -15,7 +33,7 @@ Tue, 05 Sep 2023 13:23:16 GMT
 - chore: adds swc-plugin-de-indent-template-literal to remove indentation of consoles ([PR #29040](https://github.com/microsoft/fluentui/pull/29040) by bernardo.sunderhus@gmail.com)
 - fix: use timeout instead of requestAnimationFrame for ssr ([PR #29015](https://github.com/microsoft/fluentui/pull/29015) by marcosvmmoura@gmail.com)
 - bumps react peer dependencies to v16.14.0 ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
-- Bump @fluentui/keyboard-keys to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
+- Bump @fluentui/keyboard-keys to v9.0.4 ([PR #29056](https://github.com/microsoft/fluentui/pull/29056) by beachball)
 
 ## [9.13.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.13.0)
 

package/lib/hooks/useOnClickOutside.js

@@ -37,7 +37,7 @@ const DEFAULT_CONTAINS = (parent, child)=>{
     });
     React.useEffect(()=>{
         var // use capture phase because React can update DOM before the event bubbles to the document
-        _element, _element1, _element2;
+        _element, _element1, _element2, _element3;
         if (disabled) {
             return;
         }
@@ -53,18 +53,20 @@ const DEFAULT_CONTAINS = (parent, child)=>{
             }
             listener(event);
         };
-        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('touchstart', conditionalHandler, true);
-        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('mouseup', conditionalHandler, true);
-        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('mousedown', handleMouseDown, true);
+        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('click', conditionalHandler, true);
+        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchstart', conditionalHandler, true);
+        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('contextmenu', conditionalHandler, true);
+        (_element3 = element) === null || _element3 === void 0 ? void 0 : _element3.addEventListener('mousedown', handleMouseDown, true);
         // Garbage collect this event after it's no longer useful to avoid memory leaks
         timeoutId.current = window.setTimeout(()=>{
             currentEvent = undefined;
         }, 1);
         return ()=>{
-            var _element, _element1, _element2;
-            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('touchstart', conditionalHandler, true);
-            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('mouseup', conditionalHandler, true);
-            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('mousedown', handleMouseDown, true);
+            var _element, _element1, _element2, _element3;
+            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('click', conditionalHandler, true);
+            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchstart', conditionalHandler, true);
+            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('contextmenu', conditionalHandler, true);
+            (_element3 = element) === null || _element3 === void 0 ? void 0 : _element3.removeEventListener('mousedown', handleMouseDown, true);
             clearTimeout(timeoutId.current);
             currentEvent = undefined;
         };

package/lib/hooks/useOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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   *\n   * @param parent - provided parent element\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   * Disables custom focus event listeners for iframes\n   */\n  disabledFocusOnIframe?: boolean;\n\n  /**\n   * Called if the click is outside the element refs\n   */\n  callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\nconst DEFAULT_CONTAINS: UseOnClickOrScrollOutsideOptions['contains'] = (parent, child) => !!parent?.contains(child);\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, disabledFocusOnIframe, contains = DEFAULT_CONTAINS } = options;\n  const timeoutId = React.useRef<number | undefined>(undefined);\n\n  useIFrameFocus({ element, disabled: disabledFocusOnIframe || disabled, callback, refs, contains });\n\n  const isMouseDownInsideRef = React.useRef(false);\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    if (isMouseDownInsideRef.current) {\n      isMouseDownInsideRef.current = false;\n      return;\n    }\n\n    const target = ev.composedPath()[0] as HTMLElement;\n    const isOutside = refs.every(ref => !contains(ref.current || null, target));\n\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((ev: MouseEvent) => {\n    // Selecting text from inside to outside will rigger click event.\n    // In this case click event target is outside but mouse down event target is inside.\n    // And this click event should be considered as inside click.\n    isMouseDownInsideRef.current = refs.some(ref => contains(ref.current || null, ev.target as HTMLElement));\n  });\n\n  React.useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\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    // use capture phase because React can update DOM before the event bubbles to the document\n    element?.addEventListener('touchstart', conditionalHandler, true);\n    element?.addEventListener('mouseup', conditionalHandler, true);\n    element?.addEventListener('mousedown', handleMouseDown, 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\n    return () => {\n      element?.removeEventListener('touchstart', conditionalHandler, true);\n      element?.removeEventListener('mouseup', conditionalHandler, true);\n      element?.removeEventListener('mousedown', handleMouseDown, true);\n\n      clearTimeout(timeoutId.current);\n      currentEvent = undefined;\n    };\n  }, [listener, element, disabled, handleMouseDown]);\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\n  extends Pick<UseOnClickOrScrollOutsideOptions, 'disabled' | 'element' | 'callback' | 'contains' | 'refs'> {\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 = DEFAULT_CONTAINS,\n    pollDuration = 1000,\n    refs,\n  } = options;\n  const timeoutRef = React.useRef<number>();\n\n  const listener = useEventCallback((e: Event) => {\n    const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n\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      return;\n    }\n\n    targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n\n    return () => {\n      targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n    };\n  }, [targetDocument, disabled, listener]);\n\n  // Starts polling for the active element\n  React.useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n      const activeElement = targetDocument?.activeElement;\n\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"],"names":["React","useEventCallback","DEFAULT_CONTAINS","parent","child","contains","useOnClickOutside","options","refs","callback","element","disabled","disabledFocusOnIframe","timeoutId","useRef","undefined","useIFrameFocus","isMouseDownInsideRef","listener","ev","current","target","composedPath","isOutside","every","ref","handleMouseDown","some","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,"sources":["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   *\n   * @param parent - provided parent element\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   * Disables custom focus event listeners for iframes\n   */\n  disabledFocusOnIframe?: boolean;\n\n  /**\n   * Called if the click is outside the element refs\n   */\n  callback: (ev: MouseEvent | TouchEvent) => void;\n};\n\nconst DEFAULT_CONTAINS: UseOnClickOrScrollOutsideOptions['contains'] = (parent, child) => !!parent?.contains(child);\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, disabledFocusOnIframe, contains = DEFAULT_CONTAINS } = options;\n  const timeoutId = React.useRef<number | undefined>(undefined);\n\n  useIFrameFocus({ element, disabled: disabledFocusOnIframe || disabled, callback, refs, contains });\n\n  const isMouseDownInsideRef = React.useRef(false);\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    if (isMouseDownInsideRef.current) {\n      isMouseDownInsideRef.current = false;\n      return;\n    }\n\n    const target = ev.composedPath()[0] as HTMLElement;\n    const isOutside = refs.every(ref => !contains(ref.current || null, target));\n\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  const handleMouseDown = useEventCallback((ev: MouseEvent) => {\n    // Selecting text from inside to outside will rigger click event.\n    // In this case click event target is outside but mouse down event target is inside.\n    // And this click event should be considered as inside click.\n    isMouseDownInsideRef.current = refs.some(ref => contains(ref.current || null, ev.target as HTMLElement));\n  });\n\n  React.useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\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    // 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    element?.addEventListener('mousedown', handleMouseDown, 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\n    return () => {\n      element?.removeEventListener('click', conditionalHandler, true);\n      element?.removeEventListener('touchstart', conditionalHandler, true);\n      element?.removeEventListener('contextmenu', conditionalHandler, true);\n      element?.removeEventListener('mousedown', handleMouseDown, true);\n\n      clearTimeout(timeoutId.current);\n      currentEvent = undefined;\n    };\n  }, [listener, element, disabled, handleMouseDown]);\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\n  extends Pick<UseOnClickOrScrollOutsideOptions, 'disabled' | 'element' | 'callback' | 'contains' | 'refs'> {\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 = DEFAULT_CONTAINS,\n    pollDuration = 1000,\n    refs,\n  } = options;\n  const timeoutRef = React.useRef<number>();\n\n  const listener = useEventCallback((e: Event) => {\n    const isOutside = refs.every(ref => !contains(ref.current || null, e.target as HTMLElement));\n\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      return;\n    }\n\n    targetDocument?.addEventListener(FUI_FRAME_EVENT, listener, true);\n\n    return () => {\n      targetDocument?.removeEventListener(FUI_FRAME_EVENT, listener, true);\n    };\n  }, [targetDocument, disabled, listener]);\n\n  // Starts polling for the active element\n  React.useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    timeoutRef.current = targetDocument?.defaultView?.setInterval(() => {\n      const activeElement = targetDocument?.activeElement;\n\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"],"names":["React","useEventCallback","DEFAULT_CONTAINS","parent","child","contains","useOnClickOutside","options","refs","callback","element","disabled","disabledFocusOnIframe","timeoutId","useRef","undefined","useIFrameFocus","isMouseDownInsideRef","listener","ev","current","target","composedPath","isOutside","every","ref","handleMouseDown","some","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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"}

package/lib/hooks/useOnScrollOutside.js

@@ -17,16 +17,19 @@ import { useEventCallback } from './useEventCallback';
         }
     });
     React.useEffect(()=>{
-        var _element, _element1;
+        var _element, _element1, // use capture phase because scroll does not bubble
+        _element2;
         if (disabled) {
             return;
         }
         (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);
         (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);
+        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('scroll', listener, true);
         return ()=>{
-            var _element, _element1;
+            var _element, _element1, _element2;
             (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);
             (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);
+            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('scroll', listener, true);
         };
     }, [
         listener,

package/lib/hooks/useOnScrollOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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 target = ev.composedPath()[0] as HTMLElement;\n    const isOutside = refs.every(ref => !contains(ref.current || null, target));\n\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\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"],"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","target","composedPath","isOutside","every","ref","current","useEffect","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;;CAGC,GACD,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IAEtE,MAAMO,WAAWT,iBAAiB,CAACU;QACjC,MAAMH,WACJC,gBAAiB,CAAA,CAACG,QAAQC;gBAAYD;mBAAF,CAAC,GAACA,UAAAA,oBAAAA,8BAAAA,QAAQJ,QAAQ,CAACK;SAAK;QAE9D,MAAMC,SAASH,GAAGI,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYZ,KAAKa,KAAK,CAACC,CAAAA,MAAO,CAACV,SAASU,IAAIC,OAAO,IAAI,MAAML;QAEnE,IAAIE,aAAa,CAACT,UAAU;YAC1BF,SAASM;QACX;IACF;IAEAX,MAAMoB,SAAS,CAAC;YAKdd,UACAA;QALA,IAAIC,UAAU;YACZ;QACF;SAEAD,WAAAA,qBAAAA,+BAAAA,SAASe,gBAAgB,CAAC,SAASX;SACnCJ,YAAAA,qBAAAA,gCAAAA,UAASe,gBAAgB,CAAC,aAAaX;QAEvC,OAAO;gBACLJ,UACAA;aADAA,WAAAA,qBAAAA,+BAAAA,SAASgB,mBAAmB,CAAC,SAASZ;aACtCJ,YAAAA,qBAAAA,gCAAAA,UAASgB,mBAAmB,CAAC,aAAaZ;QAC5C;IACF,GAAG;QAACA;QAAUJ;QAASC;KAAS;AAClC,EAAE"}
+{"version":3,"sources":["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: Event) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const target = ev.composedPath()[0] as HTMLElement;\n    const isOutside = refs.every(ref => !contains(ref.current || null, target));\n\n    if (isOutside && !disabled) {\n      callback(ev as MouseEvent | TouchEvent);\n    }\n  });\n\n  React.useEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    element?.addEventListener('wheel', listener);\n    element?.addEventListener('touchmove', listener);\n    // use capture phase because scroll does not bubble\n    element?.addEventListener('scroll', listener, true);\n\n    return () => {\n      element?.removeEventListener('wheel', listener);\n      element?.removeEventListener('touchmove', listener);\n      element?.removeEventListener('scroll', listener, true);\n    };\n  }, [listener, element, disabled]);\n};\n"],"names":["React","useEventCallback","useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","ev","parent","child","target","composedPath","isOutside","every","ref","current","useEffect","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;;CAGC,GACD,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IAEtE,MAAMO,WAAWT,iBAAiB,CAACU;QACjC,MAAMH,WACJC,gBAAiB,CAAA,CAACG,QAAQC;gBAAYD;mBAAF,CAAC,GAACA,UAAAA,oBAAAA,8BAAAA,QAAQJ,QAAQ,CAACK;SAAK;QAE9D,MAAMC,SAASH,GAAGI,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYZ,KAAKa,KAAK,CAACC,CAAAA,MAAO,CAACV,SAASU,IAAIC,OAAO,IAAI,MAAML;QAEnE,IAAIE,aAAa,CAACT,UAAU;YAC1BF,SAASM;QACX;IACF;IAEAX,MAAMoB,SAAS,CAAC;YAKdd,UACAA,WACA,mDAAmD;QACnDA;QAPA,IAAIC,UAAU;YACZ;QACF;SAEAD,WAAAA,qBAAAA,+BAAAA,SAASe,gBAAgB,CAAC,SAASX;SACnCJ,YAAAA,qBAAAA,gCAAAA,UAASe,gBAAgB,CAAC,aAAaX;SAEvCJ,YAAAA,qBAAAA,gCAAAA,UAASe,gBAAgB,CAAC,UAAUX,UAAU;QAE9C,OAAO;gBACLJ,UACAA,WACAA;aAFAA,WAAAA,qBAAAA,+BAAAA,SAASgB,mBAAmB,CAAC,SAASZ;aACtCJ,YAAAA,qBAAAA,gCAAAA,UAASgB,mBAAmB,CAAC,aAAaZ;aAC1CJ,YAAAA,qBAAAA,gCAAAA,UAASgB,mBAAmB,CAAC,UAAUZ,UAAU;QACnD;IACF,GAAG;QAACA;QAAUJ;QAASC;KAAS;AAClC,EAAE"}

package/lib-commonjs/hooks/useOnClickOutside.js

@@ -44,7 +44,7 @@ const useOnClickOutside = (options)=>{
         isMouseDownInsideRef.current = refs.some((ref)=>contains(ref.current || null, ev.target));
     });
     _react.useEffect(()=>{
-        var _element, _element1, _element2;
+        var _element, _element1, _element2, _element3;
         if (disabled) {
             return;
         }
@@ -60,18 +60,20 @@ const useOnClickOutside = (options)=>{
             }
             listener(event);
         };
-        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('touchstart', conditionalHandler, true);
-        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('mouseup', conditionalHandler, true);
-        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('mousedown', handleMouseDown, true);
+        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('click', conditionalHandler, true);
+        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchstart', conditionalHandler, true);
+        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('contextmenu', conditionalHandler, true);
+        (_element3 = element) === null || _element3 === void 0 ? void 0 : _element3.addEventListener('mousedown', handleMouseDown, true);
         // Garbage collect this event after it's no longer useful to avoid memory leaks
         timeoutId.current = window.setTimeout(()=>{
             currentEvent = undefined;
         }, 1);
         return ()=>{
-            var _element, _element1, _element2;
-            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('touchstart', conditionalHandler, true);
-            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('mouseup', conditionalHandler, true);
-            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('mousedown', handleMouseDown, true);
+            var _element, _element1, _element2, _element3;
+            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('click', conditionalHandler, true);
+            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchstart', conditionalHandler, true);
+            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('contextmenu', conditionalHandler, true);
+            (_element3 = element) === null || _element3 === void 0 ? void 0 : _element3.removeEventListener('mousedown', handleMouseDown, true);
             clearTimeout(timeoutId.current);
             currentEvent = undefined;
         };

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

@@ -1 +1 @@
-{"version":3,"sources":["useOnClickOutside.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nconst DEFAULT_CONTAINS = (parent, child)=>{\n    var _parent;\n    return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));\n};\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */ export const useOnClickOutside = (options)=>{\n    const { refs, callback, element, disabled, disabledFocusOnIframe, contains = DEFAULT_CONTAINS } = options;\n    const timeoutId = React.useRef(undefined);\n    useIFrameFocus({\n        element,\n        disabled: disabledFocusOnIframe || disabled,\n        callback,\n        refs,\n        contains\n    });\n    const isMouseDownInsideRef = React.useRef(false);\n    const listener = useEventCallback((ev)=>{\n        if (isMouseDownInsideRef.current) {\n            isMouseDownInsideRef.current = false;\n            return;\n        }\n        const target = ev.composedPath()[0];\n        const isOutside = refs.every((ref)=>!contains(ref.current || null, target));\n        if (isOutside && !disabled) {\n            callback(ev);\n        }\n    });\n    const handleMouseDown = useEventCallback((ev)=>{\n        // Selecting text from inside to outside will rigger click event.\n        // In this case click event target is outside but mouse down event target is inside.\n        // And this click event should be considered as inside click.\n        isMouseDownInsideRef.current = refs.some((ref)=>contains(ref.current || null, ev.target));\n    });\n    React.useEffect(()=>{\n        var // use capture phase because React can update DOM before the event bubbles to the document\n        _element, _element1, _element2;\n        if (disabled) {\n            return;\n        }\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        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('touchstart', conditionalHandler, true);\n        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('mouseup', conditionalHandler, true);\n        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('mousedown', handleMouseDown, true);\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            var _element, _element1, _element2;\n            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('touchstart', conditionalHandler, true);\n            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('mouseup', conditionalHandler, true);\n            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('mousedown', handleMouseDown, true);\n            clearTimeout(timeoutId.current);\n            currentEvent = undefined;\n        };\n    }, [\n        listener,\n        element,\n        disabled,\n        handleMouseDown\n    ]);\n};\nconst getWindowEvent = (target)=>{\n    if (target) {\n        var _target_ownerDocument_defaultView, _target_ownerDocument;\n        if (typeof target.window === 'object' && target.window === target) {\n            // eslint-disable-next-line deprecation/deprecation\n            return target.event;\n        }\n        var _target_ownerDocument_defaultView_event;\n        // eslint-disable-next-line deprecation/deprecation\n        return (_target_ownerDocument_defaultView_event = (_target_ownerDocument = target.ownerDocument) === null || _target_ownerDocument === void 0 ? void 0 : (_target_ownerDocument_defaultView = _target_ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.event) !== null && _target_ownerDocument_defaultView_event !== void 0 ? _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 */ const useIFrameFocus = (options)=>{\n    const { disabled, element: targetDocument, callback, contains = DEFAULT_CONTAINS, pollDuration = 1000, refs } = options;\n    const timeoutRef = React.useRef();\n    const listener = useEventCallback((e)=>{\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        var _targetDocument;\n        if (disabled) {\n            return;\n        }\n        (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);\n        return ()=>{\n            var _targetDocument;\n            (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);\n        };\n    }, [\n        targetDocument,\n        disabled,\n        listener\n    ]);\n    // Starts polling for the active element\n    React.useEffect(()=>{\n        var _targetDocument_defaultView, _targetDocument;\n        if (disabled) {\n            return;\n        }\n        timeoutRef.current = (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = _targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{\n            var _targetDocument, _activeElement, _activeElement1;\n            const activeElement = (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.activeElement;\n            if (((_activeElement = activeElement) === null || _activeElement === void 0 ? void 0 : _activeElement.tagName) === 'IFRAME' || ((_activeElement1 = activeElement) === null || _activeElement1 === void 0 ? void 0 : _activeElement1.tagName) === 'WEBVIEW') {\n                const event = new CustomEvent(FUI_FRAME_EVENT, {\n                    bubbles: true\n                });\n                activeElement.dispatchEvent(event);\n            }\n        }, pollDuration);\n        return ()=>{\n            var _targetDocument_defaultView, _targetDocument;\n            (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = _targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);\n        };\n    }, [\n        targetDocument,\n        disabled,\n        pollDuration\n    ]);\n};\n"],"names":["useOnClickOutside","DEFAULT_CONTAINS","parent","child","_parent","contains","options","refs","callback","element","disabled","disabledFocusOnIframe","timeoutId","React","useRef","undefined","useIFrameFocus","isMouseDownInsideRef","listener","useEventCallback","ev","current","target","composedPath","isOutside","every","ref","handleMouseDown","some","useEffect","_element","_element1","_element2","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","_target_ownerDocument_defaultView","_target_ownerDocument","_target_ownerDocument_defaultView_event","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","_targetDocument","_targetDocument_defaultView","setInterval","_activeElement","_activeElement1","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"mappings":"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"}
+{"version":3,"sources":["useOnClickOutside.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nconst DEFAULT_CONTAINS = (parent, child)=>{\n    var _parent;\n    return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));\n};\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */ export const useOnClickOutside = (options)=>{\n    const { refs, callback, element, disabled, disabledFocusOnIframe, contains = DEFAULT_CONTAINS } = options;\n    const timeoutId = React.useRef(undefined);\n    useIFrameFocus({\n        element,\n        disabled: disabledFocusOnIframe || disabled,\n        callback,\n        refs,\n        contains\n    });\n    const isMouseDownInsideRef = React.useRef(false);\n    const listener = useEventCallback((ev)=>{\n        if (isMouseDownInsideRef.current) {\n            isMouseDownInsideRef.current = false;\n            return;\n        }\n        const target = ev.composedPath()[0];\n        const isOutside = refs.every((ref)=>!contains(ref.current || null, target));\n        if (isOutside && !disabled) {\n            callback(ev);\n        }\n    });\n    const handleMouseDown = useEventCallback((ev)=>{\n        // Selecting text from inside to outside will rigger click event.\n        // In this case click event target is outside but mouse down event target is inside.\n        // And this click event should be considered as inside click.\n        isMouseDownInsideRef.current = refs.some((ref)=>contains(ref.current || null, ev.target));\n    });\n    React.useEffect(()=>{\n        var // use capture phase because React can update DOM before the event bubbles to the document\n        _element, _element1, _element2, _element3;\n        if (disabled) {\n            return;\n        }\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        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('click', conditionalHandler, true);\n        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchstart', conditionalHandler, true);\n        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('contextmenu', conditionalHandler, true);\n        (_element3 = element) === null || _element3 === void 0 ? void 0 : _element3.addEventListener('mousedown', handleMouseDown, true);\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            var _element, _element1, _element2, _element3;\n            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('click', conditionalHandler, true);\n            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchstart', conditionalHandler, true);\n            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('contextmenu', conditionalHandler, true);\n            (_element3 = element) === null || _element3 === void 0 ? void 0 : _element3.removeEventListener('mousedown', handleMouseDown, true);\n            clearTimeout(timeoutId.current);\n            currentEvent = undefined;\n        };\n    }, [\n        listener,\n        element,\n        disabled,\n        handleMouseDown\n    ]);\n};\nconst getWindowEvent = (target)=>{\n    if (target) {\n        var _target_ownerDocument_defaultView, _target_ownerDocument;\n        if (typeof target.window === 'object' && target.window === target) {\n            // eslint-disable-next-line deprecation/deprecation\n            return target.event;\n        }\n        var _target_ownerDocument_defaultView_event;\n        // eslint-disable-next-line deprecation/deprecation\n        return (_target_ownerDocument_defaultView_event = (_target_ownerDocument = target.ownerDocument) === null || _target_ownerDocument === void 0 ? void 0 : (_target_ownerDocument_defaultView = _target_ownerDocument.defaultView) === null || _target_ownerDocument_defaultView === void 0 ? void 0 : _target_ownerDocument_defaultView.event) !== null && _target_ownerDocument_defaultView_event !== void 0 ? _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 */ const useIFrameFocus = (options)=>{\n    const { disabled, element: targetDocument, callback, contains = DEFAULT_CONTAINS, pollDuration = 1000, refs } = options;\n    const timeoutRef = React.useRef();\n    const listener = useEventCallback((e)=>{\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        var _targetDocument;\n        if (disabled) {\n            return;\n        }\n        (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);\n        return ()=>{\n            var _targetDocument;\n            (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);\n        };\n    }, [\n        targetDocument,\n        disabled,\n        listener\n    ]);\n    // Starts polling for the active element\n    React.useEffect(()=>{\n        var _targetDocument_defaultView, _targetDocument;\n        if (disabled) {\n            return;\n        }\n        timeoutRef.current = (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = _targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{\n            var _targetDocument, _activeElement, _activeElement1;\n            const activeElement = (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.activeElement;\n            if (((_activeElement = activeElement) === null || _activeElement === void 0 ? void 0 : _activeElement.tagName) === 'IFRAME' || ((_activeElement1 = activeElement) === null || _activeElement1 === void 0 ? void 0 : _activeElement1.tagName) === 'WEBVIEW') {\n                const event = new CustomEvent(FUI_FRAME_EVENT, {\n                    bubbles: true\n                });\n                activeElement.dispatchEvent(event);\n            }\n        }, pollDuration);\n        return ()=>{\n            var _targetDocument_defaultView, _targetDocument;\n            (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = _targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);\n        };\n    }, [\n        targetDocument,\n        disabled,\n        pollDuration\n    ]);\n};\n"],"names":["useOnClickOutside","DEFAULT_CONTAINS","parent","child","_parent","contains","options","refs","callback","element","disabled","disabledFocusOnIframe","timeoutId","React","useRef","undefined","useIFrameFocus","isMouseDownInsideRef","listener","useEventCallback","ev","current","target","composedPath","isOutside","every","ref","handleMouseDown","some","useEffect","_element","_element1","_element2","_element3","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","_target_ownerDocument_defaultView","_target_ownerDocument","_target_ownerDocument_defaultView_event","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","_targetDocument","_targetDocument_defaultView","setInterval","_activeElement","_activeElement1","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;kCACU;AACjC,MAAMC,mBAAmB,CAACC,QAAQC;IAC9B,IAAIC;IACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,UAAUF,MAAK,MAAO,QAAQE,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQC,QAAQ,CAACF,MAAK;AACjG;AAIW,MAAMH,oBAAoB,CAACM;IAClC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,qBAAqB,EAAEN,WAAWJ,gBAAgB,EAAE,GAAGK;IAClG,MAAMM,YAAYC,OAAMC,MAAM,CAACC;IAC/BC,eAAe;QACXP;QACAC,UAAUC,yBAAyBD;QACnCF;QACAD;QACAF;IACJ;IACA,MAAMY,uBAAuBJ,OAAMC,MAAM,CAAC;IAC1C,MAAMI,WAAWC,IAAAA,kCAAgB,EAAC,CAACC;QAC/B,IAAIH,qBAAqBI,OAAO,EAAE;YAC9BJ,qBAAqBI,OAAO,GAAG;YAC/B;QACJ;QACA,MAAMC,SAASF,GAAGG,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYjB,KAAKkB,KAAK,CAAC,CAACC,MAAM,CAACrB,SAASqB,IAAIL,OAAO,IAAI,MAAMC;QACnE,IAAIE,aAAa,CAACd,UAAU;YACxBF,SAASY;QACb;IACJ;IACA,MAAMO,kBAAkBR,IAAAA,kCAAgB,EAAC,CAACC;QACtC,iEAAiE;QACjE,oFAAoF;QACpF,6DAA6D;QAC7DH,qBAAqBI,OAAO,GAAGd,KAAKqB,IAAI,CAAC,CAACF,MAAMrB,SAASqB,IAAIL,OAAO,IAAI,MAAMD,GAAGE,MAAM;IAC3F;IACAT,OAAMgB,SAAS,CAAC;QACZ,IACAC,UAAUC,WAAWC,WAAWC;QAChC,IAAIvB,UAAU;YACV;QACJ;QACA,mEAAmE;QACnE,2FAA2F;QAC3F,iDAAiD;QACjD,IAAIwB,eAAeC,eAAeC;QAClC,MAAMC,qBAAqB,CAACC;YACxB,+EAA+E;YAC/E,IAAIA,UAAUJ,cAAc;gBACxBA,eAAenB;gBACf;YACJ;YACAG,SAASoB;QACb;QACCR,CAAAA,WAAWrB,OAAM,MAAO,QAAQqB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASS,gBAAgB,CAAC,SAASF,oBAAoB;QACtHN,CAAAA,YAAYtB,OAAM,MAAO,QAAQsB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUQ,gBAAgB,CAAC,cAAcF,oBAAoB;QAC9HL,CAAAA,YAAYvB,OAAM,MAAO,QAAQuB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUO,gBAAgB,CAAC,eAAeF,oBAAoB;QAC/HJ,CAAAA,YAAYxB,OAAM,MAAO,QAAQwB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUM,gBAAgB,CAAC,aAAaZ,iBAAiB;QAC3H,+EAA+E;QAC/Ef,UAAUS,OAAO,GAAGe,OAAOI,UAAU,CAAC;YAClCN,eAAenB;QACnB,GAAG;QACH,OAAO;YACH,IAAIe,UAAUC,WAAWC,WAAWC;YACnCH,CAAAA,WAAWrB,OAAM,MAAO,QAAQqB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASW,mBAAmB,CAAC,SAASJ,oBAAoB;YACzHN,CAAAA,YAAYtB,OAAM,MAAO,QAAQsB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUU,mBAAmB,CAAC,cAAcJ,oBAAoB;YACjIL,CAAAA,YAAYvB,OAAM,MAAO,QAAQuB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUS,mBAAmB,CAAC,eAAeJ,oBAAoB;YAClIJ,CAAAA,YAAYxB,OAAM,MAAO,QAAQwB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUQ,mBAAmB,CAAC,aAAad,iBAAiB;YAC9He,aAAa9B,UAAUS,OAAO;YAC9Ba,eAAenB;QACnB;IACJ,GAAG;QACCG;QACAT;QACAC;QACAiB;KACH;AACL;AACA,MAAMQ,iBAAiB,CAACb;IACpB,IAAIA,QAAQ;QACR,IAAIqB,mCAAmCC;QACvC,IAAI,OAAOtB,OAAOc,MAAM,KAAK,YAAYd,OAAOc,MAAM,KAAKd,QAAQ;YAC/D,mDAAmD;YACnD,OAAOA,OAAOgB,KAAK;QACvB;QACA,IAAIO;QACJ,mDAAmD;QACnD,OAAO,AAACA,CAAAA,0CAA0C,AAACD,CAAAA,wBAAwBtB,OAAOwB,aAAa,AAAD,MAAO,QAAQF,0BAA0B,KAAK,IAAI,KAAK,IAAI,AAACD,CAAAA,oCAAoCC,sBAAsBG,WAAW,AAAD,MAAO,QAAQJ,sCAAsC,KAAK,IAAI,KAAK,IAAIA,kCAAkCL,KAAK,AAAD,MAAO,QAAQO,4CAA4C,KAAK,IAAIA,0CAA0C9B;IAC7b;IACA,OAAOA;AACX;AACA,MAAMiC,kBAAkB;AACxB;;;;;;;;;CASC,GAAG,MAAMhC,iBAAiB,CAACV;IACxB,MAAM,EAAEI,QAAQ,EAAED,SAASwC,cAAc,EAAEzC,QAAQ,EAAEH,WAAWJ,gBAAgB,EAAEiD,eAAe,IAAI,EAAE3C,IAAI,EAAE,GAAGD;IAChH,MAAM6C,aAAatC,OAAMC,MAAM;IAC/B,MAAMI,WAAWC,IAAAA,kCAAgB,EAAC,CAACiC;QAC/B,MAAM5B,YAAYjB,KAAKkB,KAAK,CAAC,CAACC,MAAM,CAACrB,SAASqB,IAAIL,OAAO,IAAI,MAAM+B,EAAE9B,MAAM;QAC3E,IAAIE,aAAa,CAACd,UAAU;YACxBF,SAAS4C;QACb;IACJ;IACA,iDAAiD;IACjDvC,OAAMgB,SAAS,CAAC;QACZ,IAAIwB;QACJ,IAAI3C,UAAU;YACV;QACJ;QACC2C,CAAAA,kBAAkBJ,cAAa,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBd,gBAAgB,CAACS,iBAAiB9B,UAAU;QACjJ,OAAO;YACH,IAAImC;YACHA,CAAAA,kBAAkBJ,cAAa,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBZ,mBAAmB,CAACO,iBAAiB9B,UAAU;QACxJ;IACJ,GAAG;QACC+B;QACAvC;QACAQ;KACH;IACD,wCAAwC;IACxCL,OAAMgB,SAAS,CAAC;QACZ,IAAIyB,6BAA6BD;QACjC,IAAI3C,UAAU;YACV;QACJ;QACAyC,WAAW9B,OAAO,GAAG,AAACgC,CAAAA,kBAAkBJ,cAAa,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,8BAA8BD,gBAAgBN,WAAW,AAAD,MAAO,QAAQO,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BC,WAAW,CAAC;YACxQ,IAAIF,iBAAiBG,gBAAgBC;YACrC,MAAMC,gBAAgB,AAACL,CAAAA,kBAAkBJ,cAAa,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBK,aAAa;YACxI,IAAI,AAAC,CAAA,AAACF,CAAAA,iBAAiBE,aAAY,MAAO,QAAQF,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeG,OAAO,AAAD,MAAO,YAAY,AAAC,CAAA,AAACF,CAAAA,kBAAkBC,aAAY,MAAO,QAAQD,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBE,OAAO,AAAD,MAAO,WAAW;gBACxP,MAAMrB,QAAQ,IAAIsB,YAAYZ,iBAAiB;oBAC3Ca,SAAS;gBACb;gBACAH,cAAcI,aAAa,CAACxB;YAChC;QACJ,GAAGY;QACH,OAAO;YACH,IAAII,6BAA6BD;YAChCA,CAAAA,kBAAkBJ,cAAa,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAI,AAACC,CAAAA,8BAA8BD,gBAAgBN,WAAW,AAAD,MAAO,QAAQO,gCAAgC,KAAK,IAAI,KAAK,IAAIA,4BAA4BZ,YAAY,CAACS,WAAW9B,OAAO;QAC9Q;IACJ,GAAG;QACC4B;QACAvC;QACAwC;KACH;AACL"}

package/lib-commonjs/hooks/useOnScrollOutside.js

@@ -25,16 +25,18 @@ const useOnScrollOutside = (options)=>{
         }
     });
     _react.useEffect(()=>{
-        var _element, _element1;
+        var _element, _element1, _element2;
         if (disabled) {
             return;
         }
         (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);
         (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);
+        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('scroll', listener, true);
         return ()=>{
-            var _element, _element1;
+            var _element, _element1, _element2;
             (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);
             (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);
+            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('scroll', listener, true);
         };
     }, [
         listener,

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

@@ -1 +1 @@
-{"version":3,"sources":["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 */ export const useOnScrollOutside = (options)=>{\n    const { refs, callback, element, disabled, contains: containsProp } = options;\n    const listener = useEventCallback((ev)=>{\n        const contains = containsProp || ((parent, child)=>{\n            var _parent;\n            return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));\n        });\n        const target = ev.composedPath()[0];\n        const isOutside = refs.every((ref)=>!contains(ref.current || null, target));\n        if (isOutside && !disabled) {\n            callback(ev);\n        }\n    });\n    React.useEffect(()=>{\n        var _element, _element1;\n        if (disabled) {\n            return;\n        }\n        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);\n        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);\n        return ()=>{\n            var _element, _element1;\n            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);\n            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);\n        };\n    }, [\n        listener,\n        element,\n        disabled\n    ]);\n};\n"],"names":["useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","useEventCallback","ev","parent","child","_parent","target","composedPath","isOutside","every","ref","current","React","useEffect","_element","_element1","addEventListener","removeEventListener"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;kCACU;AAItB,MAAMA,qBAAqB,CAACC;IACnC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IACtE,MAAMO,WAAWC,IAAAA,kCAAgB,EAAC,CAACC;QAC/B,MAAMJ,WAAWC,gBAAiB,CAAA,CAACI,QAAQC;YACvC,IAAIC;YACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,UAAUF,MAAK,MAAO,QAAQE,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQP,QAAQ,CAACM,MAAK;QACjG,CAAA;QACA,MAAME,SAASJ,GAAGK,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYd,KAAKe,KAAK,CAAC,CAACC,MAAM,CAACZ,SAASY,IAAIC,OAAO,IAAI,MAAML;QACnE,IAAIE,aAAa,CAACX,UAAU;YACxBF,SAASO;QACb;IACJ;IACAU,OAAMC,SAAS,CAAC;QACZ,IAAIC,UAAUC;QACd,IAAIlB,UAAU;YACV;QACJ;QACCiB,CAAAA,WAAWlB,OAAM,MAAO,QAAQkB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASE,gBAAgB,CAAC,SAAShB;QAClGe,CAAAA,YAAYnB,OAAM,MAAO,QAAQmB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,gBAAgB,CAAC,aAAahB;QAC1G,OAAO;YACH,IAAIc,UAAUC;YACbD,CAAAA,WAAWlB,OAAM,MAAO,QAAQkB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASG,mBAAmB,CAAC,SAASjB;YACrGe,CAAAA,YAAYnB,OAAM,MAAO,QAAQmB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUE,mBAAmB,CAAC,aAAajB;QACjH;IACJ,GAAG;QACCA;QACAJ;QACAC;KACH;AACL"}
+{"version":3,"sources":["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 */ export const useOnScrollOutside = (options)=>{\n    const { refs, callback, element, disabled, contains: containsProp } = options;\n    const listener = useEventCallback((ev)=>{\n        const contains = containsProp || ((parent, child)=>{\n            var _parent;\n            return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));\n        });\n        const target = ev.composedPath()[0];\n        const isOutside = refs.every((ref)=>!contains(ref.current || null, target));\n        if (isOutside && !disabled) {\n            callback(ev);\n        }\n    });\n    React.useEffect(()=>{\n        var _element, _element1, // use capture phase because scroll does not bubble\n        _element2;\n        if (disabled) {\n            return;\n        }\n        (_element = element) === null || _element === void 0 ? void 0 : _element.addEventListener('wheel', listener);\n        (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.addEventListener('touchmove', listener);\n        (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.addEventListener('scroll', listener, true);\n        return ()=>{\n            var _element, _element1, _element2;\n            (_element = element) === null || _element === void 0 ? void 0 : _element.removeEventListener('wheel', listener);\n            (_element1 = element) === null || _element1 === void 0 ? void 0 : _element1.removeEventListener('touchmove', listener);\n            (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.removeEventListener('scroll', listener, true);\n        };\n    }, [\n        listener,\n        element,\n        disabled\n    ]);\n};\n"],"names":["useOnScrollOutside","options","refs","callback","element","disabled","contains","containsProp","listener","useEventCallback","ev","parent","child","_parent","target","composedPath","isOutside","every","ref","current","React","useEffect","_element","_element1","_element2","addEventListener","removeEventListener"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;kCACU;AAItB,MAAMA,qBAAqB,CAACC;IACnC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAUC,YAAY,EAAE,GAAGN;IACtE,MAAMO,WAAWC,IAAAA,kCAAgB,EAAC,CAACC;QAC/B,MAAMJ,WAAWC,gBAAiB,CAAA,CAACI,QAAQC;YACvC,IAAIC;YACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,UAAUF,MAAK,MAAO,QAAQE,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQP,QAAQ,CAACM,MAAK;QACjG,CAAA;QACA,MAAME,SAASJ,GAAGK,YAAY,EAAE,CAAC,EAAE;QACnC,MAAMC,YAAYd,KAAKe,KAAK,CAAC,CAACC,MAAM,CAACZ,SAASY,IAAIC,OAAO,IAAI,MAAML;QACnE,IAAIE,aAAa,CAACX,UAAU;YACxBF,SAASO;QACb;IACJ;IACAU,OAAMC,SAAS,CAAC;QACZ,IAAIC,UAAUC,WACdC;QACA,IAAInB,UAAU;YACV;QACJ;QACCiB,CAAAA,WAAWlB,OAAM,MAAO,QAAQkB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASG,gBAAgB,CAAC,SAASjB;QAClGe,CAAAA,YAAYnB,OAAM,MAAO,QAAQmB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUE,gBAAgB,CAAC,aAAajB;QACzGgB,CAAAA,YAAYpB,OAAM,MAAO,QAAQoB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUC,gBAAgB,CAAC,UAAUjB,UAAU;QACjH,OAAO;YACH,IAAIc,UAAUC,WAAWC;YACxBF,CAAAA,WAAWlB,OAAM,MAAO,QAAQkB,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASI,mBAAmB,CAAC,SAASlB;YACrGe,CAAAA,YAAYnB,OAAM,MAAO,QAAQmB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUG,mBAAmB,CAAC,aAAalB;YAC5GgB,CAAAA,YAAYpB,OAAM,MAAO,QAAQoB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUE,mBAAmB,CAAC,UAAUlB,UAAU;QACxH;IACJ,GAAG;QACCA;QACAJ;QACAC;KACH;AACL"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-utilities",
-  "version": "9.13.1",
+  "version": "9.13.3",
   "description": "A set of general React-specific utilities.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",