@fluentui/react-utilities 9.2.0 → 9.2.2

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,33 @@
+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.shouldPreventDefaultOnKeyDown = 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, "shouldPreventDefaultOnKeyDown", { enumerable: true, get: function () { return index_4.shouldPreventDefaultOnKeyDown; } });
+    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,sHAAA,6BAA6B,OAAA;IAGtB,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  shouldPreventDefaultOnKeyDown,\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"]}

package/lib-amd/trigger/applyTriggerPropsToChildren.js

@@ -0,0 +1,40 @@
+define(["require", "exports", "react", "./isFluentTrigger"], function (require, exports, React, isFluentTrigger_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.applyTriggerPropsToChildren = void 0;
+    /**
+     * @internal
+     * resolve the trigger props to the children, either by calling the render function, or cloning with the new props.
+     */
+    function applyTriggerPropsToChildren(children, triggerChildProps) {
+        if (typeof children === 'function') {
+            return children(triggerChildProps);
+        }
+        else if (children) {
+            return cloneTriggerTree(children, triggerChildProps);
+        }
+        // Components in React should return either JSX elements or "null", otherwise React will throw:
+        //   Nothing was returned from render.
+        //   This usually means a return statement is missing. Or, to render nothing, return null.
+        return children || null;
+    }
+    exports.applyTriggerPropsToChildren = applyTriggerPropsToChildren;
+    /**
+     * Clones a React element tree, and applies the given props to the first grandchild that is not
+     * a FluentTriggerComponent or React Fragment (the same element returned by {@link getTriggerChild}).
+     */
+    function cloneTriggerTree(child, triggerProps) {
+        if (!React.isValidElement(child) || child.type === React.Fragment) {
+            throw new Error('A trigger element must be a single element for this component. ' +
+                "Please ensure that you're not using React Fragments.");
+        }
+        if (isFluentTrigger_1.isFluentTrigger(child)) {
+            var grandchild = cloneTriggerTree(child.props.children, triggerProps);
+            return React.cloneElement(child, undefined, grandchild);
+        }
+        else {
+            return React.cloneElement(child, triggerProps);
+        }
+    }
+});
+//# sourceMappingURL=applyTriggerPropsToChildren.js.map

