@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/ResultsMenu.js

@@ -180,8 +180,8 @@
         r.r(n);
         // EXPORTS
                 r.d(n, {
-            VirtualizedResultsMenu: () => /* reexport */ Fe,
-            default: () => /* reexport */ X
+            VirtualizedResultsMenu: () => /* reexport */ Le,
+            default: () => /* reexport */ Q
         });
         // EXTERNAL MODULE: external "react"
                 var e = r(9497);
@@ -198,83 +198,53 @@
         // CONCATENATED MODULE: external "lodash/omit"
         const s = require("lodash/omit");
         var f =  r.n(s);
-        // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-        const d = require("@splunk/ui-utils/i18n");
-        // CONCATENATED MODULE: external "@splunk/ui-utils/userAgent"
-        const v = require("@splunk/ui-utils/userAgent");
+        // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+        const d = require("@splunk/react-ui/Divider");
+        var v =  r.n(d);
         // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
         const p = require("@splunk/react-ui/Menu");
         var m =  r.n(p);
+        // 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");
         // EXTERNAL MODULE: external "styled-components"
-                var y = r(232);
-        var b =  r.n(y);
+                var b = r(232);
+        var g =  r.n(b);
         // CONCATENATED MODULE: external "@splunk/react-ui/WaitSpinner"
-        const h = require("@splunk/react-ui/WaitSpinner");
-        var g =  r.n(h);
+        const S = require("@splunk/react-ui/WaitSpinner");
+        var E =  r.n(S);
         // EXTERNAL MODULE: external "@splunk/themes"
-                var S = r(3563);
+                var O = r(3563);
         // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenuStyles.ts
-        var E = b().div.withConfig({
-            displayName: "ResultsMenuStyles__Styled",
+        var w = g()(m()).withConfig({
+            displayName: "ResultsMenuStyles__StyledMenu",
             componentId: "avbhl8-0"
-        })([ "", ";flex-direction:column;max-height:calc(100vh - 20px);", "" ], S.mixins.reset("flex"), (0, 
-        S.pick)({
-            prisma: (0, y.css)([ "border-radius:", ";background-color:", ";" ], S.variables.borderRadius, S.variables.backgroundColorPopup)
-        }));
-        var O = b().div.withConfig({
-            displayName: "ResultsMenuStyles__StyledFooter",
+        })([ "overflow:auto;flex-direction:column;" ]);
+        var M = g().div.withConfig({
+            displayName: "ResultsMenuStyles__Styled",
             componentId: "avbhl8-1"
-        })([ "padding:", ";color:", ";", "" ], (0, S.pick)({
-            prisma: {
-                comfortable: "10px 16px",
-                compact: "6px 16px"
-            },
-            enterprise: "6px 10px"
-        }), (0, S.pick)({
-            prisma: S.variables.contentColorMuted,
-            enterprise: S.variables.textGray
-        }), (function(e) {
-            var t = e.$placement;
-            return t === "above" ? (0, S.pick)({
-                prisma: (0, y.css)([ "border-bottom:1px solid ", ";" ], S.variables.neutral200),
-                enterprise: (0, y.css)([ "border-bottom:", ";" ], S.variables.border)
-            }) : (0, S.pick)({
-                prisma: (0, y.css)([ "border-top:1px solid ", ";" ], S.variables.neutral200),
-                enterprise: (0, y.css)([ "border-top:", ";" ], S.variables.border)
-            });
-        }));
-        var w = b().li.withConfig({
-            displayName: "ResultsMenuStyles__StyledLoading",
+        })([ "", ";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({
+            displayName: "ResultsMenuStyles__StyledFooter",
             componentId: "avbhl8-2"
-        })([ "", ";padding:", ";gap:", ";" ], S.mixins.reset("flex"), (0, S.pick)({
-            prisma: {
-                comfortable: "10px 16px",
-                compact: "6px 16px"
-            },
-            enterprise: "6px 10px"
-        }), S.variables.spacingXSmall);
-        var M = b()(m()).withConfig({
-            displayName: "ResultsMenuStyles__StyledMenu",
+        })([ "padding:", " ", ";color:", ";" ], O.variables.spacingSmall, O.variables.spacingLarge, O.variables.contentColorDefault);
+        var P = g().li.withConfig({
+            displayName: "ResultsMenuStyles__StyledLoading",
             componentId: "avbhl8-3"
-        })([ "overflow:auto;flex-direction:column;", "" ], (function(e) {
-            var t = e.$removeBottomRadius;
-            return t && (0, y.css)([ "border-bottom-left-radius:0;border-bottom-right-radius:0;" ]);
-        }));
-        var x = b()(m().Item).withConfig({
+        })([ "", ";padding:", " ", ";gap:", ";" ], O.mixins.reset("flex"), O.variables.spacingSmall, O.variables.spacingLarge, O.variables.spacingXSmall);
+        var T = g()(m().Item).withConfig({
             displayName: "ResultsMenuStyles__StyledNoOptions",
             componentId: "avbhl8-4"
-        })([ "&[disabled],&[aria-disabled='true']{color:", ";}" ], S.variables.contentColorDefault);
-        var j = b()(g()).withConfig({
+        })([ "&[disabled],&[aria-disabled='true']{color:", ";}" ], O.variables.contentColorDefault);
+        var R = g()(E()).withConfig({
             displayName: "ResultsMenuStyles__StyledWait",
             componentId: "avbhl8-5"
         })([ "flex:0 0 auto;" ]);
-        var k = b().div.withConfig({
+        var k = g().div.withConfig({
             displayName: "ResultsMenuStyles__StyledLoadingMessage",
             componentId: "avbhl8-6"
-        })([ "flex:1 0 0;color:", ";" ], (0, S.pick)({
-            prisma: S.variables.contentColorMuted,
-            enterprise: S.variables.textGray
-        }));
+        })([ "flex:1 0 0;color:", ";" ], O.variables.contentColorDefault);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -282,7 +252,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function P(e, t) {
+        function C(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -295,18 +265,18 @@
             }
         }
         // EXTERNAL MODULE: ./src/ScreenReaderContent/index.ts + 2 modules
-                var T = r(6165);
+                var x = r(6165);
         // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
-        function R(e) {
+        function I(e) {
             "@babel/helpers - typeof";
-            return R = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            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;
-            }, R(e);
+            }, I(e);
         }
-        function I() {
-            return I = Object.assign ? Object.assign.bind() : function(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) {
@@ -314,24 +284,24 @@
                     }
                 }
                 return e;
-            }, I.apply(null, arguments);
+            }, _.apply(null, arguments);
         }
