@fluentui/react-utilities 9.2.1 → 9.3.0

package/lib-amd/hooks/useEventCallback.js

@@ -0,0 +1,36 @@
+define(["require", "exports", "react", "./useIsomorphicLayoutEffect"], function (require, exports, React, useIsomorphicLayoutEffect_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useEventCallback = void 0;
+    /**
+     * @internal
+     * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
+     *
+     * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
+     * e.g. user props are dependencies which could change on every render
+     * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
+     *
+     * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
+     * will not be invalidated between re-renders
+     *
+     * @param fn - The callback function that will be used
+     */
+    var useEventCallback = function (fn) {
+        var callbackRef = React.useRef(function () {
+            throw new Error('Cannot call an event handler while rendering');
+        });
+        useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect(function () {
+            callbackRef.current = fn;
+        }, [fn]);
+        return React.useCallback(function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var callback = callbackRef.current;
+            return callback.apply(void 0, args);
+        }, [callbackRef]);
+    };
+    exports.useEventCallback = useEventCallback;
+});
+//# sourceMappingURL=useEventCallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useEventCallback.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;;;;;;OAYG;IACI,IAAM,gBAAgB,GAAG,UAAiC,EAA6B;QAC5F,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAY;YAC1C,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,qDAAyB,CAAC;YACxB,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;QAC3B,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAET,OAAO,KAAK,CAAC,WAAW,CACtB;YAAC,cAAa;iBAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;gBAAb,yBAAa;;YACZ,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;YACrC,OAAO,QAAQ,eAAI,IAAI,EAAE;QAC3B,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IACJ,CAAC,CAAC;IAhBW,QAAA,gBAAgB,oBAgB3B","sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\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 */\nexport const useEventCallback = <Args extends unknown[], Return>(fn: (...args: Args) => Return) => {\n  const callbackRef = React.useRef<typeof fn>(() => {\n    throw new Error('Cannot call an event handler while rendering');\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    callbackRef.current = fn;\n  }, [fn]);\n\n  return React.useCallback(\n    (...args: Args) => {\n      const callback = callbackRef.current;\n      return callback(...args);\n    },\n    [callbackRef],\n  );\n};\n"]}

package/lib-amd/hooks/useFirstMount.js

@@ -0,0 +1,26 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useFirstMount = void 0;
+    /**
+     * @internal
+     * Checks if components was mounted the first time.
+     * Since concurrent mode will be released in the future this needs to be verified
+     * Currently (React 17) will always render the initial mount once
+     * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx
+     * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx
+     *
+     * @example
+     * const isFirstMount = useFirstMount();
+     */
+    function useFirstMount() {
+        var isFirst = React.useRef(true);
+        if (isFirst.current) {
+            isFirst.current = false;
+            return true;
+        }
+        return isFirst.current;
+    }
+    exports.useFirstMount = useFirstMount;
+});
+//# sourceMappingURL=useFirstMount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFirstMount.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useFirstMount.ts"],"names":[],"mappings":";;;;IAEA;;;;;;;;;;OAUG;IACH,SAAgB,aAAa;QAC3B,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;YACxB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,OAAO,CAAC,OAAO,CAAC;IACzB,CAAC;IATD,sCASC","sourcesContent":["import * as React from 'react';\n\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 */\nexport function useFirstMount(): boolean {\n  const isFirst = React.useRef(true);\n\n  if (isFirst.current) {\n    isFirst.current = false;\n    return true;\n  }\n\n  return isFirst.current;\n}\n"]}

package/lib-amd/hooks/useForceUpdate.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "react"], function (require, exports, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useForceUpdate = void 0;
+    /**
+     * @internal
+     * Forces a re-render, similar to `forceUpdate` in class components.
+     */
+    function useForceUpdate() {
+        return react_1.useReducer(function (x) { return x + 1; }, 0)[1];
+    }
+    exports.useForceUpdate = useForceUpdate;
+});
+//# sourceMappingURL=useForceUpdate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useForceUpdate.ts"],"names":[],"mappings":";;;;IAEA;;;OAGG;IACH,SAAgB,cAAc;QAC5B,OAAO,kBAAU,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IAFD,wCAEC","sourcesContent":["import { useReducer } from 'react';\n\n/**\n * @internal\n * Forces a re-render, similar to `forceUpdate` in class components.\n */\nexport function useForceUpdate() {\n  return useReducer(x => x + 1, 0)[1];\n}\n"]}

package/lib-amd/hooks/useId.js

