@splunk/react-ui 5.4.0 → 5.5.0

package/ResultsMenu.js

@@ -150,7 +150,7 @@
         }, k.apply(null, arguments);
     }
     function j(e, r) {
-        return A(e) || x(e, r) || R(e, r) || I();
+        return x(e) || T(e, r) || R(e, r) || I();
     }
     function I() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -169,7 +169,7 @@
         }
         return t;
     }
-    function x(e, r) {
+    function T(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;
@@ -191,10 +191,10 @@
             return u;
         }
     }
-    function A(e) {
+    function x(e) {
         if (Array.isArray(e)) return e;
     }
-    function T(e, r) {
+    function A(e, r) {
         if (null == e) return {};
         var n, t, o = L(e, r);
         if (Object.getOwnPropertySymbols) {
@@ -237,7 +237,7 @@
         var N = 400;
     var H = 28;
     function F(e) {
-        var r = e.animateLoading, o = e["aria-multiselectable"], a = e.children, i = e.childrenStart, c = e.elementRef, s = e.focusMode, d = e.footerMessage, v = e.isLoading, m = e.labelledBy, b = e.loadingMessage, p = b === void 0 ? q : b, y = e.menuId, I = e.noOptionsMessage, R = I === void 0 ? D : I, P = e.onScroll, x = e.onScrollBottom, A = e.placement, L = e.style, _ = e.tabIndex, F = T(e, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "labelledBy", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
+        var r = e.animateLoading, o = e["aria-multiselectable"], a = e.children, i = e.childrenStart, c = e.elementRef, s = e.focusMode, d = e.footerMessage, v = e.isLoading, m = e.labelledBy, b = e.loadingMessage, p = b === void 0 ? q : b, y = e.menuId, I = e.noOptionsMessage, R = I === void 0 ? D : I, P = e.onScroll, T = e.onScrollBottom, x = e.placement, L = e.style, _ = e.tabIndex, F = A(e, [ "animateLoading", "aria-multiselectable", "children", "childrenStart", "elementRef", "focusMode", "footerMessage", "isLoading", "labelledBy", "loadingMessage", "menuId", "noOptionsMessage", "onScroll", "onScrollBottom", "placement", "style", "tabIndex" ]);
         // @docs-props-type ResultsMenuPropsBase
                 var B = (0, n.useState)(undefined), U = j(B, 2), z = U[0], V = U[1];
         var K = (0, n.useState)(null), W = j(K, 2), $ = W[0], G = W[1];
@@ -269,11 +269,11 @@
         var ye = (0, n.useCallback)((function(e) {
             if (!ce) {
                 se(true);
-                x === null || x === void 0 ? void 0 : x(e);
+                T === null || T === void 0 ? void 0 : T(e);
             }
-        }), [ ce, x ]);
+        }), [ ce, T ]);
         var ge = (0, n.useCallback)((function(e) {
-            if (x && e.target && Q) {
+            if (T && e.target && Q) {
                 var r = Q.scrollHeight - Q.offsetHeight - N;
                 // Adding 1 due to border of menu item.
                                 if (Q.scrollTop + 1 >= r) {
@@ -281,7 +281,7 @@
                 }
             }
             P === null || P === void 0 ? void 0 : P(e);
-        }), [ ye, Q, P, x ]);
+        }), [ ye, Q, P, T ]);
         var he = (0, n.useCallback)((function() {
             var e = n.Children.count(a);
             // If menu is full length, load more items.
@@ -304,10 +304,10 @@
                 return;
             }
             // If onScrollBottom is defined, determine if it should be triggered.
-                        if (x && a) {
+                        if (T && a) {
                 he();
             }
-        }), [ $, Q, a, x, he ]);
+        }), [ $, Q, a, T, he ]);
         // Assumption: that you cannot be filtered if you are a result
                 var Se = n.Children.toArray(a).filter(n.isValidElement).some((function(e) {
             var r = e.type;
@@ -328,22 +328,22 @@
         }), [ s ]);
         var Ce = (0, n.useCallback)((function() {
             var e = !!n.Children.toArray(a).length;
-            return d && e &&  t().createElement(t().Fragment, null, A !== "above" &&  t().createElement(u(), null),  t().createElement(S, {
+            return d && e &&  t().createElement(t().Fragment, null, x !== "above" &&  t().createElement(u(), null),  t().createElement(S, {
                 "data-test": "footer-message",
                 key: "footer"
-            }, d), A === "above" &&  t().createElement(u(), null));
-        }), [ d, a, A ]);
+            }, d), x === "above" &&  t().createElement(u(), null));
+        }), [ d, a, x ]);
         
         return t().createElement(h, k({
             "data-test": "results-menu",
             key: "wrapper",
             ref: de,
-            onWheel: x ? be : undefined,
-            onMouseEnter: x ? ve : undefined,
-            onMouseLeave: x ? me : undefined
+            onWheel: T ? be : undefined,
+            onMouseEnter: T ? ve : undefined,
+            onMouseLeave: T ? me : undefined
         }, F, {
             style: L
-        }), A !== "above" && i, A === "above" && Ce(),  t().createElement(l.MenuContext.Provider, {
+        }), x !== "above" && i, x === "above" && Ce(),  t().createElement(l.MenuContext.Provider, {
             value: we()
         },  t().createElement(g, {
             "aria-multiselectable": o,
@@ -358,7 +358,7 @@
         }, Me &&  t().createElement(O, {
             "data-test": "no-results-message",
             disabled: true
-        }, R), a, x && !Ee && 
+        }, R), a, T && !Ee && 
         
         // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
         t().createElement("div", {
@@ -366,7 +366,7 @@
             style: Oe
         }), v &&  t().createElement(E, null, r &&  t().createElement(M, null),  t().createElement(w, null, p)))),  t().createElement(f(), {
             "aria-live": "polite"
-        }, Me && R), A !== "above" && Ce(), A === "above" && i);
+        }, Me && R), x !== "above" && Ce(), x === "above" && i);
     }
     F.propTypes = _;
     /* harmony default export */    const B = F;
