@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/ResultsMenu.js

@@ -3,79 +3,79 @@
     /******/ "use strict";
     /******/    var e = {
         /***/ 6165: 
-        /***/ (e, t, r) => {
+        /***/ (e, r, n) => {
             // EXPORTS
-            r.d(t, {
-                default: () => /* reexport */ y
+            n.d(r, {
+                default: () => /* reexport */ b
             });
             // EXTERNAL MODULE: external "react"
-                        var n = r(9497);
-            var o =  r.n(n);
+                        var t = n(9497);
+            var o =  n.n(t);
             // EXTERNAL MODULE: external "prop-types"
-                        var i = r(23);
-            var a =  r.n(i);
+                        var a = n(23);
+            var i =  n.n(a);
             // EXTERNAL MODULE: external "styled-components"
-                        var l = r(232);
-            var u =  r.n(l);
+                        var u = n(232);
+            var l =  n.n(u);
             // EXTERNAL MODULE: external "@splunk/themes"
-                        var c = r(3563);
+                        var c = n(3563);
             // CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts
-            var s = u().span.withConfig({
+            var s = l().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 t = 1; t < arguments.length; t++) {
-                        var r = arguments[t];
-                        for (var n in r) {
-                            ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+                    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 d(e, t) {
+            function v(e, r) {
                 if (null == e) return {};
-                var r, n, o = v(e, t);
+                var n, t, o = d(e, r);
                 if (Object.getOwnPropertySymbols) {
-                    var i = Object.getOwnPropertySymbols(e);
-                    for (n = 0; n < i.length; n++) {
-                        r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                    var a = Object.getOwnPropertySymbols(e);
+                    for (t = 0; t < a.length; t++) {
+                        n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                     }
                 }
                 return o;
             }
-            function v(e, t) {
+            function d(e, r) {
                 if (null == e) return {};
-                var r = {};
-                for (var n in e) {
-                    if ({}.hasOwnProperty.call(e, n)) {
-                        if (t.includes(n)) continue;
-                        r[n] = e[n];
+                var n = {};
+                for (var t in e) {
+                    if ({}.hasOwnProperty.call(e, t)) {
+                        if (r.includes(t)) continue;
+                        n[t] = e[t];
                     }
                 }
-                return r;
+                return n;
             }
-            var p = {
-                children: a().node.isRequired,
-                elementRef: a().oneOfType([ a().func, a().object ])
+            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 m(e) {
-                var t = e.children, r = e.elementRef, n = d(e, [ "children", "elementRef" ]);
+ */            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: r
-                }, n), t);
+                    ref: n
+                }, t), r);
             }
-            m.propTypes = p;
-            /* harmony default export */            const y = m;
+            p.propTypes = m;
+            /* harmony default export */            const b = p;
         } // CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts
         /***/ ,
         /***/ 3563: 
@@ -98,54 +98,54 @@
     };
     /************************************************************************/
     /******/ // The module cache
-    /******/    var t = {};
+    /******/    var r = {};
     /******/
     /******/ // The require function
-    /******/    function r(n) {
+    /******/    function n(t) {
         /******/ // Check if module is in cache
-        /******/ var o = t[n];
+        /******/ var o = r[t];
         /******/        if (o !== undefined) {
             /******/ return o.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var i = t[n] = {
+        /******/        var a = r[t] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[n](i, i.exports, r);
+        /******/        e[t](a, a.exports, n);
         /******/
         /******/ // Return the exports of the module
-        /******/        return i.exports;
+        /******/        return a.exports;
         /******/    }
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ r.n = e => {
-            /******/ var t = e && e.__esModule ? 
+        /******/ n.n = e => {
+            /******/ var r = e && e.__esModule ? 
             /******/ () => e["default"]
             /******/ : () => e
             /******/;
-            r.d(t, {
-                a: t
+            n.d(r, {
+                a: r
             });
-            /******/            return t;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ r.d = (e, t) => {
-            /******/ for (var n in t) {
-                /******/ if (r.o(t, n) && !r.o(e, n)) {
-                    /******/ Object.defineProperty(e, n, {
+        /******/ n.d = (e, r) => {
+            /******/ for (var t in r) {
+                /******/ if (n.o(r, t) && !n.o(e, t)) {
+                    /******/ Object.defineProperty(e, t, {
                         enumerable: true,
-                        get: t[n]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -154,14 +154,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ r.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ n.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ r.r = e => {
+        /******/ n.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -173,78 +173,67 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var n = {};
+    /************************************************************************/    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
-        r.r(n);
+        n.r(t);
         // EXPORTS
-                r.d(n, {
-            VirtualizedResultsMenu: () => /* reexport */ Le,
-            default: () => /* reexport */ Q
+                n.d(t, {
+            VirtualizedResultsMenu: () => /* reexport */ Ie,
+            default: () => /* reexport */ F
         });
         // EXTERNAL MODULE: external "react"
-                var e = r(9497);
-        var t =  r.n(e);
+                var e = n(9497);
+        var r =  n.n(e);
         // EXTERNAL MODULE: external "prop-types"
-                var o = r(23);
-        var i =  r.n(o);
-        // CONCATENATED MODULE: external "lodash/keys"
-        const a = require("lodash/keys");
-        var l =  r.n(a);
-        // CONCATENATED MODULE: external "lodash/memoize"
-        const u = require("lodash/memoize");
-        var c =  r.n(u);
-        // CONCATENATED MODULE: external "lodash/omit"
-        const s = require("lodash/omit");
-        var f =  r.n(s);
+                var o = n(23);
+        var a =  n.n(o);
         // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-        const d = require("@splunk/react-ui/Divider");
-        var v =  r.n(d);
+        const i = require("@splunk/react-ui/Divider");
+        var u =  n.n(i);
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-        const p = require("@splunk/react-ui/Menu");
-        var m =  r.n(p);
+        const l = require("@splunk/react-ui/Menu");
+        var c =  n.n(l);
         // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const y = require("@splunk/ui-utils/i18n");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/userAgent"
-        const h = require("@splunk/ui-utils/userAgent");
+        const s = require("@splunk/ui-utils/i18n");
         // EXTERNAL MODULE: external "styled-components"
-                var b = r(232);
-        var g =  r.n(b);
+                var f = n(232);
+        var v =  n.n(f);
         // CONCATENATED MODULE: external "@splunk/react-ui/WaitSpinner"
-        const S = require("@splunk/react-ui/WaitSpinner");
-        var E =  r.n(S);
+        const d = require("@splunk/react-ui/WaitSpinner");
+        var m =  n.n(d);
         // EXTERNAL MODULE: external "@splunk/themes"
-                var O = r(3563);
+                var p = n(3563);
         // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenuStyles.ts
-        var w = g()(m()).withConfig({
+        var b = v()(c()).withConfig({
             displayName: "ResultsMenuStyles__StyledMenu",
             componentId: "avbhl8-0"
         })([ "overflow:auto;flex-direction:column;" ]);
-        var M = g().div.withConfig({
+        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;}" ], O.mixins.reset("flex"), O.variables.borderRadius, O.variables.backgroundColorPopup, w, w);
-        var j = g().div.withConfig({
+        })([ "", ";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:", ";" ], O.variables.spacingSmall, O.variables.spacingLarge, O.variables.contentColorDefault);
-        var P = g().li.withConfig({
+        })([ "padding:", " ", ";color:", ";" ], p.variables.spacingSmall, p.variables.spacingLarge, p.variables.contentColorDefault);
+        var h = v().li.withConfig({
             displayName: "ResultsMenuStyles__StyledLoading",
             componentId: "avbhl8-3"
-        })([ "", ";padding:", " ", ";gap:", ";" ], O.mixins.reset("flex"), O.variables.spacingSmall, O.variables.spacingLarge, O.variables.spacingXSmall);
-        var T = g()(m().Item).withConfig({
+        })([ "", ";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:", ";}" ], O.variables.contentColorDefault);
-        var R = g()(E()).withConfig({
+        })([ "&[disabled],&[aria-disabled='true']{color:", ";}" ], p.variables.contentColorDefault);
+        var E = v()(m()).withConfig({
             displayName: "ResultsMenuStyles__StyledWait",
             componentId: "avbhl8-5"
         })([ "flex:0 0 auto;" ]);
-        var k = g().div.withConfig({
+        var O = v().div.withConfig({
             displayName: "ResultsMenuStyles__StyledLoadingMessage",
             componentId: "avbhl8-6"
-        })([ "flex:1 0 0;color:", ";" ], O.variables.contentColorDefault);
+        })([ "flex:1 0 0;color:", ";" ], p.variables.contentColorDefault);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -252,343 +241,262 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function C(e, t) {
+        function w(e, r) {
             if (e) {
                 if (typeof e === "function") {
-                    e(t);
+                    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 = t;
+                    e.current = r;
  // eslint-disable-line no-param-reassign
                                 }
             }
         }
         // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
-                var x = r(6165);
+                var M = n(6165);
         // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
-        function I(e) {
-            "@babel/helpers - typeof";
-            return I = "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;
-            }, I(e);
-        }
-        function _() {
-            return _ = Object.assign ? Object.assign.bind() : function(e) {
-                for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+        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]);
                     }
                 }
                 return e;
-            }, _.apply(null, arguments);
+            }, C.apply(null, arguments);
+        }
+        function j(e, r) {
+            return x(e) || P(e, r) || R(e, r) || k();
         }
-        function L(e, t) {
-            if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+        function k() {
+            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 A(e, t) {
-            for (var r = 0; r < t.length; r++) {
-                var n = t[r];
-                n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-                Object.defineProperty(e, W(n.key), n);
+        function R(e, r) {
+            if (e) {
+                if ("string" == typeof e) return I(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) ? I(e, r) : void 0;
             }
         }
-        function q(e, t, r) {
-            return t && A(e.prototype, t), r && A(e, r), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), e;
+        function I(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 B(e, t) {
-            if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-            e.prototype = Object.create(t && t.prototype, {
-                constructor: {
-                    value: e,
-                    writable: !0,
-                    configurable: !0
+        function P(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 (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                    } finally {
+                        if (c) throw o;
+                    }
                 }
-            }), Object.defineProperty(e, "prototype", {
-                writable: !1
-            }), t && D(e, t);
-        }
-        function D(e, t) {
-            return D = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-                return e.__proto__ = t, e;
-            }, D(e, t);
-        }
-        function F(e) {
-            var t = z();
-            return function() {
-                var r, n = U(e);
-                if (t) {
-                    var o = U(this).constructor;
-                    r = Reflect.construct(n, arguments, o);
-                } else r = n.apply(this, arguments);
-                return N(this, r);
-            };
-        }
-        function N(e, t) {
-            if (t && ("object" == I(t) || "function" == typeof t)) return t;
-            if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-            return H(e);
-        }
-        function H(e) {
-            if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-            return e;
-        }
-        function z() {
-            try {
-                var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-            } catch (e) {}
-            return (z = function t() {
-                return !!e;
-            })();
-        }
-        function U(e) {
-            return U = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-                return e.__proto__ || Object.getPrototypeOf(e);
-            }, U(e);
+                return u;
+            }
         }
-        function V(e, t, r) {
-            return (t = W(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
-                enumerable: !0,
-                configurable: !0,
-                writable: !0
-            }) : e[t] = r, e;
+        function x(e) {
+            if (Array.isArray(e)) return e;
         }
-        function W(e) {
-            var t = K(e, "string");
-            return "symbol" == I(t) ? t : t + "";
+        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], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+                }
+            }
+            return o;
         }
-        function K(e, t) {
-            if ("object" != I(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != I(n)) return n;
-                throw new TypeError("@@toPrimitive must return a primitive value.");
+        function A(e, r) {
+            if (null == e) return {};
+            var n = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (r.includes(t)) continue;
+                    n[t] = e[t];
+                }
             }
-            return ("string" === t ? String : Number)(e);
+            return n;
         }
-        var G = {
-            animateLoading: i().bool,
-            children: i().node,
-            childrenStart: i().node,
-            elementRef: i().oneOfType([ i().func, i().object ]),
-            focusMode: i().oneOf([ "roving", "normal", "never" ]),
-            footerMessage: i().node,
-            isLoading: i().bool,
-            loadingMessage: i().node,
-            noOptionsMessage: i().node,
-            onScroll: i().func,
-            onScrollBottom: i().func,
-            placement: i().string,
-            menuId: i().string
+        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 X = {
-            animateLoading: false,
-            isLoading: false,
-            loadingMessage: (0, y._)("Loading..."),
-            noOptionsMessage: (0, y._)("No matches")
-        };
-        var $ = c()((function(e) {
-            return {
-                height: e
-            };
-        }));
-        // @docs-props-type ResultsMenuPropsBase
-                var J =  function(r) {
-            B(o, r);
-            var n = F(o);
-            function o(t) {
-                var r;
-                L(this, o);
-                r = n.call(this, t);
-                V(H(r), "scrollBottomOffset", void 0);
-                V(H(r), "itemMinHeight", void 0);
-                V(H(r), "handleMenuMount", (function(e) {
-                    r.setState({
-                        menuEl: e
-                    });
-                }));
-                V(H(r), "handleMount", (function(e) {
-                    r.setState({
-                        containerEl: e
-                    });
-                    C(r.props.elementRef, e);
-                }));
-                V(H(r), "handleMouseEnter", (function() {
-                    r.setState({
-                        windowTop: document.documentElement.scrollTop
-                    });
-                }));
-                V(H(r), "handleMouseLeave", (function() {
-                    r.setState({
-                        windowTop: document.documentElement.scrollTop
-                    });
-                }));
-                V(H(r), "handleScroll", (function(e) {
-                    var t, n;
-                    if (r.props.onScrollBottom != null) {
-                        if (e.target && r.state.menuEl) {
-                            var o = r.state.menuEl.scrollHeight - r.state.menuEl.offsetHeight - r.scrollBottomOffset;
-                            // Adding 1 due to border of menu item.
-                                                        if (r.state.menuEl.scrollTop + 1 >= o) {
-                                r.handleScrollBottom(e);
-                            }
-                        }
-                    }
-                    (t = (n = r.props).onScroll) === null || t === void 0 ? void 0 : t.call(n, e);
-                }));
-                V(H(r), "handleWheelMenu", (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 = r.state.windowTop;
-                }));
-                V(H(r), "handleScrollBottomOnFullMenu", (function() {
-                    var t = e.Children.count(r.props.children);
-                    var n = r.state.childrenCount;
- // If menu is full length, load more items.
-                                        if (r.checkFullHeight()) {
-                        r.handleScrollBottom(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 (n != null && t !== n) {
-                        r.setState({
-                            numberOfItemsLoaded: t - (n !== null && n !== void 0 ? n : 0),
-                            scrollBottomTriggered: false
-                        });
-                    }
-                    if (t !== n) {
-                        r.setState({
-                            childrenCount: t
-                        });
-                    }
-                }));
-                V(H(r), "createMenuContextValue", (function() {
-                    return {
-                        role: "listbox",
-                        preventFocus: r.props.focusMode === "never"
-                    };
-                }));
-                r.state = {
-                    containerEl: null,
-                    menuEl: null,
-                    numberOfItemsLoaded: 0,
-                    scrollBottomTriggered: false,
-                    windowTop: 0
-                };
-                // The remaining amount of pixels when scrolled from bottom of menu to trigger onScrollBottom().
-                                r.scrollBottomOffset = 400;
-                r.itemMinHeight = 28;
-                return r;
-            }
-            q(o, [ {
-                key: "componentDidUpdate",
-                value: function e() {
-                    var t, r;
-                    var n = this.state, o = n.containerEl, i = n.menuEl;
-                    if (!h.isIE11 || !o || !i) {
-                        return;
-                    }
-                    // If onScrollBottom is defined, determine if it should be triggered.
-                                        if (((t = this.props) === null || t === void 0 ? void 0 : t.onScrollBottom) && ((r = this.props) === null || r === void 0 ? void 0 : r.children)) {
-                        this.handleScrollBottomOnFullMenu();
-                    }
+        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.loadingMessage, m = d === void 0 ? _ : d, p = n.menuId, k = n.noOptionsMessage, R = k === void 0 ? q : k, I = n.onScroll, P = n.onScrollBottom, x = n.placement, A = n.style, L = n.tabIndex, H = T(n, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
+            // @docs-props-type ResultsMenuPropsBase
+                        var F = (0, e.useState)(undefined), U = j(F, 2), z = U[0], B = U[1];
+            var V = (0, e.useState)(null), K = j(V, 2), W = K[0], $ = K[1];
+            var G = (0, e.useState)(null), X = j(G, 2), J = X[0], Q = X[1];
+            var Y = (0, e.useState)(0), Z = j(Y, 2), ee = Z[0], re = Z[1];
+            var ne = (0, e.useState)(0), te = j(ne, 2), oe = te[0], ae = te[1];
+            var ie = (0, e.useState)(false), ue = j(ie, 2), le = ue[0], ce = ue[1];
+            var se = (0, e.useCallback)((function(e) {
+                Q(e);
+            }), []);
+            var fe = (0, e.useCallback)((function(e) {
+                $(e);
+                w(c, e);
+            }), [ c ]);
+            var ve = (0, e.useCallback)((function() {
+                ae(document.documentElement.scrollTop);
+            }), []);
+            var de = (0, e.useCallback)((function() {
+                ae(document.documentElement.scrollTop);
+            }), []);
+            var me = (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 = oe;
+            }), [ oe ]);
+            var pe = (0, e.useCallback)((function() {
+                return !!J && J.scrollHeight === J.offsetHeight;
+            }), [ J ]);
+            var be = (0, e.useCallback)((function(e) {
+                if (!le) {
+                    ce(true);
+                    P === null || P === void 0 ? void 0 : P(e);
                 }
-            }, {
-                key: "handleScrollBottom",
-                value: function e(t) {
-                    // Prevent multiple calls to onScrollBottom.
-                    if (!this.state.scrollBottomTriggered) {
-                        var r, n;
-                        this.setState({
-                            scrollBottomTriggered: true
-                        });
-                        (r = (n = this.props).onScrollBottom) === null || r === void 0 ? void 0 : r.call(n, t);
+            }), [ le, P ]);
+            var ye = (0, e.useCallback)((function(e) {
+                if (P && e.target && J) {
+                    var r = J.scrollHeight - J.offsetHeight - N;
+                    // Adding 1 due to border of menu item.
+                                        if (J.scrollTop + 1 >= r) {
+                        be(e);
                     }
                 }
-            }, {
-                key: "checkFullHeight",
-                value: function e() {
-                    var t = this.state.menuEl;
-                    return t && t.scrollHeight === t.offsetHeight;
+                I === null || I === void 0 ? void 0 : I(e);
+            }), [ be, J, I, P ]);
+            var ge = (0, e.useCallback)((function() {
+                var r = e.Children.count(a);
+                // If menu is full length, load more items.
+                                if (pe()) {
+                    be(null);
                 }
-            }, {
-                key: "renderFooterMessage",
-                value: function r() {
-                    var n = this.props, o = n.children, i = n.footerMessage, a = n.placement;
-                    var l = !!e.Children.toArray(o).length;
-                    return i && l &&  t().createElement(t().Fragment, null, a !== "above" &&  t().createElement(v(), null),  t().createElement(j, {
-                        "data-test": "footer-message",
-                        key: "footer"
-                    }, i), a === "above" &&  t().createElement(v(), 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) {
+                    re(r - (z !== null && z !== void 0 ? z : 0));
+                    ce(false);
                 }
-            }, {
-                key: "render",
-                value: function r() {
-                    var n = this.props, i = n.animateLoading, a = n.children, u = n.childrenStart, c = n.focusMode, s = n.isLoading, d = n.loadingMessage, v = n.noOptionsMessage, m = n.onScrollBottom, y = n.placement, h = n.style, b = n.tabIndex, g = n.menuId, S = n["aria-multiselectable"];
-                    var E = f()(this.props, l()(o.propTypes));
-                    // Assumption: that you cannot be filtered if you are a result
-                                        var O = e.Children.toArray(a).filter(e.isValidElement).some((function(e) {
-                        var t = e.type;
-                        return !(t.as === "Divider" && t.filterFirst || (t.as === "Divider" || t.as === "Heading") && (t.filterLast || t.filterConsecutive));
-                    }));
-                    var j = this.checkFullHeight();
-                    var C = $(this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0);
-                    var I = !O && !!v && !s;
-                    /* eslint-disable jsx-a11y/aria-role */                    
-                    return t().createElement(M, _({
-                        "data-test": "results-menu",
-                        key: "wrapper",
-                        ref: this.handleMount,
-                        onWheel: m ? this.handleWheelMenu : undefined,
-                        onMouseEnter: m ? this.handleMouseEnter : undefined,
-                        onMouseLeave: m ? this.handleMouseLeave : undefined
-                    }, f()(E, "tabIndex", "aria-multiselectable", "menuId"), {
-                        style: h
-                    }), y !== "above" && u, y === "above" && this.renderFooterMessage(),  t().createElement(p.MenuContext.Provider, {
-                        value: this.createMenuContextValue()
-                    },  t().createElement(w, {
-                        key: "menu",
-                        elementRef: this.handleMenuMount,
-                        onScroll: this.handleScroll,
-                        stopScrollPropagation: true,
-                        tabIndex: b,
-                        "aria-multiselectable": S,
-                        id: g,
-                        focusMode: c
-                    }, I &&  t().createElement(T, {
-                        "data-test": "no-results-message",
-                        disabled: true
-                    }, v), a, m && !j && 
-                    
-                    // 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: C
-                    }), s &&  t().createElement(P, null, i &&  t().createElement(R, null),  t().createElement(k, null, d)))),  t().createElement(x["default"], {
-                        "aria-live": "polite"
-                    }, I && v), y !== "above" && this.renderFooterMessage(), y === "above" && u);
+                if (r !== z) {
+                    B(r);
                 }
-            } ]);
-            return o;
-        }(e.Component);
-        V(J, "propTypes", G);
-        V(J, "defaultProps", X);
-        /* harmony default export */        const Q = J;
+            }), [ pe, a, z, be ]);
+            (0, e.useEffect)((function() {
+                if (!W || !J) {
+                    return;
+                }
+                // If onScrollBottom is defined, determine if it should be triggered.
+                                if (P && a) {
+                    ge();
+                }
+            }), [ W, J, a, P, ge ]);
+            // Assumption: that you cannot be filtered if you are a result
+                        var he = 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 Se = pe();
+            var Ee = (0, e.useMemo)((function() {
+                return {
+                    height: le ? ee * D : 0
+                };
+            }), [ le, ee ]);
+            var Oe = !he && !!R && !v;
+            var we = (0, e.useCallback)((function() {
+                return {
+                    role: "listbox",
+                    preventFocus: s === "never"
+                };
+            }), [ s ]);
+            var Me = (0, e.useCallback)((function() {
+                var n = !!e.Children.toArray(a).length;
+                return f && n &&  r().createElement(r().Fragment, null, x !== "above" &&  r().createElement(u(), null),  r().createElement(g, {
+                    "data-test": "footer-message",
+                    key: "footer"
+                }, f), x === "above" &&  r().createElement(u(), null));
+            }), [ f, a, x ]);
+            
+            return r().createElement(y, C({
+                "data-test": "results-menu",
+                key: "wrapper",
+                ref: fe,
+                onWheel: P ? me : undefined,
+                onMouseEnter: P ? ve : undefined,
+                onMouseLeave: P ? de : undefined
+            }, H, {
+                style: A
+            }), x !== "above" && i, x === "above" && Me(),  r().createElement(l.MenuContext.Provider, {
+                value: we()
+            },  r().createElement(b, {
+                "aria-multiselectable": o,
+                elementRef: se,
+                focusMode: s,
+                id: p,
+                key: "menu",
+                onScroll: ye,
+                stopScrollPropagation: true,
+                tabIndex: L
+            }, Oe &&  r().createElement(S, {
+                "data-test": "no-results-message",
+                disabled: true
+            }, R), a, P && !Se && 
+            
+            // 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: Ee
+            }), v &&  r().createElement(h, null, t &&  r().createElement(E, null),  r().createElement(O, null, m)))),  r().createElement(M["default"], {
+                "aria-live": "polite"
+            }, Oe && R), x !== "above" && Me(), x === "above" && i);
+        }
+        H.propTypes = L;
+        /* harmony default export */        const F = H;
+        // CONCATENATED MODULE: external "lodash/omit"
+        const U = require("lodash/omit");
+        var z =  n.n(U);
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const Y = require("@splunk/ui-utils/keyboard");
+        const B = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-        const Z = require("@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 ee = {
+        var K = {
             result: []
         };
         /**
@@ -605,67 +513,67 @@
  * @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 te = function t(r, n) {
-            if (ee.children === r && ee.groupSize === n) {
-                return ee.result;
+ */        var W = function r(n, t) {
+            if (K.children === n && K.groupSize === t) {
+                return K.result;
             }
-            ee.children = r;
-            ee.groupSize = n;
-            if (n <= 1) {
+            K.children = n;
+            K.groupSize = t;
+            if (t <= 1) {
                 if (false) {}
                 // don't break in non-__DEV__ and return one big group
-                                ee.result = [ e.Children.toArray(r) ];
+                                K.result = [ e.Children.toArray(n) ];
             } else {
-                ee.result = e.Children.toArray(r).reduce((function(e, t, r) {
-                    var o = Math.floor(r / n);
+                K.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(t);
+                    e[o].push(r);
                     return e;
                 }), []);
             }
-            return ee.result;
+            return K.result;
         };
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const re = require("@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 ne = {
-            children: i().node,
-            onMount: i().func.isRequired,
-            onUnmount: i().func.isRequired
+        var G = {
+            children: a().node,
+            onMount: a().func.isRequired,
+            onUnmount: a().func.isRequired
         };
-        /** @private Used by `VirtualizedResultsMenu` */        var oe =  t().forwardRef((function(t, r) {
-            var n = t.children, o = t.onMount, i = t.onUnmount;
-            var a = (0, e.useRef)(null);
+        /** @private Used by `VirtualizedResultsMenu` */        var X =  r().forwardRef((function(r, n) {
+            var t = r.children, o = r.onMount, a = r.onUnmount;
+            var i = (0, e.useRef)(null);
             (0, e.useEffect)((function() {
-                var e = a.current;
+                var e = i.current;
                 if (e) {
                     o(e);
                 }
                 return function() {
                     if (e) {
-                        i(e);
+                        a(e);
                     }
                 };
-            }), [ o, i ]);
-            var l = e.Children.only(n);
-            if (!l) {
+            }), [ o, a ]);
+            var u = e.Children.only(t);
+            if (!u) {
                 if (false) {}
                 return null;
             }
             
-            return (0, e.cloneElement)(l, {
-                elementRef: function e(t) {
-                    a.current = t;
-                    C(r, t);
+            return (0, e.cloneElement)(u, {
+                elementRef: function e(r) {
+                    i.current = r;
+                    w(n, r);
                 }
             });
         }));
-        oe.propTypes = ne;
-        oe.as = "Item";
+        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
@@ -673,17 +581,17 @@
  * @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 ie = function e(t, r) {
-            var n = -1;
+        var J = function e(r, n) {
+            var t = -1;
             var o = -1;
-            t.forEach((function(e, t) {
-                var i = Math.abs(r - t);
-                if (n >= 0 && n < i) {
+            r.forEach((function(e, r) {
+                var a = Math.abs(n - r);
+                if (t >= 0 && t < a) {
                     return;
                 }
-                if (e.type !== p.Divider && e.type !== p.Heading) {
-                    n = i;
-                    o = t;
+                if (e.type !== l.Divider && e.type !== l.Heading) {
+                    t = a;
+                    o = r;
                 }
             }));
             return o;
@@ -693,20 +601,20 @@
  * 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 ae = function e(r, n, o) {
-            var i = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}, a = i.trackFirstElement, l = i.trackLastElement;
-            if (!Array.isArray(r)) {
+ */        var Q = function e(n, t, o) {
+            var a = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}, i = a.trackFirstElement, u = a.trackLastElement;
+            if (!Array.isArray(n)) {
                 return [];
             }
-            var u = ie(r, Math.floor(r.length / 2));
-            var c = a && ie(r, 0);
-            var s = l && ie(r, r.length - 1);
-            return r.map((function(e, r) {
-                if (r === u || r === c || r === s) {
+            var l = J(n, Math.floor(n.length / 2));
+            var c = i && J(n, 0);
+            var s = u && J(n, n.length - 1);
+            return n.map((function(e, n) {
+                if (n === l || n === c || n === s) {
                     
-                    return t().createElement(oe, {
-                        key: (0, re.createGUID)(),
-                        onMount: n,
+                    return r().createElement(X, {
+                        key: (0, $.createGUID)(),
+                        onMount: t,
                         onUnmount: o
                     }, e);
                 }
@@ -714,152 +622,152 @@
             }));
         };
         // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.tsx
-        function le(e) {
+        function Y(e) {
             "@babel/helpers - typeof";
-            return le = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            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;
-            }, le(e);
+            }, Y(e);
         }
-        function ue() {
-            return ue = Object.assign ? Object.assign.bind() : function(e) {
-                for (var t = 1; t < arguments.length; t++) {
-                    var r = arguments[t];
-                    for (var n in r) {
-                        ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+        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 e;
-            }, ue.apply(null, arguments);
+            }, Z.apply(null, arguments);
         }
-        function ce(e) {
-            return de(e) || fe(e) || me(e) || se();
+        function ee(e) {
+            return te(e) || ne(e) || ie(e) || re();
         }
-        function se() {
+        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 fe(e) {
+        function ne(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function de(e) {
-            if (Array.isArray(e)) return ye(e);
+        function te(e) {
+            if (Array.isArray(e)) return ue(e);
         }
-        function ve(e, t) {
-            return be(e) || he(e, t) || me(e, t) || pe();
+        function oe(e, r) {
+            return ce(e) || le(e, r) || ie(e, r) || ae();
         }
-        function pe() {
+        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 me(e, t) {
+        function ie(e, r) {
             if (e) {
-                if ("string" == typeof e) return ye(e, t);
-                var r = {}.toString.call(e).slice(8, -1);
-                return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ye(e, t) : void 0;
+                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 ye(e, t) {
-            (null == t || t > e.length) && (t = e.length);
-            for (var r = 0, n = Array(t); r < t; r++) {
-                n[r] = e[r];
+        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];
             }
-            return n;
+            return t;
         }
-        function he(e, t) {
-            var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-            if (null != r) {
-                var n, o, i, a, l = [], u = !0, c = !1;
+        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 (i = (r = r.call(e)).next, 0 === t) {
-                        if (Object(r) !== r) return;
-                        u = !1;
-                    } else for (;!(u = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
+                    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 (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                        if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
                     } finally {
                         if (c) throw o;
                     }
                 }
-                return l;
+                return u;
             }
         }
-        function be(e) {
+        function ce(e) {
             if (Array.isArray(e)) return e;
         }
-        function ge(e, t) {
+        function se(e, r) {
             if (null == e) return {};
-            var r, n, o = Se(e, t);
+            var n, t, o = fe(e, r);
             if (Object.getOwnPropertySymbols) {
-                var i = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < i.length; n++) {
-                    r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                var a = Object.getOwnPropertySymbols(e);
+                for (t = 0; t < a.length; t++) {
+                    n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
                 }
             }
             return o;
         }
-        function Se(e, t) {
+        function fe(e, r) {
             if (null == e) return {};
-            var r = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    r[n] = e[n];
+            var n = {};
+            for (var t in e) {
+                if ({}.hasOwnProperty.call(e, t)) {
+                    if (r.includes(t)) continue;
+                    n[t] = e[t];
                 }
             }
-            return r;
+            return n;
         }
-        function Ee(e, t) {
-            var r = Object.keys(e);
+        function ve(e, r) {
+            var n = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
-                var n = Object.getOwnPropertySymbols(e);
-                t && (n = n.filter((function(t) {
-                    return Object.getOwnPropertyDescriptor(e, t).enumerable;
-                }))), r.push.apply(r, n);
+                var t = Object.getOwnPropertySymbols(e);
+                r && (t = t.filter((function(r) {
+                    return Object.getOwnPropertyDescriptor(e, r).enumerable;
+                }))), n.push.apply(n, t);
             }
-            return r;
+            return n;
         }
-        function Oe(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? Ee(Object(r), !0).forEach((function(t) {
-                    we(e, t, r[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ee(Object(r)).forEach((function(t) {
-                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+        function de(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = null != arguments[r] ? arguments[r] : {};
+                r % 2 ? ve(Object(n), !0).forEach((function(r) {
+                    me(e, r, n[r]);
+                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ve(Object(n)).forEach((function(r) {
+                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
                 }));
             }
             return e;
         }
-        function we(e, t, r) {
-            return (t = Me(t)) in e ? Object.defineProperty(e, t, {
-                value: r,
+        function me(e, r, n) {
+            return (r = pe(r)) in e ? Object.defineProperty(e, r, {
+                value: n,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
-            }) : e[t] = r, e;
+            }) : e[r] = n, e;
         }
-        function Me(e) {
-            var t = je(e, "string");
-            return "symbol" == le(t) ? t : t + "";
+        function pe(e) {
+            var r = be(e, "string");
+            return "symbol" == Y(r) ? r : r + "";
         }
-        function je(e, t) {
-            if ("object" != le(e) || !e) return e;
-            var r = e[Symbol.toPrimitive];
-            if (void 0 !== r) {
-                var n = r.call(e, t || "default");
-                if ("object" != le(n)) return n;
+        function be(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.");
             }
-            return ("string" === t ? String : Number)(e);
+            return ("string" === r ? String : Number)(e);
         }
         // TODO(SUI-5920): add transitions to this component in React 18
-                var Pe = Oe(Oe({}, f()(G, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
-            virtualization: i().number
+                var ye = de(de({}, z()(L, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
+            virtualization: a().number
         });
-        var Te = [];
+        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.
@@ -878,224 +786,224 @@
  * @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 Re(r) {
-            var n = r.virtualization, o = n === void 0 ? 2 : n, i = r.elementRef, a = r.children, l = r.focusMode, u = l === void 0 ? "normal" : l, c = ge(r, [ "virtualization", "elementRef", "children", "focusMode" ]);
+ */        function he(n) {
+            var t = n.virtualization, o = t === void 0 ? 2 : t, a = n.elementRef, i = n.children, u = n.focusMode, l = u === void 0 ? "normal" : u, c = se(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), d = ve(f, 2), v = d[0], p = d[1];
+                        var f = (0, e.useState)(o), v = oe(f, 2), d = v[0], m = v[1];
  // these refs keep track of whether we need to focus the first/last
             // element after the next render
-                        var m = (0, e.useRef)(false);
-            var y = (0, e.useRef)(false);
-            var h = (0, e.useRef)(a);
+                        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 t = e.Children.toArray(a);
-                var r = ie(t, 0);
-                var n = ie(t, t.length - 1);
-                h.current = t.map((function(t, o) {
-                    var i = t;
-                    if (o === r) {
-                        i =  (0, e.isValidElement)(t) ?  (0, e.cloneElement)(t, {
-                            elementRef: function e(t) {
-                                if (m === null || m === void 0 ? void 0 : m.current) {
-                                    m.current = false;
-                                    t === null || t === void 0 ? void 0 : t.focus();
+                var r = e.Children.toArray(i);
+                var n = J(r, 0);
+                var t = J(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();
                                 }
                             }
-                        }) : t;
-                    } else if (o === n) {
-                        i =  (0, e.isValidElement)(t) ?  (0, e.cloneElement)(t, {
-                            elementRef: function e(t) {
-                                if (y === null || y === void 0 ? void 0 : y.current) {
-                                    y.current = false;
-                                    t === null || t === void 0 ? void 0 : t.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();
                                 }
                             }
-                        }) : t;
+                        }) : r;
                     }
-                    return i;
+                    return a;
                 }));
-            }), [ a ]);
-            var b = h.current;
+            }), [ 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 g = (0, e.useState)((function() {
-                return te(b, v);
-            })), S = ve(g, 1), E = S[0];
+                        var h = (0, e.useState)((function() {
+                return W(g, d);
+            })), 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 M = (0, e.useRef)(null);
+            var M = (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 P = (0, e.useRef)(Te);
-            var T = (0, e.useRef)(Te);
-            var R = (0, e.useCallback)((function() {
+            var k = (0, e.useRef)(ge);
+            var R = (0, e.useRef)(ge);
+            var I = (0, e.useCallback)((function() {
                 var e;
-                var t = O.current, r = t === void 0 ? [] : t;
-                var n = w.current;
+                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(t) {
+     */                var o = function e(r) {
                     return function(e) {
-                        var r;
+                        var n;
                         if (!e) {
                             return;
                         }
-                        t.current.push(e);
-                        (r = j.current) === null || r === void 0 ? void 0 : r.observe(e);
+                        r.current.push(e);
+                        (n = j.current) === null || n === void 0 ? void 0 : n.observe(e);
                     };
                 };
                 /**
      * onUnmount to cleanup the operations of `onVirtualizeMount`
-     */                var i = function e(t) {
-                    var r;
-                    if (!t) {
+     */                var a = function e(r) {
+                    var n;
+                    if (!r) {
                         return;
                     }
-                    var n = T.current.indexOf(t);
-                    if (n >= 0) {
-                        T.current.splice(n, 1);
+                    var t = R.current.indexOf(r);
+                    if (t >= 0) {
+                        R.current.splice(t, 1);
                     }
-                    var o = P.current.indexOf(t);
+                    var o = k.current.indexOf(r);
                     if (o) {
-                        P.current.splice(o, 1);
+                        k.current.splice(o, 1);
                     }
-                    (r = j.current) === null || r === void 0 ? void 0 : r.unobserve(t);
+                    (n = j.current) === null || n === void 0 ? void 0 : n.unobserve(r);
                 };
-                return [].concat(ce(ae(r[n - 1], o(T), i, {
+                return [].concat(ee(Q(n[t - 1], o(R), a, {
                     trackFirstElement: true
-                })), ce((e = r[n]) !== null && e !== void 0 ? e : []), ce(ae(r[n + 1], o(P), i, {
+                })), ee((e = n[t]) !== null && e !== void 0 ? e : []), ee(Q(n[t + 1], o(k), a, {
                     trackLastElement: true
                 })));
             }), []);
-            var k = (0, e.useState)(R), x = ve(k, 2), I = x[0], _ = x[1];
+            var P = (0, e.useState)(I), x = oe(P, 2), T = x[0], A = x[1];
             var L = (0, e.useCallback)((function(e) {
-                var t = w.current;
-                w.current = Math.max(0, Math.min(e, O.current.length - 1));
-                if (t === w.current) {
+                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;
                 }
-                _(R);
-            }), [ R ]);
+                A(I);
+            }), [ I ]);
             // Link an IntersectionObserver instance with the menu children to be observed
-                        var A = (0, e.useCallback)((function(e) {
-                var t;
-                C(i, e);
-                M.current = e;
+                        var _ = (0, e.useCallback)((function(e) {
+                var r;
+                w(a, e);
+                C.current = e;
                 // This is overly defensive and could probably be removed
-                                (t = j.current) === null || t === void 0 ? void 0 : t.disconnect();
+                                (r = j.current) === null || r === void 0 ? void 0 : r.disconnect();
                 if (!e) {
                     return;
                 }
-                T.current = [];
-                P.current = [];
+                R.current = [];
+                k.current = [];
                 // Run the observation flow
-                                j.current = new IntersectionObserver((function(t) {
-                    var r;
-                    var n = w.current;
+                                j.current = new IntersectionObserver((function(r) {
+                    var n;
+                    var t = M.current;
                     var o = e.firstElementChild;
                     if (!!o && o.scrollHeight < e.clientHeight) {
-                        var i;
+                        var a;
                         // If the first element doesn't require a scrollbar then it's likely a filter input
-                                                o = (i = o) === null || i === void 0 ? void 0 : i.nextElementSibling;
+                                                o = (a = o) === null || a === void 0 ? void 0 : a.nextElementSibling;
                     }
-                    if (((r = o) === null || r === void 0 ? void 0 : r.scrollTop) === 0 && n === 0 && O.current.length > 1 && t.some((function(e) {
+                    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
-                        p((function(e) {
+                        m((function(e) {
                             return e + 10;
                         }));
                         if (false) {}
                         return;
                     }
-                    var a = false;
-                    t.forEach((function(e) {
-                        if (a || !e.isIntersecting) {
+                    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 (T.current.includes(e.target)) {
-                            a = true;
-                            L(n - 1);
-                        } else if (P.current.includes(e.target)) {
-                            a = true;
-                            L(n + 1);
+                        if (R.current.includes(e.target)) {
+                            i = true;
+                            L(t - 1);
+                        } else if (k.current.includes(e.target)) {
+                            i = true;
+                            L(t + 1);
                         }
                     }));
                 }), {
                     root: e
                 });
-            }), [ i, L ]);
+            }), [ a, L ]);
             var q = (0, e.useCallback)((function(e) {
-                var t = M.current;
-                if (!t) {
+                var r = C.current;
+                if (!r) {
                     return;
                 }
                 e.preventDefault();
-                var r = (0, Y.keycode)(e);
-                if (r === "home") {
-                    var n = w.current === 0;
-                    if (n) {
+                var n = (0, B.keycode)(e);
+                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 i = (0, Z.getSortedTabbableElements)(t, {
+                                                var a = (0, V.getSortedTabbableElements)(r, {
                             ignoreTabIndex: true
                         });
-                        var a = i[0];
-                        a === null || a === void 0 ? void 0 : (o = a.focus) === null || o === void 0 ? void 0 : o.call(a);
+                        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
-                        m.current = true;
+                        p.current = true;
                         // then call changePane() to trigger the render
                                                 L(0);
                     }
                     return;
                 }
-                var l = O.current.length - 1;
-                if (r === "end") {
-                    var u = w.current === l;
-                    if (u) {
+                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, Z.getSortedTabbableElements)(t, {
+                                                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
-                        y.current = true;
+                        b.current = true;
                         // then call changePane() to trigger the render
-                                                L(l);
+                                                L(u);
                     }
                     return;
                 }
-                var d = (0, Z.getSortedTabbableElements)(t, {
+                var v = (0, V.getSortedTabbableElements)(r, {
                     ignoreTabIndex: true
                 });
-                var v = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
-                var p = t === null || t === void 0 ? void 0 : t.querySelector(":focus");
-                var h = v || p;
-                var b = h ? d.indexOf(h) : -1;
-                (0, Z.handleFocus)(r, d, b, {
+                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, V.handleFocus)(n, v, g, {
                     enableLoop: false,
                     // VirtualizedResultsMenu does not support looping focus
                     orientation: "vertical",
@@ -1104,15 +1012,15 @@
                 });
             }), [ L ]);
             (0, e.useEffect)((function() {
-                p((function(e) {
+                m((function(e) {
                     if (false) {}
                     return o;
                 }));
             }), [ o ]);
             (0, e.useEffect)((function() {
-                O.current = te(b, v);
-                _(R);
-            }), [ b, v, R ]);
+                O.current = W(g, d);
+                A(I);
+            }), [ g, d, I ]);
             (0, e.useEffect)((function() {
                 return function() {
                     var e;
@@ -1120,27 +1028,27 @@
                 };
             }), []);
             (0, e.useEffect)((function() {
-                if (u === "never") {
+                if (l === "never") {
                     return undefined;
                 }
-                var e = M.current;
+                var e = C.current;
                 if (e) {
                     e.addEventListener("keydown", q);
                 }
                 return function() {
                     e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", q);
                 };
-            }), [ q, u ]);
+            }), [ q, l ]);
             
-            return t().createElement(Q, ue({
-                elementRef: A,
-                focusMode: u
-            }, c), I);
+            return r().createElement(F, Z({
+                elementRef: _,
+                focusMode: l
+            }, c), T);
         }
-        Re.propTypes = Pe;
+        he.propTypes = ye;
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var ke = {
+        var Se = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -1194,14 +1102,16 @@
                 search: ""
             }
         };
-        function Ce() {
-            var e = typeof document !== "undefined" ? document : ke;
+        function Ee() {
+            var e = typeof document !== "undefined" ? document : Se;
             return e;
         }
+        var Oe = Ee();
+        /* harmony default export */        const we = /* unused pure expression or super */ null && Oe;
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var xe = {
-            document: ke,
+        var Me = {
+            document: Se,
             navigator: {
                 userAgent: ""
             },
@@ -1241,29 +1151,31 @@
             matchMedia: function e() {
                 return {};
             },
-            requestAnimationFrame: function e(t) {
+            requestAnimationFrame: function e(r) {
                 if (typeof setTimeout === "undefined") {
-                    t();
+                    r();
                     return null;
                 }
-                return setTimeout(t, 0);
+                return setTimeout(r, 0);
             },
-            cancelAnimationFrame: function e(t) {
+            cancelAnimationFrame: function e(r) {
                 if (typeof setTimeout === "undefined") {
                     return;
                 }
-                clearTimeout(t);
+                clearTimeout(r);
             }
         };
-        function Ie() {
-            var e = typeof window !== "undefined" ? window : xe;
+        function Ce() {
+            var e = typeof window !== "undefined" ? window : Me;
             return e;
         }
+        var je = Ce();
+        /* harmony default export */        const ke = /* unused pure expression or super */ null && je;
         // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/index.ts
         // In environments without IntersectionObserver support this should just export ResultsMenu
-        var _e = "IntersectionObserver" in Ie() ? Re : Q;
-        /* harmony default export */        const Le = _e;
+        var Re = "IntersectionObserver" in Ce() ? he : F;
+        /* harmony default export */        const Ie = Re;
     }) // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
     ();
-    module.exports = n;
+    module.exports = t;
     /******/})();