@@ -0,0 +1,32 @@
+define(["require", "exports", "react", "../ssr/index"], function (require, exports, React, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useId = exports.resetIdsForTests = void 0;
+    /**
+     * Resets generated IDs, should be used only in tests.
+     */
+    function resetIdsForTests() {
+        index_1.defaultSSRContextValue.current = 0;
+    }
+    exports.resetIdsForTests = resetIdsForTests;
+    /**
+     * Hook to generate a unique ID.
+     *
+     * @param prefix - Optional prefix for the ID. Defaults to 'fui-'.
+     * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,
+     *  without conditioning the hook call
+     * @returns The ID
+     */
+    function useId(prefix, providedId) {
+        if (prefix === void 0) { prefix = 'fui-'; }
+        var contextValue = index_1.useSSRContext();
+        return React.useMemo(function () {
+            if (providedId) {
+                return providedId;
+            }
+            return "" + prefix + ++contextValue.current;
+        }, [prefix, providedId, contextValue]);
+    }
+    exports.useId = useId;
+});
+//# sourceMappingURL=useId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useId.ts"],"names":[],"mappings":";;;;IAGA;;OAEG;IACH,SAAgB,gBAAgB;QAC9B,8BAAsB,CAAC,OAAO,GAAG,CAAC,CAAC;IACrC,CAAC;IAFD,4CAEC;IAED;;;;;;;OAOG;IACH,SAAgB,KAAK,CAAC,MAAuB,EAAE,UAAmB;QAA5C,uBAAA,EAAA,eAAuB;QAC3C,IAAM,YAAY,GAAG,qBAAa,EAAE,CAAC;QAErC,OAAO,KAAK,CAAC,OAAO,CAAC;YACnB,IAAI,UAAU,EAAE;gBACd,OAAO,UAAU,CAAC;aACnB;YAED,OAAO,KAAG,MAAM,GAAG,EAAE,YAAY,CAAC,OAAS,CAAC;QAC9C,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IACzC,CAAC;IAVD,sBAUC","sourcesContent":["import * as React from 'react';\nimport { defaultSSRContextValue, useSSRContext } from '../ssr/index';\n\n/**\n * Resets generated IDs, should be used only in tests.\n */\nexport function resetIdsForTests(): void {\n  defaultSSRContextValue.current = 0;\n}\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 */\nexport function useId(prefix: string = 'fui-', providedId?: string): string {\n  const contextValue = useSSRContext();\n\n  return React.useMemo(() => {\n    if (providedId) {\n      return providedId;\n    }\n\n    return `${prefix}${++contextValue.current}`;\n  }, [prefix, providedId, contextValue]);\n}\n"]}

package/lib-amd/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "react", "../ssr/index"], function (require, exports, React, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useIsomorphicLayoutEffect = void 0;
+    /**
+     * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
+     * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to
+     * ensure we don't get a render flash for certain operations, but we may also need affected components to render on
+     * the server.
+     *
+     * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+     * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js
+     */
+    // eslint-disable-next-line no-restricted-properties
+    exports.useIsomorphicLayoutEffect = index_1.canUseDOM() ? React.useLayoutEffect : React.useEffect;
+});
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":";;;;IAGA;;;;;;;;OAQG;IACH,oDAAoD;IACvC,QAAA,yBAAyB,GAA2B,iBAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '../ssr/index';\n\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 */\n// eslint-disable-next-line no-restricted-properties\nexport const useIsomorphicLayoutEffect: typeof React.useEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n"]}