package/lib-amd/trigger/applyTriggerPropsToChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTriggerPropsToChildren.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/trigger/applyTriggerPropsToChildren.ts"],"names":[],"mappings":";;;;IAIA;;;OAGG;IACH,SAAgB,2BAA2B,CACzC,QAAqD,EACrD,iBAAoC;QAEpC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,CAAC,iBAAiB,CAAC,CAAC;SACpC;aAAM,IAAI,QAAQ,EAAE;YACnB,OAAO,gBAAgB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;SACtD;QAED,+FAA+F;QAC/F,sCAAsC;QACtC,0FAA0F;QAC1F,OAAO,QAAQ,IAAI,IAAI,CAAC;IAC1B,CAAC;IAdD,kEAcC;IAED;;;OAGG;IACH,SAAS,gBAAgB,CACvB,KAAsB,EACtB,YAA+B;QAE/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;YACjE,MAAM,IAAI,KAAK,CACb,iEAAiE;gBAC/D,sDAAsD,CACzD,CAAC;SACH;QAED,IAAI,iCAAe,CAAC,KAAK,CAAC,EAAE;YAC1B,IAAM,UAAU,GAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACxE,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SACzD;aAAM;YACL,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,YAAoD,CAAC,CAAC;SACxF;IACH,CAAC","sourcesContent":["import * as React from 'react';\nimport { isFluentTrigger } from './isFluentTrigger';\nimport type { TriggerProps } from './types';\n\n/**\n * @internal\n * resolve the trigger props to the children, either by calling the render function, or cloning with the new props.\n */\nexport function applyTriggerPropsToChildren<TriggerChildProps>(\n  children: TriggerProps<TriggerChildProps>['children'],\n  triggerChildProps: TriggerChildProps,\n): React.ReactElement | null {\n  if (typeof children === 'function') {\n    return children(triggerChildProps);\n  } else if (children) {\n    return cloneTriggerTree(children, triggerChildProps);\n  }\n\n  // Components in React should return either JSX elements or \"null\", otherwise React will throw:\n  //   Nothing was returned from render.\n  //   This usually means a return statement is missing. Or, to render nothing, return null.\n  return children || null;\n}\n\n/**\n * Clones a React element tree, and applies the given props to the first grandchild that is not\n * a FluentTriggerComponent or React Fragment (the same element returned by {@link getTriggerChild}).\n */\nfunction cloneTriggerTree<TriggerChildProps>(\n  child: React.ReactNode,\n  triggerProps: TriggerChildProps,\n): React.ReactElement {\n  if (!React.isValidElement(child) || child.type === React.Fragment) {\n    throw new Error(\n      'A trigger element must be a single element for this component. ' +\n        \"Please ensure that you're not using React Fragments.\",\n    );\n  }\n\n  if (isFluentTrigger(child)) {\n    const grandchild = cloneTriggerTree(child.props.children, triggerProps);\n    return React.cloneElement(child, undefined, grandchild);\n  } else {\n    return React.cloneElement(child, triggerProps as TriggerChildProps & React.Attributes);\n  }\n}\n"]}

package/lib-amd/trigger/getTriggerChild.js

@@ -0,0 +1,40 @@
+define(["require", "exports", "react", "./isFluentTrigger"], function (require, exports, React, isFluentTrigger_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getTriggerChild = void 0;
+    /**
+     * @internal
+     * Gets the trigger element of a FluentTriggerComponent (such as Tooltip or MenuTrigger).
+     *
+     * In the case where the immediate child is itself a FluentTriggerComponent and/or React Fragment,
+     * it returns the first descendant that is _not_ a FluentTriggerComponent or Fragment.
+     * This allows multiple triggers to be stacked, and still apply their props to the actual trigger element.
+     *
+     * For example, the following returns `<div id="child" />`:
+     * ```jsx
+     * getTriggerChild(
+     *   <Tooltip>
+     *     <MenuTrigger>
+     *       <div id="child" />
+     *     </MenuTrigger>
+     *   </Tooltip>
+     * );
+     * ```
+     *
+     * In the case where the immediate child is not a valid element,
+     * null is returned
+     */
+    function getTriggerChild(children) {
+        if (!React.isValidElement(children)) {
+            return null;
+        }
+        return isFluentTrigger_1.isFluentTrigger(children)
+            ? getTriggerChild(
+            // FIXME: This casting should be unnecessary as isFluentTrigger is a guard type method,
+            // but for some reason it's failing on build
+            children.props.children)
+            : children;
+    }
+    exports.getTriggerChild = getTriggerChild;
+});
+//# sourceMappingURL=getTriggerChild.js.map

package/lib-amd/trigger/getTriggerChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTriggerChild.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/trigger/getTriggerChild.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAgB,eAAe,CAC7B,QAAqD;QAGrD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAoB,QAAQ,CAAC,EAAE;YACtD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,iCAAe,CAAC,QAAQ,CAAC;YAC9B,CAAC,CAAC,eAAe;YACb,uFAAuF;YACvF,4CAA4C;YAC3C,QAAQ,CAAC,KAAsB,CAAC,QAAQ,CAC1C;YACH,CAAC,CAAC,QAAQ,CAAC;IACf,CAAC;IAdD,0CAcC","sourcesContent":["import * as React from 'react';\nimport { isFluentTrigger } from './isFluentTrigger';\nimport type { TriggerProps } from './types';\n\n/**\n * @internal\n * Gets the trigger element of a FluentTriggerComponent (such as Tooltip or MenuTrigger).\n *\n * In the case where the immediate child is itself a FluentTriggerComponent and/or React Fragment,\n * it returns the first descendant that is _not_ a FluentTriggerComponent or Fragment.\n * This allows multiple triggers to be stacked, and still apply their props to the actual trigger element.\n *\n * For example, the following returns `<div id=\"child\" />`:\n * ```jsx\n * getTriggerChild(\n *   <Tooltip>\n *     <MenuTrigger>\n *       <div id=\"child\" />\n *     </MenuTrigger>\n *   </Tooltip>\n * );\n * ```\n *\n * In the case where the immediate child is not a valid element,\n * null is returned\n */\nexport function getTriggerChild<TriggerChildProps>(\n  children: TriggerProps<TriggerChildProps>['children'],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): (React.ReactElement<Partial<TriggerChildProps>> & { ref?: React.Ref<any> }) | null {\n  if (!React.isValidElement<TriggerChildProps>(children)) {\n    return null;\n  }\n  return isFluentTrigger(children)\n    ? getTriggerChild(\n        // FIXME: This casting should be unnecessary as isFluentTrigger is a guard type method,\n        // but for some reason it's failing on build\n        (children.props as TriggerProps).children,\n      )\n    : children;\n}\n"]}

package/lib-amd/trigger/index.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./applyTriggerPropsToChildren", "./getTriggerChild", "./isFluentTrigger", "./types"], function (require, exports, tslib_1, applyTriggerPropsToChildren_1, getTriggerChild_1, isFluentTrigger_1, types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(applyTriggerPropsToChildren_1, exports);
+    tslib_1.__exportStar(getTriggerChild_1, exports);
+    tslib_1.__exportStar(isFluentTrigger_1, exports);
+    tslib_1.__exportStar(types_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/trigger/index.ts"],"names":[],"mappings":";;;IAAA,6DAA8C;IAC9C,iDAAkC;IAClC,iDAAkC;IAClC,uCAAwB","sourcesContent":["export * from './applyTriggerPropsToChildren';\nexport * from './getTriggerChild';\nexport * from './isFluentTrigger';\nexport * from './types';\n"]}

package/lib-amd/trigger/isFluentTrigger.js

@@ -0,0 +1,15 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isFluentTrigger = void 0;
+    /**
+     * @internal
+     * Checks if a given element is a FluentUI trigger (e.g. `MenuTrigger` or `Tooltip`).
+     * See the {@link FluentTriggerComponent} type for more info.
+     */
+    function isFluentTrigger(element) {
+        return Boolean(element.type.isFluentTriggerComponent);
+    }
+    exports.isFluentTrigger = isFluentTrigger;
+});
+//# sourceMappingURL=isFluentTrigger.js.map

package/lib-amd/trigger/isFluentTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFluentTrigger.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-utilities/src/trigger/isFluentTrigger.ts"],"names":[],"mappings":";;;;IAGA;;;;OAIG;IACH,SAAgB,eAAe,CAAC,OAA2B;QACzD,OAAO,OAAO,CAAE,OAAO,CAAC,IAA+B,CAAC,wBAAwB,CAAC,CAAC;IACpF,CAAC;IAFD,0CAEC","sourcesContent":["import * as React from 'react';\nimport type { FluentTriggerComponent, TriggerProps } from './types';\n\n/**\n * @internal\n * Checks if a given element is a FluentUI trigger (e.g. `MenuTrigger` or `Tooltip`).\n * See the {@link FluentTriggerComponent} type for more info.\n */\nexport function isFluentTrigger(element: React.ReactElement): element is React.ReactElement<TriggerProps> {\n  return Boolean((element.type as FluentTriggerComponent).isFluentTriggerComponent);\n}\n"]}

package/lib-amd/trigger/types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=types.js.map