@splunk/react-ui 4.21.1 → 4.22.1

package/Search.js

@@ -63,63 +63,66 @@
         e.d(r, {
         Divider: () => /* reexport */ g.Divider,
         Heading: () => /* reexport */ g.Heading,
-        Option: () => /* reexport */ W,
-        default: () => /* reexport */ ue
+        Option: () => /* reexport */ U,
+        default: () => /* reexport */ fe
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var i =  e.n(o);
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/extend"
-    const a = require("lodash/extend");
-    var u =  e.n(a);
+    const i = require("lodash/extend");
+    var u =  e.n(i);
     // CONCATENATED MODULE: external "lodash/has"
     const l = require("lodash/has");
     var c =  e.n(l);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const f = require("lodash/omit");
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const f = require("lodash/memoize");
     var s =  e.n(f);
-    // CONCATENATED MODULE: external "lodash/pick"
-    const d = require("lodash/pick");
+    // CONCATENATED MODULE: external "lodash/omit"
+    const d = require("lodash/omit");
     var v =  e.n(d);
+    // CONCATENATED MODULE: external "lodash/pick"
+    const p = require("lodash/pick");
+    var b =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const p = require("@splunk/ui-utils/id");
+    const y = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const b = require("@splunk/ui-utils/i18n");
+    const h = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const y = require("@splunk/ui-utils/keyboard");
+    const m = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
     const g = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const h = require("@splunk/react-ui/usePrevious");
-    var m =  e.n(h);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const O = require("@splunk/react-ui/Popover");
+    const O = require("@splunk/react-ui/usePrevious");
     var j =  e.n(O);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const w = require("@splunk/react-ui/ResultsMenu");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
+    const w = require("@splunk/react-ui/Popover");
     var S =  e.n(w);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const P = require("@splunk/react-ui/Text");
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const P = require("@splunk/react-ui/ResultsMenu");
     var k =  e.n(P);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const C = require("@splunk/react-ui/Text");
+    var R =  e.n(C);
     // CONCATENATED MODULE: ./src/Search/Option.tsx
-    function C(e) {
+    function M(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            C = function e(r) {
+            M = function e(r) {
                 return typeof r;
             };
         } else {
-            C = function e(r) {
+            M = function e(r) {
                 return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
             };
         }
-        return C(e);
+        return M(e);
     }
-    function R() {
-        R = Object.assign || function(e) {
+    function E() {
+        E = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -130,16 +133,16 @@
             }
             return e;
         };
-        return R.apply(this, arguments);
+        return E.apply(this, arguments);
     }
-    function M(e, r) {
+    function x(e, r) {
         if (e == null) return {};
-        var t = E(e, r);
+        var t = D(e, r);
         var n, o;
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                n = i[o];
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                n = a[o];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -147,24 +150,24 @@
         }
         return t;
     }
-    function E(e, r) {
+    function D(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var o, i;
-        for (i = 0; i < n.length; i++) {
-            o = n[i];
+        var o, a;
+        for (a = 0; a < n.length; a++) {
+            o = n[a];
             if (r.indexOf(o) >= 0) continue;
             t[o] = e[o];
         }
         return t;
     }
-    function D(e, r) {
+    function q(e, r) {
         if (!(e instanceof r)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function q(e, r) {
+    function I(e, r) {
         for (var t = 0; t < r.length; t++) {
             var n = r[t];
             n.enumerable = n.enumerable || false;
@@ -173,12 +176,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function x(e, r, t) {
-        if (r) q(e.prototype, r);
-        if (t) q(e, t);
+    function _(e, r, t) {
+        if (r) I(e.prototype, r);
+        if (t) I(e, t);
         return e;
     }
-    function I(e, r) {
+    function A(e, r) {
         if (typeof r !== "function" && r !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -189,41 +192,41 @@
                 configurable: true
             }
         });
-        if (r) _(e, r);
+        if (r) T(e, r);
     }
-    function _(e, r) {
-        _ = Object.setPrototypeOf || function e(r, t) {
+    function T(e, r) {
+        T = Object.setPrototypeOf || function e(r, t) {
             r.__proto__ = t;
             return r;
         };
-        return _(e, r);
+        return T(e, r);
     }
-    function A(e) {
-        var r = V();
+    function B(e) {
+        var r = L();
         return function t() {
-            var n = L(e), o;
+            var n = K(e), o;
             if (r) {
-                var i = L(this).constructor;
-                o = Reflect.construct(n, arguments, i);
+                var a = K(this).constructor;
+                o = Reflect.construct(n, arguments, a);
             } else {
                 o = n.apply(this, arguments);
             }
-            return T(this, o);
+            return V(this, o);
         };
     }
-    function T(e, r) {
-        if (r && (C(r) === "object" || typeof r === "function")) {
+    function V(e, r) {
+        if (r && (M(r) === "object" || typeof r === "function")) {
             return r;
         }
-        return B(e);
+        return H(e);
     }
-    function B(e) {
+    function H(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function V() {
+    function L() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -234,13 +237,13 @@
             return false;
         }
     }
-    function L(e) {
-        L = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
+    function K(e) {
+        K = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
             return r.__proto__ || Object.getPrototypeOf(r);
         };
-        return L(e);
+        return K(e);
     }
-    function H(e, r, t) {
+    function N(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -253,20 +256,20 @@
         }
         return e;
     }
-    var K = {
+    var F = {
         /** @private */
-        active: i().bool,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
-        icon: i().node,
-        label: i().string,
+        active: a().bool,
+        description: a().string,
+        descriptionPosition: a().oneOf([ "right", "bottom" ]),
+        disabled: a().bool,
+        icon: a().node,
+        label: a().string,
         /** @private */
-        onClick: i().func,
-        truncate: i().bool,
-        value: i().string.isRequired
+        onClick: a().func,
+        truncate: a().bool,
+        value: a().string.isRequired
     };
-    var N = {
+    var W = {
         active: false,
         descriptionPosition: "bottom",
         disabled: false,
@@ -276,28 +279,28 @@
  * An option within a `Search`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var F =  function(e) {
-        I(t, e);
-        var r = A(t);
+ */    var z =  function(e) {
+        A(t, e);
+        var r = B(t);
         function t() {
             var e;
-            D(this, t);
-            for (var n = arguments.length, o = new Array(n), i = 0; i < n; i++) {
-                o[i] = arguments[i];
+            q(this, t);
+            for (var n = arguments.length, o = new Array(n), a = 0; a < n; a++) {
+                o[a] = arguments[a];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            H(B(e), "item", null);
-            H(B(e), "handleClick", (function(r) {
-                var t = e.props, n = t.disabled, o = t.onClick, i = t.value;
+            N(H(e), "item", null);
+            N(H(e), "handleClick", (function(r) {
+                var t = e.props, n = t.disabled, o = t.onClick, a = t.value;
                 if (!n) {
                     o === null || o === void 0 ? void 0 : o(r, {
-                        value: i
+                        value: a
                     });
                 }
             }));
             return e;
         }
-        x(t, [ {
+        _(t, [ {
             key: "scrollIntoViewIfNeeded",
             value: function e() {
                 var r;
@@ -308,16 +311,16 @@
             value: function e() {
                 var r = this;
                 // eslint-disable-next-line no-unused-vars
-                                var t = this.props, o = t.value, i = t.label, a = M(t, [ "value", "label" ]);
-                var u = i === undefined ? o : i;
+                                var t = this.props, o = t.value, a = t.label, i = x(t, [ "value", "label" ]);
+                var u = a === undefined ? o : a;
                 
-                return n().createElement(g.Item, R({
+                return n().createElement(g.Item, E({
                     ref: function e(t) {
                         r.item = t;
                     },
                     "data-test": "search-option",
                     "data-test-value": o
-                }, a, {
+                }, i, {
                     onClick: this.handleClick,
                     role: "option",
                     "aria-selected": false
@@ -326,10 +329,10 @@
         } ]);
         return t;
     }(t.PureComponent);
-    H(F, "propTypes", K);
-    H(F, "defaultProps", N);
-    H(F, "type", g.Item);
-    /* harmony default export */    const W = F;
+    N(z, "propTypes", F);
+    N(z, "defaultProps", W);
+    N(z, "type", g.Item);
+    /* harmony default export */    const U = z;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -337,7 +340,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function z(e, r) {
+    function X(e, r) {
         if (e) {
             if (typeof e === "function") {
                 e(r);
@@ -350,8 +353,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Search/Search.tsx
-    function U() {
-        U = Object.assign || function(e) {
+    function Y() {
+        Y = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -362,9 +365,9 @@
             }
             return e;
         };
-        return U.apply(this, arguments);
+        return Y.apply(this, arguments);
     }
-    function X(e, r) {
+    function $(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -375,24 +378,24 @@
         }
         return t;
     }
-    function Y(e) {
+    function G(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = arguments[r] != null ? arguments[r] : {};
             if (r % 2) {
-                X(Object(t), true).forEach((function(r) {
-                    $(e, r, t[r]);
+                $(Object(t), true).forEach((function(r) {
+                    J(e, r, t[r]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
             } else {
-                X(Object(t)).forEach((function(r) {
+                $(Object(t)).forEach((function(r) {
                     Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
                 }));
             }
         }
         return e;
     }
-    function $(e, r, t) {
+    function J(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -405,61 +408,61 @@
         }
         return e;
     }
-    function G(e, r) {
-        return re(e) || ee(e, r) || Q(e, r) || J();
+    function Q(e, r) {
+        return ne(e) || te(e, r) || ee(e, r) || Z();
     }
-    function J() {
+    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.");
     }
-    function Q(e, r) {
+    function ee(e, r) {
         if (!e) return;
-        if (typeof e === "string") return Z(e, r);
+        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 Z(e, r);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return re(e, r);
     }
-    function Z(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];
         }
         return n;
     }
-    function ee(e, r) {
+    function te(e, r) {
         if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
         var t = [];
         var n = true;
         var o = false;
-        var i = undefined;
+        var a = undefined;
         try {
-            for (var a = e[Symbol.iterator](), u; !(n = (u = a.next()).done); n = true) {
+            for (var i = e[Symbol.iterator](), u; !(n = (u = i.next()).done); n = true) {
                 t.push(u.value);
                 if (r && t.length === r) break;
             }
         } catch (e) {
             o = true;
-            i = e;
+            a = e;
         } finally {
             try {
-                if (!n && a["return"] != null) a["return"]();
+                if (!n && i["return"] != null) i["return"]();
             } finally {
-                if (o) throw i;
+                if (o) throw a;
             }
         }
         return t;
     }
-    function re(e) {
+    function ne(e) {
         if (Array.isArray(e)) return e;
     }
-    function te(e, r) {
+    function oe(e, r) {
         if (e == null) return {};
-        var t = ne(e, r);
+        var t = ae(e, r);
         var n, o;
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                n = i[o];
+            var a = Object.getOwnPropertySymbols(e);
+            for (o = 0; o < a.length; o++) {
+                n = a[o];
                 if (r.indexOf(n) >= 0) continue;
                 if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
                 t[n] = e[n];
@@ -467,86 +470,94 @@
         }
         return t;
     }
-    function ne(e, r) {
+    function ae(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
-        var o, i;
-        for (i = 0; i < n.length; i++) {
-            o = n[i];
+        var o, a;
+        for (a = 0; a < n.length; a++) {
+            o = n[a];
             if (r.indexOf(o) >= 0) continue;
             t[o] = e[o];
         }
         return t;
     }
-    var oe = {
-        animateLoading: i().bool,
-        children: i().node,
-        defaultPlacement: i().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: i().string,
-        describedBy: i().string,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        footerMessage: i().node,
-        inline: i().bool,
-        inputRef: i().oneOfType([ i().func, i().object ]),
-        isLoadingOptions: i().bool,
-        labelledBy: i().string,
-        loadingMessage: i().node,
-        menuStyle: i().object,
-        name: i().string,
-        noOptionsMessage: i().node,
-        onChange: i().func,
-        onClose: i().func,
-        onFocus: i().func,
-        onKeyDown: i().func,
-        onOpen: i().func,
-        onScroll: i().func,
-        placeholder: i().string,
-        value: i().string
+    var ie = {
+        animateLoading: a().bool,
+        children: a().node,
+        defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
+        defaultValue: a().string,
+        describedBy: a().string,
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        error: a().bool,
+        footerMessage: a().node,
+        inline: a().bool,
+        inputRef: a().oneOfType([ a().func, a().object ]),
+        isLoadingOptions: a().bool,
+        labelledBy: a().string,
+        loadingMessage: a().node,
+        menuStyle: a().object,
+        name: a().string,
+        noOptionsMessage: a().node,
+        onChange: a().func,
+        onClose: a().func,
+        onFocus: a().func,
+        onKeyDown: a().func,
+        onOpen: a().func,
+        onScroll: a().func,
+        placeholder: a().string,
+        value: a().string
     };
-    function ie(e, r) {
+    function ue(e, r) {
         var t = r.clientX, n = 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;
+        var o = e.getBoundingClientRect(), a = o.top, i = o.left, u = o.bottom, l = o.right;
+        return t > i && t < l && n > a && n < u;
     }
-    function ae(e) {
-        var r = e.animateLoading, o = r === void 0 ? false : r, i = e.children, a = e.defaultPlacement, l = e.defaultValue, f = e.describedBy, d = e.disabled, g = d === void 0 ? false : d, h = e.elementRef, O = e.error, w = O === void 0 ? false : O, P = e.footerMessage, C = e.inline, R = C === void 0 ? false : C, M = e.inputRef, E = e.isLoadingOptions, D = E === void 0 ? false : E, q = e.labelledBy, x = e.loadingMessage, I = e.menuStyle, _ = I === void 0 ? {} : I, A = e.name, T = e.noOptionsMessage, B = e.onChange, V = e.onClose, L = e.onFocus, H = e.onKeyDown, K = e.onOpen, N = e.placeholder, F = N === void 0 ? (0, 
-        b._)("Search...") : N, W = e.value, X = te(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" ]);
+    var le = s()((function(e) {
+        var r = e.anchorWidth, t = e.maxHeight, n = e.menuStyle;
+        return u()({
+            maxHeight: t,
+            overflow: "auto",
+            width: Math.max(r !== null && r !== void 0 ? r : 0, 200)
+        }, n);
+    }));
+    function ce(e) {
+        var r = e.animateLoading, o = r === void 0 ? false : r, a = e.children, i = 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, E = M === void 0 ? false : M, x = e.labelledBy, D = e.loadingMessage, q = e.menuStyle, I = q === void 0 ? {} : q, _ = e.name, A = e.noOptionsMessage, T = e.onChange, B = e.onClose, V = e.onFocus, H = e.onKeyDown, L = e.onOpen, K = e.placeholder, N = K === void 0 ? (0, 
+        h._)("Search...") : K, F = e.value, W = 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
         // state
-                var $ = (0, t.useState)(0), J = G($, 2), Q = J[0], Z = J[1];
-        var ee = (0, t.useState)(false), re = G(ee, 2), ne = re[0], oe = re[1];
-        var ae = (0, t.useState)(undefined), ue = G(ae, 2), le = ue[0], ce = ue[1];
-        var fe = (0, t.useState)(l || ""), se = G(fe, 2), de = se[0], ve = se[1];
+                var z = (0, t.useState)(0), U = Q(z, 2), $ = U[0], J = U[1];
+        var Z = (0, t.useState)(false), ee = Q(Z, 2), re = ee[0], te = ee[1];
+        var ne = (0, t.useState)(undefined), ae = Q(ne, 2), ie = ae[0], ce = ae[1];
+        var fe = (0, t.useState)(u || ""), se = Q(fe, 2), de = se[0], ve = se[1];
  // previous state
-                var pe = m()(Q);
+                var pe = j()($);
  // refs
                 var be = (0, t.useRef)(null);
         var ye = (0, t.useRef)(null);
-        var ge = (0, t.useRef)(W !== undefined && W !== null);
-        var he = (0, t.useRef)(false);
-        var me = (0, t.useRef)([]);
-        var Oe = (0, t.useRef)((0, p.createDOMID)("popover"));
+        var he = (0, t.useRef)(F !== undefined && F !== null);
+        var me = (0, t.useRef)(false);
+        var ge = (0, t.useRef)([]);
+        var Oe = (0, t.useRef)((0, y.createDOMID)("popover"));
         var je = (0, t.useRef)(pe);
-        var we = (0, t.useRef)((0, p.createDOMID)("active-item"));
+        var we = (0, t.useRef)((0, y.createDOMID)("active-item"));
         var Se = (0, t.useRef)(undefined);
         var Pe = function e(r) {
-            z(be, r);
-            z(h, r);
+            X(be, r);
+            X(d, r);
         };
         var ke = function e(r) {
-            z(ye, r);
-            z(M, r);
+            X(ye, r);
+            X(C, r);
         };
         var Ce = function e() {
-            return ge.current ? W : de;
+            return he.current ? F : de;
         };
         var Re = function e() {
             var r = Ce();
-            var n = t.Children.toArray(i).filter(t.isValidElement);
-            var o = !le && n.find((function(e) {
+            var n = t.Children.toArray(a).filter(t.isValidElement);
+            var o = !ie && n.find((function(e) {
                 return e.props.label !== undefined && e.props.value === r;
             }));
             if (o) {
@@ -555,56 +566,56 @@
             return r;
         };
         var Me = function e() {
-            return !!i || D;
+            return !!a || E;
         };
         var Ee = function e() {
-            oe(true);
-            Z(-1);
-            K === null || K === void 0 ? void 0 : K();
+            te(true);
+            J(-1);
+            L === null || L === void 0 ? void 0 : L();
         };
-        var De = function e() {
-            oe(false);
+        var xe = function e() {
+            te(false);
             je.current = null;
-            V === null || V === void 0 ? void 0 : V();
+            B === null || B === void 0 ? void 0 : B();
         };
-        var qe = function e() {
+        var De = function e() {
             var r;
             (r = ye.current) === null || r === void 0 ? void 0 : r.focus();
         };
-        var xe = function e(r) {
+        var qe = function e(r, t) {
             /* 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. */
-            if (he.current) {
-                he.current = false;
+            if (me.current) {
+                me.current = false;
             } else {
                 Ee();
             }
-            L === null || L === void 0 ? void 0 : L(r);
+            V === null || V === void 0 ? void 0 : V(r, t);
         };
         var Ie = function e(r, t) {
             var n = t.value;
-            if (!ge.current) {
+            if (!he.current) {
                 ve(n);
             }
-            Z(-1);
+            J(-1);
             ce(n);
-            B === null || B === void 0 ? void 0 : B(r, {
+            T === null || T === void 0 ? void 0 : T(r, {
                 value: n,
-                name: A
+                name: _
             });
         };
         var _e = function e(r, t) {
-            Ie(r, Y({}, t));
-            he.current = true;
-            qe();
+            Ie(r, G({}, t));
+            me.current = true;
             De();
+            xe();
         };
         var Ae = function e(r) {
-            var t = me.current.length;
+            var t = ge.current.length;
             var n = Se.current;
-            var o = (0, y.keycode)(r.nativeEvent);
-            if (ne) {
+            var o = (0, m.keycode)(r.nativeEvent);
+            if (re) {
                 switch (o) {
                   case "enter":
                     {
@@ -617,21 +628,21 @@
                     }
 
                   case "tab":
-                    De();
+                    xe();
                     break;
 
                   case "down":
-                    Z(Math.min(Q + 1, t - 1));
+                    J(Math.min($ + 1, t - 1));
                     break;
 
                   case "up":
-                    Z(Math.max(Q - 1, 0));
+                    J(Math.max($ - 1, 0));
                     break;
 
                   default:
  // do nothing
                                 }
-            } else if ((0, y.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
+            } else if ((0, m.addsCharacter)(r.nativeEvent) !== false || // Safari 9.0 returns undefined
             o === "enter" || o === "backspace" || o === "down" || o === "up") {
                 Ee();
             }
@@ -639,39 +650,39 @@
         };
         var Te = function e() {
             if (document.activeElement !== ye.current) {
-                he.current = true;
-                qe();
+                me.current = true;
+                De();
             }
-            if (!ne && !g) {
+            if (!re && !s) {
                 Ee();
             }
         };
         var Be = function e(r) {
             var t = r.event, n = r.reason;
-            var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && be.current && !ie(be.current, t);
+            var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && be.current && !ue(be.current, t);
             if (o) {
-                De();
+                xe();
             }
         };
         var Ve = function e(r) {
-            if (je.current !== Q) {
+            if (je.current !== $) {
                 r === null || r === void 0 ? void 0 : r.scrollIntoViewIfNeeded();
             }
         };
-        var Le = function e(r) {
-            var a = r.anchorWidth, l = r.maxHeight;
-            var f = t.Children.toArray(i).filter(t.isValidElement);
+        var He = function e(r) {
+            var i = r.anchorWidth, u = r.maxHeight;
+            var l = t.Children.toArray(a).filter(t.isValidElement);
  // Highlight Active
                         Se.current = undefined;
  // Only update the menu options if they are valid and the drodown is open.
             // This is necessary to handle the outro animation of the dropdown.
-                        if (Me() && ne) {
-                me.current = f.map((function(e, r) {
+                        if (Me() && re) {
+                ge.current = l.map((function(e, r) {
                     if (!c()(e.props, "active")) {
                         // ignore Headings and Dividers
                         return e;
                     }
-                    if (r === Q) {
+                    if (r === $) {
                         Se.current = e.props.value;
                         
                         return (0, t.cloneElement)(e, {
@@ -687,79 +698,80 @@
                     });
                 }));
             }
+            var f = le({
+                anchorWidth: i,
+                maxHeight: u,
+                menuStyle: I
+            });
             
-            return n().createElement(S(), U({
-                style: u()({
-                    overflow: "auto",
-                    width: Math.max(a !== null && a !== void 0 ? a : 0, 200)
-                }, _),
+            return n().createElement(k(), Y({
+                style: f,
                 controlledExternally: true,
-                maxHeight: l !== null && l !== void 0 ? l : undefined,
-                isLoading: D
-            }, v()(X, "className", "onScroll"), {
-                noOptionsMessage: T,
-                footerMessage: P,
+                isLoading: E
+            }, b()(W, "className", "onScroll"), {
+                noOptionsMessage: A,
+                footerMessage: O,
                 animateLoading: o,
-                loadingMessage: x
-            }), me.current);
+                loadingMessage: D
+            }), ge.current);
         };
-        var He = Ce();
+        var Le = Ce();
         var Ke = Re();
-        var Ne = ne && !!be.current && Me();
+        var Ne = re && !!be.current && Me();
         var Fe = {
             "aria-activedescendant": we.current,
             "aria-expanded": Ne,
             "aria-haspopup": Me(),
             "aria-controls": Ne ? Oe.current : undefined
         };
-        if (!(q === null || q === void 0 ? void 0 : q.length)) {
-            Fe["aria-label"] = (0, b._)("Value input");
+        if (!(x === null || x === void 0 ? void 0 : x.length)) {
+            Fe["aria-label"] = (0, h._)("Value input");
         }
         
-        return n().createElement(k(), U({
+        return n().createElement(R(), Y({
             "data-test": "search"
-        }, s()(X, "className", "onScroll"), {
+        }, v()(W, "className", "onScroll"), {
             appearance: "search",
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             "data-test-popover-id": Oe.current,
             "data-test-label": Ke,
-            "data-test-value": He,
+            "data-test-value": Le,
             "data-test-open": Ne,
-            describedBy: f,
-            disabled: g,
+            describedBy: l,
+            disabled: s,
             elementRef: Pe,
-            error: w,
-            inline: R,
+            error: g,
+            inline: P,
             inputRef: ke,
-            labelledBy: q,
-            name: A,
-            onFocus: xe,
+            labelledBy: x,
+            name: _,
+            onFocus: qe,
             onClick: Te,
             onChange: Ie,
             onKeyDown: Ae,
-            placeholder: F,
+            placeholder: N,
             spellCheck: false,
             value: Ke
-        }, Fe),  n().createElement(j(), {
+        }, Fe),  n().createElement(S(), {
             anchor: function() {
                 return be.current;
             }(),
             autoCloseWhenOffScreen: true,
             canCoverAnchor: false,
-            defaultPlacement: a,
+            defaultPlacement: i,
             id: Oe.current,
             onRequestClose: Be,
             open: Ne,
             repositionMode: "flip"
-        }, Le));
+        }, He));
     }
-    ae.propTypes = oe;
-    ae.Option = W;
-    ae.Divider = g.Divider;
-    ae.Heading = g.Heading;
-    /* harmony default export */    const ue = ae;
+    ce.propTypes = ie;
+    ce.Option = U;
+    ce.Divider = g.Divider;
+    ce.Heading = g.Heading;
+    /* harmony default export */    const fe = ce;
     // CONCATENATED MODULE: ./src/Search/index.ts
     module.exports = r;
     /******/})();