package/lib-amd/hooks/useMergedRefs.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "tslib", "react"], function (require, exports, tslib_1, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMergedRefs = void 0;
+    /**
+     * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
+     * updates all provided refs
+     * @param refs - Refs to collectively update with one ref value.
+     * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
+     */
+    function useMergedRefs() {
+        var refs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            refs[_i] = arguments[_i];
+        }
+        var mergedCallback = React.useCallback(function (value) {
+            // Update the "current" prop hanging on the function.
+            mergedCallback.current = value;
+            for (var _i = 0, refs_1 = refs; _i < refs_1.length; _i++) {
+                var ref = refs_1[_i];
+                if (typeof ref === 'function') {
+                    ref(value);
+                }
+                else if (ref) {
+                    // work around the immutability of the React.Ref type
+                    ref.current = value;
+                }
+            }
+        }, tslib_1.__spreadArray([], refs));
+        return mergedCallback;
+    }
+    exports.useMergedRefs = useMergedRefs;
+});
+//# sourceMappingURL=useMergedRefs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedRefs.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useMergedRefs.ts"],"names":[],"mappings":";;;;IAQA;;;;;OAKG;IACH,SAAgB,aAAa;QAAI,cAAqC;aAArC,UAAqC,EAArC,qBAAqC,EAArC,IAAqC;YAArC,yBAAqC;;QACpE,IAAM,cAAc,GAA0B,KAAK,CAAC,WAAW,CAC7D,UAAC,KAAQ;YACP,qDAAqD;YACnD,cAAwD,CAAC,OAAO,GAAG,KAAK,CAAC;YAE3E,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;gBAAnB,IAAM,GAAG,aAAA;gBACZ,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;iBACZ;qBAAM,IAAI,GAAG,EAAE;oBACd,qDAAqD;oBACnD,GAA6C,CAAC,OAAO,GAAG,KAAK,CAAC;iBACjE;aACF;QACH,CAAC,4BAEG,IAAI,EAC2B,CAAC;QAEtC,OAAO,cAAc,CAAC;IACxB,CAAC;IApBD,sCAoBC","sourcesContent":["import * as React from 'react';\n\n/**\n * A Ref function which can be treated like a ref object in that it has an attached\n * current property, which will be updated as the ref is evaluated.\n */\nexport type RefObjectFunction<T> = React.RefObject<T> & ((value: T) => void);\n\n/**\n * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that\n * updates all provided refs\n * @param refs - Refs to collectively update with one ref value.\n * @returns A function with an attached \"current\" prop, so that it can be treated like a RefObject.\n */\nexport function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T> {\n  const mergedCallback: RefObjectFunction<T> = (React.useCallback(\n    (value: T) => {\n      // Update the \"current\" prop hanging on the function.\n      ((mergedCallback as unknown) as React.MutableRefObject<T>).current = value;\n\n      for (const ref of refs) {\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref) {\n          // work around the immutability of the React.Ref type\n          ((ref as unknown) as React.MutableRefObject<T>).current = value;\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- already exhaustive\n    [...refs],\n  ) as unknown) as RefObjectFunction<T>;\n\n  return mergedCallback;\n}\n"]}

package/lib-amd/hooks/useOnClickOutside.js