@@ -775,7 +775,7 @@
                 trackLastElement: true
             })));
         }), []);
-        var P = (0, n.useState)(R), x = oe(P, 2), A = x[0], T = x[1];
+        var P = (0, n.useState)(R), T = oe(P, 2), x = T[0], A = T[1];
         var L = (0, n.useCallback)((function(e) {
             var r = M.current;
             M.current = Math.max(0, Math.min(e, O.current.length - 1));
@@ -783,7 +783,7 @@
                 // no change in current pane
                 return;
             }
-            T(R);
+            A(R);
         }), [ R ]);
         // Link an IntersectionObserver instance with the menu children to be observed
                 var _ = (0, n.useCallback)((function(e) {
@@ -882,11 +882,9 @@
             var d = (0, V.getSortedTabbableElements)(r, {
                 ignoreTabIndex: true
             });
-            var v = (e === null || e === void 0 ? void 0 : e.target) instanceof Element ? e.target : null;
-            var m = r === null || r === void 0 ? void 0 : r.querySelector(":focus");
-            var y = v || m;
-            var g = y ? d.indexOf(y) : -1;
-            (0, V.handleFocus)(n, d, g, {
+            var v = e.target instanceof HTMLElement ? e.target : r === null || r === void 0 ? void 0 : r.querySelector(":focus");
+            var m = v instanceof HTMLElement ? d.indexOf(v) : -1;
+            (0, V.handleFocus)(n, d, m, {
                 enableLoop: false,
                 // VirtualizedResultsMenu does not support looping focus
                 orientation: "vertical",
@@ -902,7 +900,7 @@
         }), [ o ]);
         (0, n.useEffect)((function() {
             O.current = W(g, v);
-            T(R);
+            A(R);
         }), [ g, v, R ]);
         (0, n.useEffect)((function() {
             return function() {
@@ -926,7 +924,7 @@
         return t().createElement(B, Z({
             elementRef: _,
             focusMode: l
-        }, c), A);
+        }, c), x);
     }
     he.propTypes = ye;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts