@splunk/react-ui 4.21.1 → 4.22.0

package/ComboBox.js

@@ -61,10 +61,10 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        Divider: () => /* reexport */ O.Divider,
-        Heading: () => /* reexport */ O.Heading,
-        Option: () => /* reexport */ W,
-        default: () => /* reexport */ pe
+        Divider: () => /* reexport */ I.Divider,
+        Heading: () => /* reexport */ I.Heading,
+        Option: () => /* reexport */ X,
+        default: () => /* reexport */ he
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -78,50 +78,53 @@
     // CONCATENATED MODULE: external "lodash/has"
     const u = require("lodash/has");
     var c =  e.n(u);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const s = require("lodash/omit");
+    // CONCATENATED MODULE: external "lodash/memoize"
+    const s = require("lodash/memoize");
     var f =  e.n(s);
-    // CONCATENATED MODULE: external "lodash/pick"
-    const p = require("lodash/pick");
+    // CONCATENATED MODULE: external "lodash/omit"
+    const p = require("lodash/omit");
     var d =  e.n(p);
-    // CONCATENATED MODULE: external "lodash/some"
-    const v = require("lodash/some");
+    // CONCATENATED MODULE: external "lodash/pick"
+    const v = require("lodash/pick");
     var h =  e.n(v);
+    // CONCATENATED MODULE: external "lodash/some"
+    const y = require("lodash/some");
+    var b =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const y = require("@splunk/ui-utils/filter");
+    const m = require("@splunk/ui-utils/filter");
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const b = require("@splunk/ui-utils/id");
+    const g = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const m = require("@splunk/ui-utils/i18n");
+    const O = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const g = require("@splunk/ui-utils/keyboard");
+    const S = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const O = require("@splunk/react-ui/Menu");
+    const I = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const I = require("@splunk/react-ui/Popover");
-    var S =  e.n(I);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const C = require("@splunk/react-ui/ResultsMenu");
+    const C = require("@splunk/react-ui/Popover");
     var w =  e.n(C);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const k = require("@splunk/react-ui/Text");
+    // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+    const k = require("@splunk/react-ui/ResultsMenu");
     var P =  e.n(k);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const j = require("@splunk/react-ui/Text");
+    var x =  e.n(j);
     // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