@@ -0,0 +1,116 @@
+define(["require", "exports", "react", "./useEventCallback"], function (require, exports, React, useEventCallback_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useOnClickOutside = void 0;
+    /**
+     * @internal
+     * Utility to perform checks where a click/touch event was made outside a component
+     */
+    var useOnClickOutside = function (options) {
+        var refs = options.refs, callback = options.callback, element = options.element, disabled = options.disabled, containsProp = options.contains;
+        var timeoutId = React.useRef(undefined);
+        useIFrameFocus(!disabled, element, callback);
+        var listener = useEventCallback_1.useEventCallback(function (ev) {
+            var contains = containsProp || (function (parent, child) { return !!(parent === null || parent === void 0 ? void 0 : parent.contains(child)); });
+            var isOutside = refs.every(function (ref) { return !contains(ref.current || null, ev.target); });
+            if (isOutside && !disabled) {
+                callback(ev);
+            }
+        });
+        React.useEffect(function () {
+            // Store the current event to avoid triggering handlers immediately
+            // Note this depends on a deprecated but extremely well supported quirk of the web platform
+            // https://github.com/facebook/react/issues/20074
+            var currentEvent = getWindowEvent(window);
+            var conditionalHandler = function (event) {
+                // Skip if this event is the same as the one running when we added the handlers
+                if (event === currentEvent) {
+                    currentEvent = undefined;
+                    return;
+                }
+                listener(event);
+            };
+            if (!disabled) {
+                // use capture phase because React can update DOM before the event bubbles to the document
+                element === null || element === void 0 ? void 0 : element.addEventListener('click', conditionalHandler, true);
+                element === null || element === void 0 ? void 0 : element.addEventListener('touchstart', conditionalHandler, true);
+                element === null || element === void 0 ? void 0 : element.addEventListener('contextmenu', conditionalHandler, true);
+            }
+            // Garbage collect this event after it's no longer useful to avoid memory leaks
+            timeoutId.current = window.setTimeout(function () {
+                currentEvent = undefined;
+            }, 1);
+            return function () {
+                element === null || element === void 0 ? void 0 : element.removeEventListener('click', conditionalHandler, true);
+                element === null || element === void 0 ? void 0 : element.removeEventListener('touchstart', conditionalHandler, true);
+                element === null || element === void 0 ? void 0 : element.removeEventListener('contextmenu', conditionalHandler, true);
+                clearTimeout(timeoutId.current);
+                currentEvent = undefined;
+            };
+        }, [listener, element, disabled]);
+    };
+    exports.useOnClickOutside = useOnClickOutside;
+    var getWindowEvent = function (target) {
+        var _a, _b, _c;
+        if (target) {
+            if (typeof target.window === 'object' && target.window === target) {
+                // eslint-disable-next-line deprecation/deprecation
+                return target.event;
+            }
+            // eslint-disable-next-line deprecation/deprecation
+            return (_c = (_b = (_a = target.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) === null || _b === void 0 ? void 0 : _b.event) !== null && _c !== void 0 ? _c : undefined;
+        }
+        return undefined;
+    };
+    var FUI_FRAME_EVENT = 'fuiframefocus';
+    /**
+     * Since click events do not propagate past iframes, we use focus to detect if a
+     * click has happened inside an iframe, since the only ways of focusing inside an
+     * iframe are:
+     *   - clicking inside
+     *   - tabbing inside
+     *
+     * 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
+     *
+     * @param enableFrameFocusDispatch - boolean flag to start dispatching events
+     * @param targetDocument - the document to dispatch events and set timeouts
+     * @param pollDuration  - in milliseconds
+     */
+    var useIFrameFocus = function (enableFrameFocusDispatch, targetDocument, callback, pollDuration) {
+        if (pollDuration === void 0) { pollDuration = 1000; }
+        var timeoutRef = React.useRef();
+        var listener = useEventCallback_1.useEventCallback(function (e) {
+            if (callback) {
+                callback(e);
+            }
+        });
+        // Adds listener to the custom iframe focus event
+        React.useEffect(function () {
+            if (enableFrameFocusDispatch) {
+                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener(FUI_FRAME_EVENT, listener, true);
+            }
+            return function () {
+                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener(FUI_FRAME_EVENT, listener, true);
+            };
+        }, [targetDocument, enableFrameFocusDispatch, listener]);
+        // Starts polling for the active element
+        React.useEffect(function () {
+            var _a;
+            if (enableFrameFocusDispatch) {
+                timeoutRef.current = (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.setInterval(function () {
+                    var 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') {
+                        var event_1 = new CustomEvent(FUI_FRAME_EVENT, { bubbles: true });
+                        activeElement.dispatchEvent(event_1);
+                    }
+                }, pollDuration);
+            }
+            return function () {
+                var _a;
+                (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.clearTimeout(timeoutRef.current);
+            };
+        }, [targetDocument, enableFrameFocusDispatch, pollDuration]);
+    };
+});
+//# sourceMappingURL=useOnClickOutside.js.map

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

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

package/lib-amd/hooks/useOnScrollOutside.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnScrollOutside.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useOnScrollOutside.ts"],"names":[],"mappings":";;;;IAIA;;;OAGG;IACI,IAAM,kBAAkB,GAAG,UAAC,OAAyC;QAClE,IAAA,IAAI,GAA0D,OAAO,KAAjE,EAAE,QAAQ,GAAgD,OAAO,SAAvD,EAAE,OAAO,GAAuC,OAAO,QAA9C,EAAE,QAAQ,GAA6B,OAAO,SAApC,EAAY,YAAY,GAAK,OAAO,SAAZ,CAAa;QAE9E,IAAM,QAAQ,GAAG,mCAAgB,CAAC,UAAC,EAA2B;YAC5D,IAAM,QAAQ,GACZ,YAAY,IAAI,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,EAAzB,CAAyB,CAAC,CAAC;YAEjE,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAA,GAAG,IAAI,OAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,EAAE,EAAE,CAAC,MAAqB,CAAC,EAAxD,CAAwD,CAAC,CAAC;YAC9F,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE;gBAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAC7C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;aAClD;YAED,OAAO;gBACL,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;gBAChD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACtD,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAxBW,QAAA,kBAAkB,sBAwB7B","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from './useEventCallback';\nimport type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';\n\n/**\n * @internal\n * Utility to perform checks where a click/touch event was made outside a component\n */\nexport const useOnScrollOutside = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled, contains: containsProp } = options;\n\n  const listener = useEventCallback((ev: MouseEvent | TouchEvent) => {\n    const contains: UseOnClickOrScrollOutsideOptions['contains'] =\n      containsProp || ((parent, child) => !!parent?.contains(child));\n\n    const isOutside = refs.every(ref => !contains(ref.current || null, ev.target as HTMLElement));\n    if (isOutside && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    if (!disabled) {\n      element?.addEventListener('wheel', listener);\n      element?.addEventListener('touchmove', listener);\n    }\n\n    return () => {\n      element?.removeEventListener('wheel', listener);\n      element?.removeEventListener('touchmove', listener);\n    };\n  }, [listener, element, disabled]);\n};\n"]}

package/lib-amd/hooks/usePrevious.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.usePrevious = void 0;
+    /**
+     * @internal
+     */
+    var usePrevious = function (value) {
+        var ref = React.useRef(null);
+        React.useEffect(function () {
+            ref.current = value;
+        }, [value]);
+        return ref.current;
+    };
+    exports.usePrevious = usePrevious;
+});
+//# sourceMappingURL=usePrevious.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/usePrevious.ts"],"names":[],"mappings":";;;;IAEA;;OAEG;IACI,IAAM,WAAW,GAAG,UAAsB,KAAgB;QAC/D,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;QACjD,KAAK,CAAC,SAAS,CAAC;YACd,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;QACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QACZ,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC,CAAC;IANW,QAAA,WAAW,eAMtB","sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n */\nexport const usePrevious = <ValueType = unknown>(value: ValueType) => {\n  const ref = React.useRef<ValueType | null>(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n};\n"]}

