@fluentui/react-utilities 9.12.0 → 9.13.1

package/lib-commonjs/events/mouseTouchHelpers.js

@@ -9,12 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    isTouchEvent: ()=>isTouchEvent,
-    isMouseEvent: ()=>isMouseEvent,
-    getEventClientCoords: ()=>getEventClientCoords
+    isTouchEvent: function() {
+        return isTouchEvent;
+    },
+    isMouseEvent: function() {
+        return isMouseEvent;
+    },
+    getEventClientCoords: function() {
+        return getEventClientCoords;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function isTouchEvent(event) {
     return event.type.startsWith('touch');
 }

package/lib-commonjs/events/mouseTouchHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["mouseTouchHelpers.js"],"sourcesContent":["import * as React from 'react';\n/**\n * Returns true if event is a touch event. Useful when sharing logic between touch and mouse interactions.\n */ export function isTouchEvent(event) {\n    return event.type.startsWith('touch');\n}\n/**\n * Returns true if event is a mouse event. Useful when sharing logic between touch and mouse interactions.\n */ export function isMouseEvent(event) {\n    return event.type.startsWith('mouse') || [\n        'click',\n        'contextmenu',\n        'dblclick'\n    ].indexOf(event.type) > -1;\n}\n/**\n * Returns an object with clientX, clientY for TouchOrMouseEvent.\n * Returns zeros in case the event is not a mouse or a touch event.\n */ export function getEventClientCoords(event) {\n    if (isMouseEvent(event)) {\n        return {\n            clientX: event.clientX,\n            clientY: event.clientY\n        };\n    } else if (isTouchEvent(event)) {\n        return {\n            clientX: event.touches[0].clientX,\n            clientY: event.touches[0].clientY\n        };\n    } else {\n        if (process.env.NODE_ENV !== 'production') {\n            throw new Error('@fluentui/react-utilities]: Unable to get clientX. Unknown event type.');\n        }\n        return {\n            clientX: 0,\n            clientY: 0\n        };\n    }\n}\n"],"names":["isTouchEvent","isMouseEvent","getEventClientCoords","event","type","startsWith","indexOf","clientX","clientY","touches","process","env","NODE_ENV","Error"],"mappings":";;;;;;;;;;;IAGoBA,YAAY,MAAZA;IAKAC,YAAY,MAAZA;IAUAC,oBAAoB,MAApBA;;;6DAlBG;AAGZ,SAASF,aAAaG,KAAK,EAAE;IACpC,OAAOA,MAAMC,IAAI,CAACC,UAAU,CAAC;AACjC;AAGW,SAASJ,aAAaE,KAAK,EAAE;IACpC,OAAOA,MAAMC,IAAI,CAACC,UAAU,CAAC,YAAY;QACrC;QACA;QACA;KACH,CAACC,OAAO,CAACH,MAAMC,IAAI,IAAI,CAAC;AAC7B;AAIW,SAASF,qBAAqBC,KAAK,EAAE;IAC5C,IAAIF,aAAaE,QAAQ;QACrB,OAAO;YACHI,SAASJ,MAAMI,OAAO;YACtBC,SAASL,MAAMK,OAAO;QAC1B;IACJ,OAAO,IAAIR,aAAaG,QAAQ;QAC5B,OAAO;YACHI,SAASJ,MAAMM,OAAO,CAAC,EAAE,CAACF,OAAO;YACjCC,SAASL,MAAMM,OAAO,CAAC,EAAE,CAACD,OAAO;QACrC;IACJ,OAAO;QACH,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACvC,MAAM,IAAIC,MAAM,0EAA0E;QAC9F,CAAC;QACD,OAAO;YACHN,SAAS;YACTC,SAAS;QACb;IACJ,CAAC;AACL"}
+{"version":3,"sources":["mouseTouchHelpers.js"],"sourcesContent":["import * as React from 'react';\n/**\n * Returns true if event is a touch event. Useful when sharing logic between touch and mouse interactions.\n */ export function isTouchEvent(event) {\n    return event.type.startsWith('touch');\n}\n/**\n * Returns true if event is a mouse event. Useful when sharing logic between touch and mouse interactions.\n */ export function isMouseEvent(event) {\n    return event.type.startsWith('mouse') || [\n        'click',\n        'contextmenu',\n        'dblclick'\n    ].indexOf(event.type) > -1;\n}\n/**\n * Returns an object with clientX, clientY for TouchOrMouseEvent.\n * Returns zeros in case the event is not a mouse or a touch event.\n */ export function getEventClientCoords(event) {\n    if (isMouseEvent(event)) {\n        return {\n            clientX: event.clientX,\n            clientY: event.clientY\n        };\n    } else if (isTouchEvent(event)) {\n        return {\n            clientX: event.touches[0].clientX,\n            clientY: event.touches[0].clientY\n        };\n    } else {\n        if (process.env.NODE_ENV !== 'production') {\n            throw new Error('@fluentui/react-utilities]: Unable to get clientX. Unknown event type.');\n        }\n        return {\n            clientX: 0,\n            clientY: 0\n        };\n    }\n}\n"],"names":["isTouchEvent","isMouseEvent","getEventClientCoords","event","type","startsWith","indexOf","clientX","clientY","touches","process","env","NODE_ENV","Error"],"mappings":";;;;;;;;;;;IAGoBA,YAAY;eAAZA;;IAKAC,YAAY;eAAZA;;IAUAC,oBAAoB;eAApBA;;;;iEAlBG;AAGZ,SAASF,aAAaG,KAAK;IAClC,OAAOA,MAAMC,IAAI,CAACC,UAAU,CAAC;AACjC;AAGW,SAASJ,aAAaE,KAAK;IAClC,OAAOA,MAAMC,IAAI,CAACC,UAAU,CAAC,YAAY;QACrC;QACA;QACA;KACH,CAACC,OAAO,CAACH,MAAMC,IAAI,IAAI,CAAC;AAC7B;AAIW,SAASF,qBAAqBC,KAAK;IAC1C,IAAIF,aAAaE,QAAQ;QACrB,OAAO;YACHI,SAASJ,MAAMI,OAAO;YACtBC,SAASL,MAAMK,OAAO;QAC1B;IACJ,OAAO,IAAIR,aAAaG,QAAQ;QAC5B,OAAO;YACHI,SAASJ,MAAMM,OAAO,CAAC,EAAE,CAACF,OAAO;YACjCC,SAASL,MAAMM,OAAO,CAAC,EAAE,CAACD,OAAO;QACrC;IACJ,OAAO;QACH,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACvC,MAAM,IAAIC,MAAM;QACpB;QACA,OAAO;YACHN,SAAS;YACTC,SAAS;QACb;IACJ;AACJ"}