-    function j(e) {
+    function R(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            j = function e(t) {
+            R = function e(t) {
                 return typeof t;
             };
         } else {
-            j = function e(t) {
+            R = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return j(e);
+        return R(e);
     }
-    function x() {
-        x = Object.assign || function(e) {
+    function M() {
+        M = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var o in n) {
@@ -132,11 +135,11 @@
             }
             return e;
         };
-        return x.apply(this, arguments);
+        return M.apply(this, arguments);
     }
-    function R(e, t) {
+    function V(e, t) {
         if (e == null) return {};
-        var n = M(e, t);
+        var n = D(e, t);
         var o, r;
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
@@ -149,7 +152,7 @@
         }
         return n;
     }
-    function M(e, t) {
+    function D(e, t) {
         if (e == null) return {};
         var n = {};
         var o = Object.keys(e);
@@ -161,12 +164,12 @@
         }
         return n;
     }
-    function V(e, t) {
+    function E(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function D(e, t) {
+    function _(e, t) {
         for (var n = 0; n < t.length; n++) {
             var o = t[n];
             o.enumerable = o.enumerable || false;
@@ -175,12 +178,12 @@
             Object.defineProperty(e, o.key, o);
         }
     }
-    function E(e, t, n) {
-        if (t) D(e.prototype, t);
-        if (n) D(e, n);
+    function q(e, t, n) {
+        if (t) _(e.prototype, t);
+        if (n) _(e, n);
         return e;
     }
-    function _(e, t) {
+    function A(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -191,41 +194,41 @@
                 configurable: true
             }
         });
-        if (t) q(e, t);
+        if (t) B(e, t);
     }
-    function q(e, t) {
-        q = Object.setPrototypeOf || function e(t, n) {
+    function B(e, t) {
+        B = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return q(e, t);
+        return B(e, t);
     }
-    function A(e) {
-        var t = L();
+    function T(e) {
+        var t = H();
         return function n() {
-            var o = F(e), r;
+            var o = K(e), r;
             if (t) {
-                var i = F(this).constructor;
+                var i = K(this).constructor;
                 r = Reflect.construct(o, arguments, i);
             } else {
                 r = o.apply(this, arguments);
             }
-            return B(this, r);
+            return L(this, r);
         };
     }
-    function B(e, t) {
-        if (t && (j(t) === "object" || typeof t === "function")) {
+    function L(e, t) {
+        if (t && (R(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return T(e);
+        return F(e);
     }
-    function T(e) {
+    function F(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function L() {
+    function H() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -236,13 +239,13 @@
             return false;
         }
     }
-    function F(e) {
-        F = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function K(e) {
+        K = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return F(e);
+        return K(e);
     }
-    function H(e, t, n) {
+    function N(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -255,7 +258,7 @@
         }
         return e;
     }
-    var K = {
+    var z = {
         /** @private */
         active: i().bool,
         description: i().string,
@@ -272,7 +275,7 @@
         truncate: i().bool,
         value: i().string.isRequired
     };
-    var N = {
+    var W = {
         active: false,
         descriptionPosition: "bottom",
         disabled: false,
@@ -282,18 +285,18 @@
  * An option within a `ComboBox`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var z =  function(e) {
-        _(n, e);
-        var t = A(n);
+ */    var U =  function(e) {
+        A(n, e);
+        var t = T(n);
         function n() {
             var e;
-            V(this, n);
+            E(this, n);
             for (var o = arguments.length, r = new Array(o), i = 0; i < o; i++) {
                 r[i] = arguments[i];
             }
             e = t.call.apply(t, [ this ].concat(r));
-            H(T(e), "item", null);
-            H(T(e), "handleClick", (function(t) {
+            N(F(e), "item", null);
+            N(F(e), "handleClick", (function(t) {
                 var n = e.props, o = n.disabled, r = n.onClick, i = n.value;
                 if (!o) {
                     r === null || r === void 0 ? void 0 : r(t, {
@@ -303,7 +306,7 @@
             }));
             return e;
         }
-        E(n, [ {
+        q(n, [ {
             key: "scrollIntoViewIfNeeded",
             value: function e() {
                 var t;
@@ -314,10 +317,10 @@
             value: function e() {
                 var t = this;
                 // eslint-disable-next-line no-unused-vars
-                                var n = this.props, r = n.value, i = n.label, a = R(n, [ "value", "label" ]);
+                                var n = this.props, r = n.value, i = n.label, a = V(n, [ "value", "label" ]);
                 var l = i === undefined ? r : i;
                 
-                return o().createElement(O.Item, x({
+                return o().createElement(I.Item, M({
                     ref: function e(n) {
                         t.item = n;
                     },
@@ -332,9 +335,9 @@
         } ]);
         return n;
     }(n.PureComponent);
-    H(z, "propTypes", K);
-    H(z, "defaultProps", N);
-    /* harmony default export */    const W = z;
+    N(U, "propTypes", z);
+    N(U, "defaultProps", W);
+    /* harmony default export */    const X = U;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -342,7 +345,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function U(e, t) {
+    function Y(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -355,21 +358,21 @@
         }
     }
     // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
-    function X(e) {
+    function G(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            X = function e(t) {
+            G = function e(t) {
                 return typeof t;
             };
         } else {
-            X = function e(t) {
+            G = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return X(e);
+        return G(e);
     }
-    function Y() {
-        Y = Object.assign || function(e) {
+    function J() {
+        J = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var o in n) {
@@ -380,9 +383,9 @@
             }
             return e;
         };
-        return Y.apply(this, arguments);
+        return J.apply(this, arguments);
     }
-    function G(e, t) {
+    function Q(e, t) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
@@ -393,29 +396,29 @@
         }
         return n;
     }
-    function J(e) {
+    function Z(e) {
         for (var t = 1; t < arguments.length; t++) {
             var n = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                G(Object(n), true).forEach((function(t) {
-                    le(e, t, n[t]);
+                Q(Object(n), true).forEach((function(t) {
+                    ce(e, t, n[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
             } else {
-                G(Object(n)).forEach((function(t) {
+                Q(Object(n)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
                 }));
             }
         }
         return e;
     }
-    function Q(e, t) {
+    function $(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function Z(e, t) {
+    function ee(e, t) {
         for (var n = 0; n < t.length; n++) {
             var o = t[n];
             o.enumerable = o.enumerable || false;
@@ -424,12 +427,12 @@
             Object.defineProperty(e, o.key, o);
         }
     }
-    function $(e, t, n) {
-        if (t) Z(e.prototype, t);
-        if (n) Z(e, n);
+    function te(e, t, n) {
+        if (t) ee(e.prototype, t);
+        if (n) ee(e, n);
         return e;
     }
-    function ee(e, t) {
+    function ne(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -440,41 +443,41 @@
                 configurable: true
             }
         });
-        if (t) te(e, t);
+        if (t) oe(e, t);
     }
-    function te(e, t) {
-        te = Object.setPrototypeOf || function e(t, n) {
+    function oe(e, t) {
+        oe = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return te(e, t);
+        return oe(e, t);
     }
-    function ne(e) {
-        var t = ie();
+    function re(e) {
+        var t = le();
         return function n() {
-            var o = ae(e), r;
+            var o = ue(e), r;
             if (t) {
-                var i = ae(this).constructor;
+                var i = ue(this).constructor;
                 r = Reflect.construct(o, arguments, i);
             } else {
                 r = o.apply(this, arguments);
             }
-            return oe(this, r);
+            return ie(this, r);
         };
     }
-    function oe(e, t) {
-        if (t && (X(t) === "object" || typeof t === "function")) {
+    function ie(e, t) {
+        if (t && (G(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return re(e);
+        return ae(e);
     }
-    function re(e) {
+    function ae(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function ie() {
+    function le() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -485,13 +488,13 @@
             return false;
         }
     }
-    function ae(e) {
-        ae = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function ue(e) {
+        ue = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return ae(e);
+        return ue(e);
     }
-    function le(e, t, n) {
+    function ce(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -504,7 +507,7 @@
         }
         return e;
     }
-    var ue = {
+    var se = {
         animateLoading: i().bool,
         append: i().bool,
         children: i().node,
@@ -536,7 +539,7 @@
         size: i().oneOf([ "small", "medium", "large" ]),
         value: i().string
     };
-    var ce = {
+    var fe = {
         animateLoading: false,
         controlledFilter: false,
         defaultPlacement: "vertical",
@@ -545,51 +548,59 @@
         inline: false,
         isLoadingOptions: false,
         menuStyle: {},
-        placeholder: (0, m._)("Select..."),
+        placeholder: (0, O._)("Select..."),
         size: "medium"
     };
-    function se(e, t) {
+    function pe(e, t) {
         var n = t.clientX, o = t.clientY;
         var r = e.getBoundingClientRect(), i = r.top, a = r.left, l = r.bottom, u = r.right;
         return n > a && n < u && o > i && o < l;
     }
+    var de = f()((function(e) {
+        var t = e.anchorWidth, n = e.maxHeight, o = e.menuStyle;
+        return l()({
+            maxHeight: n,
+            overflow: "auto",
+            width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
+        }, o);
+    }));
     /**
  * `ComboBox` allows the user to select a predefined string or enter a new value. Unlike `Select`
  * and `Multiselect`, `Option` value must always be a string and `Option` does not have a label
  * property.
- */    var fe =  function(e) {
-        ee(r, e);
-        var t = ne(r);
+ */    var ve =  function(e) {
+        ne(r, e);
+        var t = re(r);
         // @docs-props-type ComboBoxPropsBase
                 function r(e) {
             var i;
-            Q(this, r);
+            $(this, r);
             i = t.call(this, e);
-            le(re(i), "activeItemId", void 0);
-            le(re(i), "activeValue", void 0);
-            le(re(i), "availableOptionCount", 0);
-            le(re(i), "controlledExternally", void 0);
-            le(re(i), "focusCalledInternally", false);
-            le(re(i), "options", void 0);
-            le(re(i), "popoverId", void 0);
-            le(re(i), "previousActiveIndex", null);
-            le(re(i), "textInput", null);
-            le(re(i), "handleInputMount", (function(e) {
+            ce(ae(i), "activeItemId", void 0);
+            ce(ae(i), "activeValue", void 0);
+            ce(ae(i), "availableOptionCount", 0);
+            ce(ae(i), "controlledExternally", void 0);
+            ce(ae(i), "focusCalledInternally", false);
+            ce(ae(i), "options", void 0);
+            ce(ae(i), "popoverId", void 0);
+            ce(ae(i), "previousActiveIndex", null);
+            ce(ae(i), "textInput", null);
+            ce(ae(i), "handleInputMount", (function(e) {
                 i.textInput = e;
-                U(i.props.inputRef, e);
+                Y(i.props.inputRef, e);
             }));
-            le(re(i), "handleAnchorMount", (function(e) {
+            ce(ae(i), "handleAnchorMount", (function(e) {
                 i.setState({
                     anchor: e
                 });
-                U(i.props.elementRef, e);
+                Y(i.props.elementRef, e);
             }));
-            le(re(i), "handleActiveOptionMount", (function(e) {
+            ce(ae(i), "handleActiveOptionMount", (function(e) {
                 if (i.previousActiveIndex !== i.state.activeIndex) {
                     e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                 }
             }));
-            le(re(i), "handleInputFocus", (function(e) {
+            ce(ae(i), "handleInputFocus", (function(e) {
                 var t, 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
@@ -600,7 +611,7 @@
                 }
                 (t = (n = i.props).onFocus) === null || t === void 0 ? void 0 : t.call(n, e);
             }));
-            le(re(i), "handleChange", (function(e, t) {
+            ce(ae(i), "handleChange", (function(e, t) {
                 var n, o;
                 var r = t.value, a = t.selectedOption;
                 var l = i.props.name;
@@ -622,19 +633,19 @@
                     name: l
                 });
             }));
-            le(re(i), "handleSelectOption", (function(e, t) {
-                i.handleChange(e, J(J({}, t), {}, {
+            ce(ae(i), "handleSelectOption", (function(e, t) {
+                i.handleChange(e, Z(Z({}, t), {}, {
                     selectedOption: true
                 }));
                 i.focusCalledInternally = true;
                 i.focus();
                 i.close();
             }));
-            le(re(i), "handleInputKeyDown", (function(e) {
+            ce(ae(i), "handleInputKeyDown", (function(e) {
                 var t = i.props, o = t.children, r = t.onKeyDown, a = t.onScrollBottom;
                 var l = i.availableOptionCount;
                 var u = i.activeValue;
-                var c = (0, g.keycode)(e.nativeEvent);
+                var c = (0, S.keycode)(e.nativeEvent);
                 if (i.state.open) {
                     switch (c) {
                       case "enter":
@@ -676,67 +687,67 @@
                       default:
  // do nothing
                                         }
-                } else if ((0, g.addsCharacter)(e.nativeEvent) !== false || // Safari 9.0 returns undefined
+                } else if ((0, S.addsCharacter)(e.nativeEvent) !== false || // Safari 9.0 returns undefined
                 c === "enter" || c === "backspace" || c === "down" || c === "up") {
                     i.open();
                 }
                 r === null || r === void 0 ? void 0 : r(e);
             }));
-            le(re(i), "handleInputClick", (function() {
+            ce(ae(i), "handleInputClick", (function() {
                 if (!i.state.open && !i.props.disabled) {
                     i.open();
                 }
             }));
-            le(re(i), "handleRequestClose", (function(e) {
+            ce(ae(i), "handleRequestClose", (function(e) {
                 var t = e.event, n = e.reason;
-                var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && i.state.anchor && !se(i.state.anchor, t);
+                var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && i.state.anchor && !pe(i.state.anchor, t);
                 if (o) {
                     i.close();
                 }
             }));
-            le(re(i), "handleScrollBottom", (function(e) {
+            ce(ae(i), "handleScrollBottom", (function(e) {
                 if (i.state.open && !i.props.isLoadingOptions) {
                     var t, n;
                     (t = (n = i.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
                 }
             }));
-            le(re(i), "renderMenu", (function(e) {
+            ce(ae(i), "renderMenu", (function(e) {
                 var t = e.anchorWidth, r = e.maxHeight;
-                var a = i.props, u = a.children, s = a.controlledFilter, f = a.isLoadingOptions, p = a.menuStyle, v = a.onScrollBottom;
-                var b = i.state, g = b.activeIndex, I = b.typedValue;
-                var S = i.getValue();
-                var C = n.Children.toArray(u).filter(n.isValidElement);
-                var k = h()(C, (function(e) {
-                    if (e.type === O.Heading) {
+                var a = i.props, l = a.children, u = a.controlledFilter, s = a.isLoadingOptions, f = a.menuStyle, p = a.onScrollBottom;
+                var d = i.state, v = d.activeIndex, y = d.typedValue;
+                var g = i.getValue();
+                var S = n.Children.toArray(l).filter(n.isValidElement);
+                var C = b()(S, (function(e) {
+                    if (e.type === I.Heading) {
                         return false;
                     }
                     if (e.props.label === undefined) {
-                        return e.props.value === S;
+                        return e.props.value === g;
                     }
-                    if (e.props.label !== undefined && I !== undefined) {
-                        return e.props.label === S;
+                    if (e.props.label !== undefined && y !== undefined) {
+                        return e.props.label === g;
                     }
-                    return e.props.value === S;
+                    return e.props.value === g;
                 }));
-                if (!k && S) {
-                    C.unshift( o().createElement(W, {
-                        description: (0, m._)("(New value)"),
+                if (!C && g) {
+                    S.unshift( o().createElement(X, {
+                        description: (0, O._)("(New value)"),
                         descriptionPosition: "right",
                         key: "currentValueOption",
-                        value: S,
-                        "data-test-current-value-option": S
+                        value: g,
+                        "data-test-current-value-option": g
                     }));
                 }
  // Highlight Active
                                 i.availableOptionCount = 0;
                 i.activeValue = undefined;
-                var P = (0, y.stringToKeywords)(I ? S : i.getDisplayValue());
-                i.options = (s ? C : C.filter((function(e) {
+                var w = (0, m.stringToKeywords)(y ? g : i.getDisplayValue());
+                i.options = (u ? S : S.filter((function(e) {
                     if (e.props.label !== undefined) {
-                        return (0, y.testPhrase)(e.props.label, P);
+                        return (0, m.testPhrase)(e.props.label, w);
                     }
                     if (e.props.value !== undefined) {
-                        return (0, y.testPhrase)(e.props.value, P);
+                        return (0, m.testPhrase)(e.props.value, w);
                     }
                     return true;
  // Keep all headers and non-interactive options
@@ -745,11 +756,11 @@
                         // ignore Headings and Dividers
                         return e;
                     }
-                    var o = i.availableOptionCount === g;
+                    var o = i.availableOptionCount === v;
                     i.availableOptionCount += 1;
                     var r = e.props.label !== undefined ? e.props.label : e.props.value;
                     var a = e.props.matchRanges;
-                    var l = !s && S && (k || t > 0) ? (0, y.keywordLocations)(r, P) || undefined : undefined;
+                    var l = !u && g && (C || t > 0) ? (0, m.keywordLocations)(r, w) || undefined : undefined;
                     if (o) {
                         i.activeValue = e.props.value;
                         
@@ -767,17 +778,18 @@
                         matchRanges: a || l
                     });
                 }));
+                var k = de({
+                    anchorWidth: t,
+                    maxHeight: r,
+                    menuStyle: f
+                });
                 
-                return o().createElement(w(), Y({
-                    style: l()({
-                        overflow: "auto",
-                        width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
-                    }, p),
+                return o().createElement(P(), J({
+                    style: k,
                     controlledExternally: true,
-                    maxHeight: r !== null && r !== void 0 ? r : undefined,
-                    onScrollBottom: v ? i.handleScrollBottom : undefined,
-                    isLoading: f
-                }, d()(i.props, "className", "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), i.options);
+                    onScrollBottom: p ? i.handleScrollBottom : undefined,
+                    isLoading: s
+                }, h()(i.props, "className", "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll")), i.options);
             }));
             i.state = {
                 activeIndex: 0,
@@ -787,13 +799,13 @@
                 value: e.defaultValue || ""
             };
             i.controlledExternally = c()(e, "value");
-            i.popoverId = (0, b.createDOMID)("popover");
-            i.activeItemId = (0, b.createDOMID)("active-item");
+            i.popoverId = (0, g.createDOMID)("popover");
+            i.activeItemId = (0, g.createDOMID)("active-item");
             if (false) {}
             if (false) {}
             return i;
         }
-        $(r, [ {
+        te(r, [ {
             key: "componentDidUpdate",
             value: function e(t, n) {
                 if (false) {}
@@ -863,14 +875,14 @@
                 var a = this.getValue();
                 var l = this.getDisplayValue();
                 
-                return o().createElement(P(), Y({
+                return o().createElement(x(), J({
                     autoCapitalize: "off",
                     autoComplete: "off",
                     autoCorrect: "off",
                     spellCheck: false,
                     canClear: true,
                     "data-test": "combo-box"
-                }, f()(this.props, "animateLoading", "className", "controlledFilter", "defaultValue", "footerMessage", "isLoadingOptions", "loadingMessage", "menuStyle", "noOptionsMessage", "onClose", "onOpen", "onScroll", "onScrollBottom", "spellCheck"), {
+                }, d()(this.props, "animateLoading", "className", "controlledFilter", "defaultValue", "footerMessage", "isLoadingOptions", "loadingMessage", "menuStyle", "noOptionsMessage", "onClose", "onOpen", "onScroll", "onScrollBottom", "spellCheck"), {
                     "data-test-popover-id": this.popoverId,
                     "data-test-label": l,
                     "data-test-value": a,
@@ -886,9 +898,9 @@
                     "aria-activedescendant": this.activeItemId,
                     "aria-expanded": i,
                     "aria-haspopup": true,
-                    "aria-label": (0, m._)("Value input"),
+                    "aria-label": (0, O._)("Value input"),
                     "aria-controls": i ? this.popoverId : undefined
-                }),  o().createElement(S(), {
+                }),  o().createElement(w(), {
                     anchor: r,
                     autoCloseWhenOffScreen: true,
                     canCoverAnchor: false,
@@ -902,12 +914,12 @@
         } ]);
         return r;
     }(n.Component);
-    le(fe, "propTypes", ue);
-    le(fe, "defaultProps", ce);
-    le(fe, "Option", W);
-    le(fe, "Divider", O.Divider);
-    le(fe, "Heading", O.Heading);
-    /* harmony default export */    const pe = fe;
+    ce(ve, "propTypes", se);
+    ce(ve, "defaultProps", fe);
+    ce(ve, "Option", X);
+    ce(ve, "Divider", I.Divider);
+    ce(ve, "Heading", I.Heading);
+    /* harmony default export */    const he = ve;
     // CONCATENATED MODULE: ./src/ComboBox/index.ts
     module.exports = t;
     /******/})();