package/lib-amd/hooks/useTimeout.js

@@ -0,0 +1,33 @@
+define(["require", "exports", "react"], function (require, exports, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useTimeout = void 0;
+    /**
+     * @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.
+     *
+     * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
+     */
+    function useTimeout() {
+        var timeout = React.useState(function () { return ({
+            id: undefined,
+            set: function (fn, delay) {
+                timeout.clear();
+                timeout.id = setTimeout(fn, delay);
+            },
+            clear: function () {
+                if (timeout.id !== undefined) {
+                    clearTimeout(timeout.id);
+                    timeout.id = undefined;
+                }
+            },
+        }); })[0];
+        // Clean up the timeout when the component is unloaded
+        React.useEffect(function () { return timeout.clear; }, [timeout]);
+        return [timeout.set, timeout.clear];
+    }
+    exports.useTimeout = useTimeout;
+});
+//# sourceMappingURL=useTimeout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/hooks/useTimeout.ts"],"names":[],"mappings":";;;;IAEA;;;;;;;OAOG;IACH,SAAgB,UAAU;QACjB,IAAA,OAAO,GAAI,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAAC;YACtC,EAAE,EAAE,SAAsD;YAC1D,GAAG,EAAE,UAAC,EAAc,EAAE,KAAa;gBACjC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAChB,OAAO,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,KAAK,EAAE;gBACL,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE;oBAC5B,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBACzB,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;iBACxB;YACH,CAAC;SACF,CAAC,EAZqC,CAYrC,CAAC,GAZW,CAYV;QAEJ,sDAAsD;QACtD,KAAK,CAAC,SAAS,CAAC,cAAM,OAAA,OAAO,CAAC,KAAK,EAAb,CAAa,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QAEhD,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAU,CAAC;IAC/C,CAAC;IAnBD,gCAmBC","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"]}