package/lib-commonjs/hooks/index.js

@@ -2,17 +2,17 @@
 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);
-_exportStar(require("./useForceUpdate"), exports);
-_exportStar(require("./useId"), exports);
-_exportStar(require("./useIsomorphicLayoutEffect"), exports);
-_exportStar(require("./useMergedRefs"), exports);
-_exportStar(require("./useOnClickOutside"), exports);
-_exportStar(require("./useOnScrollOutside"), exports);
-_exportStar(require("./usePrevious"), exports);
-_exportStar(require("./useScrollbarWidth"), exports);
-_exportStar(require("./useTimeout"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./useAnimationFrame"), exports);
+_export_star._(require("./useControllableState"), exports);
+_export_star._(require("./useEventCallback"), exports);
+_export_star._(require("./useFirstMount"), exports);
+_export_star._(require("./useForceUpdate"), exports);
+_export_star._(require("./useId"), exports);
+_export_star._(require("./useIsomorphicLayoutEffect"), exports);
+_export_star._(require("./useMergedRefs"), exports);
+_export_star._(require("./useOnClickOutside"), exports);
+_export_star._(require("./useOnScrollOutside"), exports);
+_export_star._(require("./usePrevious"), exports);
+_export_star._(require("./useScrollbarWidth"), exports);
+_export_star._(require("./useTimeout"), exports);

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

@@ -1 +1 @@
-{"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"}
+{"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":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/hooks/useAnimationFrame.js

@@ -4,10 +4,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useAnimationFrame", {
     enumerable: true,
-    get: ()=>useAnimationFrame
+    get: function() {
+        return useAnimationFrame;
+    }
 });
+const _canUseDOM = require("../ssr/canUseDOM");
 const _useBrowserTimer = require("./useBrowserTimer");
+const setAnimationFrameNoop = (callback)=>{
+    callback(0);
+    return 0;
+};
+const cancelAnimationFrameNoop = (handle)=>handle;
 function useAnimationFrame() {
+    const isDOM = (0, _canUseDOM.canUseDOM)();
     // TODO: figure it out a way to not call global.requestAnimationFrame and instead infer window from some context
-    return (0, _useBrowserTimer.useBrowserTimer)(requestAnimationFrame, cancelAnimationFrame);
+    const setAnimationFrame = isDOM ? requestAnimationFrame : setAnimationFrameNoop;
+    const clearAnimationFrame = isDOM ? cancelAnimationFrame : cancelAnimationFrameNoop;
+    return (0, _useBrowserTimer.useBrowserTimer)(setAnimationFrame, clearAnimationFrame);
 }

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

@@ -1 +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"}
+{"version":3,"sources":["useAnimationFrame.js"],"sourcesContent":["import { canUseDOM } from '../ssr/canUseDOM';\nimport { useBrowserTimer } from './useBrowserTimer';\nconst setAnimationFrameNoop = (callback)=>{\n    callback(0);\n    return 0;\n};\nconst cancelAnimationFrameNoop = (handle)=>handle;\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    const isDOM = canUseDOM();\n    // TODO: figure it out a way to not call global.requestAnimationFrame and instead infer window from some context\n    const setAnimationFrame = isDOM ? requestAnimationFrame : setAnimationFrameNoop;\n    const clearAnimationFrame = isDOM ? cancelAnimationFrame : cancelAnimationFrameNoop;\n    return useBrowserTimer(setAnimationFrame, clearAnimationFrame);\n}\n"],"names":["useAnimationFrame","setAnimationFrameNoop","callback","cancelAnimationFrameNoop","handle","isDOM","canUseDOM","setAnimationFrame","requestAnimationFrame","clearAnimationFrame","cancelAnimationFrame","useBrowserTimer"],"mappings":";;;;+BAcoBA;;;eAAAA;;;2BAdM;iCACM;AAChC,MAAMC,wBAAwB,CAACC;IAC3BA,SAAS;IACT,OAAO;AACX;AACA,MAAMC,2BAA2B,CAACC,SAASA;AAQhC,SAASJ;IAChB,MAAMK,QAAQC,IAAAA,oBAAS;IACvB,gHAAgH;IAChH,MAAMC,oBAAoBF,QAAQG,wBAAwBP;IAC1D,MAAMQ,sBAAsBJ,QAAQK,uBAAuBP;IAC3D,OAAOQ,IAAAA,gCAAe,EAACJ,mBAAmBE;AAC9C"}

package/lib-commonjs/hooks/useBrowserTimer.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useBrowserTimer", {
     enumerable: true,
-    get: ()=>useBrowserTimer
+    get: function() {
+        return useBrowserTimer;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useBrowserTimer(setTimer, cancelTimer) {
     const id = _react.useRef(undefined);
     const set = _react.useCallback((fn, delay)=>{

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

@@ -1 +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"}
+{"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;;;eAAAA;;;;iEAhBG;AAgBZ,SAASA,gBAAgBC,QAAQ,EAAEC,WAAW;IACrD,MAAMC,KAAKC,OAAMC,MAAM,CAACC;IACxB,MAAMC,MAAMH,OAAMI,WAAW,CAAC,CAACC,IAAIC;QAC/B,IAAIP,GAAGQ,OAAO,KAAKL,WAAW;YAC1BJ,YAAYC,GAAGQ,OAAO;QAC1B;QACAR,GAAGQ,OAAO,GAAGV,SAASQ,IAAIC;QAC1B,OAAOP,GAAGQ,OAAO;IACrB,GAAG;QACCT;QACAD;KACH;IACD,MAAMW,SAASR,OAAMI,WAAW,CAAC;QAC7B,IAAIL,GAAGQ,OAAO,KAAKL,WAAW;YAC1BJ,YAAYC,GAAGQ,OAAO;YACtBR,GAAGQ,OAAO,GAAGL;QACjB;IACJ,GAAG;QACCJ;KACH;IACD,sDAAsD;IACtDE,OAAMS,SAAS,CAAC,IAAID,QAAQ;QACxBA;KACH;IACD,OAAO;QACHL;QACAK;KACH;AACL"}

package/lib-commonjs/hooks/useControllableState.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useControllableState", {
     enumerable: true,
-    get: ()=>useControllableState
+    get: function() {
+        return useControllableState;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function isFactoryDispatch(newState) {
     return typeof newState === 'function';
 }
@@ -57,14 +59,11 @@ function isInitializer(value) {
                 const controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';
                 const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';
                 // eslint-disable-next-line no-console
-                console.error([
-                    // Default react error
-                    'A component is changing ' + controlWarning + '. This is likely caused by the value',
-                    'changing from ' + undefinedWarning + ' value, which should not happen.',
-                    'Decide between using a controlled or uncontrolled input element for the lifetime of the component.',
-                    'More info: https://reactjs.org/link/controlled-components',
-                    error.stack
-                ].join(' '));
+                console.error(`@fluentui/react-utilities [${useControllableState.name}]:
+A component is changing ${controlWarning}. This is likely caused by the value changing from ${undefinedWarning} value, which should not happen.
+Decide between using a controlled or uncontrolled input element for the lifetime of the component.
+More info: https://reactjs.org/link/controlled-components
+${error.stack}`);
             }
         }, [
             isControlled,

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

@@ -1 +1 @@
-{"version":3,"sources":["useControllableState.js"],"sourcesContent":["import * as React from 'react';\nfunction isFactoryDispatch(newState) {\n    return typeof newState === 'function';\n}\n/**\n * @internal\n *\n * A [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate)-like hook\n * to manage a value that could be either `controlled` or `uncontrolled`,\n * such as a checked state or text input string.\n *\n * @see https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components for more details on `controlled`/`uncontrolled`\n *\n * @returns an array of the current value and an updater (dispatcher) function.\n * The updater function is referentially stable (won't change during the component's lifecycle).\n * It can take either a new value, or a function which is passed the previous value and returns the new value.\n *\n * ❗️❗️ Calls to the dispatcher will only modify the state if the state is `uncontrolled`.\n * Meaning that if a state is `controlled`, calls to the dispatcher do not modify the state.\n *\n */ export const useControllableState = (options)=>{\n    const [internalState, setInternalState] = React.useState(()=>{\n        if (options.defaultState === undefined) {\n            return options.initialState;\n        }\n        return isInitializer(options.defaultState) ? options.defaultState() : options.defaultState;\n    });\n    // Heads up!\n    // This part is specific for controlled mode and mocks behavior of React dispatcher function.\n    const stateValueRef = React.useRef(options.state);\n    React.useEffect(()=>{\n        stateValueRef.current = options.state;\n    }, [\n        options.state\n    ]);\n    const setControlledState = React.useCallback((newState)=>{\n        if (isFactoryDispatch(newState)) {\n            newState(stateValueRef.current);\n        }\n    }, []);\n    return useIsControlled(options.state) ? [\n        options.state,\n        setControlledState\n    ] : [\n        internalState,\n        setInternalState\n    ];\n};\nfunction isInitializer(value) {\n    return typeof value === 'function';\n}\n/**\n * Helper hook to handle previous comparison of controlled/uncontrolled\n * Prints an error when isControlled value switches between subsequent renders\n * @returns - whether the value is controlled\n */ const useIsControlled = (controlledValue)=>{\n    const [isControlled] = React.useState(()=>controlledValue !== undefined);\n    if (process.env.NODE_ENV !== 'production') {\n        // We don't want these warnings in production even though it is against native behaviour\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useEffect(()=>{\n            if (isControlled !== (controlledValue !== undefined)) {\n                const error = new Error();\n                const controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';\n                const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';\n                // eslint-disable-next-line no-console\n                console.error([\n                    // Default react error\n                    'A component is changing ' + controlWarning + '. This is likely caused by the value',\n                    'changing from ' + undefinedWarning + ' value, which should not happen.',\n                    'Decide between using a controlled or uncontrolled input element for the lifetime of the component.',\n                    'More info: https://reactjs.org/link/controlled-components',\n                    error.stack\n                ].join(' '));\n            }\n        }, [\n            isControlled,\n            controlledValue\n        ]);\n    }\n    return isControlled;\n};\n"],"names":["useControllableState","isFactoryDispatch","newState","options","internalState","setInternalState","React","useState","defaultState","undefined","initialState","isInitializer","stateValueRef","useRef","state","useEffect","current","setControlledState","useCallback","useIsControlled","value","controlledValue","isControlled","process","env","NODE_ENV","error","Error","controlWarning","undefinedWarning","console","stack","join"],"mappings":";;;;+BAoBiBA;;aAAAA;;;6DApBM;AACvB,SAASC,kBAAkBC,QAAQ,EAAE;IACjC,OAAO,OAAOA,aAAa;AAC/B;AAiBW,MAAMF,uBAAuB,CAACG,UAAU;IAC/C,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,OAAMC,QAAQ,CAAC,IAAI;QACzD,IAAIJ,QAAQK,YAAY,KAAKC,WAAW;YACpC,OAAON,QAAQO,YAAY;QAC/B,CAAC;QACD,OAAOC,cAAcR,QAAQK,YAAY,IAAIL,QAAQK,YAAY,KAAKL,QAAQK,YAAY;IAC9F;IACA,YAAY;IACZ,6FAA6F;IAC7F,MAAMI,gBAAgBN,OAAMO,MAAM,CAACV,QAAQW,KAAK;IAChDR,OAAMS,SAAS,CAAC,IAAI;QAChBH,cAAcI,OAAO,GAAGb,QAAQW,KAAK;IACzC,GAAG;QACCX,QAAQW,KAAK;KAChB;IACD,MAAMG,qBAAqBX,OAAMY,WAAW,CAAC,CAAChB,WAAW;QACrD,IAAID,kBAAkBC,WAAW;YAC7BA,SAASU,cAAcI,OAAO;QAClC,CAAC;IACL,GAAG,EAAE;IACL,OAAOG,gBAAgBhB,QAAQW,KAAK,IAAI;QACpCX,QAAQW,KAAK;QACbG;KACH,GAAG;QACAb;QACAC;KACH;AACL;AACA,SAASM,cAAcS,KAAK,EAAE;IAC1B,OAAO,OAAOA,UAAU;AAC5B;AACA;;;;CAIC,GAAG,MAAMD,kBAAkB,CAACE,kBAAkB;IAC3C,MAAM,CAACC,aAAa,GAAGhB,OAAMC,QAAQ,CAAC,IAAIc,oBAAoBZ;IAC9D,IAAIc,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,wFAAwF;QACxF,sDAAsD;QACtDnB,OAAMS,SAAS,CAAC,IAAI;YAChB,IAAIO,iBAAkBD,CAAAA,oBAAoBZ,SAAQ,GAAI;gBAClD,MAAMiB,QAAQ,IAAIC;gBAClB,MAAMC,iBAAiBN,eAAe,0CAA0C,wCAAwC;gBACxH,MAAMO,mBAAmBP,eAAe,4BAA4B,wBAAwB;gBAC5F,sCAAsC;gBACtCQ,QAAQJ,KAAK,CAAC;oBACV,sBAAsB;oBACtB,6BAA6BE,iBAAiB;oBAC9C,mBAAmBC,mBAAmB;oBACtC;oBACA;oBACAH,MAAMK,KAAK;iBACd,CAACC,IAAI,CAAC;YACX,CAAC;QACL,GAAG;YACCV;YACAD;SACH;IACL,CAAC;IACD,OAAOC;AACX"}
+{"version":3,"sources":["useControllableState.js"],"sourcesContent":["import * as React from 'react';\nfunction isFactoryDispatch(newState) {\n    return typeof newState === 'function';\n}\n/**\n * @internal\n *\n * A [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate)-like hook\n * to manage a value that could be either `controlled` or `uncontrolled`,\n * such as a checked state or text input string.\n *\n * @see https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components for more details on `controlled`/`uncontrolled`\n *\n * @returns an array of the current value and an updater (dispatcher) function.\n * The updater function is referentially stable (won't change during the component's lifecycle).\n * It can take either a new value, or a function which is passed the previous value and returns the new value.\n *\n * ❗️❗️ Calls to the dispatcher will only modify the state if the state is `uncontrolled`.\n * Meaning that if a state is `controlled`, calls to the dispatcher do not modify the state.\n *\n */ export const useControllableState = (options)=>{\n    const [internalState, setInternalState] = React.useState(()=>{\n        if (options.defaultState === undefined) {\n            return options.initialState;\n        }\n        return isInitializer(options.defaultState) ? options.defaultState() : options.defaultState;\n    });\n    // Heads up!\n    // This part is specific for controlled mode and mocks behavior of React dispatcher function.\n    const stateValueRef = React.useRef(options.state);\n    React.useEffect(()=>{\n        stateValueRef.current = options.state;\n    }, [\n        options.state\n    ]);\n    const setControlledState = React.useCallback((newState)=>{\n        if (isFactoryDispatch(newState)) {\n            newState(stateValueRef.current);\n        }\n    }, []);\n    return useIsControlled(options.state) ? [\n        options.state,\n        setControlledState\n    ] : [\n        internalState,\n        setInternalState\n    ];\n};\nfunction isInitializer(value) {\n    return typeof value === 'function';\n}\n/**\n * Helper hook to handle previous comparison of controlled/uncontrolled\n * Prints an error when isControlled value switches between subsequent renders\n * @returns - whether the value is controlled\n */ const useIsControlled = (controlledValue)=>{\n    const [isControlled] = React.useState(()=>controlledValue !== undefined);\n    if (process.env.NODE_ENV !== 'production') {\n        // We don't want these warnings in production even though it is against native behaviour\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useEffect(()=>{\n            if (isControlled !== (controlledValue !== undefined)) {\n                const error = new Error();\n                const controlWarning = isControlled ? 'a controlled value to be uncontrolled' : 'an uncontrolled value to be controlled';\n                const undefinedWarning = isControlled ? 'defined to an undefined' : 'undefined to a defined';\n                // eslint-disable-next-line no-console\n                console.error(`@fluentui/react-utilities [${useControllableState.name}]:\nA component is changing ${controlWarning}. This is likely caused by the value changing from ${undefinedWarning} value, which should not happen.\nDecide between using a controlled or uncontrolled input element for the lifetime of the component.\nMore info: https://reactjs.org/link/controlled-components\n${error.stack}`);\n            }\n        }, [\n            isControlled,\n            controlledValue\n        ]);\n    }\n    return isControlled;\n};\n"],"names":["useControllableState","isFactoryDispatch","newState","options","internalState","setInternalState","React","useState","defaultState","undefined","initialState","isInitializer","stateValueRef","useRef","state","useEffect","current","setControlledState","useCallback","useIsControlled","value","controlledValue","isControlled","process","env","NODE_ENV","error","Error","controlWarning","undefinedWarning","console","name","stack"],"mappings":";;;;+BAoBiBA;;;eAAAA;;;;iEApBM;AACvB,SAASC,kBAAkBC,QAAQ;IAC/B,OAAO,OAAOA,aAAa;AAC/B;AAiBW,MAAMF,uBAAuB,CAACG;IACrC,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,OAAMC,QAAQ,CAAC;QACrD,IAAIJ,QAAQK,YAAY,KAAKC,WAAW;YACpC,OAAON,QAAQO,YAAY;QAC/B;QACA,OAAOC,cAAcR,QAAQK,YAAY,IAAIL,QAAQK,YAAY,KAAKL,QAAQK,YAAY;IAC9F;IACA,YAAY;IACZ,6FAA6F;IAC7F,MAAMI,gBAAgBN,OAAMO,MAAM,CAACV,QAAQW,KAAK;IAChDR,OAAMS,SAAS,CAAC;QACZH,cAAcI,OAAO,GAAGb,QAAQW,KAAK;IACzC,GAAG;QACCX,QAAQW,KAAK;KAChB;IACD,MAAMG,qBAAqBX,OAAMY,WAAW,CAAC,CAAChB;QAC1C,IAAID,kBAAkBC,WAAW;YAC7BA,SAASU,cAAcI,OAAO;QAClC;IACJ,GAAG,EAAE;IACL,OAAOG,gBAAgBhB,QAAQW,KAAK,IAAI;QACpCX,QAAQW,KAAK;QACbG;KACH,GAAG;QACAb;QACAC;KACH;AACL;AACA,SAASM,cAAcS,KAAK;IACxB,OAAO,OAAOA,UAAU;AAC5B;AACA;;;;CAIC,GAAG,MAAMD,kBAAkB,CAACE;IACzB,MAAM,CAACC,aAAa,GAAGhB,OAAMC,QAAQ,CAAC,IAAIc,oBAAoBZ;IAC9D,IAAIc,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,wFAAwF;QACxF,sDAAsD;QACtDnB,OAAMS,SAAS,CAAC;YACZ,IAAIO,iBAAkBD,CAAAA,oBAAoBZ,SAAQ,GAAI;gBAClD,MAAMiB,QAAQ,IAAIC;gBAClB,MAAMC,iBAAiBN,eAAe,0CAA0C;gBAChF,MAAMO,mBAAmBP,eAAe,4BAA4B;gBACpE,sCAAsC;gBACtCQ,QAAQJ,KAAK,CAAC,CAAC,2BAA2B,EAAE1B,qBAAqB+B,IAAI,CAAC;wBAC9D,EAAEH,eAAe,mDAAmD,EAAEC,iBAAiB;;;AAG/G,EAAEH,MAAMM,KAAK,CAAC,CAAC;YACH;QACJ,GAAG;YACCV;YACAD;SACH;IACL;IACA,OAAOC;AACX"}

package/lib-commonjs/hooks/useEventCallback.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useEventCallback", {
     enumerable: true,
-    get: ()=>useEventCallback
+    get: function() {
+        return useEventCallback;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
 const useEventCallback = (fn)=>{
     const callbackRef = _react.useRef(()=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["useEventCallback.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n/**\n * @internal\n * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n *\n * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when\n * e.g. user props are dependencies which could change on every render\n * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently\n *\n * This should not be used often, but can be a useful re-render optimization since the callback is a ref and\n * will not be invalidated between re-renders\n *\n * @param fn - The callback function that will be used\n */ export const useEventCallback = (fn)=>{\n    const callbackRef = React.useRef(()=>{\n        throw new Error('Cannot call an event handler while rendering');\n    });\n    useIsomorphicLayoutEffect(()=>{\n        callbackRef.current = fn;\n    }, [\n        fn\n    ]);\n    return React.useCallback((...args)=>{\n        const callback = callbackRef.current;\n        return callback(...args);\n    }, [\n        callbackRef\n    ]);\n};\n"],"names":["useEventCallback","fn","callbackRef","React","useRef","Error","useIsomorphicLayoutEffect","current","useCallback","args","callback"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;2CACmB;AAa/B,MAAMA,mBAAmB,CAACC,KAAK;IACtC,MAAMC,cAAcC,OAAMC,MAAM,CAAC,IAAI;QACjC,MAAM,IAAIC,MAAM,gDAAgD;IACpE;IACAC,IAAAA,oDAAyB,EAAC,IAAI;QAC1BJ,YAAYK,OAAO,GAAGN;IAC1B,GAAG;QACCA;KACH;IACD,OAAOE,OAAMK,WAAW,CAAC,CAAC,GAAGC,OAAO;QAChC,MAAMC,WAAWR,YAAYK,OAAO;QACpC,OAAOG,YAAYD;IACvB,GAAG;QACCP;KACH;AACL"}
+{"version":3,"sources":["useEventCallback.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n/**\n * @internal\n * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n *\n * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when\n * e.g. user props are dependencies which could change on every render\n * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently\n *\n * This should not be used often, but can be a useful re-render optimization since the callback is a ref and\n * will not be invalidated between re-renders\n *\n * @param fn - The callback function that will be used\n */ export const useEventCallback = (fn)=>{\n    const callbackRef = React.useRef(()=>{\n        throw new Error('Cannot call an event handler while rendering');\n    });\n    useIsomorphicLayoutEffect(()=>{\n        callbackRef.current = fn;\n    }, [\n        fn\n    ]);\n    return React.useCallback((...args)=>{\n        const callback = callbackRef.current;\n        return callback(...args);\n    }, [\n        callbackRef\n    ]);\n};\n"],"names":["useEventCallback","fn","callbackRef","React","useRef","Error","useIsomorphicLayoutEffect","current","useCallback","args","callback"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;2CACmB;AAa/B,MAAMA,mBAAmB,CAACC;IACjC,MAAMC,cAAcC,OAAMC,MAAM,CAAC;QAC7B,MAAM,IAAIC,MAAM;IACpB;IACAC,IAAAA,oDAAyB,EAAC;QACtBJ,YAAYK,OAAO,GAAGN;IAC1B,GAAG;QACCA;KACH;IACD,OAAOE,OAAMK,WAAW,CAAC,CAAC,GAAGC;QACzB,MAAMC,WAAWR,YAAYK,OAAO;QACpC,OAAOG,YAAYD;IACvB,GAAG;QACCP;KACH;AACL"}

package/lib-commonjs/hooks/useFirstMount.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFirstMount", {
     enumerable: true,
-    get: ()=>useFirstMount
+    get: function() {
+        return useFirstMount;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useFirstMount() {
     const isFirst = _react.useRef(true);
     if (isFirst.current) {

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

@@ -1 +1 @@
-{"version":3,"sources":["useFirstMount.js"],"sourcesContent":["import * as React from 'react';\n/**\n * @internal\n * Checks if components was mounted the first time.\n * Since concurrent mode will be released in the future this needs to be verified\n * Currently (React 17) will always render the initial mount once\n * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx\n * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx\n *\n * @example\n * const isFirstMount = useFirstMount();\n */ export function useFirstMount() {\n    const isFirst = React.useRef(true);\n    if (isFirst.current) {\n        isFirst.current = false;\n        return true;\n    }\n    return isFirst.current;\n}\n"],"names":["useFirstMount","isFirst","React","useRef","current"],"mappings":";;;;+BAWoBA;;aAAAA;;;6DAXG;AAWZ,SAASA,gBAAgB;IAChC,MAAMC,UAAUC,OAAMC,MAAM,CAAC,IAAI;IACjC,IAAIF,QAAQG,OAAO,EAAE;QACjBH,QAAQG,OAAO,GAAG,KAAK;QACvB,OAAO,IAAI;IACf,CAAC;IACD,OAAOH,QAAQG,OAAO;AAC1B"}
+{"version":3,"sources":["useFirstMount.js"],"sourcesContent":["import * as React from 'react';\n/**\n * @internal\n * Checks if components was mounted the first time.\n * Since concurrent mode will be released in the future this needs to be verified\n * Currently (React 17) will always render the initial mount once\n * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx\n * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx\n *\n * @example\n * const isFirstMount = useFirstMount();\n */ export function useFirstMount() {\n    const isFirst = React.useRef(true);\n    if (isFirst.current) {\n        isFirst.current = false;\n        return true;\n    }\n    return isFirst.current;\n}\n"],"names":["useFirstMount","isFirst","React","useRef","current"],"mappings":";;;;+BAWoBA;;;eAAAA;;;;iEAXG;AAWZ,SAASA;IAChB,MAAMC,UAAUC,OAAMC,MAAM,CAAC;IAC7B,IAAIF,QAAQG,OAAO,EAAE;QACjBH,QAAQG,OAAO,GAAG;QAClB,OAAO;IACX;IACA,OAAOH,QAAQG,OAAO;AAC1B"}

package/lib-commonjs/hooks/useForceUpdate.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useForceUpdate", {
     enumerable: true,
-    get: ()=>useForceUpdate
+    get: function() {
+        return useForceUpdate;
+    }
 });
 const _react = require("react");
 function useForceUpdate() {

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

@@ -1 +1 @@
-{"version":3,"sources":["useForceUpdate.js"],"sourcesContent":["import { useReducer } from 'react';\n/**\n * @internal\n * Forces a re-render, similar to `forceUpdate` in class components.\n */ export function useForceUpdate() {\n    return useReducer((x)=>x + 1, 0)[1];\n}\n"],"names":["useForceUpdate","useReducer","x"],"mappings":";;;;+BAIoBA;;aAAAA;;uBAJO;AAIhB,SAASA,iBAAiB;IACjC,OAAOC,IAAAA,iBAAU,EAAC,CAACC,IAAIA,IAAI,GAAG,EAAE,CAAC,EAAE;AACvC"}
+{"version":3,"sources":["useForceUpdate.js"],"sourcesContent":["import { useReducer } from 'react';\n/**\n * @internal\n * Forces a re-render, similar to `forceUpdate` in class components.\n */ export function useForceUpdate() {\n    return useReducer((x)=>x + 1, 0)[1];\n}\n"],"names":["useForceUpdate","useReducer","x"],"mappings":";;;;+BAIoBA;;;eAAAA;;;uBAJO;AAIhB,SAASA;IAChB,OAAOC,IAAAA,iBAAU,EAAC,CAACC,IAAIA,IAAI,GAAG,EAAE,CAAC,EAAE;AACvC"}

package/lib-commonjs/hooks/useId.js

@@ -9,12 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    IdPrefixProvider: ()=>IdPrefixProvider,
-    resetIdsForTests: ()=>resetIdsForTests,
-    useId: ()=>useId
+    IdPrefixProvider: function() {
+        return IdPrefixProvider;
+    },
+    resetIdsForTests: function() {
+        return resetIdsForTests;
+    },
+    useId: function() {
+        return useId;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _index = require("../ssr/index");
 const IdPrefixContext = /*#__PURE__*/ _react.createContext(undefined);
 const IdPrefixProvider = IdPrefixContext.Provider;

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

@@ -1 +1 @@
-{"version":3,"sources":["useId.js"],"sourcesContent":["import * as React from 'react';\nimport { defaultSSRContextValue, useSSRContext } from '../ssr/index';\nconst IdPrefixContext = React.createContext(undefined);\n/**\n * Allows to define a prefix that will be used for all IDs generated by useId() hook. It's useful to avoid collisions\n * between different bundles.\n */ export const IdPrefixProvider = IdPrefixContext.Provider;\nfunction useIdPrefix() {\n    return React.useContext(IdPrefixContext) || '';\n}\n/**\n * Resets generated IDs, should be used only in tests.\n */ export function resetIdsForTests() {\n    defaultSSRContextValue.current = 0;\n}\n/**\n * Hook to generate a unique ID.\n *\n * @param prefix - Optional prefix for the ID. Defaults to 'fui-'.\n * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,\n *  without conditioning the hook call\n * @returns The ID\n */ export function useId(prefix = 'fui-', providedId) {\n    const contextValue = useSSRContext();\n    const idPrefix = useIdPrefix();\n    // Checking if useId is available on React, if it is, we use it to generate the id. String concatenation is used to\n    // prevent bundlers from complaining with older versions of React.\n    const _useId = React['use' + 'Id'];\n    if (_useId) {\n        const generatedId = _useId();\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const escapedId = React.useMemo(()=>generatedId.replace(/:/g, ''), [\n            generatedId\n        ]);\n        return providedId || `${idPrefix}${prefix}${escapedId}`;\n    }\n    // Hooks appear to be running conditionally, but they will always run in the same order since it's based on\n    // the version of React being used. This is safe to ignore.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return React.useMemo(()=>{\n        if (providedId) {\n            return providedId;\n        }\n        return `${idPrefix}${prefix}${++contextValue.current}`;\n    }, [\n        idPrefix,\n        prefix,\n        providedId,\n        contextValue\n    ]);\n}\n"],"names":["IdPrefixProvider","resetIdsForTests","useId","IdPrefixContext","React","createContext","undefined","Provider","useIdPrefix","useContext","defaultSSRContextValue","current","prefix","providedId","contextValue","useSSRContext","idPrefix","_useId","generatedId","escapedId","useMemo","replace"],"mappings":";;;;;;;;;;;IAMiBA,gBAAgB,MAAhBA;IAMGC,gBAAgB,MAAhBA;IAUAC,KAAK,MAALA;;;6DAtBG;uBAC+B;AACtD,MAAMC,gCAAkBC,OAAMC,aAAa,CAACC;AAIjC,MAAMN,mBAAmBG,gBAAgBI,QAAQ;AAC5D,SAASC,cAAc;IACnB,OAAOJ,OAAMK,UAAU,CAACN,oBAAoB;AAChD;AAGW,SAASF,mBAAmB;IACnCS,6BAAsB,CAACC,OAAO,GAAG;AACrC;AAQW,SAAST,MAAMU,SAAS,MAAM,EAAEC,UAAU,EAAE;IACnD,MAAMC,eAAeC,IAAAA,oBAAa;IAClC,MAAMC,WAAWR;IACjB,mHAAmH;IACnH,kEAAkE;IAClE,MAAMS,SAASb,MAAK,CAAC,QAAQ,KAAK;IAClC,IAAIa,QAAQ;QACR,MAAMC,cAAcD;QACpB,sDAAsD;QACtD,MAAME,YAAYf,OAAMgB,OAAO,CAAC,IAAIF,YAAYG,OAAO,CAAC,MAAM,KAAK;YAC/DH;SACH;QACD,OAAOL,cAAc,CAAC,EAAEG,SAAS,EAAEJ,OAAO,EAAEO,UAAU,CAAC;IAC3D,CAAC;IACD,2GAA2G;IAC3G,2DAA2D;IAC3D,sDAAsD;IACtD,OAAOf,OAAMgB,OAAO,CAAC,IAAI;QACrB,IAAIP,YAAY;YACZ,OAAOA;QACX,CAAC;QACD,OAAO,CAAC,EAAEG,SAAS,EAAEJ,OAAO,EAAE,EAAEE,aAAaH,OAAO,CAAC,CAAC;IAC1D,GAAG;QACCK;QACAJ;QACAC;QACAC;KACH;AACL"}
+{"version":3,"sources":["useId.js"],"sourcesContent":["import * as React from 'react';\nimport { defaultSSRContextValue, useSSRContext } from '../ssr/index';\nconst IdPrefixContext = React.createContext(undefined);\n/**\n * Allows to define a prefix that will be used for all IDs generated by useId() hook. It's useful to avoid collisions\n * between different bundles.\n */ export const IdPrefixProvider = IdPrefixContext.Provider;\nfunction useIdPrefix() {\n    return React.useContext(IdPrefixContext) || '';\n}\n/**\n * Resets generated IDs, should be used only in tests.\n */ export function resetIdsForTests() {\n    defaultSSRContextValue.current = 0;\n}\n/**\n * Hook to generate a unique ID.\n *\n * @param prefix - Optional prefix for the ID. Defaults to 'fui-'.\n * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,\n *  without conditioning the hook call\n * @returns The ID\n */ export function useId(prefix = 'fui-', providedId) {\n    const contextValue = useSSRContext();\n    const idPrefix = useIdPrefix();\n    // Checking if useId is available on React, if it is, we use it to generate the id. String concatenation is used to\n    // prevent bundlers from complaining with older versions of React.\n    const _useId = React['use' + 'Id'];\n    if (_useId) {\n        const generatedId = _useId();\n        // eslint-disable-next-line react-hooks/rules-of-hooks\n        const escapedId = React.useMemo(()=>generatedId.replace(/:/g, ''), [\n            generatedId\n        ]);\n        return providedId || `${idPrefix}${prefix}${escapedId}`;\n    }\n    // Hooks appear to be running conditionally, but they will always run in the same order since it's based on\n    // the version of React being used. This is safe to ignore.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return React.useMemo(()=>{\n        if (providedId) {\n            return providedId;\n        }\n        return `${idPrefix}${prefix}${++contextValue.current}`;\n    }, [\n        idPrefix,\n        prefix,\n        providedId,\n        contextValue\n    ]);\n}\n"],"names":["IdPrefixProvider","resetIdsForTests","useId","IdPrefixContext","React","createContext","undefined","Provider","useIdPrefix","useContext","defaultSSRContextValue","current","prefix","providedId","contextValue","useSSRContext","idPrefix","_useId","generatedId","escapedId","useMemo","replace"],"mappings":";;;;;;;;;;;IAMiBA,gBAAgB;eAAhBA;;IAMGC,gBAAgB;eAAhBA;;IAUAC,KAAK;eAALA;;;;iEAtBG;uBAC+B;AACtD,MAAMC,gCAAkBC,OAAMC,aAAa,CAACC;AAIjC,MAAMN,mBAAmBG,gBAAgBI,QAAQ;AAC5D,SAASC;IACL,OAAOJ,OAAMK,UAAU,CAACN,oBAAoB;AAChD;AAGW,SAASF;IAChBS,6BAAsB,CAACC,OAAO,GAAG;AACrC;AAQW,SAAST,MAAMU,SAAS,MAAM,EAAEC,UAAU;IACjD,MAAMC,eAAeC,IAAAA,oBAAa;IAClC,MAAMC,WAAWR;IACjB,mHAAmH;IACnH,kEAAkE;IAClE,MAAMS,SAASb,MAAK,CAAC,QAAQ,KAAK;IAClC,IAAIa,QAAQ;QACR,MAAMC,cAAcD;QACpB,sDAAsD;QACtD,MAAME,YAAYf,OAAMgB,OAAO,CAAC,IAAIF,YAAYG,OAAO,CAAC,MAAM,KAAK;YAC/DH;SACH;QACD,OAAOL,cAAc,CAAC,EAAEG,SAAS,EAAEJ,OAAO,EAAEO,UAAU,CAAC;IAC3D;IACA,2GAA2G;IAC3G,2DAA2D;IAC3D,sDAAsD;IACtD,OAAOf,OAAMgB,OAAO,CAAC;QACjB,IAAIP,YAAY;YACZ,OAAOA;QACX;QACA,OAAO,CAAC,EAAEG,SAAS,EAAEJ,OAAO,EAAE,EAAEE,aAAaH,OAAO,CAAC,CAAC;IAC1D,GAAG;QACCK;QACAJ;QACAC;QACAC;KACH;AACL"}

package/lib-commonjs/hooks/useIsomorphicLayoutEffect.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
     enumerable: true,
-    get: ()=>useIsomorphicLayoutEffect
+    get: function() {
+        return useIsomorphicLayoutEffect;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _index = require("../ssr/index");
 const useIsomorphicLayoutEffect = (0, _index.canUseDOM)() ? _react.useLayoutEffect : _react.useEffect;

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

@@ -1 +1 @@
-{"version":3,"sources":["useIsomorphicLayoutEffect.js"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../ssr/index';\n/**\n * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally\n * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to\n * ensure we don't get a render flash for certain operations, but we may also need affected components to render on\n * the server.\n *\n * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js\n */ // eslint-disable-next-line no-restricted-properties\nexport const useIsomorphicLayoutEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","React","useLayoutEffect","useEffect"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;uBACG;AAUnB,MAAMA,4BAA4BC,IAAAA,gBAAS,MAAKC,OAAMC,eAAe,GAAGD,OAAME,SAAS"}
+{"version":3,"sources":["useIsomorphicLayoutEffect.js"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../ssr/index';\n/**\n * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally\n * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to\n * ensure we don't get a render flash for certain operations, but we may also need affected components to render on\n * the server.\n *\n * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js\n */ // eslint-disable-next-line no-restricted-properties\nexport const useIsomorphicLayoutEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n"],"names":["useIsomorphicLayoutEffect","canUseDOM","React","useLayoutEffect","useEffect"],"mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;uBACG;AAUnB,MAAMA,4BAA4BC,IAAAA,gBAAS,MAAKC,OAAMC,eAAe,GAAGD,OAAME,SAAS"}

package/lib-commonjs/hooks/useMergedRefs.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useMergedRefs", {
     enumerable: true,
-    get: ()=>useMergedRefs
+    get: function() {
+        return useMergedRefs;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 function useMergedRefs(...refs) {
     const mergedCallback = _react.useCallback((value)=>{
         // Update the "current" prop hanging on the function.

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

@@ -1 +1 @@
-{"version":3,"sources":["useMergedRefs.js"],"sourcesContent":["import * as React from 'react';\n/**\n * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that\n * updates all provided refs\n * @param refs - Refs to collectively update with one ref value.\n * @returns A function with an attached \"current\" prop, so that it can be treated like a RefObject.\n */ export function useMergedRefs(...refs) {\n    const mergedCallback = React.useCallback((value)=>{\n        // Update the \"current\" prop hanging on the function.\n        mergedCallback.current = value;\n        for (const ref of refs){\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // work around the immutability of the React.Ref type\n                ref.current = value;\n            }\n        }\n    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive\n    [\n        ...refs\n    ]);\n    return mergedCallback;\n}\n"],"names":["useMergedRefs","refs","mergedCallback","React","useCallback","value","current","ref"],"mappings":";;;;+BAMoBA;;aAAAA;;;6DANG;AAMZ,SAASA,cAAc,GAAGC,IAAI,EAAE;IACvC,MAAMC,iBAAiBC,OAAMC,WAAW,CAAC,CAACC,QAAQ;QAC9C,qDAAqD;QACrDH,eAAeI,OAAO,GAAGD;QACzB,KAAK,MAAME,OAAON,KAAK;YACnB,IAAI,OAAOM,QAAQ,YAAY;gBAC3BA,IAAIF;YACR,OAAO,IAAIE,KAAK;gBACZ,qDAAqD;gBACrDA,IAAID,OAAO,GAAGD;YAClB,CAAC;QACL;IACJ,GACA;WACOJ;KACN;IACD,OAAOC;AACX"}
+{"version":3,"sources":["useMergedRefs.js"],"sourcesContent":["import * as React from 'react';\n/**\n * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that\n * updates all provided refs\n * @param refs - Refs to collectively update with one ref value.\n * @returns A function with an attached \"current\" prop, so that it can be treated like a RefObject.\n */ export function useMergedRefs(...refs) {\n    const mergedCallback = React.useCallback((value)=>{\n        // Update the \"current\" prop hanging on the function.\n        mergedCallback.current = value;\n        for (const ref of refs){\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // work around the immutability of the React.Ref type\n                ref.current = value;\n            }\n        }\n    }, // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive\n    [\n        ...refs\n    ]);\n    return mergedCallback;\n}\n"],"names":["useMergedRefs","refs","mergedCallback","React","useCallback","value","current","ref"],"mappings":";;;;+BAMoBA;;;eAAAA;;;;iEANG;AAMZ,SAASA,cAAc,GAAGC,IAAI;IACrC,MAAMC,iBAAiBC,OAAMC,WAAW,CAAC,CAACC;QACtC,qDAAqD;QACrDH,eAAeI,OAAO,GAAGD;QACzB,KAAK,MAAME,OAAON,KAAK;YACnB,IAAI,OAAOM,QAAQ,YAAY;gBAC3BA,IAAIF;YACR,OAAO,IAAIE,KAAK;gBACZ,qDAAqD;gBACrDA,IAAID,OAAO,GAAGD;YAClB;QACJ;IACJ,GACA;WACOJ;KACN;IACD,OAAOC;AACX"}

package/lib-commonjs/hooks/useOnClickOutside.js

@@ -4,19 +4,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useOnClickOutside", {
     enumerable: true,
-    get: ()=>useOnClickOutside
+    get: function() {
+        return useOnClickOutside;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useEventCallback = require("./useEventCallback");
+const DEFAULT_CONTAINS = (parent, child)=>{
+    var _parent;
+    return !!((_parent = parent) === null || _parent === void 0 ? void 0 : _parent.contains(child));
+};
 const useOnClickOutside = (options)=>{
-    const { refs , callback , element , disabled , contains: containsProp  } = options;
+    const { refs, callback, element, disabled, disabledFocusOnIframe, contains = DEFAULT_CONTAINS } = 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));
+    useIFrameFocus({
+        element,
+        disabled: disabledFocusOnIframe || disabled,
+        callback,
+        refs,
+        contains
     });
+    const isMouseDownInsideRef = _react.useRef(false);
     const listener = (0, _useEventCallback.useEventCallback)((ev)=>{
         if (isMouseDownInsideRef.current) {
             isMouseDownInsideRef.current = false;
@@ -35,6 +44,7 @@ const useOnClickOutside = (options)=>{
         isMouseDownInsideRef.current = refs.some((ref)=>contains(ref.current || null, ev.target));
     });
     _react.useEffect(()=>{
+        var _element, _element1, _element2;
         if (disabled) {
             return;
         }
@@ -50,20 +60,18 @@ const useOnClickOutside = (options)=>{
             }
             listener(event);
         };
-        // use capture phase because React can update DOM before the event bubbles to the document
-        element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
-        element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
-        element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
-        element === null || element === void 0 ? void 0 : element.addEventListener('mousedown', handleMouseDown, true);
+        (_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);
         // Garbage collect this event after it's no longer useful to avoid memory leaks
         timeoutId.current = window.setTimeout(()=>{
             currentEvent = undefined;
         }, 1);
         return ()=>{
-            element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
-            element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
-            element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
-            element === null || element === void 0 ? void 0 : element.removeEventListener('mousedown', handleMouseDown, true);
+            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);
             clearTimeout(timeoutId.current);
             currentEvent = undefined;
         };
@@ -76,7 +84,7 @@ const useOnClickOutside = (options)=>{
 };
 const getWindowEvent = (target)=>{
     if (target) {
-        var _target_ownerDocument, _target_ownerDocument_defaultView;
+        var _target_ownerDocument_defaultView, _target_ownerDocument;
         if (typeof target.window === 'object' && target.window === target) {
             // eslint-disable-next-line deprecation/deprecation
             return target.event;
@@ -98,14 +106,9 @@ const FUI_FRAME_EVENT = 'fuiframefocus';
  * Polls the value of `document.activeElement`. If it is an iframe, then dispatch
  * a custom DOM event. When the custom event is received call the provided callback
  */ const useIFrameFocus = (options)=>{
-    const { disabled , element: targetDocument , callback , contains: containsProp = (parent, child)=>{
-        return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
-    } , pollDuration =1000 , refs  } = options;
+    const { disabled, element: targetDocument, callback, contains = DEFAULT_CONTAINS, pollDuration = 1000, refs } = options;
     const timeoutRef = _react.useRef();
     const listener = (0, _useEventCallback.useEventCallback)((e)=>{
-        const contains = containsProp || ((parent, child)=>{
-            return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child));
-        });
         const isOutside = refs.every((ref)=>!contains(ref.current || null, e.target));
         if (isOutside && !disabled) {
             callback(e);
@@ -113,12 +116,14 @@ const FUI_FRAME_EVENT = 'fuiframefocus';
     });
     // Adds listener to the custom iframe focus event
     _react.useEffect(()=>{
+        var _targetDocument;
         if (disabled) {
             return;
         }
-        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
+        (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
         return ()=>{
-            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
+            var _targetDocument;
+            (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
         };
     }, [
         targetDocument,
@@ -127,13 +132,14 @@ const FUI_FRAME_EVENT = 'fuiframefocus';
     ]);
     // Starts polling for the active element
     _react.useEffect(()=>{
-        var _targetDocument_defaultView;
+        var _targetDocument_defaultView, _targetDocument;
         if (disabled) {
             return;
         }
-        timeoutRef.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{
-            const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
-            if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'IFRAME' || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'WEBVIEW') {
+        timeoutRef.current = (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = _targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setInterval(()=>{
+            var _targetDocument, _activeElement, _activeElement1;
+            const activeElement = (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.activeElement;
+            if (((_activeElement = activeElement) === null || _activeElement === void 0 ? void 0 : _activeElement.tagName) === 'IFRAME' || ((_activeElement1 = activeElement) === null || _activeElement1 === void 0 ? void 0 : _activeElement1.tagName) === 'WEBVIEW') {
                 const event = new CustomEvent(FUI_FRAME_EVENT, {
                     bubbles: true
                 });
@@ -141,8 +147,8 @@ const FUI_FRAME_EVENT = 'fuiframefocus';
             }
         }, pollDuration);
         return ()=>{
-            var _targetDocument_defaultView;
-            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);
+            var _targetDocument_defaultView, _targetDocument;
+            (_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = _targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(timeoutRef.current);
         };
     }, [
         targetDocument,