@fluentui/react-utilities 9.11.2 → 9.12.0

package/CHANGELOG.json

@@ -2,7 +2,30 @@
   "name": "@fluentui/react-utilities",
   "entries": [
     {
-      "date": "Wed, 23 Aug 2023 11:58:32 GMT",
+      "date": "Thu, 24 Aug 2023 10:23:07 GMT",
+      "tag": "@fluentui/react-utilities_v9.12.0",
+      "version": "9.12.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "yuanboxue@microsoft.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "192b74335ed4d99dbcbeeab5aa2075409e911e1a",
+            "comment": "fix: `useOnClickOutside` should consider text selection starting inside and finishing outside as an inside click"
+          }
+        ],
+        "minor": [
+          {
+            "author": "marcosvmmoura@gmail.com",
+            "package": "@fluentui/react-utilities",
+            "commit": "148d5fa771ea9eb1f5a96f817782e76484070ec3",
+            "comment": "feat: create a new useAnimationFrame hook"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 23 Aug 2023 12:01:49 GMT",
       "tag": "@fluentui/react-utilities_v9.11.2",
       "version": "9.11.2",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,25 @@
 # Change Log - @fluentui/react-utilities
 
-This log was last generated on Wed, 23 Aug 2023 11:58:32 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Aug 2023 10:23:07 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.12.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.12.0)
+
+Thu, 24 Aug 2023 10:23:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.11.2..@fluentui/react-utilities_v9.12.0)
+
+### Minor changes
+
+- feat: create a new useAnimationFrame hook ([PR #28948](https://github.com/microsoft/fluentui/pull/28948) by marcosvmmoura@gmail.com)
+
+### Patches
+
+- fix: `useOnClickOutside` should consider text selection starting inside and finishing outside as an inside click ([PR #28765](https://github.com/microsoft/fluentui/pull/28765) by yuanboxue@microsoft.com)
+
 ## [9.11.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.11.2)
 
-Wed, 23 Aug 2023 11:58:32 GMT 
+Wed, 23 Aug 2023 12:01:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.11.1..@fluentui/react-utilities_v9.11.2)
 
 ### Patches

package/dist/index.d.ts

@@ -684,6 +684,16 @@ export declare type UnknownSlotProps = Pick<React_2.HTMLAttributes<HTMLElement>,
     as?: keyof JSX.IntrinsicElements;
 };
 
+/**
+ * @internal
+ * Helper to manage a browser requestAnimationFrame.
+ * Ensures that the requestAnimationFrame isn't set multiple times at once and is cleaned up
+ * when the component is unloaded.
+ *
+ * @returns A pair of [requestAnimationFrame, cancelAnimationFrame] that are stable between renders.
+ */
+export declare function useAnimationFrame(): readonly [(fn: () => void, delay?: number | undefined) => number, () => void];
+
 /**
  * @internal
  *
@@ -858,12 +868,12 @@ export declare function useSelection(params: SelectionHookParams): readonly [Set
 /**
  * @internal
  * Helper to manage a browser timeout.
- * Ensures that the timeout isn't set multiple times at once,
- * and is cleaned up when the component is unloaded.
+ * Ensures that the timeout isn't set multiple times at once and is cleaned up
+ * when the component is unloaded.
  *
  * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
  */
-export declare function useTimeout(): readonly [(fn: () => void, delay: number) => void, () => void];
+export declare function useTimeout(): readonly [(fn: () => void, delay?: number | undefined) => number, () => void];
 
 /**
  * Helper type for {@link Slot}. Takes the props we want to support for a slot and adds the ability for `children`

package/lib/hooks/index.js

@@ -1,3 +1,4 @@
+export * from './useAnimationFrame';
 export * from './useControllableState';
 export * from './useEventCallback';
 export * from './useFirstMount';

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useControllableState';\nexport * from './useEventCallback';\nexport * from './useFirstMount';\nexport * from './useForceUpdate';\nexport * from './useId';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMergedRefs';\nexport * from './useOnClickOutside';\nexport * from './useOnScrollOutside';\nexport * from './usePrevious';\nexport * from './useScrollbarWidth';\nexport * from './useTimeout';\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,8BAA8B;AAC5C,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,eAAe"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useAnimationFrame';\nexport * from './useControllableState';\nexport * from './useEventCallback';\nexport * from './useFirstMount';\nexport * from './useForceUpdate';\nexport * from './useId';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMergedRefs';\nexport * from './useOnClickOutside';\nexport * from './useOnScrollOutside';\nexport * from './usePrevious';\nexport * from './useScrollbarWidth';\nexport * from './useTimeout';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,yBAAyB;AACvC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,8BAA8B;AAC5C,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,eAAe"}

package/lib/hooks/useAnimationFrame.js

@@ -0,0 +1,12 @@
+import { useBrowserTimer } from './useBrowserTimer';
+/**
+ * @internal
+ * Helper to manage a browser requestAnimationFrame.
+ * Ensures that the requestAnimationFrame isn't set multiple times at once and is cleaned up
+ * when the component is unloaded.
+ *
+ * @returns A pair of [requestAnimationFrame, cancelAnimationFrame] that are stable between renders.
+ */ export function useAnimationFrame() {
+    // TODO: figure it out a way to not call global.requestAnimationFrame and instead infer window from some context
+    return useBrowserTimer(requestAnimationFrame, cancelAnimationFrame);
+}

package/lib/hooks/useAnimationFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimationFrame.ts"],"sourcesContent":["import { useBrowserTimer } from './useBrowserTimer';\n\n/**\n * @internal\n * Helper to manage a browser requestAnimationFrame.\n * Ensures that the requestAnimationFrame isn't set multiple times at once and is cleaned up\n * when the component is unloaded.\n *\n * @returns A pair of [requestAnimationFrame, cancelAnimationFrame] that are stable between renders.\n */\nexport function useAnimationFrame() {\n  // TODO: figure it out a way to not call global.requestAnimationFrame and instead infer window from some context\n  return useBrowserTimer(requestAnimationFrame, cancelAnimationFrame);\n}\n"],"names":["useBrowserTimer","useAnimationFrame","requestAnimationFrame","cancelAnimationFrame"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD;;;;;;;CAOC,GACD,OAAO,SAASC,oBAAoB;IAClC,gHAAgH;IAChH,OAAOD,gBAAgBE,uBAAuBC;AAChD,CAAC"}

package/lib/hooks/useBrowserTimer.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+/**
+ * @internal
+ * Helper to manage a browser timer.
+ * Ensures that the timer isn't set multiple times at once,
+ * and is cleaned up when the component is unloaded.
+ *
+ * @param setTimer - The timer setter function
+ * @param cancelTimer - The timer cancel function
+ * @returns A pair of [setTimer, cancelTimer] that are stable between renders.
+ *
+ * @example
+ * const [setTimer, cancelTimer] = useBrowserTimer(setTimeout, cancelTimeout);
+ *
+ * setTimer(() => console.log('Hello world!'), 1000);
+ * cancelTimer();
+ */ export function useBrowserTimer(setTimer, cancelTimer) {
+    const id = React.useRef(undefined);
+    const set = React.useCallback((fn, delay)=>{
+        if (id.current !== undefined) {
+            cancelTimer(id.current);
+        }
+        id.current = setTimer(fn, delay);
+        return id.current;
+    }, [
+        cancelTimer,
+        setTimer
+    ]);
+    const cancel = React.useCallback(()=>{
+        if (id.current !== undefined) {
+            cancelTimer(id.current);
+            id.current = undefined;
+        }
+    }, [
+        cancelTimer
+    ]);
+    // Clean up the timeout when the component is unloaded
+    React.useEffect(()=>cancel, [
+        cancel
+    ]);
+    return [
+        set,
+        cancel
+    ];
+}

package/lib/hooks/useBrowserTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useBrowserTimer.ts"],"sourcesContent":["import * as React from 'react';\n\ntype BrowserTimerSetter =\n  | ((fn: () => void, duration?: number, ...args: Record<string, unknown>[]) => number)\n  | ((fn: () => void) => number);\n\n/**\n * @internal\n * Helper to manage a browser timer.\n * Ensures that the timer isn't set multiple times at once,\n * and is cleaned up when the component is unloaded.\n *\n * @param setTimer - The timer setter function\n * @param cancelTimer - The timer cancel function\n * @returns A pair of [setTimer, cancelTimer] that are stable between renders.\n *\n * @example\n * const [setTimer, cancelTimer] = useBrowserTimer(setTimeout, cancelTimeout);\n *\n * setTimer(() => console.log('Hello world!'), 1000);\n * cancelTimer();\n */\nexport function useBrowserTimer(setTimer: BrowserTimerSetter, cancelTimer: (id: number) => void) {\n  const id = React.useRef<number | undefined>(undefined);\n\n  const set = React.useCallback(\n    (fn: () => void, delay?: number) => {\n      if (id.current !== undefined) {\n        cancelTimer(id.current);\n      }\n\n      id.current = setTimer(fn, delay);\n      return id.current;\n    },\n    [cancelTimer, setTimer],\n  );\n\n  const cancel = React.useCallback(() => {\n    if (id.current !== undefined) {\n      cancelTimer(id.current);\n      id.current = undefined;\n    }\n  }, [cancelTimer]);\n\n  // Clean up the timeout when the component is unloaded\n  React.useEffect(() => cancel, [cancel]);\n\n  return [set, cancel] as const;\n}\n"],"names":["React","useBrowserTimer","setTimer","cancelTimer","id","useRef","undefined","set","useCallback","fn","delay","current","cancel","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAM/B;;;;;;;;;;;;;;;CAeC,GACD,OAAO,SAASC,gBAAgBC,QAA4B,EAAEC,WAAiC,EAAE;IAC/F,MAAMC,KAAKJ,MAAMK,MAAM,CAAqBC;IAE5C,MAAMC,MAAMP,MAAMQ,WAAW,CAC3B,CAACC,IAAgBC,QAAmB;QAClC,IAAIN,GAAGO,OAAO,KAAKL,WAAW;YAC5BH,YAAYC,GAAGO,OAAO;QACxB,CAAC;QAEDP,GAAGO,OAAO,GAAGT,SAASO,IAAIC;QAC1B,OAAON,GAAGO,OAAO;IACnB,GACA;QAACR;QAAaD;KAAS;IAGzB,MAAMU,SAASZ,MAAMQ,WAAW,CAAC,IAAM;QACrC,IAAIJ,GAAGO,OAAO,KAAKL,WAAW;YAC5BH,YAAYC,GAAGO,OAAO;YACtBP,GAAGO,OAAO,GAAGL;QACf,CAAC;IACH,GAAG;QAACH;KAAY;IAEhB,sDAAsD;IACtDH,MAAMa,SAAS,CAAC,IAAMD,QAAQ;QAACA;KAAO;IAEtC,OAAO;QAACL;QAAKK;KAAO;AACtB,CAAC"}

package/lib/hooks/useOnClickOutside.js

@@ -7,16 +7,27 @@ import { useEventCallback } from './useEventCallback';
     const { refs , callback , element , disabled , contains: containsProp  } = options;
     const timeoutId = React.useRef(undefined);
     useIFrameFocus(options);
+    const isMouseDownInsideRef = React.useRef(false);
+    const contains = containsProp || ((parent, child)=>{
+        return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
+    });
     const listener = useEventCallback((ev)=>{
-        const contains = containsProp || ((parent, child)=>{
-            return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
-        });
+        if (isMouseDownInsideRef.current) {
+            isMouseDownInsideRef.current = false;
+            return;
+        }
         const target = ev.composedPath()[0];
         const isOutside = refs.every((ref)=>!contains(ref.current || null, target));
         if (isOutside && !disabled) {
             callback(ev);
         }
     });
+    const handleMouseDown = useEventCallback((ev)=>{
+        // Selecting text from inside to outside will rigger click event.
+        // In this case click event target is outside but mouse down event target is inside.
+        // And this click event should be considered as inside click.
+        isMouseDownInsideRef.current = refs.some((ref)=>contains(ref.current || null, ev.target));
+    });
     React.useEffect(()=>{
         if (disabled) {
             return;
@@ -37,6 +48,7 @@ import { useEventCallback } from './useEventCallback';
         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);
+        element === null || element === void 0 ? void 0 : element.addEventListener('mousedown', handleMouseDown, true);
         // Garbage collect this event after it's no longer useful to avoid memory leaks
         timeoutId.current = window.setTimeout(()=>{
             currentEvent = undefined;
@@ -45,13 +57,15 @@ import { useEventCallback } from './useEventCallback';
             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);
+            element === null || element === void 0 ? void 0 : element.removeEventListener('mousedown', handleMouseDown, true);
             clearTimeout(timeoutId.current);
             currentEvent = undefined;
         };
     }, [
         listener,
         element,
-        disabled
+        disabled,
+        handleMouseDown
     ]);
 };
 const getWindowEvent = (target)=>{

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   * 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 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    // 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\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      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","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","listener","ev","parent","child","target","composedPath","isOutside","every","ref","current","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   * 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 isMouseDownInsideRef = React.useRef(false);\n\n  const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n    containsProp || ((parent, child) => !!parent?.contains(child));\n\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 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      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","useOnClickOutside","options","refs","callback","element","disabled","contains","containsProp","timeoutId","useRef","undefined","useIFrameFocus","isMouseDownInsideRef","parent","child","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/useTimeout.js

@@ -1,31 +1,12 @@
-import * as React from 'react';
+import { useBrowserTimer } from './useBrowserTimer';
 /**
  * @internal
  * Helper to manage a browser timeout.
- * Ensures that the timeout isn't set multiple times at once,
- * and is cleaned up when the component is unloaded.
+ * Ensures that the timeout isn't set multiple times at once and is cleaned up
+ * when the component is unloaded.
  *
  * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
  */ export function useTimeout() {
-    const [timeout] = React.useState(()=>({
-            id: undefined,
-            set: (fn, delay)=>{
-                timeout.clear();
-                timeout.id = setTimeout(fn, delay);
-            },
-            clear: ()=>{
-                if (timeout.id !== undefined) {
-                    clearTimeout(timeout.id);
-                    timeout.id = undefined;
-                }
-            }
-        }));
-    // Clean up the timeout when the component is unloaded
-    React.useEffect(()=>timeout.clear, [
-        timeout
-    ]);
-    return [
-        timeout.set,
-        timeout.clear
-    ];
+    // TODO: figure it out a way to not call global.setTimeout and instead infer window from some context
+    return useBrowserTimer(setTimeout, clearTimeout);
 }

package/lib/hooks/useTimeout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTimeout.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n * Helper to manage a browser timeout.\n * Ensures that the timeout isn't set multiple times at once,\n * and is cleaned up when the component is unloaded.\n *\n * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.\n */\nexport function useTimeout() {\n  const [timeout] = React.useState(() => ({\n    id: undefined as ReturnType<typeof setTimeout> | undefined,\n    set: (fn: () => void, delay: number) => {\n      timeout.clear();\n      timeout.id = setTimeout(fn, delay);\n    },\n    clear: () => {\n      if (timeout.id !== undefined) {\n        clearTimeout(timeout.id);\n        timeout.id = undefined;\n      }\n    },\n  }));\n\n  // Clean up the timeout when the component is unloaded\n  React.useEffect(() => timeout.clear, [timeout]);\n\n  return [timeout.set, timeout.clear] as const;\n}\n"],"names":["React","useTimeout","timeout","useState","id","undefined","set","fn","delay","clear","setTimeout","clearTimeout","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;;;;;CAOC,GACD,OAAO,SAASC,aAAa;IAC3B,MAAM,CAACC,QAAQ,GAAGF,MAAMG,QAAQ,CAAC,IAAO,CAAA;YACtCC,IAAIC;YACJC,KAAK,CAACC,IAAgBC,QAAkB;gBACtCN,QAAQO,KAAK;gBACbP,QAAQE,EAAE,GAAGM,WAAWH,IAAIC;YAC9B;YACAC,OAAO,IAAM;gBACX,IAAIP,QAAQE,EAAE,KAAKC,WAAW;oBAC5BM,aAAaT,QAAQE,EAAE;oBACvBF,QAAQE,EAAE,GAAGC;gBACf,CAAC;YACH;QACF,CAAA;IAEA,sDAAsD;IACtDL,MAAMY,SAAS,CAAC,IAAMV,QAAQO,KAAK,EAAE;QAACP;KAAQ;IAE9C,OAAO;QAACA,QAAQI,GAAG;QAAEJ,QAAQO,KAAK;KAAC;AACrC,CAAC"}
+{"version":3,"sources":["useTimeout.ts"],"sourcesContent":["import { useBrowserTimer } from './useBrowserTimer';\n\n/**\n * @internal\n * Helper to manage a browser timeout.\n * Ensures that the timeout isn't set multiple times at once and is cleaned up\n * when the component is unloaded.\n *\n * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.\n */\nexport function useTimeout() {\n  // TODO: figure it out a way to not call global.setTimeout and instead infer window from some context\n  return useBrowserTimer(setTimeout, clearTimeout);\n}\n"],"names":["useBrowserTimer","useTimeout","setTimeout","clearTimeout"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD;;;;;;;CAOC,GACD,OAAO,SAASC,aAAa;IAC3B,qGAAqG;IACrG,OAAOD,gBAAgBE,YAAYC;AACrC,CAAC"}

package/lib/index.js

@@ -1,5 +1,5 @@
 export { slot, isSlot, getSlots, getSlotsNext, assertSlots, resolveShorthand, isResolvedShorthand, SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from './compose/index';
-export { IdPrefixProvider, resetIdsForTests, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedRefs, useOnClickOutside, useOnScrollOutside, usePrevious, useScrollbarWidth, useTimeout } from './hooks/index';
+export { IdPrefixProvider, resetIdsForTests, useAnimationFrame, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedRefs, useOnClickOutside, useOnScrollOutside, usePrevious, useScrollbarWidth, useTimeout } from './hooks/index';
 export { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';
 export { clamp, getNativeElementProps, getPartitionedNativeProps, getRTLSafeKey, mergeCallbacks, isHTMLElement, isInteractiveHTMLElement, omit, createPriorityQueue } from './utils/index';
 export { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  slot,\n  isSlot,\n  getSlots,\n  getSlotsNext,\n  assertSlots,\n  resolveShorthand,\n  isResolvedShorthand,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from './compose/index';\nexport type {\n  ExtractSlotProps,\n  ComponentProps,\n  ComponentState,\n  ForwardRefComponent,\n  ResolveShorthandFunction,\n  ResolveShorthandOptions,\n  Slot,\n  Slots,\n  SlotClassNames,\n  SlotPropsRecord,\n  SlotRenderFunction,\n  SlotShorthandValue,\n  UnknownSlotProps,\n  SlotComponentType,\n  SlotOptions,\n} from './compose/index';\n\nexport {\n  IdPrefixProvider,\n  resetIdsForTests,\n  useControllableState,\n  useEventCallback,\n  useFirstMount,\n  useForceUpdate,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n  useOnClickOutside,\n  useOnScrollOutside,\n  usePrevious,\n  useScrollbarWidth,\n  useTimeout,\n} from './hooks/index';\nexport type { RefObjectFunction, UseControllableStateOptions, UseOnClickOrScrollOutsideOptions } from './hooks/index';\n\nexport { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';\n\nexport {\n  clamp,\n  getNativeElementProps,\n  getPartitionedNativeProps,\n  getRTLSafeKey,\n  mergeCallbacks,\n  isHTMLElement,\n  isInteractiveHTMLElement,\n  omit,\n  createPriorityQueue,\n} from './utils/index';\n\nexport type { PriorityQueue } from './utils/priorityQueue';\n\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\n\nexport type { FluentTriggerComponent, TriggerProps } from './trigger/index';\n\n/**\n * Event utils\n */\nexport type { NativeTouchOrMouseEvent, ReactTouchOrMouseEvent, TouchOrMouseEvent } from './events/index';\nexport { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';\n\nexport type {\n  SelectionMode,\n  OnSelectionChangeCallback,\n  OnSelectionChangeData,\n  SelectionItemId,\n  SelectionHookParams,\n  SelectionMethods,\n} from './selection/index';\nexport { useSelection } from './selection/index';\n"],"names":["slot","isSlot","getSlots","getSlotsNext","assertSlots","resolveShorthand","isResolvedShorthand","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","IdPrefixProvider","resetIdsForTests","useControllableState","useEventCallback","useFirstMount","useForceUpdate","useId","useIsomorphicLayoutEffect","useMergedRefs","useOnClickOutside","useOnScrollOutside","usePrevious","useScrollbarWidth","useTimeout","canUseDOM","useIsSSR","SSRProvider","clamp","getNativeElementProps","getPartitionedNativeProps","getRTLSafeKey","mergeCallbacks","isHTMLElement","isInteractiveHTMLElement","omit","createPriorityQueue","applyTriggerPropsToChildren","getTriggerChild","isFluentTrigger","isTouchEvent","isMouseEvent","getEventClientCoords","useSelection"],"mappings":"AAAA,SACEA,IAAI,EACJC,MAAM,EACNC,QAAQ,EACRC,YAAY,EACZC,WAAW,EACXC,gBAAgB,EAChBC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,QACtB,kBAAkB;AAmBzB,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,aAAa,EACbC,cAAc,EACdC,KAAK,EACLC,yBAAyB,EACzBC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,EACXC,iBAAiB,EACjBC,UAAU,QACL,gBAAgB;AAGvB,SAASC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,cAAc;AAE/D,SACEC,KAAK,EACLC,qBAAqB,EACrBC,yBAAyB,EACzBC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,wBAAwB,EACxBC,IAAI,EACJC,mBAAmB,QACd,gBAAgB;AAIvB,SAASC,2BAA2B,EAAEC,eAAe,EAAEC,eAAe,QAAQ,kBAAkB;AAQhG,SAASC,YAAY,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,iBAAiB;AAUlF,SAASC,YAAY,QAAQ,oBAAoB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  slot,\n  isSlot,\n  getSlots,\n  getSlotsNext,\n  assertSlots,\n  resolveShorthand,\n  isResolvedShorthand,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from './compose/index';\nexport type {\n  ExtractSlotProps,\n  ComponentProps,\n  ComponentState,\n  ForwardRefComponent,\n  ResolveShorthandFunction,\n  ResolveShorthandOptions,\n  Slot,\n  Slots,\n  SlotClassNames,\n  SlotPropsRecord,\n  SlotRenderFunction,\n  SlotShorthandValue,\n  UnknownSlotProps,\n  SlotComponentType,\n  SlotOptions,\n} from './compose/index';\n\nexport {\n  IdPrefixProvider,\n  resetIdsForTests,\n  useAnimationFrame,\n  useControllableState,\n  useEventCallback,\n  useFirstMount,\n  useForceUpdate,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n  useOnClickOutside,\n  useOnScrollOutside,\n  usePrevious,\n  useScrollbarWidth,\n  useTimeout,\n} from './hooks/index';\nexport type { RefObjectFunction, UseControllableStateOptions, UseOnClickOrScrollOutsideOptions } from './hooks/index';\n\nexport { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';\n\nexport {\n  clamp,\n  getNativeElementProps,\n  getPartitionedNativeProps,\n  getRTLSafeKey,\n  mergeCallbacks,\n  isHTMLElement,\n  isInteractiveHTMLElement,\n  omit,\n  createPriorityQueue,\n} from './utils/index';\n\nexport type { PriorityQueue } from './utils/priorityQueue';\n\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\n\nexport type { FluentTriggerComponent, TriggerProps } from './trigger/index';\n\n/**\n * Event utils\n */\nexport type { NativeTouchOrMouseEvent, ReactTouchOrMouseEvent, TouchOrMouseEvent } from './events/index';\nexport { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';\n\nexport type {\n  SelectionMode,\n  OnSelectionChangeCallback,\n  OnSelectionChangeData,\n  SelectionItemId,\n  SelectionHookParams,\n  SelectionMethods,\n} from './selection/index';\nexport { useSelection } from './selection/index';\n"],"names":["slot","isSlot","getSlots","getSlotsNext","assertSlots","resolveShorthand","isResolvedShorthand","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","IdPrefixProvider","resetIdsForTests","useAnimationFrame","useControllableState","useEventCallback","useFirstMount","useForceUpdate","useId","useIsomorphicLayoutEffect","useMergedRefs","useOnClickOutside","useOnScrollOutside","usePrevious","useScrollbarWidth","useTimeout","canUseDOM","useIsSSR","SSRProvider","clamp","getNativeElementProps","getPartitionedNativeProps","getRTLSafeKey","mergeCallbacks","isHTMLElement","isInteractiveHTMLElement","omit","createPriorityQueue","applyTriggerPropsToChildren","getTriggerChild","isFluentTrigger","isTouchEvent","isMouseEvent","getEventClientCoords","useSelection"],"mappings":"AAAA,SACEA,IAAI,EACJC,MAAM,EACNC,QAAQ,EACRC,YAAY,EACZC,WAAW,EACXC,gBAAgB,EAChBC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,QACtB,kBAAkB;AAmBzB,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpBC,gBAAgB,EAChBC,aAAa,EACbC,cAAc,EACdC,KAAK,EACLC,yBAAyB,EACzBC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,EACXC,iBAAiB,EACjBC,UAAU,QACL,gBAAgB;AAGvB,SAASC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,cAAc;AAE/D,SACEC,KAAK,EACLC,qBAAqB,EACrBC,yBAAyB,EACzBC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,wBAAwB,EACxBC,IAAI,EACJC,mBAAmB,QACd,gBAAgB;AAIvB,SAASC,2BAA2B,EAAEC,eAAe,EAAEC,eAAe,QAAQ,kBAAkB;AAQhG,SAASC,YAAY,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,iBAAiB;AAUlF,SAASC,YAAY,QAAQ,oBAAoB"}

package/lib-commonjs/hooks/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./useAnimationFrame"), exports);
 _exportStar(require("./useControllableState"), exports);
 _exportStar(require("./useEventCallback"), exports);
 _exportStar(require("./useFirstMount"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useControllableState';\nexport * from './useEventCallback';\nexport * from './useFirstMount';\nexport * from './useForceUpdate';\nexport * from './useId';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMergedRefs';\nexport * from './useOnClickOutside';\nexport * from './useOnScrollOutside';\nexport * from './usePrevious';\nexport * from './useScrollbarWidth';\nexport * from './useTimeout';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './useAnimationFrame';\nexport * from './useControllableState';\nexport * from './useEventCallback';\nexport * from './useFirstMount';\nexport * from './useForceUpdate';\nexport * from './useId';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMergedRefs';\nexport * from './useOnClickOutside';\nexport * from './useOnScrollOutside';\nexport * from './usePrevious';\nexport * from './useScrollbarWidth';\nexport * from './useTimeout';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/hooks/useAnimationFrame.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAnimationFrame", {
+    enumerable: true,
+    get: ()=>useAnimationFrame
+});
+const _useBrowserTimer = require("./useBrowserTimer");
+function useAnimationFrame() {
+    // TODO: figure it out a way to not call global.requestAnimationFrame and instead infer window from some context
+    return (0, _useBrowserTimer.useBrowserTimer)(requestAnimationFrame, cancelAnimationFrame);
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAnimationFrame.js"],"sourcesContent":["import { useBrowserTimer } from './useBrowserTimer';\n/**\n * @internal\n * Helper to manage a browser requestAnimationFrame.\n * Ensures that the requestAnimationFrame isn't set multiple times at once and is cleaned up\n * when the component is unloaded.\n *\n * @returns A pair of [requestAnimationFrame, cancelAnimationFrame] that are stable between renders.\n */ export function useAnimationFrame() {\n    // TODO: figure it out a way to not call global.requestAnimationFrame and instead infer window from some context\n    return useBrowserTimer(requestAnimationFrame, cancelAnimationFrame);\n}\n"],"names":["useAnimationFrame","useBrowserTimer","requestAnimationFrame","cancelAnimationFrame"],"mappings":";;;;+BAQoBA;;aAAAA;;iCARY;AAQrB,SAASA,oBAAoB;IACpC,gHAAgH;IAChH,OAAOC,IAAAA,gCAAe,EAACC,uBAAuBC;AAClD"}

package/lib-commonjs/hooks/useBrowserTimer.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useBrowserTimer", {
+    enumerable: true,
+    get: ()=>useBrowserTimer
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+function useBrowserTimer(setTimer, cancelTimer) {
+    const id = _react.useRef(undefined);
+    const set = _react.useCallback((fn, delay)=>{
+        if (id.current !== undefined) {
+            cancelTimer(id.current);
+        }
+        id.current = setTimer(fn, delay);
+        return id.current;
+    }, [
+        cancelTimer,
+        setTimer
+    ]);
+    const cancel = _react.useCallback(()=>{
+        if (id.current !== undefined) {
+            cancelTimer(id.current);
+            id.current = undefined;
+        }
+    }, [
+        cancelTimer
+    ]);
+    // Clean up the timeout when the component is unloaded
+    _react.useEffect(()=>cancel, [
+        cancel
+    ]);
+    return [
+        set,
+        cancel
+    ];
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useBrowserTimer.js"],"sourcesContent":["import * as React from 'react';\n/**\n * @internal\n * Helper to manage a browser timer.\n * Ensures that the timer isn't set multiple times at once,\n * and is cleaned up when the component is unloaded.\n *\n * @param setTimer - The timer setter function\n * @param cancelTimer - The timer cancel function\n * @returns A pair of [setTimer, cancelTimer] that are stable between renders.\n *\n * @example\n * const [setTimer, cancelTimer] = useBrowserTimer(setTimeout, cancelTimeout);\n *\n * setTimer(() => console.log('Hello world!'), 1000);\n * cancelTimer();\n */ export function useBrowserTimer(setTimer, cancelTimer) {\n    const id = React.useRef(undefined);\n    const set = React.useCallback((fn, delay)=>{\n        if (id.current !== undefined) {\n            cancelTimer(id.current);\n        }\n        id.current = setTimer(fn, delay);\n        return id.current;\n    }, [\n        cancelTimer,\n        setTimer\n    ]);\n    const cancel = React.useCallback(()=>{\n        if (id.current !== undefined) {\n            cancelTimer(id.current);\n            id.current = undefined;\n        }\n    }, [\n        cancelTimer\n    ]);\n    // Clean up the timeout when the component is unloaded\n    React.useEffect(()=>cancel, [\n        cancel\n    ]);\n    return [\n        set,\n        cancel\n    ];\n}\n"],"names":["useBrowserTimer","setTimer","cancelTimer","id","React","useRef","undefined","set","useCallback","fn","delay","current","cancel","useEffect"],"mappings":";;;;+BAgBoBA;;aAAAA;;;6DAhBG;AAgBZ,SAASA,gBAAgBC,QAAQ,EAAEC,WAAW,EAAE;IACvD,MAAMC,KAAKC,OAAMC,MAAM,CAACC;IACxB,MAAMC,MAAMH,OAAMI,WAAW,CAAC,CAACC,IAAIC,QAAQ;QACvC,IAAIP,GAAGQ,OAAO,KAAKL,WAAW;YAC1BJ,YAAYC,GAAGQ,OAAO;QAC1B,CAAC;QACDR,GAAGQ,OAAO,GAAGV,SAASQ,IAAIC;QAC1B,OAAOP,GAAGQ,OAAO;IACrB,GAAG;QACCT;QACAD;KACH;IACD,MAAMW,SAASR,OAAMI,WAAW,CAAC,IAAI;QACjC,IAAIL,GAAGQ,OAAO,KAAKL,WAAW;YAC1BJ,YAAYC,GAAGQ,OAAO;YACtBR,GAAGQ,OAAO,GAAGL;QACjB,CAAC;IACL,GAAG;QACCJ;KACH;IACD,sDAAsD;IACtDE,OAAMS,SAAS,CAAC,IAAID,QAAQ;QACxBA;KACH;IACD,OAAO;QACHL;QACAK;KACH;AACL"}

package/lib-commonjs/hooks/useOnClickOutside.js

@@ -13,16 +13,27 @@ const useOnClickOutside = (options)=>{
     const { refs , callback , element , disabled , contains: containsProp  } = options;
     const timeoutId = _react.useRef(undefined);
     useIFrameFocus(options);
+    const isMouseDownInsideRef = _react.useRef(false);
+    const contains = containsProp || ((parent, child)=>{
+        return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
+    });
     const listener = (0, _useEventCallback.useEventCallback)((ev)=>{
-        const contains = containsProp || ((parent, child)=>{
-            return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
-        });
+        if (isMouseDownInsideRef.current) {
+            isMouseDownInsideRef.current = false;
+            return;
+        }
         const target = ev.composedPath()[0];
         const isOutside = refs.every((ref)=>!contains(ref.current || null, target));
         if (isOutside && !disabled) {
             callback(ev);
         }
     });
+    const handleMouseDown = (0, _useEventCallback.useEventCallback)((ev)=>{
+        // Selecting text from inside to outside will rigger click event.
+        // In this case click event target is outside but mouse down event target is inside.
+        // And this click event should be considered as inside click.
+        isMouseDownInsideRef.current = refs.some((ref)=>contains(ref.current || null, ev.target));
+    });
     _react.useEffect(()=>{
         if (disabled) {
             return;
@@ -43,6 +54,7 @@ const useOnClickOutside = (options)=>{
         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);
+        element === null || element === void 0 ? void 0 : element.addEventListener('mousedown', handleMouseDown, true);
         // Garbage collect this event after it's no longer useful to avoid memory leaks
         timeoutId.current = window.setTimeout(()=>{
             currentEvent = undefined;
@@ -51,13 +63,15 @@ const useOnClickOutside = (options)=>{
             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);
+            element === null || element === void 0 ? void 0 : element.removeEventListener('mousedown', handleMouseDown, true);
             clearTimeout(timeoutId.current);
             currentEvent = undefined;
         };
     }, [
         listener,
         element,
-        disabled
+        disabled,
+        handleMouseDown
     ]);
 };
 const getWindowEvent = (target)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["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 */ export const useOnClickOutside = (options)=>{\n    const { refs , callback , element , disabled , contains: containsProp  } = options;\n    const timeoutId = React.useRef(undefined);\n    useIFrameFocus(options);\n    const listener = useEventCallback((ev)=>{\n        const contains = containsProp || ((parent, child)=>{\n            return !!(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        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        // use capture phase because React can update DOM before the event bubbles to the document\n        element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);\n        element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);\n        element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, 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            element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);\n            element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);\n            element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);\n            clearTimeout(timeoutId.current);\n            currentEvent = undefined;\n        };\n    }, [\n        listener,\n        element,\n        disabled\n    ]);\n};\nconst getWindowEvent = (target)=>{\n    if (target) {\n        var _target_ownerDocument, _target_ownerDocument_defaultView;\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: containsProp = (parent, child)=>{\n        return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));\n    } , pollDuration =1000 , refs  } = options;\n    const timeoutRef = React.useRef();\n    const listener = useEventCallback((e)=>{\n        const contains = containsProp || ((parent, child)=>{\n            return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));\n        });\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            return;\n        }\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);\n        return ()=>{\n            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;\n        if (disabled) {\n            return;\n        }\n        timeoutRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{\n            const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n            if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.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;\n            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","options","refs","callback","element","disabled","contains","containsProp","timeoutId","React","useRef","undefined","useIFrameFocus","listener","useEventCallback","ev","parent","child","target","composedPath","isOutside","every","ref","current","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","_target_ownerDocument","_target_ownerDocument_defaultView","_target_ownerDocument_defaultView_event","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","_targetDocument_defaultView","setInterval","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';\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 , contains: containsProp  } = options;\n    const timeoutId = React.useRef(undefined);\n    useIFrameFocus(options);\n    const isMouseDownInsideRef = React.useRef(false);\n    const contains = containsProp || ((parent, child)=>{\n        return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));\n    });\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        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        // use capture phase because React can update DOM before the event bubbles to the document\n        element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);\n        element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);\n        element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);\n        element === null || element === void 0 ? void 0 : element.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            element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);\n            element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);\n            element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);\n            element === null || element === void 0 ? void 0 : element.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, _target_ownerDocument_defaultView;\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: containsProp = (parent, child)=>{\n        return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));\n    } , pollDuration =1000 , refs  } = options;\n    const timeoutRef = React.useRef();\n    const listener = useEventCallback((e)=>{\n        const contains = containsProp || ((parent, child)=>{\n            return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));\n        });\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            return;\n        }\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);\n        return ()=>{\n            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;\n        if (disabled) {\n            return;\n        }\n        timeoutRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{\n            const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n            if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.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;\n            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","options","refs","callback","element","disabled","contains","containsProp","timeoutId","React","useRef","undefined","useIFrameFocus","isMouseDownInsideRef","parent","child","listener","useEventCallback","ev","current","target","composedPath","isOutside","every","ref","handleMouseDown","some","useEffect","currentEvent","getWindowEvent","window","conditionalHandler","event","addEventListener","setTimeout","removeEventListener","clearTimeout","_target_ownerDocument","_target_ownerDocument_defaultView","_target_ownerDocument_defaultView_event","ownerDocument","defaultView","FUI_FRAME_EVENT","targetDocument","pollDuration","timeoutRef","e","_targetDocument_defaultView","setInterval","activeElement","tagName","CustomEvent","bubbles","dispatchEvent"],"mappings":"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"}

package/lib-commonjs/hooks/useTimeout.js

@@ -6,28 +6,8 @@ Object.defineProperty(exports, "useTimeout", {
     enumerable: true,
     get: ()=>useTimeout
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useBrowserTimer = require("./useBrowserTimer");
 function useTimeout() {
-    const [timeout] = _react.useState(()=>({
-            id: undefined,
-            set: (fn, delay)=>{
-                timeout.clear();
-                timeout.id = setTimeout(fn, delay);
-            },
-            clear: ()=>{
-                if (timeout.id !== undefined) {
-                    clearTimeout(timeout.id);
-                    timeout.id = undefined;
-                }
-            }
-        }));
-    // Clean up the timeout when the component is unloaded
-    _react.useEffect(()=>timeout.clear, [
-        timeout
-    ]);
-    return [
-        timeout.set,
-        timeout.clear
-    ];
+    // TODO: figure it out a way to not call global.setTimeout and instead infer window from some context
+    return (0, _useBrowserTimer.useBrowserTimer)(setTimeout, clearTimeout);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["useTimeout.js"],"sourcesContent":["import * as React from 'react';\n/**\n * @internal\n * Helper to manage a browser timeout.\n * Ensures that the timeout isn't set multiple times at once,\n * and is cleaned up when the component is unloaded.\n *\n * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.\n */ export function useTimeout() {\n    const [timeout] = React.useState(()=>({\n            id: undefined,\n            set: (fn, delay)=>{\n                timeout.clear();\n                timeout.id = setTimeout(fn, delay);\n            },\n            clear: ()=>{\n                if (timeout.id !== undefined) {\n                    clearTimeout(timeout.id);\n                    timeout.id = undefined;\n                }\n            }\n        }));\n    // Clean up the timeout when the component is unloaded\n    React.useEffect(()=>timeout.clear, [\n        timeout\n    ]);\n    return [\n        timeout.set,\n        timeout.clear\n    ];\n}\n"],"names":["useTimeout","timeout","React","useState","id","undefined","set","fn","delay","clear","setTimeout","clearTimeout","useEffect"],"mappings":";;;;+BAQoBA;;aAAAA;;;6DARG;AAQZ,SAASA,aAAa;IAC7B,MAAM,CAACC,QAAQ,GAAGC,OAAMC,QAAQ,CAAC,IAAK,CAAA;YAC9BC,IAAIC;YACJC,KAAK,CAACC,IAAIC,QAAQ;gBACdP,QAAQQ,KAAK;gBACbR,QAAQG,EAAE,GAAGM,WAAWH,IAAIC;YAChC;YACAC,OAAO,IAAI;gBACP,IAAIR,QAAQG,EAAE,KAAKC,WAAW;oBAC1BM,aAAaV,QAAQG,EAAE;oBACvBH,QAAQG,EAAE,GAAGC;gBACjB,CAAC;YACL;QACJ,CAAA;IACJ,sDAAsD;IACtDH,OAAMU,SAAS,CAAC,IAAIX,QAAQQ,KAAK,EAAE;QAC/BR;KACH;IACD,OAAO;QACHA,QAAQK,GAAG;QACXL,QAAQQ,KAAK;KAChB;AACL"}
+{"version":3,"sources":["useTimeout.js"],"sourcesContent":["import { useBrowserTimer } from './useBrowserTimer';\n/**\n * @internal\n * Helper to manage a browser timeout.\n * Ensures that the timeout isn't set multiple times at once and is cleaned up\n * when the component is unloaded.\n *\n * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.\n */ export function useTimeout() {\n    // TODO: figure it out a way to not call global.setTimeout and instead infer window from some context\n    return useBrowserTimer(setTimeout, clearTimeout);\n}\n"],"names":["useTimeout","useBrowserTimer","setTimeout","clearTimeout"],"mappings":";;;;+BAQoBA;;aAAAA;;iCARY;AAQrB,SAASA,aAAa;IAC7B,qGAAqG;IACrG,OAAOC,IAAAA,gCAAe,EAACC,YAAYC;AACvC"}

package/lib-commonjs/index.js

@@ -20,6 +20,7 @@ _export(exports, {
     SLOT_RENDER_FUNCTION_SYMBOL: ()=>_index.SLOT_RENDER_FUNCTION_SYMBOL,
     IdPrefixProvider: ()=>_index1.IdPrefixProvider,
     resetIdsForTests: ()=>_index1.resetIdsForTests,
+    useAnimationFrame: ()=>_index1.useAnimationFrame,
     useControllableState: ()=>_index1.useControllableState,
     useEventCallback: ()=>_index1.useEventCallback,
     useFirstMount: ()=>_index1.useFirstMount,

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { slot, isSlot, getSlots, getSlotsNext, assertSlots, resolveShorthand, isResolvedShorthand, SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from './compose/index';\nexport { IdPrefixProvider, resetIdsForTests, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedRefs, useOnClickOutside, useOnScrollOutside, usePrevious, useScrollbarWidth, useTimeout } from './hooks/index';\nexport { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';\nexport { clamp, getNativeElementProps, getPartitionedNativeProps, getRTLSafeKey, mergeCallbacks, isHTMLElement, isInteractiveHTMLElement, omit, createPriorityQueue } from './utils/index';\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\nexport { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';\nexport { useSelection } from './selection/index';\n"],"names":["slot","isSlot","getSlots","getSlotsNext","assertSlots","resolveShorthand","isResolvedShorthand","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","IdPrefixProvider","resetIdsForTests","useControllableState","useEventCallback","useFirstMount","useForceUpdate","useId","useIsomorphicLayoutEffect","useMergedRefs","useOnClickOutside","useOnScrollOutside","usePrevious","useScrollbarWidth","useTimeout","canUseDOM","useIsSSR","SSRProvider","clamp","getNativeElementProps","getPartitionedNativeProps","getRTLSafeKey","mergeCallbacks","isHTMLElement","isInteractiveHTMLElement","omit","createPriorityQueue","applyTriggerPropsToChildren","getTriggerChild","isFluentTrigger","isTouchEvent","isMouseEvent","getEventClientCoords","useSelection"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,WAAI;IAAEC,MAAM,MAANA,aAAM;IAAEC,QAAQ,MAARA,eAAQ;IAAEC,YAAY,MAAZA,mBAAY;IAAEC,WAAW,MAAXA,kBAAW;IAAEC,gBAAgB,MAAhBA,uBAAgB;IAAEC,mBAAmB,MAAnBA,0BAAmB;IAAEC,wBAAwB,MAAxBA,+BAAwB;IAAEC,2BAA2B,MAA3BA,kCAA2B;IAC/IC,gBAAgB,MAAhBA,wBAAgB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,oBAAoB,MAApBA,4BAAoB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,cAAc,MAAdA,sBAAc;IAAEC,KAAK,MAALA,aAAK;IAAEC,yBAAyB,MAAzBA,iCAAyB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,iBAAiB,MAAjBA,yBAAiB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IAAEC,WAAW,MAAXA,mBAAW;IAAEC,iBAAiB,MAAjBA,yBAAiB;IAAEC,UAAU,MAAVA,kBAAU;IAC7OC,SAAS,MAATA,iBAAS;IAAEC,QAAQ,MAARA,gBAAQ;IAAEC,WAAW,MAAXA,mBAAW;IAChCC,KAAK,MAALA,aAAK;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,yBAAyB,MAAzBA,iCAAyB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,cAAc,MAAdA,sBAAc;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,IAAI,MAAJA,YAAI;IAAEC,mBAAmB,MAAnBA,2BAAmB;IAC1JC,2BAA2B,MAA3BA,mCAA2B;IAAEC,eAAe,MAAfA,uBAAe;IAAEC,eAAe,MAAfA,uBAAe;IAC7DC,YAAY,MAAZA,oBAAY;IAAEC,YAAY,MAAZA,oBAAY;IAAEC,oBAAoB,MAApBA,4BAAoB;IAChDC,YAAY,MAAZA,oBAAY;;uBAN2I;wBAC8F;wBAC7M;wBAC0H;wBAC7F;wBACb;wBACpC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { slot, isSlot, getSlots, getSlotsNext, assertSlots, resolveShorthand, isResolvedShorthand, SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from './compose/index';\nexport { IdPrefixProvider, resetIdsForTests, useAnimationFrame, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedRefs, useOnClickOutside, useOnScrollOutside, usePrevious, useScrollbarWidth, useTimeout } from './hooks/index';\nexport { canUseDOM, useIsSSR, SSRProvider } from './ssr/index';\nexport { clamp, getNativeElementProps, getPartitionedNativeProps, getRTLSafeKey, mergeCallbacks, isHTMLElement, isInteractiveHTMLElement, omit, createPriorityQueue } from './utils/index';\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\nexport { isTouchEvent, isMouseEvent, getEventClientCoords } from './events/index';\nexport { useSelection } from './selection/index';\n"],"names":["slot","isSlot","getSlots","getSlotsNext","assertSlots","resolveShorthand","isResolvedShorthand","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","IdPrefixProvider","resetIdsForTests","useAnimationFrame","useControllableState","useEventCallback","useFirstMount","useForceUpdate","useId","useIsomorphicLayoutEffect","useMergedRefs","useOnClickOutside","useOnScrollOutside","usePrevious","useScrollbarWidth","useTimeout","canUseDOM","useIsSSR","SSRProvider","clamp","getNativeElementProps","getPartitionedNativeProps","getRTLSafeKey","mergeCallbacks","isHTMLElement","isInteractiveHTMLElement","omit","createPriorityQueue","applyTriggerPropsToChildren","getTriggerChild","isFluentTrigger","isTouchEvent","isMouseEvent","getEventClientCoords","useSelection"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,WAAI;IAAEC,MAAM,MAANA,aAAM;IAAEC,QAAQ,MAARA,eAAQ;IAAEC,YAAY,MAAZA,mBAAY;IAAEC,WAAW,MAAXA,kBAAW;IAAEC,gBAAgB,MAAhBA,uBAAgB;IAAEC,mBAAmB,MAAnBA,0BAAmB;IAAEC,wBAAwB,MAAxBA,+BAAwB;IAAEC,2BAA2B,MAA3BA,kCAA2B;IAC/IC,gBAAgB,MAAhBA,wBAAgB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,iBAAiB,MAAjBA,yBAAiB;IAAEC,oBAAoB,MAApBA,4BAAoB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,cAAc,MAAdA,sBAAc;IAAEC,KAAK,MAALA,aAAK;IAAEC,yBAAyB,MAAzBA,iCAAyB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,iBAAiB,MAAjBA,yBAAiB;IAAEC,kBAAkB,MAAlBA,0BAAkB;IAAEC,WAAW,MAAXA,mBAAW;IAAEC,iBAAiB,MAAjBA,yBAAiB;IAAEC,UAAU,MAAVA,kBAAU;IAChQC,SAAS,MAATA,iBAAS;IAAEC,QAAQ,MAARA,gBAAQ;IAAEC,WAAW,MAAXA,mBAAW;IAChCC,KAAK,MAALA,aAAK;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,yBAAyB,MAAzBA,iCAAyB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,cAAc,MAAdA,sBAAc;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,IAAI,MAAJA,YAAI;IAAEC,mBAAmB,MAAnBA,2BAAmB;IAC1JC,2BAA2B,MAA3BA,mCAA2B;IAAEC,eAAe,MAAfA,uBAAe;IAAEC,eAAe,MAAfA,uBAAe;IAC7DC,YAAY,MAAZA,oBAAY;IAAEC,YAAY,MAAZA,oBAAY;IAAEC,oBAAoB,MAApBA,4BAAoB;IAChDC,YAAY,MAAZA,oBAAY;;uBAN2I;wBACiH;wBAChO;wBAC0H;wBAC7F;wBACb;wBACpC"}

package/package.json

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