package/lib-amd/index.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "./compose/index", "./hooks/index", "./ssr/index", "./utils/index", "./trigger/index"], function (require, exports, index_1, index_2, index_3, index_4, index_5) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isFluentTrigger = exports.getTriggerChild = exports.applyTriggerPropsToChildren = exports.isInteractiveHTMLElement = exports.isHTMLElement = exports.mergeCallbacks = exports.getRTLSafeKey = exports.getPartitionedNativeProps = exports.getNativeElementProps = exports.clamp = exports.SSRProvider = exports.useIsSSR = exports.canUseDOM = exports.useTimeout = exports.usePrevious = exports.useOnScrollOutside = exports.useOnClickOutside = exports.useMergedRefs = exports.useIsomorphicLayoutEffect = exports.useId = exports.useForceUpdate = exports.useFirstMount = exports.useEventCallback = exports.useControllableState = exports.resetIdsForTests = exports.isResolvedShorthand = exports.resolveShorthand = exports.getSlots = void 0;
+    Object.defineProperty(exports, "getSlots", { enumerable: true, get: function () { return index_1.getSlots; } });
+    Object.defineProperty(exports, "resolveShorthand", { enumerable: true, get: function () { return index_1.resolveShorthand; } });
+    Object.defineProperty(exports, "isResolvedShorthand", { enumerable: true, get: function () { return index_1.isResolvedShorthand; } });
+    Object.defineProperty(exports, "resetIdsForTests", { enumerable: true, get: function () { return index_2.resetIdsForTests; } });
+    Object.defineProperty(exports, "useControllableState", { enumerable: true, get: function () { return index_2.useControllableState; } });
+    Object.defineProperty(exports, "useEventCallback", { enumerable: true, get: function () { return index_2.useEventCallback; } });
+    Object.defineProperty(exports, "useFirstMount", { enumerable: true, get: function () { return index_2.useFirstMount; } });
+    Object.defineProperty(exports, "useForceUpdate", { enumerable: true, get: function () { return index_2.useForceUpdate; } });
+    Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return index_2.useId; } });
+    Object.defineProperty(exports, "useIsomorphicLayoutEffect", { enumerable: true, get: function () { return index_2.useIsomorphicLayoutEffect; } });
+    Object.defineProperty(exports, "useMergedRefs", { enumerable: true, get: function () { return index_2.useMergedRefs; } });
+    Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return index_2.useOnClickOutside; } });
+    Object.defineProperty(exports, "useOnScrollOutside", { enumerable: true, get: function () { return index_2.useOnScrollOutside; } });
+    Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return index_2.usePrevious; } });
+    Object.defineProperty(exports, "useTimeout", { enumerable: true, get: function () { return index_2.useTimeout; } });
+    Object.defineProperty(exports, "canUseDOM", { enumerable: true, get: function () { return index_3.canUseDOM; } });
+    Object.defineProperty(exports, "useIsSSR", { enumerable: true, get: function () { return index_3.useIsSSR; } });
+    Object.defineProperty(exports, "SSRProvider", { enumerable: true, get: function () { return index_3.SSRProvider; } });
+    Object.defineProperty(exports, "clamp", { enumerable: true, get: function () { return index_4.clamp; } });
+    Object.defineProperty(exports, "getNativeElementProps", { enumerable: true, get: function () { return index_4.getNativeElementProps; } });
+    Object.defineProperty(exports, "getPartitionedNativeProps", { enumerable: true, get: function () { return index_4.getPartitionedNativeProps; } });
+    Object.defineProperty(exports, "getRTLSafeKey", { enumerable: true, get: function () { return index_4.getRTLSafeKey; } });
+    Object.defineProperty(exports, "mergeCallbacks", { enumerable: true, get: function () { return index_4.mergeCallbacks; } });
+    Object.defineProperty(exports, "isHTMLElement", { enumerable: true, get: function () { return index_4.isHTMLElement; } });
+    Object.defineProperty(exports, "isInteractiveHTMLElement", { enumerable: true, get: function () { return index_4.isInteractiveHTMLElement; } });
+    Object.defineProperty(exports, "applyTriggerPropsToChildren", { enumerable: true, get: function () { return index_5.applyTriggerPropsToChildren; } });
+    Object.defineProperty(exports, "getTriggerChild", { enumerable: true, get: function () { return index_5.getTriggerChild; } });
+    Object.defineProperty(exports, "isFluentTrigger", { enumerable: true, get: function () { return index_5.isFluentTrigger; } });
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-utilities/src/index.ts"],"names":[],"mappings":";;;;IAAS,iGAAA,QAAQ,OAAA;IAAE,yGAAA,gBAAgB,OAAA;IAAE,4GAAA,mBAAmB,OAAA;IAiBtD,yGAAA,gBAAgB,OAAA;IAChB,6GAAA,oBAAoB,OAAA;IACpB,yGAAA,gBAAgB,OAAA;IAChB,sGAAA,aAAa,OAAA;IACb,uGAAA,cAAc,OAAA;IACd,8FAAA,KAAK,OAAA;IACL,kHAAA,yBAAyB,OAAA;IACzB,sGAAA,aAAa,OAAA;IACb,0GAAA,iBAAiB,OAAA;IACjB,2GAAA,kBAAkB,OAAA;IAClB,oGAAA,WAAW,OAAA;IACX,mGAAA,UAAU,OAAA;IAIH,kGAAA,SAAS,OAAA;IAAE,iGAAA,QAAQ,OAAA;IAAE,oGAAA,WAAW,OAAA;IAGvC,8FAAA,KAAK,OAAA;IACL,8GAAA,qBAAqB,OAAA;IACrB,kHAAA,yBAAyB,OAAA;IACzB,sGAAA,aAAa,OAAA;IACb,uGAAA,cAAc,OAAA;IACd,sGAAA,aAAa,OAAA;IACb,iHAAA,wBAAwB,OAAA;IAGjB,oHAAA,2BAA2B,OAAA;IAAE,wGAAA,eAAe,OAAA;IAAE,wGAAA,eAAe,OAAA","sourcesContent":["export { getSlots, resolveShorthand, isResolvedShorthand } 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} from './compose/index';\n\nexport {\n  resetIdsForTests,\n  useControllableState,\n  useEventCallback,\n  useFirstMount,\n  useForceUpdate,\n  useId,\n  useIsomorphicLayoutEffect,\n  useMergedRefs,\n  useOnClickOutside,\n  useOnScrollOutside,\n  usePrevious,\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} from './utils/index';\n\nexport { applyTriggerPropsToChildren, getTriggerChild, isFluentTrigger } from './trigger/index';\n\nexport type { FluentTriggerComponent, TriggerProps } from './trigger/index';\n"]}

