@splunk/react-ui 4.33.0 → 4.35.0

package/Search.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = r => {
-            /******/ var t = r && r.__esModule ? 
+            /******/ var n = r && r.__esModule ? 
             /******/ () => r["default"]
             /******/ : () => r
             /******/;
-            e.d(t, {
-                a: t
+            e.d(n, {
+                a: n
             });
-            /******/            return t;
+            /******/            return n;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, t) => {
-            /******/ for (var n in t) {
-                /******/ if (e.o(t, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+        /******/ e.d = (r, n) => {
+            /******/ for (var t in n) {
+                /******/ if (e.o(n, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
                         enumerable: true,
-                        get: t[n]
+                        get: n[t]
                     });
                     /******/                }
                 /******/            }
@@ -67,8 +67,8 @@
         default: () => /* reexport */ fe
     });
     // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var n =  e.n(t);
+    const n = require("react");
+    var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var i =  e.n(o);
@@ -124,10 +124,10 @@
     function R() {
         R = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
+                var n = arguments[r];
+                for (var t in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, t)) {
+                        e[t] = n[t];
                     }
                 }
             }
@@ -135,32 +135,32 @@
         };
         return R.apply(this, arguments);
     }
-    function x(e, r) {
+    function D(e, r) {
         if (e == null) return {};
-        var t = D(e, r);
-        var n, o;
+        var n = x(e, r);
+        var t, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (o = 0; o < i.length; o++) {
-                n = i[o];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+                t = i[o];
+                if (r.indexOf(t) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                n[t] = e[t];
             }
         }
-        return t;
+        return n;
     }
-    function D(e, r) {
+    function x(e, r) {
         if (e == null) return {};
-        var t = {};
-        var n = Object.keys(e);
+        var n = {};
+        var t = Object.keys(e);
         var o, i;
-        for (i = 0; i < n.length; i++) {
-            o = n[i];
+        for (i = 0; i < t.length; i++) {
+            o = t[i];
             if (r.indexOf(o) >= 0) continue;
-            t[o] = e[o];
+            n[o] = e[o];
         }
-        return t;
+        return n;
     }
     function E(e, r) {
         if (!(e instanceof r)) {
@@ -168,17 +168,17 @@
         }
     }
     function q(e, r) {
-        for (var t = 0; t < r.length; t++) {
-            var n = r[t];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+        for (var n = 0; n < r.length; n++) {
+            var t = r[n];
+            t.enumerable = t.enumerable || false;
+            t.configurable = true;
+            if ("value" in t) t.writable = true;
+            Object.defineProperty(e, t.key, t);
         }
     }
-    function _(e, r, t) {
+    function _(e, r, n) {
         if (r) q(e.prototype, r);
-        if (t) q(e, t);
+        if (n) q(e, n);
         return e;
     }
     function A(e, r) {
@@ -195,38 +195,38 @@
         if (r) B(e, r);
     }
     function B(e, r) {
-        B = Object.setPrototypeOf || function e(r, t) {
-            r.__proto__ = t;
+        B = Object.setPrototypeOf || function e(r, n) {
+            r.__proto__ = n;
             return r;
         };
         return B(e, r);
     }
     function T(e) {
-        var r = L();
-        return function t() {
-            var n = K(e), o;
+        var r = V();
+        return function n() {
+            var t = K(e), o;
             if (r) {
                 var i = K(this).constructor;
-                o = Reflect.construct(n, arguments, i);
+                o = Reflect.construct(t, arguments, i);
             } else {
-                o = n.apply(this, arguments);
+                o = t.apply(this, arguments);
             }
-            return V(this, o);
+            return H(this, o);
         };
     }
-    function V(e, r) {
+    function H(e, r) {
         if (r && (M(r) === "object" || typeof r === "function")) {
             return r;
         }
-        return H(e);
+        return L(e);
     }
-    function H(e) {
+    function L(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function L() {
+    function V() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -243,16 +243,16 @@
         };
         return K(e);
     }
-    function F(e, r, t) {
+    function F(e, r, n) {
         if (r in e) {
             Object.defineProperty(e, r, {
-                value: t,
+                value: n,
                 enumerable: true,
                 configurable: true,
                 writable: true
             });
         } else {
-            e[r] = t;
+            e[r] = n;
         }
         return e;
     }
@@ -264,7 +264,6 @@
         disabled: i().bool,
         icon: i().node,
         label: i().string,
-        /** @private */
         onClick: i().func,
         truncate: i().bool,
         value: i().string.isRequired
@@ -280,27 +279,28 @@
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
  */    var z =  function(e) {
-        A(t, e);
-        var r = T(t);
-        function t() {
+        A(n, e);
+        var r = T(n);
+        function n() {
             var e;
-            E(this, t);
-            for (var n = arguments.length, o = new Array(n), i = 0; i < n; i++) {
+            E(this, n);
+            for (var t = arguments.length, o = new Array(t), i = 0; i < t; i++) {
                 o[i] = arguments[i];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            F(H(e), "item", null);
-            F(H(e), "handleClick", (function(r) {
-                var t = e.props, n = t.disabled, o = t.onClick, i = t.value;
-                if (!n) {
+            F(L(e), "item", null);
+            F(L(e), "handleClick", (function(r) {
+                var n = e.props, t = n.disabled, o = n.onClick, i = n.to, a = n.value;
+                if (!t) {
                     o === null || o === void 0 ? void 0 : o(r, {
-                        value: i
+                        to: i,
+                        value: a
                     });
                 }
             }));
             return e;
         }
-        _(t, [ {
+        _(n, [ {
             key: "scrollIntoViewIfNeeded",
             value: function e() {
                 var r;
@@ -310,13 +310,12 @@
             key: "render",
             value: function e() {
                 var r = this;
-                // eslint-disable-next-line no-unused-vars
-                                var t = this.props, o = t.value, i = t.label, a = x(t, [ "value", "label" ]);
+                var n = this.props, o = n.value, i = n.label, a = D(n, [ "value", "label" ]);
                 var u = i === undefined ? o : i;
                 
-                return n().createElement(g.Item, R({
-                    ref: function e(t) {
-                        r.item = t;
+                return t().createElement(g.Item, R({
+                    ref: function e(n) {
+                        r.item = n;
                     },
                     "data-test": "search-option",
                     "data-test-value": o
@@ -327,8 +326,8 @@
                 }), u);
             }
         } ]);
-        return t;
-    }(t.PureComponent);
+        return n;
+    }(n.PureComponent);
     F(z, "propTypes", W);
     F(z, "defaultProps", N);
     F(z, "type", g.Item);
@@ -356,10 +355,10 @@
     function Y() {
         Y = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
+                var n = arguments[r];
+                for (var t in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, t)) {
+                        e[t] = n[t];
                     }
                 }
             }
@@ -368,48 +367,48 @@
         return Y.apply(this, arguments);
     }
     function $(e, r) {
-        var t = Object.keys(e);
+        var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            if (r) n = n.filter((function(r) {
+            var t = Object.getOwnPropertySymbols(e);
+            if (r) t = t.filter((function(r) {
                 return Object.getOwnPropertyDescriptor(e, r).enumerable;
             }));
-            t.push.apply(t, n);
+            n.push.apply(n, t);
         }
-        return t;
+        return n;
     }
     function G(e) {
         for (var r = 1; r < arguments.length; r++) {
-            var t = arguments[r] != null ? arguments[r] : {};
+            var n = arguments[r] != null ? arguments[r] : {};
             if (r % 2) {
-                $(Object(t), true).forEach((function(r) {
-                    J(e, r, t[r]);
+                $(Object(n), true).forEach((function(r) {
+                    J(e, r, n[r]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
-                Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
             } else {
-                $(Object(t)).forEach((function(r) {
-                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+                $(Object(n)).forEach((function(r) {
+                    Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
                 }));
             }
         }
         return e;
     }
-    function J(e, r, t) {
+    function J(e, r, n) {
         if (r in e) {
             Object.defineProperty(e, r, {
-                value: t,
+                value: n,
                 enumerable: true,
                 configurable: true,
                 writable: true
             });
         } else {
-            e[r] = t;
+            e[r] = n;
         }
         return e;
     }
     function Q(e, r) {
-        return ne(e) || te(e, r) || ee(e, r) || Z();
+        return te(e) || ne(e, r) || ee(e, r) || Z();
     }
     function Z() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -417,70 +416,70 @@
     function ee(e, r) {
         if (!e) return;
         if (typeof e === "string") return re(e, r);
-        var t = Object.prototype.toString.call(e).slice(8, -1);
-        if (t === "Object" && e.constructor) t = e.constructor.name;
-        if (t === "Map" || t === "Set") return Array.from(e);
-        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return re(e, r);
+        var n = Object.prototype.toString.call(e).slice(8, -1);
+        if (n === "Object" && e.constructor) n = e.constructor.name;
+        if (n === "Map" || n === "Set") return Array.from(e);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return re(e, r);
     }
     function re(e, r) {
         if (r == null || r > e.length) r = e.length;
-        for (var t = 0, n = new Array(r); t < r; t++) {
-            n[t] = e[t];
+        for (var n = 0, t = new Array(r); n < r; n++) {
+            t[n] = e[n];
         }
-        return n;
+        return t;
     }
-    function te(e, r) {
+    function ne(e, r) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var t = [];
-        var n = true;
+        var n = [];
+        var t = true;
         var o = false;
         var i = undefined;
         try {
-            for (var a = e[Symbol.iterator](), u; !(n = (u = a.next()).done); n = true) {
-                t.push(u.value);
-                if (r && t.length === r) break;
+            for (var a = e[Symbol.iterator](), u; !(t = (u = a.next()).done); t = true) {
+                n.push(u.value);
+                if (r && n.length === r) break;
             }
         } catch (e) {
             o = true;
             i = e;
         } finally {
             try {
-                if (!n && a["return"] != null) a["return"]();
+                if (!t && a["return"] != null) a["return"]();
             } finally {
                 if (o) throw i;
             }
         }
-        return t;
+        return n;
     }
-    function ne(e) {
+    function te(e) {
         if (Array.isArray(e)) return e;
     }
     function oe(e, r) {
         if (e == null) return {};
-        var t = ie(e, r);
-        var n, o;
+        var n = ie(e, r);
+        var t, o;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (o = 0; o < i.length; o++) {
-                n = i[o];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+                t = i[o];
+                if (r.indexOf(t) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                n[t] = e[t];
             }
         }
-        return t;
+        return n;
     }
     function ie(e, r) {
         if (e == null) return {};
-        var t = {};
-        var n = Object.keys(e);
+        var n = {};
+        var t = Object.keys(e);
         var o, i;
-        for (i = 0; i < n.length; i++) {
-            o = n[i];
+        for (i = 0; i < t.length; i++) {
+            o = t[i];
             if (r.indexOf(o) >= 0) continue;
-            t[o] = e[o];
+            n[o] = e[o];
         }
-        return t;
+        return n;
     }
     var ae = {
         animateLoading: i().bool,
@@ -512,29 +511,29 @@
         value: i().string
     };
     function ue(e, r) {
-        var t = r.clientX, n = r.clientY;
+        var n = r.clientX, t = r.clientY;
         var o = e.getBoundingClientRect(), i = o.top, a = o.left, u = o.bottom, l = o.right;
-        return t > a && t < l && n > i && n < u;
+        return n > a && n < l && t > i && t < u;
     }
     var le = s()((function(e) {
-        var r = e.anchorWidth, t = e.maxHeight, n = e.menuStyle;
+        var r = e.anchorWidth, n = e.maxHeight, t = e.menuStyle;
         return u()({
-            maxHeight: t,
+            maxHeight: n,
             overflow: "auto",
             width: Math.max(r !== null && r !== void 0 ? r : 0, 200)
-        }, n);
+        }, t);
     }));
     function ce(e) {
-        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, V = e.onFocus, H = e.onKeyDown, L = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
+        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, u = e.defaultValue, l = e.describedBy, f = e.disabled, s = f === void 0 ? false : f, d = e.elementRef, p = e.error, g = p === void 0 ? false : p, O = e.footerMessage, w = e.inline, P = w === void 0 ? false : w, C = e.inputRef, M = e.isLoadingOptions, R = M === void 0 ? false : M, D = e.labelledBy, x = e.loadingMessage, E = e.menuStyle, q = E === void 0 ? {} : E, _ = e.name, A = e.noOptionsMessage, B = e.onChange, T = e.onClose, H = e.onFocus, L = e.onKeyDown, V = e.onOpen, K = e.placeholder, F = K === void 0 ? (0, 
         m._)("Search...") : K, W = e.value, N = oe(e, [ "animateLoading", "children", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "placeholder", "value" ]);
         // @docs-props-type SearchPropsBase
                 var z = !!i || R;
  // state
-                var U = (0, t.useState)(0), $ = Q(U, 2), J = $[0], Z = $[1];
-        var ee = (0, t.useState)(false), re = Q(ee, 2), te = re[0], ne = re[1];
-        var ie = (0, t.useState)(undefined), ae = Q(ie, 2), ce = ae[0], fe = ae[1];
-        var se = (0, t.useState)(u || ""), de = Q(se, 2), ve = de[0], pe = de[1];
-        var be = (0, t.useState)((function() {
+                var U = (0, n.useState)(0), $ = Q(U, 2), J = $[0], Z = $[1];
+        var ee = (0, n.useState)(false), re = Q(ee, 2), ne = re[0], te = re[1];
+        var ie = (0, n.useState)(undefined), ae = Q(ie, 2), ce = ae[0], fe = ae[1];
+        var se = (0, n.useState)(u || ""), de = Q(se, 2), ve = de[0], pe = de[1];
+        var be = (0, n.useState)((function() {
             return {
                 popoverId: (0, y.createDOMID)("popover"),
                 menuId: (0, y.createDOMID)("menu"),
@@ -544,28 +543,28 @@
  // previous state
                 var je = j()(J);
  // refs
-                var we = (0, t.useRef)(null);
-        var Se = (0, t.useRef)(null);
-        var Pe = (0, t.useRef)(W !== undefined && W !== null);
-        var ke = (0, t.useRef)(false);
-        var Ce = (0, t.useRef)([]);
-        var Ie = (0, t.useRef)(je);
-        var Me = (0, t.useRef)(undefined);
+                var we = (0, n.useRef)(null);
+        var Se = (0, n.useRef)(null);
+        var Pe = (0, n.useRef)(W !== undefined && W !== null);
+        var ke = (0, n.useRef)(false);
+        var Ce = (0, n.useRef)([]);
+        var Ie = (0, n.useRef)(je);
+        var Me = (0, n.useRef)(undefined);
         var Re = function e(r) {
             X(we, r);
             X(d, r);
         };
-        var xe = function e(r) {
+        var De = function e(r) {
             X(Se, r);
             X(C, r);
         };
-        var De = function e() {
+        var xe = function e() {
             return Pe.current ? W : ve;
         };
         var Ee = function e() {
-            var r = De();
-            var n = t.Children.toArray(i).filter(t.isValidElement);
-            var o = !ce && n.find((function(e) {
+            var r = xe();
+            var t = n.Children.toArray(i).filter(n.isValidElement);
+            var o = !ce && t.find((function(e) {
                 return e.props.label !== undefined && e.props.value === r;
             }));
             if (o) {
@@ -574,12 +573,12 @@
             return r;
         };
         var qe = function e() {
-            ne(true);
+            te(true);
             Z(-1);
-            L === null || L === void 0 ? void 0 : L();
+            V === null || V === void 0 ? void 0 : V();
         };
         var _e = function e() {
-            ne(false);
+            te(false);
             Ie.current = null;
             T === null || T === void 0 ? void 0 : T();
         };
@@ -587,7 +586,7 @@
             var r;
             (r = Se.current) === null || r === void 0 ? void 0 : r.focus();
         };
-        var Be = function e(r, t) {
+        var Be = function e(r, n) {
             /* SUI-930 On IE 11 this handler is essentially deferred after calling
      * this.textInput.focus(). this.focusCalledInternally enables the focus event to be ignored
      * when the menu closes. */
@@ -596,39 +595,38 @@
             } else {
                 qe();
             }
-            V === null || V === void 0 ? void 0 : V(r, t);
+            H === null || H === void 0 ? void 0 : H(r, n);
         };
-        var Te = function e(r, t) {
-            var n = t.value;
+        var Te = function e(r, n) {
+            var t = n.value;
             if (!Pe.current) {
-                pe(n);
+                pe(t);
             }
             Z(-1);
-            fe(n);
+            fe(t);
             B === null || B === void 0 ? void 0 : B(r, {
-                value: n,
+                value: t,
                 name: _
             });
         };
-        var Ve = function e(r, t) {
-            Te(r, G({}, t));
+        var He = function e(r, n) {
+            Te(r, G({}, n));
             ke.current = true;
             Ae();
             _e();
         };
-        var He = function e(r) {
-            var t = Ce.current.length;
-            var n = Me.current;
-            var o = (0, h.keycode)(r.nativeEvent);
-            if (te) {
-                switch (o) {
+        var Le = function e(r) {
+            var n = Ce.current.length;
+            var t = (0, h.keycode)(r.nativeEvent);
+            if (ne) {
+                switch (t) {
                   case "enter":
                     {
-                        if (n) {
-                            Ve(r, {
-                                value: n
-                            });
-                        }
+                        var o;
+                        // triggering onClick so that links can be activated with the keyboard
+                        // since the menu items themselves never receive focus
+                        // this will implicitly call handleSelectOption()
+                                                (o = document.getElementById(Oe)) === null || o === void 0 ? void 0 : o.click();
                         break;
                     }
 
@@ -637,7 +635,7 @@
                     break;
 
                   case "down":
-                    Z(Math.min(J + 1, t - 1));
+                    Z(Math.min(J + 1, n - 1));
                     break;
 
                   case "up":
@@ -648,23 +646,19 @@
  // do nothing
                                 }
             } else if ((0, h.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
-            o === "enter" || o === "backspace" || o === "down" || o === "up") {
+            t === "enter" || t === "backspace" || t === "down" || t === "up") {
                 qe();
             }
-            H === null || H === void 0 ? void 0 : H(r);
+            L === null || L === void 0 ? void 0 : L(r);
         };
-        var Le = function e() {
-            if (document.activeElement !== Se.current) {
-                ke.current = true;
-                Ae();
-            }
-            if (!te && !s) {
+        var Ve = function e() {
+            if (!ne && !s) {
                 qe();
             }
         };
         var Ke = function e(r) {
-            var t = r.event, n = r.reason;
-            var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && we.current && !ue(we.current, t);
+            var n = r.event, t = r.reason;
+            var o = t === "offScreen" || t === "escapeKey" || t === "clickAway" && we.current && !ue(we.current, n);
             if (o) {
                 _e();
             }
@@ -676,13 +670,20 @@
         };
         var We = function e(r) {
             var a = r.anchorWidth, u = r.maxHeight;
-            var l = t.Children.toArray(i).filter(t.isValidElement);
+            var l = n.Children.toArray(i).filter(n.isValidElement);
  // Highlight Active
                         Me.current = undefined;
  // Only update the menu options if they are valid and the dropdown is open.
             // This is necessary to handle the outro animation of the dropdown.
-                        if (z && te) {
+                        if (z && ne) {
                 Ce.current = l.map((function(e, r) {
+                    var t = function r(n, t) {
+                        var o, i;
+                        var a = (o = (i = e.props).onClick) === null || o === void 0 ? void 0 : o.call(i, n, t);
+                        if (a !== false) {
+                            He(n, t);
+                        }
+                    };
                     if (!c()(e.props, "active")) {
                         // ignore Headings and Dividers
                         return e;
@@ -692,16 +693,16 @@
                             Me.current = e.props.value;
                         }
                         
-                        return (0, t.cloneElement)(e, {
+                        return (0, n.cloneElement)(e, {
                             ref: Fe,
                             id: Oe,
-                            onClick: Ve,
+                            onClick: t,
                             active: true
                         });
                     }
                     
-                    return (0, t.cloneElement)(e, {
-                        onClick: Ve
+                    return (0, n.cloneElement)(e, {
+                        onClick: t
                     });
                 }));
             }
@@ -711,32 +712,29 @@
                 menuStyle: q
             });
             
-            return n().createElement(k(), Y({
+            return t().createElement(k(), Y({
                 style: f,
-                controlledExternally: true,
+                focusMode: "never",
                 isLoading: R
             }, b()(N, "onScroll"), {
                 noOptionsMessage: A,
                 footerMessage: O,
                 animateLoading: o,
-                loadingMessage: D,
+                loadingMessage: x,
                 menuId: ge
             }), Ce.current);
         };
-        var Ne = De();
+        var Ne = xe();
         var ze = Ee();
-        var Ue = te && !!we.current && z;
-        var Xe = z ? "combobox" : "textbox";
+        var Ue = ne && !!we.current && z;
+        var Xe = z ? "combobox" : "searchbox";
         var Ye = {
             "aria-activedescendant": Ue && J > -1 ? Oe : undefined,
-            "aria-expanded": z ? te && !!we.current : undefined,
+            "aria-expanded": z ? ne && !!we.current : undefined,
             "aria-controls": Ue ? ge : undefined
         };
-        if (!(x === null || x === void 0 ? void 0 : x.length)) {
-            Ye["aria-label"] = (0, m._)("Value input");
-        }
         
-        return n().createElement(I(), Y({
+        return t().createElement(I(), Y({
             "data-test": "search"
         }, v()(N, "onScroll"), {
             appearance: "search",
@@ -752,18 +750,18 @@
             elementRef: Re,
             error: g,
             inline: P,
-            inputRef: xe,
-            labelledBy: x,
+            inputRef: De,
+            labelledBy: D,
             name: _,
             onFocus: Be,
-            onClick: Le,
+            onClick: Ve,
             onChange: Te,
-            onKeyDown: He,
+            onKeyDown: Le,
             placeholder: F,
             spellCheck: false,
             value: ze,
             role: Xe
-        }, Ye),  n().createElement(S(), {
+        }, Ye),  t().createElement(S(), {
             anchor: function() {
                 return we.current;
             }(),