-        function C(e, t) {
+        function L(e, t) {
             if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
         }
         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, z(n.key), n);
+                Object.defineProperty(e, W(n.key), n);
             }
         }
-        function _(e, t, r) {
+        function q(e, t, r) {
             return t && A(e.prototype, t), r && A(e, r), Object.defineProperty(e, "prototype", {
                 writable: !1
             }), e;
         }
-        function L(e, 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: {
@@ -341,69 +311,69 @@
                 }
             }), Object.defineProperty(e, "prototype", {
                 writable: !1
-            }), t && B(e, t);
+            }), t && D(e, t);
         }
-        function B(e, t) {
-            return B = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+        function D(e, t) {
+            return D = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                 return e.__proto__ = t, e;
-            }, B(e, t);
+            }, D(e, t);
         }
-        function q(e) {
-            var t = H();
+        function F(e) {
+            var t = z();
             return function() {
-                var r, n = D(e);
+                var r, n = U(e);
                 if (t) {
-                    var o = D(this).constructor;
+                    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" == R(t) || "function" == typeof t)) return 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 F(e);
+            return H(e);
         }
-        function F(e) {
+        function H(e) {
             if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
             return e;
         }
-        function H() {
+        function z() {
             try {
                 var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
             } catch (e) {}
-            return (H = function t() {
+            return (z = function t() {
                 return !!e;
             })();
         }
-        function D(e) {
-            return D = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+        function U(e) {
+            return U = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
                 return e.__proto__ || Object.getPrototypeOf(e);
-            }, D(e);
+            }, U(e);
         }
-        function U(e, t, r) {
-            return (t = z(t)) in e ? Object.defineProperty(e, t, {
+        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 z(e) {
-            var t = V(e, "string");
-            return "symbol" == R(t) ? t : t + "";
+        function W(e) {
+            var t = K(e, "string");
+            return "symbol" == I(t) ? t : t + "";
         }
-        function V(e, t) {
-            if ("object" != R(e) || !e) return e;
+        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" != R(n)) return n;
+                if ("object" != I(n)) return n;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
-        var $ = {
+        var G = {
             animateLoading: i().bool,
             children: i().node,
             childrenStart: i().node,
@@ -418,49 +388,49 @@
             placement: i().string,
             menuId: i().string
         };
-        var W = {
+        var X = {
             animateLoading: false,
             isLoading: false,
-            loadingMessage: (0, d._)("Loading..."),
-            noOptionsMessage: (0, d._)("No matches")
+            loadingMessage: (0, y._)("Loading..."),
+            noOptionsMessage: (0, y._)("No matches")
         };
-        var K = c()((function(e) {
+        var $ = c()((function(e) {
             return {
                 height: e
             };
         }));
         // @docs-props-type ResultsMenuPropsBase
-                var G =  function(r) {
-            L(o, r);
-            var n = q(o);
+                var J =  function(r) {
+            B(o, r);
+            var n = F(o);
             function o(t) {
                 var r;
-                C(this, o);
+                L(this, o);
                 r = n.call(this, t);
-                U(F(r), "scrollBottomOffset", void 0);
-                U(F(r), "itemMinHeight", void 0);
-                U(F(r), "handleMenuMount", (function(e) {
+                V(H(r), "scrollBottomOffset", void 0);
+                V(H(r), "itemMinHeight", void 0);
+                V(H(r), "handleMenuMount", (function(e) {
                     r.setState({
                         menuEl: e
                     });
                 }));
-                U(F(r), "handleMount", (function(e) {
+                V(H(r), "handleMount", (function(e) {
                     r.setState({
                         containerEl: e
                     });
-                    P(r.props.elementRef, e);
+                    C(r.props.elementRef, e);
                 }));
-                U(F(r), "handleMouseEnter", (function() {
+                V(H(r), "handleMouseEnter", (function() {
                     r.setState({
                         windowTop: document.documentElement.scrollTop
                     });
                 }));
-                U(F(r), "handleMouseLeave", (function() {
+                V(H(r), "handleMouseLeave", (function() {
                     r.setState({
                         windowTop: document.documentElement.scrollTop
                     });
                 }));
-                U(F(r), "handleScroll", (function(e) {
+                V(H(r), "handleScroll", (function(e) {
                     var t, n;
                     if (r.props.onScrollBottom != null) {
                         if (e.target && r.state.menuEl) {
@@ -473,12 +443,12 @@
                     }
                     (t = (n = r.props).onScroll) === null || t === void 0 ? void 0 : t.call(n, e);
                 }));
-                U(F(r), "handleWheelMenu", (function(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;
                 }));
-                U(F(r), "handleScrollBottomOnFullMenu", (function() {
+                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.
@@ -500,7 +470,7 @@
                         });
                     }
                 }));
-                U(F(r), "createMenuContextValue", (function() {
+                V(H(r), "createMenuContextValue", (function() {
                     return {
                         role: "listbox",
                         preventFocus: r.props.focusMode === "never"
@@ -518,12 +488,12 @@
                 r.itemMinHeight = 28;
                 return r;
             }
-            _(o, [ {
+            q(o, [ {
                 key: "componentDidUpdate",
                 value: function e() {
                     var t, r;
                     var n = this.state, o = n.containerEl, i = n.menuEl;
-                    if (!v.isIE11 || !o || !i) {
+                    if (!h.isIE11 || !o || !i) {
                         return;
                     }
                     // If onScrollBottom is defined, determine if it should be triggered.
@@ -552,73 +522,73 @@
             }, {
                 key: "renderFooterMessage",
                 value: function r() {
-                    return this.props.footerMessage && !!e.Children.toArray(this.props.children).length &&  t().createElement(O, {
-                        $placement: this.props.placement,
+                    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"
-                    }, this.props.footerMessage);
+                    }, i), a === "above" &&  t().createElement(v(), null));
                 }
             }, {
                 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, b = n.style, h = n.tabIndex, g = n.menuId, S = n["aria-multiselectable"];
-                    var O = f()(this.props, l()(o.propTypes));
+                    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 P = e.Children.toArray(a).filter(e.isValidElement).some((function(e) {
+                                        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 R = this.checkFullHeight();
-                    var C = K(this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0);
-                    var A = !P && !!v && !s;
+                    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(E, I({
+                    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()(O, "tabIndex", "aria-multiselectable", "menuId"), {
-                        style: b
+                    }, 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(M, {
+                    },  t().createElement(w, {
                         key: "menu",
                         elementRef: this.handleMenuMount,
                         onScroll: this.handleScroll,
                         stopScrollPropagation: true,
-                        tabIndex: h,
+                        tabIndex: b,
                         "aria-multiselectable": S,
                         id: g,
-                        focusMode: c,
-                        $removeBottomRadius: !!this.props.footerMessage && y !== "above"
-                    }, A &&  t().createElement(x, {
+                        focusMode: c
+                    }, I &&  t().createElement(T, {
                         "data-test": "no-results-message",
                         disabled: true
-                    }, v), a, m && !R && 
+                    }, 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(w, null, i &&  t().createElement(j, null),  t().createElement(k, null, d)))),  t().createElement(T["default"], {
+                    }), s &&  t().createElement(P, null, i &&  t().createElement(R, null),  t().createElement(k, null, d)))),  t().createElement(x["default"], {
                         "aria-live": "polite"
-                    }, A && v), y !== "above" && this.renderFooterMessage(), y === "above" && u);
+                    }, I && v), y !== "above" && this.renderFooterMessage(), y === "above" && u);
                 }
             } ]);
             return o;
         }(e.Component);
-        U(G, "propTypes", $);
-        U(G, "defaultProps", W);
-        /* harmony default export */        const X = G;
+        V(J, "propTypes", G);
+        V(J, "defaultProps", X);
+        /* harmony default export */        const Q = J;
         // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-        const J = require("@splunk/ui-utils/keyboard");
+        const Y = require("@splunk/ui-utils/keyboard");
         // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-        const Q = require("@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 Y = {
+        var ee = {
             result: []
         };
         /**
@@ -635,18 +605,18 @@
  * @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 Z = function t(r, n) {
-            if (Y.children === r && Y.groupSize === n) {
-                return Y.result;
+ */        var te = function t(r, n) {
+            if (ee.children === r && ee.groupSize === n) {
+                return ee.result;
             }
-            Y.children = r;
-            Y.groupSize = n;
+            ee.children = r;
+            ee.groupSize = n;
             if (n <= 1) {
                 if (false) {}
                 // don't break in non-__DEV__ and return one big group
-                                Y.result = [ e.Children.toArray(r) ];
+                                ee.result = [ e.Children.toArray(r) ];
             } else {
-                Y.result = e.Children.toArray(r).reduce((function(e, t, r) {
+                ee.result = e.Children.toArray(r).reduce((function(e, t, r) {
                     var o = Math.floor(r / n);
                     if (!Array.isArray(e[o])) {
                         // eslint-disable-next-line no-param-reassign
@@ -656,119 +626,46 @@
                     return e;
                 }), []);
             }
-            return Y.result;
+            return ee.result;
         };
         // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-        const ee = require("@splunk/ui-utils/id");
-        // CONCATENATED MODULE: ./src/utils/getMenuChildNode.tsx
-        // TODO(SUI-5919): fix the ref handling in the other components so this isn't needed
-        /**
- * @private Get the HTML <anchor> or <button> node for a received derivative of Menu.Item
- */
-        var te = function e(t) {
-            var r, n, o, i;
-            if (t.el) {
-                return t.el;
- // Menu.Item
-                        }
-            if ((r = t.c) === null || r === void 0 ? void 0 : r.el) {
-                return t.c.el;
- // Multiselect.Option
-                        }
-            if ((n = t.c) === null || n === void 0 ? void 0 : (o = n.c) === null || o === void 0 ? void 0 : o.el) {
-                return t.c.c.el;
- // Select.Option
-                        }
-            if ((i = t.item) === null || i === void 0 ? void 0 : i.el) {
-                return t.item.el;
- // ComboBox.Option
-                        }
-            return null;
-        };
+        const re = require("@splunk/ui-utils/id");
         // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedItem.ts
-        function re(e, t) {
-            return le(e) || ae(e, t) || oe(e, t) || ne();
-        }
-        function ne() {
-            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 oe(e, t) {
-            if (e) {
-                if ("string" == typeof e) return ie(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) ? ie(e, t) : void 0;
-            }
-        }
-        function ie(e, t) {
-            (null == t || t > e.length) && (t = e.length);
-            for (var r = 0, n = Array(t); r < t; r++) {
-                n[r] = e[r];
-            }
-            return n;
-        }
-        function ae(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;
-                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) {
-                    }
-                } catch (e) {
-                    c = !0, o = e;
-                } finally {
-                    try {
-                        if (!u && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
-                    } finally {
-                        if (c) throw o;
-                    }
-                }
-                return l;
-            }
-        }
-        function le(e) {
-            if (Array.isArray(e)) return e;
-        }
         // This wrapper should only be used with Menu.Item/derivatives thereof, so omitting Heading/Divider is fine
-                var ue = {
+        var ne = {
             children: i().node,
             onMount: i().func.isRequired,
             onUnmount: i().func.isRequired
         };
-        /** @private Used by `VirtualizedResultsMenu` */        var ce =  t().forwardRef((function(t, r) {
+        /** @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.useState)(), l = re(a, 2), u = l[0], c = l[1];
+            var a = (0, e.useRef)(null);
             (0, e.useEffect)((function() {
-                if (u) {
-                    o(u);
+                var e = a.current;
+                if (e) {
+                    o(e);
                 }
                 return function() {
-                    if (u) {
-                        i(u);
+                    if (e) {
+                        i(e);
                     }
                 };
-            }), [ u, o, i ]);
-            var s = e.Children.only(n);
-            if (!s) {
+            }), [ o, i ]);
+            var l = e.Children.only(n);
+            if (!l) {
                 if (false) {}
                 return null;
             }
             
-            return (0, e.cloneElement)(s, {
-                ref: function e(t) {
-                    var n = t;
-                    if (!n) {
-                        return;
-                    }
-                    P(r, t);
-                    P(c, te(n));
+            return (0, e.cloneElement)(l, {
+                elementRef: function e(t) {
+                    a.current = t;
+                    C(r, t);
                 }
             });
         }));
-        ce.propTypes = ue;
-        ce.as = "Item";
+        oe.propTypes = ne;
+        oe.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
@@ -776,7 +673,7 @@
  * @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 se = function e(t, r) {
+        var ie = function e(t, r) {
             var n = -1;
             var o = -1;
             t.forEach((function(e, t) {
@@ -796,19 +693,19 @@
  * 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 fe = function e(r, n, o) {
+ */        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)) {
                 return [];
             }
-            var u = se(r, Math.floor(r.length / 2));
-            var c = a && se(r, 0);
-            var s = l && se(r, r.length - 1);
+            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) {
                     
-                    return t().createElement(ce, {
-                        key: (0, ee.createGUID)(),
+                    return t().createElement(oe, {
+                        key: (0, re.createGUID)(),
                         onMount: n,
                         onUnmount: o
                     }, e);
@@ -817,16 +714,16 @@
             }));
         };
         // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.tsx
-        function de(e) {
+        function le(e) {
             "@babel/helpers - typeof";
-            return de = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return le = "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;
-            }, de(e);
+            }, le(e);
         }
-        function ve() {
-            return ve = Object.assign ? Object.assign.bind() : function(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) {
@@ -834,41 +731,41 @@
                     }
                 }
                 return e;
-            }, ve.apply(null, arguments);
+            }, ue.apply(null, arguments);
         }
-        function pe(e) {
-            return be(e) || ye(e) || Se(e) || me();
+        function ce(e) {
+            return de(e) || fe(e) || me(e) || se();
         }
-        function me() {
+        function se() {
             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 ye(e) {
+        function fe(e) {
             if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
         }
-        function be(e) {
-            if (Array.isArray(e)) return Ee(e);
+        function de(e) {
+            if (Array.isArray(e)) return ye(e);
         }
-        function he(e, t) {
-            return we(e) || Oe(e, t) || Se(e, t) || ge();
+        function ve(e, t) {
+            return be(e) || he(e, t) || me(e, t) || pe();
         }
-        function ge() {
+        function pe() {
             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 Se(e, t) {
+        function me(e, t) {
             if (e) {
-                if ("string" == typeof e) return Ee(e, t);
+                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) ? Ee(e, t) : void 0;
+                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;
             }
         }
-        function Ee(e, t) {
+        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];
             }
             return n;
         }
-        function Oe(e, 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;
@@ -890,12 +787,12 @@
                 return l;
             }
         }
-        function we(e) {
+        function be(e) {
             if (Array.isArray(e)) return e;
         }
-        function Me(e, t) {
+        function ge(e, t) {
             if (null == e) return {};
-            var r, n, o = xe(e, t);
+            var r, n, o = Se(e, t);
             if (Object.getOwnPropertySymbols) {
                 var i = Object.getOwnPropertySymbols(e);
                 for (n = 0; n < i.length; n++) {
@@ -904,7 +801,7 @@
             }
             return o;
         }
-        function xe(e, t) {
+        function Se(e, t) {
             if (null == e) return {};
             var r = {};
             for (var n in e) {
@@ -915,7 +812,7 @@
             }
             return r;
         }
-        function je(e, t) {
+        function Ee(e, t) {
             var r = Object.keys(e);
             if (Object.getOwnPropertySymbols) {
                 var n = Object.getOwnPropertySymbols(e);
@@ -925,44 +822,44 @@
             }
             return r;
         }
-        function ke(e) {
+        function Oe(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = null != arguments[t] ? arguments[t] : {};
-                t % 2 ? je(Object(r), !0).forEach((function(t) {
-                    Pe(e, t, r[t]);
-                })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : je(Object(r)).forEach((function(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));
                 }));
             }
             return e;
         }
-        function Pe(e, t, r) {
-            return (t = Te(t)) in e ? Object.defineProperty(e, t, {
+        function we(e, t, r) {
+            return (t = Me(t)) in e ? Object.defineProperty(e, t, {
                 value: r,
                 enumerable: !0,
                 configurable: !0,
                 writable: !0
             }) : e[t] = r, e;
         }
-        function Te(e) {
-            var t = Re(e, "string");
-            return "symbol" == de(t) ? t : t + "";
+        function Me(e) {
+            var t = je(e, "string");
+            return "symbol" == le(t) ? t : t + "";
         }
-        function Re(e, t) {
-            if ("object" != de(e) || !e) return e;
+        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" != de(n)) return n;
+                if ("object" != le(n)) return n;
                 throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return ("string" === t ? String : Number)(e);
         }
         // TODO(SUI-5920): add transitions to this component in React 18
-                var Ie = ke(ke({}, f()($, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
+                var Pe = Oe(Oe({}, f()(G, "onDownKeyPress", "onEndKeyPress", "onHomeKeyPress", "onUpKeyPress")), {}, {
             virtualization: i().number
         });
-        var Ce = [];
+        var Te = [];
         /**
  * 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.
@@ -981,19 +878,19 @@
  * @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 Ae(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 = Me(r, [ "virtualization", "elementRef", "children", "focusMode" ]);
+ */        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" ]);
             // @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 = he(f, 2), v = d[0], p = d[1];
+                        var f = (0, e.useState)(o), d = ve(f, 2), v = d[0], p = d[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 b = (0, e.useRef)(a);
+            var h = (0, e.useRef)(a);
             // 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
@@ -1001,9 +898,9 @@
             // 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 = se(t, 0);
-                var n = se(t, t.length - 1);
-                b.current = t.map((function(t, o) {
+                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, {
@@ -1027,15 +924,15 @@
                     return i;
                 }));
             }), [ a ]);
-            var h = b.current;
+            var b = h.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 Z(h, v);
-            })), S = he(g, 1), E = S[0];
+                return te(b, v);
+            })), S = ve(g, 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.
@@ -1044,10 +941,10 @@
             var M = (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 x = (0, e.useRef)();
-            var j = (0, e.useRef)(Ce);
-            var k = (0, e.useRef)(Ce);
-            var T = (0, e.useCallback)((function() {
+                        var j = (0, e.useRef)();
+            var P = (0, e.useRef)(Te);
+            var T = (0, e.useRef)(Te);
+            var R = (0, e.useCallback)((function() {
                 var e;
                 var t = O.current, r = t === void 0 ? [] : t;
                 var n = w.current;
@@ -1061,7 +958,7 @@
                             return;
                         }
                         t.current.push(e);
-                        (r = x.current) === null || r === void 0 ? void 0 : r.observe(e);
+                        (r = j.current) === null || r === void 0 ? void 0 : r.observe(e);
                     };
                 };
                 /**
@@ -1071,46 +968,46 @@
                     if (!t) {
                         return;
                     }
-                    var n = k.current.indexOf(t);
+                    var n = T.current.indexOf(t);
                     if (n >= 0) {
-                        k.current.splice(n, 1);
+                        T.current.splice(n, 1);
                     }
-                    var o = j.current.indexOf(t);
+                    var o = P.current.indexOf(t);
                     if (o) {
-                        j.current.splice(o, 1);
+                        P.current.splice(o, 1);
                     }
-                    (r = x.current) === null || r === void 0 ? void 0 : r.unobserve(t);
+                    (r = j.current) === null || r === void 0 ? void 0 : r.unobserve(t);
                 };
-                return [].concat(pe(fe(r[n - 1], o(k), i, {
+                return [].concat(ce(ae(r[n - 1], o(T), i, {
                     trackFirstElement: true
-                })), pe((e = r[n]) !== null && e !== void 0 ? e : []), pe(fe(r[n + 1], o(j), i, {
+                })), ce((e = r[n]) !== null && e !== void 0 ? e : []), ce(ae(r[n + 1], o(P), i, {
                     trackLastElement: true
                 })));
             }), []);
-            var R = (0, e.useState)(T), I = he(R, 2), C = I[0], A = I[1];
-            var _ = (0, e.useCallback)((function(e) {
+            var k = (0, e.useState)(R), x = ve(k, 2), I = x[0], _ = 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) {
                     // no change in current pane
                     return;
                 }
-                A(T);
-            }), [ T ]);
+                _(R);
+            }), [ R ]);
             // Link an IntersectionObserver instance with the menu children to be observed
-                        var L = (0, e.useCallback)((function(e) {
+                        var A = (0, e.useCallback)((function(e) {
                 var t;
-                P(i, e);
+                C(i, e);
                 M.current = e;
                 // This is overly defensive and could probably be removed
-                                (t = x.current) === null || t === void 0 ? void 0 : t.disconnect();
+                                (t = j.current) === null || t === void 0 ? void 0 : t.disconnect();
                 if (!e) {
                     return;
                 }
-                k.current = [];
-                j.current = [];
+                T.current = [];
+                P.current = [];
                 // Run the observation flow
-                                x.current = new IntersectionObserver((function(t) {
+                                j.current = new IntersectionObserver((function(t) {
                     var r;
                     var n = w.current;
                     var o = e.firstElementChild;
@@ -1135,31 +1032,31 @@
                             // don't process if the pane changed or the entry isn't intersecting
                             return;
                         }
-                        if (k.current.includes(e.target)) {
+                        if (T.current.includes(e.target)) {
                             a = true;
-                            _(n - 1);
-                        } else if (j.current.includes(e.target)) {
+                            L(n - 1);
+                        } else if (P.current.includes(e.target)) {
                             a = true;
-                            _(n + 1);
+                            L(n + 1);
                         }
                     }));
                 }), {
                     root: e
                 });
-            }), [ i, _ ]);
-            var B = (0, e.useCallback)((function(e) {
+            }), [ i, L ]);
+            var q = (0, e.useCallback)((function(e) {
                 var t = M.current;
                 if (!t) {
                     return;
                 }
                 e.preventDefault();
-                var r = (0, J.keycode)(e);
+                var r = (0, Y.keycode)(e);
                 if (r === "home") {
                     var n = w.current === 0;
                     if (n) {
                         var o;
                         // if the first pane is already rendered, find the first element and focus it
-                                                var i = (0, Q.getSortedTabbableElements)(t, {
+                                                var i = (0, Z.getSortedTabbableElements)(t, {
                             ignoreTabIndex: true
                         });
                         var a = i[0];
@@ -1168,7 +1065,7 @@
                         // if it's not rendered, set up focusing it after the next render
                         m.current = true;
                         // then call changePane() to trigger the render
-                                                _(0);
+                                                L(0);
                     }
                     return;
                 }
@@ -1178,7 +1075,7 @@
                     if (u) {
                         var c;
                         // if the last pane is already rendered, find the first element and focus it
-                                                var s = (0, Q.getSortedTabbableElements)(t, {
+                                                var s = (0, Z.getSortedTabbableElements)(t, {
                             ignoreTabIndex: true
                         });
                         var f = s[s.length - 1];
@@ -1187,25 +1084,25 @@
                         // if it's not rendered, set up focusing it after the next render
                         y.current = true;
                         // then call changePane() to trigger the render
-                                                _(l);
+                                                L(l);
                     }
                     return;
                 }
-                var d = (0, Q.getSortedTabbableElements)(t, {
+                var d = (0, Z.getSortedTabbableElements)(t, {
                     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 b = v || p;
-                var h = b ? d.indexOf(b) : -1;
-                (0, Q.handleFocus)(r, d, h, {
+                var h = v || p;
+                var b = h ? d.indexOf(h) : -1;
+                (0, Z.handleFocus)(r, d, b, {
                     enableLoop: false,
                     // VirtualizedResultsMenu does not support looping focus
                     orientation: "vertical",
                     enableTab: false,
                     enableHomeEnd: false
                 });
-            }), [ _ ]);
+            }), [ L ]);
             (0, e.useEffect)((function() {
                 p((function(e) {
                     if (false) {}
@@ -1213,13 +1110,13 @@
                 }));
             }), [ o ]);
             (0, e.useEffect)((function() {
-                O.current = Z(h, v);
-                A(T);
-            }), [ h, v, T ]);
+                O.current = te(b, v);
+                _(R);
+            }), [ b, v, R ]);
             (0, e.useEffect)((function() {
                 return function() {
                     var e;
-                    return (e = x.current) === null || e === void 0 ? void 0 : e.disconnect();
+                    return (e = j.current) === null || e === void 0 ? void 0 : e.disconnect();
                 };
             }), []);
             (0, e.useEffect)((function() {
@@ -1228,22 +1125,22 @@
                 }
                 var e = M.current;
                 if (e) {
-                    e.addEventListener("keydown", B);
+                    e.addEventListener("keydown", q);
                 }
                 return function() {
-                    e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", B);
+                    e === null || e === void 0 ? void 0 : e.removeEventListener("keydown", q);
                 };
-            }), [ B, u ]);
+            }), [ q, u ]);
             
-            return t().createElement(X, ve({
-                elementRef: L,
+            return t().createElement(Q, ue({
+                elementRef: A,
                 focusMode: u
-            }, c), C);
+            }, c), I);
         }
-        Ae.propTypes = Ie;
+        Re.propTypes = Pe;
         // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var _e = {
+        var ke = {
             body: {
                 appendChild: function e() {
                     return [];
@@ -1297,14 +1194,14 @@
                 search: ""
             }
         };
-        function Le() {
-            var e = typeof document !== "undefined" ? document : _e;
+        function Ce() {
+            var e = typeof document !== "undefined" ? document : ke;
             return e;
         }
         // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
         /* eslint-disable @typescript-eslint/no-empty-function */
-        var Be = {
-            document: _e,
+        var xe = {
+            document: ke,
             navigator: {
                 userAgent: ""
             },
@@ -1358,14 +1255,14 @@
                 clearTimeout(t);
             }
         };
-        function qe() {
-            var e = typeof window !== "undefined" ? window : Be;
+        function Ie() {
+            var e = typeof window !== "undefined" ? window : xe;
             return e;
         }
         // CONCATENATED MODULE: ./src/ResultsMenu/VirtualizedResultsMenu/index.ts
         // In environments without IntersectionObserver support this should just export ResultsMenu
-        var Ne = "IntersectionObserver" in qe() ? Ae : X;
-        /* harmony default export */        const Fe = Ne;
+        var _e = "IntersectionObserver" in Ie() ? Re : Q;
+        /* harmony default export */        const Le = _e;
     }) // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
     ();
     module.exports = n;