package/lib-amd/ssr/SSRContext.js

@@ -0,0 +1,69 @@
+define(["require", "exports", "react", "./canUseDOM"], function (require, exports, React, canUseDOM_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useIsSSR = exports.SSRProvider = exports.useSSRContext = exports.SSRContext = exports.defaultSSRContextValue = void 0;
+    /**
+     * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
+     *
+     * @internal
+     */
+    exports.defaultSSRContextValue = {
+        current: 0,
+    };
+    exports.SSRContext = React.createContext(undefined);
+    /**
+     * @internal
+     */
+    function useSSRContext() {
+        var _a;
+        return (_a = React.useContext(exports.SSRContext)) !== null && _a !== void 0 ? _a : exports.defaultSSRContextValue;
+    }
+    exports.useSSRContext = useSSRContext;
+    /**
+     * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids
+     * are consistent between the client and server.
+     *
+     * @public
+     */
+    var SSRProvider = function (props) {
+        var value = React.useState(function () { return ({ current: 0 }); })[0];
+        return React.createElement(exports.SSRContext.Provider, { value: value }, props.children);
+    };
+    exports.SSRProvider = SSRProvider;
+    /**
+     * Returns whether the component is currently being server side rendered or hydrated on the client. Can be used to delay
+     * browser-specific rendering until after hydration. May cause re-renders on a client when is used within SSRProvider.
+     */
+    function useIsSSR() {
+        var isInSSRContext = useSSRContext() !== exports.defaultSSRContextValue;
+        var _a = React.useState(isInSSRContext), isSSR = _a[0], setIsSSR = _a[1];
+        // If we are rendering in a non-DOM environment, and there's no SSRProvider, provide a warning to hint to the
+        // developer to add one.
+        if (process.env.NODE_ENV !== 'production') {
+            if (!isInSSRContext && !canUseDOM_1.canUseDOM()) {
+                // eslint-disable-next-line no-console
+                console.error([
+                    '@fluentui/react-components: ',
+                    'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are ' +
+                        'generated between the client and server.',
+                    '\n',
+                    '\n',
+                    'Check documentation at https://aka.ms/fluentui-ssr',
+                ].join(''));
+            }
+        }
+        // If on the client, and the component was initially server rendered, then schedule a layout effect to update the
+        // component after hydration.
+        if (canUseDOM_1.canUseDOM() && isInSSRContext) {
+            // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after
+            // mounting.
+            // eslint-disable-next-line
+            React.useLayoutEffect(function () {
+                setIsSSR(false);
+            }, []);
+        }
+        return isSSR;
+    }
+    exports.useIsSSR = useIsSSR;
+});
+//# sourceMappingURL=SSRContext.js.map

