@splunk/react-ui 5.3.0 → 5.4.0

package/ResultsMenu.js

@@ -1,151 +1,34 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ "use strict";
-    /******/    var e = {
-        /***/ 6165: 
-        /***/ (e, r, n) => {
-            // EXPORTS
-            n.d(r, {
-                default: () => /* reexport */ b
-            });
-            // EXTERNAL MODULE: external "react"
-                        var t = n(9497);
-            var o =  n.n(t);
-            // EXTERNAL MODULE: external "prop-types"
-                        var a = n(23);
-            var i =  n.n(a);
-            // EXTERNAL MODULE: external "styled-components"
-                        var l = n(232);
-            var u =  n.n(l);
-            // EXTERNAL MODULE: external "@splunk/themes"
-                        var c = n(3563);
-            // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
-            var s = u().span.withConfig({
-                displayName: "ScreenReaderContentStyles__Styled",
-                componentId: "sc-1lnohwp-0"
-            })([ "", ";" ], c.mixins.screenReaderContent());
-            // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx
-            function f() {
-                return f = Object.assign ? Object.assign.bind() : function(e) {
-                    for (var r = 1; r < arguments.length; r++) {
-                        var n = arguments[r];
-                        for (var t in n) {
-                            ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
-                        }
-                    }
-                    return e;
-                }, f.apply(null, arguments);
-            }
-            function v(e, r) {
-                if (null == e) return {};
-                var n, t, o = d(e, r);
-                if (Object.getOwnPropertySymbols) {
-                    var a = Object.getOwnPropertySymbols(e);
-                    for (t = 0; t < a.length; t++) {
-                        n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
-                    }
-                }
-                return o;
-            }
-            function d(e, r) {
-                if (null == e) return {};
-                var n = {};
-                for (var t in e) {
-                    if ({}.hasOwnProperty.call(e, t)) {
-                        if (-1 !== r.indexOf(t)) continue;
-                        n[t] = e[t];
-                    }
-                }
-                return n;
-            }
-            var m = {
-                children: i().node.isRequired,
-                elementRef: i().oneOfType([ i().func, i().object ])
-            };
-            /**
- * The screen reader text is used to wrap content that
- * is only accessible through screen readers.
- */            function p(e) {
-                var r = e.children, n = e.elementRef, t = v(e, [ "children", "elementRef" ]);
-                // @docs-props-type ScreenReaderContentPropsBase
-                                
-                return o().createElement(s, f({
-                    "data-test": "screen-reader-content",
-                    ref: n
-                }, t), r);
-            }
-            p.propTypes = m;
-            /* harmony default export */            const b = p;
-        } // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
-        /***/ ,
-        /***/ 3563: 
-        /***/ e => {
-            e.exports = require("@splunk/themes");
-            /***/        },
-        /***/ 23: 
-        /***/ e => {
-            e.exports = require("prop-types");
-            /***/        },
-        /***/ 9497: 
-        /***/ e => {
-            e.exports = require("react");
-            /***/        },
-        /***/ 232: 
-        /***/ e => {
-            e.exports = require("styled-components");
-            /***/
-            /******/        }
-    };
-    /************************************************************************/
-    /******/ // The module cache
-    /******/    var r = {};
-    /******/
-    /******/ // The require function
-    /******/    function n(t) {
-        /******/ // Check if module is in cache
-        /******/ var o = r[t];
-        /******/        if (o !== undefined) {
-            /******/ return o.exports;
-            /******/        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/        var a = r[t] = {
-            /******/ // no module.id needed
-            /******/ // no module.loaded needed
-            /******/ exports: {}
-            /******/        };
-        /******/
-        /******/ // Execute the module function
-        /******/        e[t](a, a.exports, n);
-        /******/
-        /******/ // Return the exports of the module
-        /******/        return a.exports;
-        /******/    }
+    /******/ // The require scope
+    /******/    var e = {};
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ n.n = e => {
-            /******/ var r = e && e.__esModule ? 
-            /******/ () => e["default"]
-            /******/ : () => e
+        /******/ e.n = r => {
+            /******/ var n = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            n.d(r, {
-                a: r
+            e.d(n, {
+                a: n
             });
-            /******/            return r;
+            /******/            return n;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ n.d = (e, r) => {
-            /******/ for (var t in r) {
-                /******/ if (n.o(r, t) && !n.o(e, t)) {
-                    /******/ Object.defineProperty(e, t, {
+        /******/ e.d = (r, n) => {
+            /******/ for (var t in n) {
+                /******/ if (e.o(n, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
                         enumerable: true,
-                        get: r[t]
+                        get: n[t]
                     });
                     /******/                }
                 /******/            }
@@ -154,14 +37,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ n.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ n.r = e => {
+        /******/ e.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -173,332 +56,331 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
-    // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-        (() => {
-        // ESM COMPAT FLAG
-        n.r(t);
-        // EXPORTS
-                n.d(t, {
-            VirtualizedResultsMenu: () => /* reexport */ Re,
-            default: () => /* reexport */ F
-        });
-        // EXTERNAL MODULE: external "react"
-                var e = n(9497);
-        var r =  n.n(e);
-        // EXTERNAL MODULE: external "prop-types"
-                var o = n(23);
-        var a =  n.n(o);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const i = require("@splunk/react-ui/Divider");
-        var l =  n.n(i);
-        // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-        const u = require("@splunk/react-ui/Menu");
-        var c =  n.n(u);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const s = require("@splunk/ui-utils/i18n");
-        // EXTERNAL MODULE: external "styled-components"
-                var f = n(232);
-        var v =  n.n(f);
-        // CONCATENATED MODULE: external "@splunk/react-ui/WaitSpinner"
-        const d = require("@splunk/react-ui/WaitSpinner");
-        var m =  n.n(d);
-        // EXTERNAL MODULE: external "@splunk/themes"
-                var p = n(3563);
-        // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenuStyles.ts
-        var b = v()(c()).withConfig({
-            displayName: "ResultsMenuStyles__StyledMenu",
-            componentId: "avbhl8-0"
-        })([ "overflow:auto;flex-direction:column;" ]);
-        var y = v().div.withConfig({
-            displayName: "ResultsMenuStyles__Styled",
-            componentId: "avbhl8-1"
-        })([ "", ";flex-direction:column;max-height:calc(100vh - 20px);border-radius:", ";background-color:", ";& > ", ":not(:first-child){border-start-start-radius:0;border-start-end-radius:0;}& > ", ":not(:last-child){border-end-start-radius:0;border-end-end-radius:0;}" ], p.mixins.reset("flex"), p.variables.borderRadius, p.variables.backgroundColorPopup, b, b);
-        var g = v().div.withConfig({
-            displayName: "ResultsMenuStyles__StyledFooter",
-            componentId: "avbhl8-2"
-        })([ "padding:", " ", ";color:", ";" ], p.variables.spacingSmall, p.variables.spacingLarge, p.variables.contentColorDefault);
-        var h = v().li.withConfig({
-            displayName: "ResultsMenuStyles__StyledLoading",
-            componentId: "avbhl8-3"
-        })([ "", ";padding:", " ", ";gap:", ";" ], p.mixins.reset("flex"), p.variables.spacingSmall, p.variables.spacingLarge, p.variables.spacingXSmall);
-        var S = v()(c().Item).withConfig({
-            displayName: "ResultsMenuStyles__StyledNoOptions",
-            componentId: "avbhl8-4"
-        })([ "&[disabled],&[aria-disabled='true']{color:", ";}" ], p.variables.contentColorDefault);
-        var E = v()(m()).withConfig({
-            displayName: "ResultsMenuStyles__StyledWait",
-            componentId: "avbhl8-5"
-        })([ "flex:0 0 auto;" ]);
-        var O = v().div.withConfig({
-            displayName: "ResultsMenuStyles__StyledLoadingMessage",
-            componentId: "avbhl8-6"
-        })([ "flex:1 0 0;color:", ";" ], p.variables.contentColorDefault);
-        // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
-                var w = n(6165);
-        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-        /**
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        VirtualizedResultsMenu: () => /* reexport */ Re,
+        default: () => /* reexport */ B
+    });
+    // CONCATENATED MODULE: external "react"
+    const n = require("react");
+    var t =  e.n(n);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const i = require("@splunk/react-ui/Divider");
+    var u =  e.n(i);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const l = require("@splunk/react-ui/Menu");
+    var c =  e.n(l);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+    const s = require("@splunk/react-ui/ScreenReaderContent");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const d = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "styled-components"
+    const v = require("styled-components");
+    var m =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/react-ui/WaitSpinner"
+    const b = require("@splunk/react-ui/WaitSpinner");
+    var p =  e.n(b);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const y = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenuStyles.ts
+    var g = m()(c()).withConfig({
+        displayName: "ResultsMenuStyles__StyledMenu",
+        componentId: "avbhl8-0"
+    })([ "overflow:auto;flex-direction:column;" ]);
+    var h = m().div.withConfig({
+        displayName: "ResultsMenuStyles__Styled",
+        componentId: "avbhl8-1"
+    })([ "", ";flex-direction:column;max-height:calc(100vh - 20px);border-radius:", ";background-color:", ";& > ", ":not(:first-child){border-start-start-radius:0;border-start-end-radius:0;}& > ", ":not(:last-child){border-end-start-radius:0;border-end-end-radius:0;}" ], y.mixins.reset("flex"), y.variables.borderRadius, y.variables.backgroundColorPopup, g, g);
+    var S = m().div.withConfig({
+        displayName: "ResultsMenuStyles__StyledFooter",
+        componentId: "avbhl8-2"
+    })([ "padding:", " ", ";color:", ";" ], y.variables.spacingSmall, y.variables.spacingLarge, y.variables.contentColorDefault);
+    var E = m().li.withConfig({
+        displayName: "ResultsMenuStyles__StyledLoading",
+        componentId: "avbhl8-3"
+    })([ "", ";padding:", " ", ";gap:", ";" ], y.mixins.reset("flex"), y.variables.spacingSmall, y.variables.spacingLarge, y.variables.spacingXSmall);
+    var O = m()(c().Item).withConfig({
+        displayName: "ResultsMenuStyles__StyledNoOptions",
+        componentId: "avbhl8-4"
+    })([ "&[disabled],&[aria-disabled='true']{color:", ";}" ], y.variables.contentColorDefault);
+    var M = m()(p()).withConfig({
+        displayName: "ResultsMenuStyles__StyledWait",
+        componentId: "avbhl8-5"
+    })([ "flex:0 0 auto;" ]);
+    var w = m().div.withConfig({
+        displayName: "ResultsMenuStyles__StyledLoadingMessage",
+        componentId: "avbhl8-6"
+    })([ "flex:1 0 0;color:", ";" ], y.variables.contentColorDefault);
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
  *
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function M(e, r) {
-            if (e) {
-                if (typeof e === "function") {
-                    e(r);
-                } else {
-                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-                    // the intention here is to signal "we will take care of setting 'current', not you".
-                    e.current = r;
+    function C(e, r) {
+        if (e) {
+            if (typeof e === "function") {
+                e(r);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = r;
  // eslint-disable-line no-param-reassign
-                                }
-            }
+                        }
         }
-        // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
-        function C() {
-            return C = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var n = arguments[r];
-                    for (var t in n) {
-                        ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
-                    }
+    }
+    // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
+    function k() {
+        return k = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
                 }
-                return e;
-            }, C.apply(null, arguments);
-        }
-        function j(e, r) {
-            return P(e) || I(e, r) || R(e, r) || x();
-        }
-        function x() {
-            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function R(e, r) {
-            if (e) {
-                if ("string" == typeof e) return k(e, r);
-                var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? k(e, r) : void 0;
             }
+            return e;
+        }, k.apply(null, arguments);
+    }
+    function j(e, r) {
+        return A(e) || x(e, r) || R(e, r) || I();
+    }
+    function I() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function R(e, r) {
+        if (e) {
+            if ("string" == typeof e) return P(e, r);
+            var n = {}.toString.call(e).slice(8, -1);
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? P(e, r) : void 0;
         }
-        function k(e, r) {
-            (null == r || r > e.length) && (r = e.length);
-            for (var n = 0, t = Array(r); n < r; n++) {
-                t[n] = e[n];
-            }
-            return t;
+    }
+    function P(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var n = 0, t = Array(r); n < r; n++) {
+            t[n] = e[n];
         }
-        function I(e, r) {
-            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != n) {
-                var t, o, a, i, l = [], u = !0, c = !1;
+        return t;
+    }
+    function x(e, r) {
+        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != n) {
+            var t, o, a, i, u = [], l = !0, c = !1;
+            try {
+                if (a = (n = n.call(e)).next, 0 === r) {
+                    if (Object(n) !== n) return;
+                    l = !1;
+                } else for (;!(l = (t = a.call(n)).done) && (u.push(t.value), u.length !== r); l = !0) {
+                }
+            } catch (e) {
+                c = !0, o = e;
+            } finally {
                 try {
-                    if (a = (n = n.call(e)).next, 0 === r) {
-                        if (Object(n) !== n) return;
-                        u = !1;
-                    } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
-                    }
-                } catch (e) {
-                    c = !0, o = e;
+                    if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
                 } finally {
-                    try {
-                        if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
-                    } finally {
-                        if (c) throw o;
-                    }
+                    if (c) throw o;
                 }
-                return l;
             }
+            return u;
         }
-        function P(e) {
-            if (Array.isArray(e)) return e;
-        }
-        function T(e, r) {
-            if (null == e) return {};
-            var n, t, o = A(e, r);
-            if (Object.getOwnPropertySymbols) {
-                var a = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < a.length; t++) {
-                    n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
-                }
+    }
+    function A(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function T(e, r) {
+        if (null == e) return {};
+        var n, t, o = L(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < a.length; t++) {
+                n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
-            return o;
         }
-        function A(e, r) {
-            if (null == e) return {};
-            var n = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== r.indexOf(t)) continue;
-                    n[t] = e[t];
-                }
+        return o;
+    }
+    function L(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== r.indexOf(t)) continue;
+                n[t] = e[t];
             }
-            return n;
         }
-        var L = {
-            animateLoading: a().bool,
-            children: a().node,
-            childrenStart: a().node,
-            elementRef: a().oneOfType([ a().func, a().object ]),
-            focusMode: a().oneOf([ "roving", "normal", "never" ]),
-            footerMessage: a().node,
-            isLoading: a().bool,
-            loadingMessage: a().node,
-            menuId: a().string,
-            noOptionsMessage: a().node,
-            onScroll: a().func,
-            onScrollBottom: a().func,
-            placement: a().string
-        };
-        var _ = (0, s._)("Loading...");
-        var q = (0, s._)("No matches");
-        // The remaining amount of pixels when scrolled from bottom of menu to trigger onScrollBottom().
-                var N = 400;
-        var D = 28;
-        function H(n) {
-            var t = n.animateLoading, o = n["aria-multiselectable"], a = n.children, i = n.childrenStart, c = n.elementRef, s = n.focusMode, f = n.footerMessage, v = n.isLoading, d = n.labelledBy, m = n.loadingMessage, p = m === void 0 ? _ : m, x = n.menuId, R = n.noOptionsMessage, k = R === void 0 ? q : R, I = n.onScroll, P = n.onScrollBottom, A = n.placement, L = n.style, H = n.tabIndex, F = T(n, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "labelledBy", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
-            // @docs-props-type ResultsMenuPropsBase
-                        var B = (0, e.useState)(undefined), U = j(B, 2), z = U[0], V = U[1];
-            var K = (0, e.useState)(null), W = j(K, 2), $ = W[0], G = W[1];
-            var X = (0, e.useState)(null), J = j(X, 2), Q = J[0], Y = J[1];
-            var Z = (0, e.useState)(0), ee = j(Z, 2), re = ee[0], ne = ee[1];
-            var te = (0, e.useState)(0), oe = j(te, 2), ae = oe[0], ie = oe[1];
-            var le = (0, e.useState)(false), ue = j(le, 2), ce = ue[0], se = ue[1];
-            var fe = (0, e.useCallback)((function(e) {
-                Y(e);
-            }), []);
-            var ve = (0, e.useCallback)((function(e) {
-                G(e);
-                M(c, e);
-            }), [ c ]);
-            var de = (0, e.useCallback)((function() {
-                ie(document.documentElement.scrollTop);
-            }), []);
-            var me = (0, e.useCallback)((function() {
-                ie(document.documentElement.scrollTop);
-            }), []);
-            var pe = (0, e.useCallback)((function(e) {
-                // Safety net to ensure window doesn't scroll if menu is scrolled pass the numberOfItemsLoaded at high velocity.
-                e.stopPropagation();
-                document.documentElement.scrollTop = ae;
-            }), [ ae ]);
-            var be = (0, e.useCallback)((function() {
-                return !!Q && Q.scrollHeight === Q.offsetHeight;
-            }), [ Q ]);
-            var ye = (0, e.useCallback)((function(e) {
-                if (!ce) {
-                    se(true);
-                    P === null || P === void 0 ? void 0 : P(e);
-                }
-            }), [ ce, P ]);
-            var ge = (0, e.useCallback)((function(e) {
-                if (P && e.target && Q) {
-                    var r = Q.scrollHeight - Q.offsetHeight - N;
-                    // Adding 1 due to border of menu item.
-                                        if (Q.scrollTop + 1 >= r) {
-                        ye(e);
-                    }
-                }
-                I === null || I === void 0 ? void 0 : I(e);
-            }), [ ye, Q, I, P ]);
-            var he = (0, e.useCallback)((function() {
-                var r = e.Children.count(a);
-                // If menu is full length, load more items.
-                                if (be()) {
-                    ye(null);
-                }
-                // Avoid triggering this logic if this.state.childrenCount is null
-                // because that's not a real change in the number of children
-                // and thus we want to avoid resetting the value of scrollBottomTriggered
-                                if (z != null && r !== z) {
-                    ne(r - (z !== null && z !== void 0 ? z : 0));
-                    se(false);
-                }
-                if (r !== z) {
-                    V(r);
-                }
-            }), [ be, a, z, ye ]);
-            (0, e.useEffect)((function() {
-                if (!$ || !Q) {
-                    return;
-                }
-                // If onScrollBottom is defined, determine if it should be triggered.
-                                if (P && a) {
-                    he();
+        return n;
+    }
+    var _ = {
+        animateLoading: a().bool,
+        children: a().node,
+        childrenStart: a().node,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        focusMode: a().oneOf([ "roving", "normal", "never" ]),
+        footerMessage: a().node,
+        isLoading: a().bool,
+        loadingMessage: a().node,
+        menuId: a().string,
+        noOptionsMessage: a().node,
+        onScroll: a().func,
+        onScrollBottom: a().func,
+        placement: a().string
+    };
+    var q = (0, d._)("Loading...");
+    var D = (0, d._)("No matches");
+    // The remaining amount of pixels when scrolled from bottom of menu to trigger onScrollBottom().
+        var N = 400;
+    var H = 28;
+    function F(e) {
+        var r = e.animateLoading, o = e["aria-multiselectable"], a = e.children, i = e.childrenStart, c = e.elementRef, s = e.focusMode, d = e.footerMessage, v = e.isLoading, m = e.labelledBy, b = e.loadingMessage, p = b === void 0 ? q : b, y = e.menuId, I = e.noOptionsMessage, R = I === void 0 ? D : I, P = e.onScroll, x = e.onScrollBottom, A = e.placement, L = e.style, _ = e.tabIndex, F = T(e, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "labelledBy", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
+        // @docs-props-type ResultsMenuPropsBase
+                var B = (0, n.useState)(undefined), U = j(B, 2), z = U[0], V = U[1];
+        var K = (0, n.useState)(null), W = j(K, 2), $ = W[0], G = W[1];
+        var X = (0, n.useState)(null), J = j(X, 2), Q = J[0], Y = J[1];
+        var Z = (0, n.useState)(0), ee = j(Z, 2), re = ee[0], ne = ee[1];
+        var te = (0, n.useState)(0), oe = j(te, 2), ae = oe[0], ie = oe[1];
+        var ue = (0, n.useState)(false), le = j(ue, 2), ce = le[0], se = le[1];
+        var fe = (0, n.useCallback)((function(e) {
+            Y(e);
+        }), []);
+        var de = (0, n.useCallback)((function(e) {
+            G(e);
+            C(c, e);
+        }), [ c ]);
+        var ve = (0, n.useCallback)((function() {
+            ie(document.documentElement.scrollTop);
+        }), []);
+        var me = (0, n.useCallback)((function() {
+            ie(document.documentElement.scrollTop);
+        }), []);
+        var be = (0, n.useCallback)((function(e) {
+            // Safety net to ensure window doesn't scroll if menu is scrolled pass the numberOfItemsLoaded at high velocity.
+            e.stopPropagation();
+            document.documentElement.scrollTop = ae;
+        }), [ ae ]);
+        var pe = (0, n.useCallback)((function() {
+            return !!Q && Q.scrollHeight === Q.offsetHeight;
+        }), [ Q ]);
+        var ye = (0, n.useCallback)((function(e) {
+            if (!ce) {
+                se(true);
+                x === null || x === void 0 ? void 0 : x(e);
+            }
+        }), [ ce, x ]);
+        var ge = (0, n.useCallback)((function(e) {
+            if (x && e.target && Q) {
+                var r = Q.scrollHeight - Q.offsetHeight - N;
+                // Adding 1 due to border of menu item.
+                                if (Q.scrollTop + 1 >= r) {
+                    ye(e);
                 }
-            }), [ $, Q, a, P, he ]);
-            // Assumption: that you cannot be filtered if you are a result
-                        var Se = e.Children.toArray(a).filter(e.isValidElement).some((function(e) {
-                var r = e.type;
-                return !(r.as === "Divider" && r.filterFirst || (r.as === "Divider" || r.as === "Heading") && (r.filterLast || r.filterConsecutive));
-            }));
-            var Ee = be();
-            var Oe = (0, e.useMemo)((function() {
-                return {
-                    height: ce ? re * D : 0
-                };
-            }), [ ce, re ]);
-            var we = !Se && !!k && !v;
-            var Me = (0, e.useCallback)((function() {
-                return {
-                    role: "listbox",
-                    preventFocus: s === "never"
-                };
-            }), [ s ]);
-            var Ce = (0, e.useCallback)((function() {
-                var n = !!e.Children.toArray(a).length;
-                return f && n &&  r().createElement(r().Fragment, null, A !== "above" &&  r().createElement(l(), null),  r().createElement(g, {
-                    "data-test": "footer-message",
-                    key: "footer"
-                }, f), A === "above" &&  r().createElement(l(), null));
-            }), [ f, a, A ]);
-            
-            return r().createElement(y, C({
-                "data-test": "results-menu",
-                key: "wrapper",
-                ref: ve,
-                onWheel: P ? pe : undefined,
-                onMouseEnter: P ? de : undefined,
-                onMouseLeave: P ? me : undefined
-            }, F, {
-                style: L
-            }), A !== "above" && i, A === "above" && Ce(),  r().createElement(u.MenuContext.Provider, {
-                value: Me()
-            },  r().createElement(b, {
-                "aria-multiselectable": o,
-                "aria-labelledby": d,
-                elementRef: fe,
-                focusMode: s,
-                id: x,
-                key: "menu",
-                onScroll: ge,
-                stopScrollPropagation: true,
-                tabIndex: H
-            }, we &&  r().createElement(S, {
-                "data-test": "no-results-message",
-                disabled: true
-            }, k), a, P && !Ee && 
-            
-            // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
-            r().createElement("div", {
-                "data-test": "results-menu-bottom-spacer",
-                style: Oe
-            }), v &&  r().createElement(h, null, t &&  r().createElement(E, null),  r().createElement(O, null, p)))),  r().createElement(w["default"], {
-                "aria-live": "polite"
-            }, we && k), A !== "above" && Ce(), A === "above" && i);
-        }
-        H.propTypes = L;
-        /* harmony default export */        const F = H;
-        // CONCATENATED MODULE: external "lodash/omit"
-        const B = require("lodash/omit");
-        var U =  n.n(B);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-        const z = require("@splunk/ui-utils/focus");
-        // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/groupChildren.ts
-        // Cheap(er than processing potentially thousands of array elements) memoization
-        var V = {
-            result: []
-        };
-        /**
+            }
+            P === null || P === void 0 ? void 0 : P(e);
+        }), [ ye, Q, P, x ]);
+        var he = (0, n.useCallback)((function() {
+            var e = n.Children.count(a);
+            // If menu is full length, load more items.
+                        if (pe()) {
+                ye(null);
+            }
+            // Avoid triggering this logic if this.state.childrenCount is null
+            // because that's not a real change in the number of children
+            // and thus we want to avoid resetting the value of scrollBottomTriggered
+                        if (z != null && e !== z) {
+                ne(e - (z !== null && z !== void 0 ? z : 0));
+                se(false);
+            }
+            if (e !== z) {
+                V(e);
+            }
+        }), [ pe, a, z, ye ]);
+        (0, n.useEffect)((function() {
+            if (!$ || !Q) {
+                return;
+            }
+            // If onScrollBottom is defined, determine if it should be triggered.
+                        if (x && a) {
+                he();
+            }
+        }), [ $, Q, a, x, he ]);
+        // Assumption: that you cannot be filtered if you are a result
+                var Se = n.Children.toArray(a).filter(n.isValidElement).some((function(e) {
+            var r = e.type;
+            return !(r.as === "Divider" && r.filterFirst || (r.as === "Divider" || r.as === "Heading") && (r.filterLast || r.filterConsecutive));
+        }));
+        var Ee = pe();
+        var Oe = (0, n.useMemo)((function() {
+            return {
+                height: ce ? re * H : 0
+            };
+        }), [ ce, re ]);
+        var Me = !Se && !!R && !v;
+        var we = (0, n.useCallback)((function() {
+            return {
+                role: "listbox",
+                preventFocus: s === "never"
+            };
+        }), [ s ]);
+        var Ce = (0, n.useCallback)((function() {
+            var e = !!n.Children.toArray(a).length;
+            return d && e &&  t().createElement(t().Fragment, null, A !== "above" &&  t().createElement(u(), null),  t().createElement(S, {
+                "data-test": "footer-message",
+                key: "footer"
+            }, d), A === "above" &&  t().createElement(u(), null));
+        }), [ d, a, A ]);
+        
+        return t().createElement(h, k({
+            "data-test": "results-menu",
+            key: "wrapper",
+            ref: de,
+            onWheel: x ? be : undefined,
+            onMouseEnter: x ? ve : undefined,
+            onMouseLeave: x ? me : undefined
+        }, F, {
+            style: L
+        }), A !== "above" && i, A === "above" && Ce(),  t().createElement(l.MenuContext.Provider, {
+            value: we()
+        },  t().createElement(g, {
+            "aria-multiselectable": o,
+            "aria-labelledby": m,
+            elementRef: fe,
+            focusMode: s,
+            id: y,
+            key: "menu",
+            onScroll: ge,
+            stopScrollPropagation: true,
+            tabIndex: _
+        }, Me &&  t().createElement(O, {
+            "data-test": "no-results-message",
+            disabled: true
+        }, R), a, x && !Ee && 
+        
+        // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
+        t().createElement("div", {
+            "data-test": "results-menu-bottom-spacer",
+            style: Oe
+        }), v &&  t().createElement(E, null, r &&  t().createElement(M, null),  t().createElement(w, null, p)))),  t().createElement(f(), {
+            "aria-live": "polite"
+        }, Me && R), A !== "above" && Ce(), A === "above" && i);
+    }
+    F.propTypes = _;
+    /* harmony default export */    const B = F;
+    // CONCATENATED MODULE: external "lodash/omit"
+    const U = require("lodash/omit");
+    var z =  e.n(U);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
+    const V = require("@splunk/ui-utils/focus");
+    // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/groupChildren.ts
+    // Cheap(er than processing potentially thousands of array elements) memoization
+    var K = {
+        result: []
+    };
+    /**
  * Given component children, restructure them into an array of arrays, each of length `groupSize`.
  *
  * The last array is not guaranteed to be full, it will have a length in the range `[1, groupSize]`
@@ -512,263 +394,264 @@
  * @param {number} groupSize The size of each group to be created
  * @returns A 2d array where each inner-array is a group of size `groupSize` of children
  * and the order of the `children` received equals the order of the flattened result
- */        var K = function r(n, t) {
-            if (V.children === n && V.groupSize === t) {
-                return V.result;
-            }
-            V.children = n;
-            V.groupSize = t;
-            if (t <= 1) {
-                if (false) {}
-                // don't break in non-__DEV__ and return one big group
-                                V.result = [ e.Children.toArray(n) ];
-            } else {
-                V.result = e.Children.toArray(n).reduce((function(e, r, n) {
-                    var o = Math.floor(n / t);
-                    if (!Array.isArray(e[o])) {
-                        // eslint-disable-next-line no-param-reassign
-                        e[o] = [];
-                    }
-                    e[o].push(r);
-                    return e;
-                }), []);
+ */    var W = function e(r, t) {
+        if (K.children === r && K.groupSize === t) {
+            return K.result;
+        }
+        K.children = r;
+        K.groupSize = t;
+        if (t <= 1) {
+            if (false) {}
+            // don't break in non-__DEV__ and return one big group
+                        K.result = [ n.Children.toArray(r) ];
+        } else {
+            K.result = n.Children.toArray(r).reduce((function(e, r, n) {
+                var o = Math.floor(n / t);
+                if (!Array.isArray(e[o])) {
+                    // eslint-disable-next-line no-param-reassign
+                    e[o] = [];
+                }
+                e[o].push(r);
+                return e;
+            }), []);
+        }
+        return K.result;
+    };
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const $ = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedItem.ts
+    // This wrapper should only be used with Menu.Item/derivatives thereof, so omitting Heading/Divider is fine
+    var G = {
+        children: a().node,
+        onMount: a().func.isRequired,
+        onUnmount: a().func.isRequired
+    };
+    /** @private Used by `VirtualizedResultsMenu` */    var X =  t().forwardRef((function(e, r) {
+        var t = e.children, o = e.onMount, a = e.onUnmount;
+        // @docs-props-type VirtualizedItemPropsBase
+                var i = (0, n.useRef)(null);
+        (0, n.useEffect)((function() {
+            var e = i.current;
+            if (e) {
+                o(e);
             }
-            return V.result;
-        };
-        // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const W = require("@splunk/ui-utils/id");
-        // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedItem.ts
-        // This wrapper should only be used with Menu.Item/derivatives thereof, so omitting Heading/Divider is fine
-        var $ = {
-            children: a().node,
-            onMount: a().func.isRequired,
-            onUnmount: a().func.isRequired
-        };
-        /** @private Used by `VirtualizedResultsMenu` */        var G =  r().forwardRef((function(r, n) {
-            var t = r.children, o = r.onMount, a = r.onUnmount;
-            // @docs-props-type VirtualizedItemPropsBase
-                        var i = (0, e.useRef)(null);
-            (0, e.useEffect)((function() {
-                var e = i.current;
+            return function() {
                 if (e) {
-                    o(e);
+                    a(e);
                 }
-                return function() {
-                    if (e) {
-                        a(e);
-                    }
-                };
-            }), [ o, a ]);
-            var l = e.Children.only(t);
-            if (!l) {
-                if (false) {}
-                return null;
+            };
+        }), [ o, a ]);
+        var u = n.Children.only(t);
+        if (!u) {
+            if (false) {}
+            return null;
+        }
+        
+        return (0, n.cloneElement)(u, {
+            elementRef: function e(n) {
+                i.current = n;
+                C(r, n);
             }
-            
-            return (0, e.cloneElement)(l, {
-                elementRef: function e(r) {
-                    i.current = r;
-                    M(n, r);
-                }
-            });
-        }));
-        G.propTypes = $;
-        G.as = "Item";
-        // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/injectVirtualizedItem.tsx
-        /**
+        });
+    }));
+    X.propTypes = G;
+    X.as = "Item";
+    // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/injectVirtualizedItem.tsx
+    /**
  * Find the index of an array element which is nearest to targetIndex and is a Menu.Item component
  * @param {Array} elements An array to search
  * @param {Number} targetIndex The target index. This is the ideal value to return.
  * @returns The index in the array of the nearest `Menu.Item` component to `targetIndex`, or -1 if no element is a `Menu.Item` component
  */
-        var X = function e(r, n) {
-            var t = -1;
-            var o = -1;
-            r.forEach((function(e, r) {
-                var a = Math.abs(n - r);
-                if (t >= 0 && t < a) {
-                    return;
-                }
-                if (e.type !== u.Divider && e.type !== u.Heading) {
-                    t = a;
-                    o = r;
-                }
-            }));
-            return o;
-        };
-        /**
+    var J = function e(r, n) {
+        var t = -1;
+        var o = -1;
+        r.forEach((function(e, r) {
+            var a = Math.abs(n - r);
+            if (t >= 0 && t < a) {
+                return;
+            }
+            if (e.type !== l.Divider && e.type !== l.Heading) {
+                t = a;
+                o = r;
+            }
+        }));
+        return o;
+    };
+    /**
  * @private Keep the injection of `VirtualizedItem` DRY. Will always replace the middle-most non-divider/heading
  * with a VirtualizedItem instance.
  * - If `trackFirstElement` the **FIRST** non-divider/heading item will also be replaced.
  * - If `trackLastElement` the **LAST** non-divider/heading item will also be replaced.
- */        var J = function e(n, t, o) {
-            var a = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}, i = a.trackFirstElement, l = a.trackLastElement;
-            if (!Array.isArray(n)) {
-                return [];
-            }
-            var u = X(n, Math.floor(n.length / 2));
-            var c = i && X(n, 0);
-            var s = l && X(n, n.length - 1);
-            return n.map((function(e, n) {
-                if (n === u || n === c || n === s) {
-                    
-                    return r().createElement(G, {
-                        key: (0, W.createGUID)(),
-                        onMount: t,
-                        onUnmount: o
-                    }, e);
-                }
-                return e;
-            }));
-        };
-        // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.tsx
-        function Q(e) {
-            "@babel/helpers - typeof";
-            return Q = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-                return typeof e;
-            } : function(e) {
-                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            }, Q(e);
-        }
-        function Y() {
-            return Y = Object.assign ? Object.assign.bind() : function(e) {
-                for (var r = 1; r < arguments.length; r++) {
-                    var n = arguments[r];
-                    for (var t in n) {
-                        ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
-                    }
-                }
-                return e;
-            }, Y.apply(null, arguments);
+ */    var Q = function e(r, n, o) {
+        var a = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}, i = a.trackFirstElement, u = a.trackLastElement;
+        if (!Array.isArray(r)) {
+            return [];
         }
-        function Z(e) {
-            return ne(e) || re(e) || ae(e) || ee();
-        }
-        function ee() {
-            throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function re(e) {
-            if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
-        }
-        function ne(e) {
-            if (Array.isArray(e)) return ie(e);
-        }
-        function te(e, r) {
-            return ue(e) || le(e, r) || ae(e, r) || oe();
-        }
-        function oe() {
-            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function ae(e, r) {
-            if (e) {
-                if ("string" == typeof e) return ie(e, r);
-                var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ie(e, r) : void 0;
+        var l = J(r, Math.floor(r.length / 2));
+        var c = i && J(r, 0);
+        var s = u && J(r, r.length - 1);
+        return r.map((function(e, r) {
+            if (r === l || r === c || r === s) {
+                
+                return t().createElement(X, {
+                    key: (0, $.createGUID)(),
+                    onMount: n,
+                    onUnmount: o
+                }, e);
             }
-        }
-        function ie(e, r) {
-            (null == r || r > e.length) && (r = e.length);
-            for (var n = 0, t = Array(r); n < r; n++) {
-                t[n] = e[n];
-            }
-            return t;
-        }
-        function le(e, r) {
-            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != n) {
-                var t, o, a, i, l = [], u = !0, c = !1;
-                try {
-                    if (a = (n = n.call(e)).next, 0 === r) {
-                        if (Object(n) !== n) return;
-                        u = !1;
-                    } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
-                    }
-                } catch (e) {
-                    c = !0, o = e;
-                } finally {
-                    try {
-                        if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
-                    } finally {
-                        if (c) throw o;
-                    }
+            return e;
+        }));
+    };
+    // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.tsx
+    function Y(e) {
+        "@babel/helpers - typeof";
+        return Y = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, Y(e);
+    }
+    function Z() {
+        return Z = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
                 }
-                return l;
             }
+            return e;
+        }, Z.apply(null, arguments);
+    }
+    function ee(e) {
+        return te(e) || ne(e) || ie(e) || re();
+    }
+    function re() {
+        throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function ne(e) {
+        if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
+    }
+    function te(e) {
+        if (Array.isArray(e)) return ue(e);
+    }
+    function oe(e, r) {
+        return ce(e) || le(e, r) || ie(e, r) || ae();
+    }
+    function ae() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function ie(e, r) {
+        if (e) {
+            if ("string" == typeof e) return ue(e, r);
+            var n = {}.toString.call(e).slice(8, -1);
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ue(e, r) : void 0;
         }
-        function ue(e) {
-            if (Array.isArray(e)) return e;
+    }
+    function ue(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var n = 0, t = Array(r); n < r; n++) {
+            t[n] = e[n];
         }
-        function ce(e, r) {
-            if (null == e) return {};
-            var n, t, o = se(e, r);
-            if (Object.getOwnPropertySymbols) {
-                var a = Object.getOwnPropertySymbols(e);
-                for (t = 0; t < a.length; t++) {
-                    n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+        return t;
+    }
+    function le(e, r) {
+        var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != n) {
+            var t, o, a, i, u = [], l = !0, c = !1;
+            try {
+                if (a = (n = n.call(e)).next, 0 === r) {
+                    if (Object(n) !== n) return;
+                    l = !1;
+                } else for (;!(l = (t = a.call(n)).done) && (u.push(t.value), u.length !== r); l = !0) {
                 }
-            }
-            return o;
-        }
-        function se(e, r) {
-            if (null == e) return {};
-            var n = {};
-            for (var t in e) {
-                if ({}.hasOwnProperty.call(e, t)) {
-                    if (-1 !== r.indexOf(t)) continue;
-                    n[t] = e[t];
+            } catch (e) {
+                c = !0, o = e;
+            } finally {
+                try {
+                    if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                } finally {
+                    if (c) throw o;
                 }
             }
-            return n;
+            return u;
         }
-        function fe(e, r) {
-            var n = Object.keys(e);
-            if (Object.getOwnPropertySymbols) {
-                var t = Object.getOwnPropertySymbols(e);
-                r && (t = t.filter((function(r) {
-                    return Object.getOwnPropertyDescriptor(e, r).enumerable;
-                }))), n.push.apply(n, t);
+    }
+    function ce(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function se(e, r) {
+        if (null == e) return {};
+        var n, t, o = fe(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < a.length; t++) {
+                n = a[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
-            return n;
         }
-        function ve(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = null != arguments[r] ? arguments[r] : {};
-                r % 2 ? fe(Object(n), !0).forEach((function(r) {
-                    de(e, r, n[r]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : fe(Object(n)).forEach((function(r) {
-                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
-                }));
+        return o;
+    }
+    function fe(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (-1 !== r.indexOf(t)) continue;
+                n[t] = e[t];
             }
-            return e;
         }
-        function de(e, r, n) {
-            return (r = me(r)) in e ? Object.defineProperty(e, r, {
-                value: n,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[r] = n, e;
+        return n;
+    }
+    function de(e, r) {
+        var n = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var t = Object.getOwnPropertySymbols(e);
+            r && (t = t.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), n.push.apply(n, t);
         }
-        function me(e) {
-            var r = pe(e, "string");
-            return "symbol" == Q(r) ? r : r + "";
+        return n;
+    }
+    function ve(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var n = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? de(Object(n), !0).forEach((function(r) {
+                me(e, r, n[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : de(Object(n)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
+            }));
         }
-        function pe(e, r) {
-            if ("object" != Q(e) || !e) return e;
-            var n = e[Symbol.toPrimitive];
-            if (void 0 !== n) {
-                var t = n.call(e, r || "default");
-                if ("object" != Q(t)) return t;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
-            }
-            return ("string" === r ? String : Number)(e);
+        return e;
+    }
+    function me(e, r, n) {
+        return (r = be(r)) in e ? Object.defineProperty(e, r, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = n, e;
+    }
+    function be(e) {
+        var r = pe(e, "string");
+        return "symbol" == Y(r) ? r : r + "";
+    }
+    function pe(e, r) {
+        if ("object" != Y(e) || !e) return e;
+        var n = e[Symbol.toPrimitive];
+        if (void 0 !== n) {
+            var t = n.call(e, r || "default");
+            if ("object" != Y(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        // TODO(SUI-5920): add transitions to this component in React 18
-                var be = ve(ve({}, U()(L, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
-            virtualization: a().number
-        });
-        var ye = [];
-        /**
+        return ("string" === r ? String : Number)(e);
+    }
+    // eslint-disable-next-line no-relative-imports-of-published -- TODO(SUI-8190): VirtualizedResultsMenu wraps ResultsMenu, using external import creates circular dependency
+    // TODO(SUI-5920): add transitions to this component in React 18
+        var ye = ve(ve({}, z()(_, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
+        virtualization: a().number
+    });
+    var ge = [];
+    /**
  * A wrapper for `ResultsMenu` which virtualizes the `children`. The received `children` array will be split into **"panes"** each with `virtualization` entries
  * and, at any given time, 3 or fewer of these panes will be rendered in the DOM.
  *
@@ -786,396 +669,396 @@
  * @throws in `__DEV__` when `virtualization` is too small as compared to the menu height (`virtualization` must be greater than the number of visible items in the rendered menu)
  * @throws in `__DEV__` when `virtualization` is less than or equal to 1 (`virtualization` must be ≥ 2)
  * @throws in `__DEV__` when `virtualization` is changed during the lifecycle of the `VirtualizedResultsMenu` component
- */        function ge(n) {
-            var t = n.virtualization, o = t === void 0 ? 2 : t, a = n.elementRef, i = n.children, l = n.focusMode, u = l === void 0 ? "normal" : l, c = ce(n, [ "virtualization", "elementRef", "children", "focusMode" ]);
-            // @docs-props-type VirtualizedResultsMenuPropsBase
-                        var s = (0, e.useRef)(o);
-            // If a user tries to set virtualization to a value smaller than the number of options
-            // visible at a given moment then the menu will flicker endlessly. This state is set in
-            // the IntersectionObserver to fix the issue, but in `__DEV__` an error is thrown.
-                        var f = (0, e.useState)(o), v = te(f, 2), d = v[0], m = v[1];
+ */    function he(e) {
+        var r = e.virtualization, o = r === void 0 ? 2 : r, a = e.elementRef, i = e.children, u = e.focusMode, l = u === void 0 ? "normal" : u, c = se(e, [ "virtualization", "elementRef", "children", "focusMode" ]);
+        // @docs-props-type VirtualizedResultsMenuPropsBase
+                var s = (0, n.useRef)(o);
+        // If a user tries to set virtualization to a value smaller than the number of options
+        // visible at a given moment then the menu will flicker endlessly. This state is set in
+        // the IntersectionObserver to fix the issue, but in `__DEV__` an error is thrown.
+                var f = (0, n.useState)(o), d = oe(f, 2), v = d[0], m = d[1];
  // these refs keep track of whether we need to focus the first/last
-            // element after the next render
-                        var p = (0, e.useRef)(false);
-            var b = (0, e.useRef)(false);
-            var y = (0, e.useRef)(i);
-            // this code makes the "Home" and "End" keys work by injecting
-            // an elementRef callback function into the first and last item
-            // that will attempt to focus the first/last item if appropriate
-            // we need to do this because if we call focus() right after changePane()
-            // the new pane won't be in the DOM yet, so the wrong element will end up focused
-                        (0, e.useMemo)((function() {
-                var r = e.Children.toArray(i);
-                var n = X(r, 0);
-                var t = X(r, r.length - 1);
-                y.current = r.map((function(r, o) {
-                    var a = r;
-                    if (o === n) {
-                        a =  (0, e.isValidElement)(r) ?  (0, e.cloneElement)(r, {
-                            elementRef: function e(r) {
-                                if (p === null || p === void 0 ? void 0 : p.current) {
-                                    p.current = false;
-                                    r === null || r === void 0 ? void 0 : r.focus();
-                                }
+        // element after the next render
+                var b = (0, n.useRef)(false);
+        var p = (0, n.useRef)(false);
+        var y = (0, n.useRef)(i);
+        // this code makes the "Home" and "End" keys work by injecting
+        // an elementRef callback function into the first and last item
+        // that will attempt to focus the first/last item if appropriate
+        // we need to do this because if we call focus() right after changePane()
+        // the new pane won't be in the DOM yet, so the wrong element will end up focused
+                (0, n.useMemo)((function() {
+            var e = n.Children.toArray(i);
+            var r = J(e, 0);
+            var t = J(e, e.length - 1);
+            y.current = e.map((function(e, o) {
+                var a = e;
+                if (o === r) {
+                    a =  (0, n.isValidElement)(e) ?  (0, n.cloneElement)(e, {
+                        elementRef: function e(r) {
+                            if (b === null || b === void 0 ? void 0 : b.current) {
+                                b.current = false;
+                                r === null || r === void 0 ? void 0 : r.focus();
                             }
-                        }) : r;
-                    } else if (o === t) {
-                        a =  (0, e.isValidElement)(r) ?  (0, e.cloneElement)(r, {
-                            elementRef: function e(r) {
-                                if (b === null || b === void 0 ? void 0 : b.current) {
-                                    b.current = false;
-                                    r === null || r === void 0 ? void 0 : r.focus();
-                                }
+                        }
+                    }) : e;
+                } else if (o === t) {
+                    a =  (0, n.isValidElement)(e) ?  (0, n.cloneElement)(e, {
+                        elementRef: function e(r) {
+                            if (p === null || p === void 0 ? void 0 : p.current) {
+                                p.current = false;
+                                r === null || r === void 0 ? void 0 : r.focus();
                             }
-                        }) : r;
-                    }
-                    return a;
-                }));
-            }), [ i ]);
-            var g = y.current;
-            (0, e.useEffect)((function() {
-                if (false) {}
-            }), [ o ]);
-            // `useRef` will recompute its initial value every render cycle.
-            // To avoid the array processing we can provide an initialization function to useState and init the ref with the result
-                        var h = (0, e.useState)((function() {
-                return K(g, d);
-            })), S = te(h, 1), E = S[0];
+                        }
+                    }) : e;
+                }
+                return a;
+            }));
+        }), [ i ]);
+        var g = y.current;
+        (0, n.useEffect)((function() {
+            if (false) {}
+        }), [ o ]);
+        // `useRef` will recompute its initial value every render cycle.
+        // To avoid the array processing we can provide an initialization function to useState and init the ref with the result
+                var h = (0, n.useState)((function() {
+            return W(g, v);
+        })), S = oe(h, 1), E = S[0];
  // NOSONAR
-            // `windowPanes` is an array of arrays, each of length `virtualization`. Each "pane" is just a subset of
-            // `children` which will be rendered in a chunk, and at most 3 of these panes will render at any given time.
-                        var O = (0, e.useRef)(E);
-            var w = (0, e.useRef)(0);
-            var C = (0, e.useRef)(null);
-            // An IntersectionObserver is used to detect when pane changes are needed.
-            // When loadPrevPaneRef or loadNextPaneRef entries intersect the menu, the currentPaneId will be updated.
-                        var j = (0, e.useRef)();
-            var x = (0, e.useRef)(ye);
-            var R = (0, e.useRef)(ye);
-            var k = (0, e.useCallback)((function() {
-                var e;
-                var r = O.current, n = r === void 0 ? [] : r;
-                var t = w.current;
-                /**
+        // `windowPanes` is an array of arrays, each of length `virtualization`. Each "pane" is just a subset of
+        // `children` which will be rendered in a chunk, and at most 3 of these panes will render at any given time.
+                var O = (0, n.useRef)(E);
+        var M = (0, n.useRef)(0);
+        var w = (0, n.useRef)(null);
+        // An IntersectionObserver is used to detect when pane changes are needed.
+        // When loadPrevPaneRef or loadNextPaneRef entries intersect the menu, the currentPaneId will be updated.
+                var k = (0, n.useRef)();
+        var j = (0, n.useRef)(ge);
+        var I = (0, n.useRef)(ge);
+        var R = (0, n.useCallback)((function() {
+            var e;
+            var r = O.current, n = r === void 0 ? [] : r;
+            var t = M.current;
+            /**
      * create onMount for an child of the menu which will be used to trigger pane
      * changes upon intersection with the menu's visible bounds
-     */                var o = function e(r) {
-                    return function(e) {
-                        var n;
-                        if (!e) {
-                            return;
-                        }
-                        r.current.push(e);
-                        (n = j.current) === null || n === void 0 ? void 0 : n.observe(e);
-                    };
-                };
-                /**
-     * onUnmount to cleanup the operations of `onVirtualizeMount`
-     */                var a = function e(r) {
+     */            var o = function e(r) {
+                return function(e) {
                     var n;
-                    if (!r) {
+                    if (!e) {
                         return;
                     }
-                    var t = R.current.indexOf(r);
-                    if (t >= 0) {
-                        R.current.splice(t, 1);
-                    }
-                    var o = x.current.indexOf(r);
-                    if (o) {
-                        x.current.splice(o, 1);
-                    }
-                    (n = j.current) === null || n === void 0 ? void 0 : n.unobserve(r);
+                    r.current.push(e);
+                    (n = k.current) === null || n === void 0 ? void 0 : n.observe(e);
                 };
-                return [].concat(Z(J(n[t - 1], o(R), a, {
-                    trackFirstElement: true
-                })), Z((e = n[t]) !== null && e !== void 0 ? e : []), Z(J(n[t + 1], o(x), a, {
-                    trackLastElement: true
-                })));
-            }), []);
-            var I = (0, e.useState)(k), P = te(I, 2), T = P[0], A = P[1];
-            var L = (0, e.useCallback)((function(e) {
-                var r = w.current;
-                w.current = Math.max(0, Math.min(e, O.current.length - 1));
-                if (r === w.current) {
-                    // no change in current pane
+            };
+            /**
+     * onUnmount to cleanup the operations of `onVirtualizeMount`
+     */            var a = function e(r) {
+                var n;
+                if (!r) {
                     return;
                 }
-                A(k);
-            }), [ k ]);
-            // Link an IntersectionObserver instance with the menu children to be observed
-                        var _ = (0, e.useCallback)((function(e) {
-                var r;
-                M(a, e);
-                C.current = e;
-                // This is overly defensive and could probably be removed
-                                (r = j.current) === null || r === void 0 ? void 0 : r.disconnect();
-                if (!e) {
-                    return;
+                var t = I.current.indexOf(r);
+                if (t >= 0) {
+                    I.current.splice(t, 1);
                 }
-                R.current = [];
-                x.current = [];
-                // Run the observation flow
-                                j.current = new IntersectionObserver((function(r) {
-                    var n;
-                    var t = w.current;
-                    var o = e.firstElementChild;
-                    if (!!o && o.scrollHeight < e.clientHeight) {
-                        var a;
-                        // If the first element doesn't require a scrollbar then it's likely a filter input
-                                                o = (a = o) === null || a === void 0 ? void 0 : a.nextElementSibling;
-                    }
-                    if (((n = o) === null || n === void 0 ? void 0 : n.scrollTop) === 0 && t === 0 && O.current.length > 1 && r.some((function(e) {
-                        return e.isIntersecting;
-                    }))) {
-                        // The menu hasn't scrolled, is on pane 0, and already has an intersection, the `virtualization` prop is too small
-                        m((function(e) {
-                            return e + 10;
-                        }));
-                        if (false) {}
-                        return;
-                    }
-                    var i = false;
-                    r.forEach((function(e) {
-                        if (i || !e.isIntersecting) {
-                            // don't process if the pane changed or the entry isn't intersecting
-                            return;
-                        }
-                        if (R.current.includes(e.target)) {
-                            i = true;
-                            L(t - 1);
-                        } else if (x.current.includes(e.target)) {
-                            i = true;
-                            L(t + 1);
-                        }
+                var o = j.current.indexOf(r);
+                if (o) {
+                    j.current.splice(o, 1);
+                }
+                (n = k.current) === null || n === void 0 ? void 0 : n.unobserve(r);
+            };
+            return [].concat(ee(Q(n[t - 1], o(I), a, {
+                trackFirstElement: true
+            })), ee((e = n[t]) !== null && e !== void 0 ? e : []), ee(Q(n[t + 1], o(j), a, {
+                trackLastElement: true
+            })));
+        }), []);
+        var P = (0, n.useState)(R), x = oe(P, 2), A = x[0], T = x[1];
+        var L = (0, n.useCallback)((function(e) {
+            var r = M.current;
+            M.current = Math.max(0, Math.min(e, O.current.length - 1));
+            if (r === M.current) {
+                // no change in current pane
+                return;
+            }
+            T(R);
+        }), [ R ]);
+        // Link an IntersectionObserver instance with the menu children to be observed
+                var _ = (0, n.useCallback)((function(e) {
+            var r;
+            C(a, e);
+            w.current = e;
+            // This is overly defensive and could probably be removed
+                        (r = k.current) === null || r === void 0 ? void 0 : r.disconnect();
+            if (!e) {
+                return;
+            }
+            I.current = [];
+            j.current = [];
+            // Run the observation flow
+                        k.current = new IntersectionObserver((function(r) {
+                var n;
+                var t = M.current;
+                var o = e.firstElementChild;
+                if (!!o && o.scrollHeight < e.clientHeight) {
+                    var a;
+                    // If the first element doesn't require a scrollbar then it's likely a filter input
+                                        o = (a = o) === null || a === void 0 ? void 0 : a.nextElementSibling;
+                }
+                if (((n = o) === null || n === void 0 ? void 0 : n.scrollTop) === 0 && t === 0 && O.current.length > 1 && r.some((function(e) {
+                    return e.isIntersecting;
+                }))) {
+                    // The menu hasn't scrolled, is on pane 0, and already has an intersection, the `virtualization` prop is too small
+                    m((function(e) {
+                        return e + 10;
                     }));
-                }), {
-                    root: e
-                });
-            }), [ a, L ]);
-            var q = (0, e.useCallback)((function(e) {
-                var r = C.current;
-                if (!r) {
+                    if (false) {}
                     return;
                 }
-                e.preventDefault();
-                var n = e.key;
-                if (n === "Home") {
-                    var t = w.current === 0;
-                    if (t) {
-                        var o;
-                        // if the first pane is already rendered, find the first element and focus it
-                                                var a = (0, z.getSortedTabbableElements)(r, {
-                            ignoreTabIndex: true
-                        });
-                        var i = a[0];
-                        i === null || i === void 0 ? void 0 : (o = i.focus) === null || o === void 0 ? void 0 : o.call(i);
-                    } else {
-                        // if it's not rendered, set up focusing it after the next render
-                        p.current = true;
-                        // then call changePane() to trigger the render
-                                                L(0);
+                var i = false;
+                r.forEach((function(e) {
+                    if (i || !e.isIntersecting) {
+                        // don't process if the pane changed or the entry isn't intersecting
+                        return;
                     }
-                    return;
-                }
-                var l = O.current.length - 1;
-                if (n === "End") {
-                    var u = w.current === l;
-                    if (u) {
-                        var c;
-                        // if the last pane is already rendered, find the first element and focus it
-                                                var s = (0, z.getSortedTabbableElements)(r, {
-                            ignoreTabIndex: true
-                        });
-                        var f = s[s.length - 1];
-                        f === null || f === void 0 ? void 0 : (c = f.focus) === null || c === void 0 ? void 0 : c.call(f);
-                    } else {
-                        // if it's not rendered, set up focusing it after the next render
-                        b.current = true;
-                        // then call changePane() to trigger the render
-                                                L(l);
+                    if (I.current.includes(e.target)) {
+                        i = true;
+                        L(t - 1);
+                    } else if (j.current.includes(e.target)) {
+                        i = true;
+                        L(t + 1);
                     }
-                    return;
-                }
-                var v = (0, z.getSortedTabbableElements)(r, {
-                    ignoreTabIndex: true
-                });
-                var d = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
-                var m = r === null || r === void 0 ? void 0 : r.querySelector(":focus");
-                var y = d || m;
-                var g = y ? v.indexOf(y) : -1;
-                (0, z.handleFocus)(n, v, g, {
-                    enableLoop: false,
-                    // VirtualizedResultsMenu does not support looping focus
-                    orientation: "vertical",
-                    enableTab: false,
-                    enableHomeEnd: false
-                });
-            }), [ L ]);
-            (0, e.useEffect)((function() {
-                m((function(e) {
-                    if (false) {}
-                    return o;
                 }));
-            }), [ o ]);
-            (0, e.useEffect)((function() {
-                O.current = K(g, d);
-                A(k);
-            }), [ g, d, k ]);
-            (0, e.useEffect)((function() {
-                return function() {
-                    var e;
-                    return (e = j.current) === null || e === void 0 ? void 0 : e.disconnect();
-                };
-            }), []);
-            (0, e.useEffect)((function() {
-                if (u === "never") {
-                    return undefined;
-                }
-                var e = C.current;
-                if (e) {
-                    e.addEventListener("keydown", q);
+            }), {
+                root: e
+            });
+        }), [ a, L ]);
+        var q = (0, n.useCallback)((function(e) {
+            var r = w.current;
+            if (!r) {
+                return;
+            }
+            e.preventDefault();
+            var n = e.key;
+            if (n === "Home") {
+                var t = M.current === 0;
+                if (t) {
+                    var o;
+                    // if the first pane is already rendered, find the first element and focus it
+                                        var a = (0, V.getSortedTabbableElements)(r, {
+                        ignoreTabIndex: true
+                    });
+                    var i = a[0];
+                    i === null || i === void 0 ? void 0 : (o = i.focus) === null || o === void 0 ? void 0 : o.call(i);
+                } else {
+                    // if it's not rendered, set up focusing it after the next render
+                    b.current = true;
+                    // then call changePane() to trigger the render
+                                        L(0);
                 }
-                return function() {
-                    e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", q);
-                };
-            }), [ q, u ]);
-            
-            return r().createElement(F, Y({
-                elementRef: _,
-                focusMode: u
-            }, c), T);
-        }
-        ge.propTypes = be;
-        // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var he = {
-            body: {
-                appendChild: function e() {
-                    return [];
+                return;
+            }
+            var u = O.current.length - 1;
+            if (n === "End") {
+                var l = M.current === u;
+                if (l) {
+                    var c;
+                    // if the last pane is already rendered, find the first element and focus it
+                                        var s = (0, V.getSortedTabbableElements)(r, {
+                        ignoreTabIndex: true
+                    });
+                    var f = s[s.length - 1];
+                    f === null || f === void 0 ? void 0 : (c = f.focus) === null || c === void 0 ? void 0 : c.call(f);
+                } else {
+                    // if it's not rendered, set up focusing it after the next render
+                    p.current = true;
+                    // then call changePane() to trigger the render
+                                        L(u);
                 }
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            activeElement: {
-                blur: function e() {},
-                nodeName: ""
-            },
-            querySelector: function e() {
-                return null;
-            },
-            querySelectorAll: function e() {
+                return;
+            }
+            var d = (0, V.getSortedTabbableElements)(r, {
+                ignoreTabIndex: true
+            });
+            var v = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
+            var m = r === null || r === void 0 ? void 0 : r.querySelector(":focus");
+            var y = v || m;
+            var g = y ? d.indexOf(y) : -1;
+            (0, V.handleFocus)(n, d, g, {
+                enableLoop: false,
+                // VirtualizedResultsMenu does not support looping focus
+                orientation: "vertical",
+                enableTab: false,
+                enableHomeEnd: false
+            });
+        }), [ L ]);
+        (0, n.useEffect)((function() {
+            m((function(e) {
+                if (false) {}
+                return o;
+            }));
+        }), [ o ]);
+        (0, n.useEffect)((function() {
+            O.current = W(g, v);
+            T(R);
+        }), [ g, v, R ]);
+        (0, n.useEffect)((function() {
+            return function() {
+                var e;
+                return (e = k.current) === null || e === void 0 ? void 0 : e.disconnect();
+            };
+        }), []);
+        (0, n.useEffect)((function() {
+            if (l === "never") {
+                return undefined;
+            }
+            var e = w.current;
+            if (e) {
+                e.addEventListener("keydown", q);
+            }
+            return function() {
+                e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", q);
+            };
+        }), [ q, l ]);
+        
+        return t().createElement(B, Z({
+            elementRef: _,
+            focusMode: l
+        }, c), A);
+    }
+    he.propTypes = ye;
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var Se = {
+        body: {
+            appendChild: function e() {
                 return [];
-            },
-            getElementById: function e() {
-                return null;
-            },
-            createEvent: function e() {
-                return {
-                    initEvent: function e() {}
-                };
-            },
-            createElement: function e() {
-                return {
-                    children: [],
-                    childNodes: [],
-                    style: {},
-                    setAttribute: function e() {},
-                    getElementsByTagName: function e() {
-                        return [];
-                    }
-                };
-            },
-            createElementNS: function e() {
-                return {};
-            },
-            importNode: function e() {
-                return null;
-            },
-            location: {
-                hash: "",
-                host: "",
-                hostname: "",
-                href: "",
-                origin: "",
-                pathname: "",
-                protocol: "",
-                search: ""
             }
-        };
-        function Se() {
-            var e = typeof document !== "undefined" ? document : he;
-            return e;
-        }
-        var Ee = Se();
-        /* harmony default export */        const Oe = /* unused pure expression or super */ null && Ee;
-        // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
-        /* eslint-disable @typescript-eslint/no-empty-function */
-        var we = {
-            document: he,
-            navigator: {
-                userAgent: ""
-            },
-            location: {
-                hash: "",
-                host: "",
-                hostname: "",
-                href: "",
-                origin: "",
-                pathname: "",
-                protocol: "",
-                search: ""
-            },
-            history: {
-                replaceState: function e() {},
-                pushState: function e() {},
-                go: function e() {},
-                back: function e() {}
-            },
-            CustomEvent: function e() {
-                return this;
-            },
-            addEventListener: function e() {},
-            removeEventListener: function e() {},
-            getComputedStyle: function e() {
-                return {
-                    getPropertyValue: function e() {
-                        return "";
-                    }
-                };
-            },
-            Image: function e() {},
-            Date: function e() {},
-            screen: {},
-            setTimeout: function e() {},
-            clearTimeout: function e() {},
-            matchMedia: function e() {
-                return {};
-            },
-            requestAnimationFrame: function e(r) {
-                if (typeof setTimeout === "undefined") {
-                    r();
-                    return null;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
                 }
-                return setTimeout(r, 0);
-            },
-            cancelAnimationFrame: function e(r) {
-                if (typeof setTimeout === "undefined") {
-                    return;
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function Ee() {
+        var e = typeof document !== "undefined" ? document : Se;
+        return e;
+    }
+    var Oe = Ee();
+    /* harmony default export */    const Me = /* unused pure expression or super */ null && Oe;
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var we = {
+        document: Se,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
                 }
-                clearTimeout(r);
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(r) {
+            if (typeof setTimeout === "undefined") {
+                r();
+                return null;
             }
-        };
-        function Me() {
-            var e = typeof window !== "undefined" ? window : we;
-            return e;
+            return setTimeout(r, 0);
+        },
+        cancelAnimationFrame: function e(r) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(r);
         }
-        var Ce = Me();
-        /* harmony default export */        const je = /* unused pure expression or super */ null && Ce;
-        // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/index.ts
-        // In environments without IntersectionObserver support this should just export ResultsMenu
-        var xe = "IntersectionObserver" in Me() ? ge : F;
-        /* harmony default export */        const Re = xe;
-    }) // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
-    ();
-    module.exports = t;
+    };
+    function Ce() {
+        var e = typeof window !== "undefined" ? window : we;
+        return e;
+    }
+    var ke = Ce();
+    /* harmony default export */    const je = /* unused pure expression or super */ null && ke;
+    // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/index.ts
+    // eslint-disable-next-line no-relative-imports-of-published --  TODO(SUI-8190): VirtualizedResultsMenu wraps ResultsMenu, using external import creates circular dependency
+    // In environments without IntersectionObserver support this should just export ResultsMenu
+    var Ie = "IntersectionObserver" in Ce() ? he : B;
+    /* harmony default export */    const Re = Ie;
+    // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
+    module.exports = r;
     /******/})();