package/lib-amd/ssr/SSRContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/ssr/SSRContext.tsx"],"names":[],"mappings":";;;;IAaA;;;;OAIG;IACU,QAAA,sBAAsB,GAAoB;QACrD,OAAO,EAAE,CAAC;KACX,CAAC;IAEW,QAAA,UAAU,GAAG,KAAK,CAAC,aAAa,CAA8B,SAAS,CAAmC,CAAC;IAExH;;OAEG;IACH,SAAgB,aAAa;;QAC3B,OAAO,MAAA,KAAK,CAAC,UAAU,CAAC,kBAAU,CAAC,mCAAI,8BAAsB,CAAC;IAChE,CAAC;IAFD,sCAEC;IAED;;;;;OAKG;IACI,IAAM,WAAW,GAAa,UAAA,KAAK;QACjC,IAAA,KAAK,GAAI,KAAK,CAAC,QAAQ,CAAkB,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAhB,CAAgB,CAAC,GAA3D,CAA4D;QAExE,OAAO,oBAAC,kBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAuB,CAAC;IACnF,CAAC,CAAC;IAJW,QAAA,WAAW,eAItB;IAEF;;;OAGG;IACH,SAAgB,QAAQ;QACtB,IAAM,cAAc,GAAG,aAAa,EAAE,KAAK,8BAAsB,CAAC;QAC5D,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAjD,KAAK,QAAA,EAAE,QAAQ,QAAkC,CAAC;QAEzD,6GAA6G;QAC7G,wBAAwB;QACxB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,IAAI,CAAC,cAAc,IAAI,CAAC,qBAAS,EAAE,EAAE;gBACnC,sCAAsC;gBACtC,OAAO,CAAC,KAAK,CACX;oBACE,8BAA8B;oBAC9B,yGAAyG;wBACvG,0CAA0C;oBAC5C,IAAI;oBACJ,IAAI;oBACJ,oDAAoD;iBACrD,CAAC,IAAI,CAAC,EAAE,CAAC,CACX,CAAC;aACH;SACF;QAED,iHAAiH;QACjH,6BAA6B;QAC7B,IAAI,qBAAS,EAAE,IAAI,cAAc,EAAE;YACjC,iHAAiH;YACjH,YAAY;YACZ,2BAA2B;YAC3B,KAAK,CAAC,eAAe,CAAC;gBACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAlCD,4BAkCC","sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from './canUseDOM';\n\n/**\n * To support SSR, the auto incrementing id counter is stored in a context. This allows it to be reset on every request\n * to ensure the client and server are consistent.\n *\n * @internal\n */\nexport type SSRContextValue = {\n  current: number;\n};\n\n/**\n * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.\n *\n * @internal\n */\nexport const defaultSSRContextValue: SSRContextValue = {\n  current: 0,\n};\n\nexport const SSRContext = React.createContext<SSRContextValue | undefined>(undefined) as React.Context<SSRContextValue>;\n\n/**\n * @internal\n */\nexport function useSSRContext(): SSRContextValue {\n  return React.useContext(SSRContext) ?? defaultSSRContextValue;\n}\n\n/**\n * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids\n * are consistent between the client and server.\n *\n * @public\n */\nexport const SSRProvider: React.FC = props => {\n  const [value] = React.useState<SSRContextValue>(() => ({ current: 0 }));\n\n  return <SSRContext.Provider value={value}>{props.children}</SSRContext.Provider>;\n};\n\n/**\n * Returns whether the component is currently being server side rendered or hydrated on the client. Can be used to delay\n * browser-specific rendering until after hydration. May cause re-renders on a client when is used within SSRProvider.\n */\nexport function useIsSSR(): boolean {\n  const isInSSRContext = useSSRContext() !== defaultSSRContextValue;\n  const [isSSR, setIsSSR] = React.useState(isInSSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider, provide a warning to hint to the\n  // developer to add one.\n  if (process.env.NODE_ENV !== 'production') {\n    if (!isInSSRContext && !canUseDOM()) {\n      // eslint-disable-next-line no-console\n      console.error(\n        [\n          '@fluentui/react-components: ',\n          'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are ' +\n            'generated between the client and server.',\n          '\\n',\n          '\\n',\n          'Check documentation at https://aka.ms/fluentui-ssr',\n        ].join(''),\n      );\n    }\n  }\n\n  // If on the client, and the component was initially server rendered, then schedule a layout effect to update the\n  // component after hydration.\n  if (canUseDOM() && isInSSRContext) {\n    // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after\n    // mounting.\n    // eslint-disable-next-line\n    React.useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return isSSR;\n}\n"]}

package/lib-amd/ssr/canUseDOM.js

@@ -0,0 +1,16 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.canUseDOM = void 0;
+    /**
+     * Verifies if an application can use DOM.
+     */
+    function canUseDOM() {
+        return (typeof window !== 'undefined' &&
+            !!(window.document &&
+                // eslint-disable-next-line deprecation/deprecation
+                window.document.createElement));
+    }
+    exports.canUseDOM = canUseDOM;
+});
+//# sourceMappingURL=canUseDOM.js.map

package/lib-amd/ssr/canUseDOM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canUseDOM.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/ssr/canUseDOM.ts"],"names":[],"mappings":";;;;IAAA;;OAEG;IACH,SAAgB,SAAS;QACvB,OAAO,CACL,OAAO,MAAM,KAAK,WAAW;YAC7B,CAAC,CAAC,CACA,MAAM,CAAC,QAAQ;gBACf,mDAAmD;gBACnD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9B,CACF,CAAC;IACJ,CAAC;IATD,8BASC","sourcesContent":["/**\n * Verifies if an application can use DOM.\n */\nexport function canUseDOM(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    !!(\n      window.document &&\n      // eslint-disable-next-line deprecation/deprecation\n      window.document.createElement\n    )\n  );\n}\n"]}

package/lib-amd/ssr/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./canUseDOM", "./SSRContext"], function (require, exports, tslib_1, canUseDOM_1, SSRContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(canUseDOM_1, exports);
+    tslib_1.__exportStar(SSRContext_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/ssr/index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAC5B,4CAA6B","sourcesContent":["export * from './canUseDOM';\nexport * from './SSRContext';\n"]}