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

package/ComboBox.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var n = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = n => {
+            /******/ var r = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            e.d(n, {
-                a: n
+            e.d(r, {
+                a: r
             });
-            /******/            return n;
+            /******/            return r;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, n) => {
-            /******/ for (var o in n) {
-                /******/ if (e.o(n, o) && !e.o(t, o)) {
-                    /******/ Object.defineProperty(t, o, {
+        /******/ e.d = (n, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(n, t)) {
+                    /******/ Object.defineProperty(n, t, {
                         enumerable: true,
-                        get: n[o]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,855 +56,663 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(n);
     // EXPORTS
-        e.d(t, {
-        Divider: () => /* reexport */ S.Divider,
-        Heading: () => /* reexport */ S.Heading,
-        Option: () => /* reexport */ J,
-        default: () => /* reexport */ Oe
+        e.d(n, {
+        Divider: () => /* reexport */ d.Divider,
+        Heading: () => /* reexport */ d.Heading,
+        Option: () => /* reexport */ D,
+        default: () => /* reexport */ re
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var o =  e.n(n);
+    const r = require("react");
+    var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
-    const r = require("prop-types");
-    var i =  e.n(r);
+    const o = require("prop-types");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/extend"
-    const a = require("lodash/extend");
-    var l =  e.n(a);
-    // CONCATENATED MODULE: external "lodash/has"
-    const u = require("lodash/has");
-    var c =  e.n(u);
+    const i = require("lodash/extend");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "lodash/memoize"
-    const s = require("lodash/memoize");
-    var p =  e.n(s);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const f = require("lodash/omit");
-    var d =  e.n(f);
-    // CONCATENATED MODULE: external "lodash/pick"
-    const v = require("lodash/pick");
-    var b =  e.n(v);
+    const u = require("lodash/memoize");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "lodash/some"
-    const h = require("lodash/some");
-    var y =  e.n(h);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
-    const m = require("@splunk/ui-utils/filter");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const g = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const O = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const w = require("@splunk/ui-utils/keyboard");
+    const s = require("lodash/some");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const S = require("@splunk/react-ui/Menu");
+    const d = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const P = require("@splunk/react-ui/Popover");
-    var j =  e.n(P);
+    const p = require("@splunk/react-ui/Popover");
+    var v =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const I = require("@splunk/react-ui/ResultsMenu");
-    var C =  e.n(I);
+    const b = require("@splunk/react-ui/ResultsMenu");
+    var m =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const k = require("@splunk/react-ui/Text");
-    var x =  e.n(k);
-    // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-    // A utility that attempts to move an element into view by scrolling it's derived parent.
-    var R = function e(t) {
-        if (!t) {
-            return;
-        }
-        var n = t.offsetParent;
-        if (!n) {
-            return;
-        }
-        // Below the bottom of the container.
-                if (n.scrollTop + n.clientHeight < t.offsetTop + t.clientHeight) {
-            n.scrollTop = t.offsetTop + t.clientHeight - n.clientHeight;
-            // Above the top of the container.
-                } else if (n.scrollTop > t.offsetTop) {
-            n.scrollTop = t.offsetTop;
+    const y = require("@splunk/react-ui/Text");
+    var g =  e.n(y);
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const h = require("@splunk/react-ui/useControlled");
+    var O =  e.n(h);
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const S = require("@splunk/react-ui/usePrevious");
+    var C =  e.n(S);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const k = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const P = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const w = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const j = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+    function R(e, n) {
+        if (e) {
+            if (typeof e === "function") {
+                e(n);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = n;
+ // eslint-disable-line no-param-reassign
+                        }
         }
-    };
-    // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
-    function E(e) {
-        "@babel/helpers - typeof";
-        return E = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, E(e);
     }
+    // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
     function M() {
         return M = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var o in n) {
-                    ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
         }, M.apply(null, arguments);
     }
-    function V(e, t) {
+    function q(e, n) {
         if (null == e) return {};
-        var n, o, r = T(e, t);
+        var r, t, o = E(e, n);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < i.length; o++) {
-                n = i[o], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < a.length; t++) {
+                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
-        return r;
+        return o;
     }
-    function T(e, t) {
+    function E(e, n) {
         if (null == e) return {};
-        var n = {};
-        for (var o in e) {
-            if ({}.hasOwnProperty.call(e, o)) {
-                if (t.includes(o)) continue;
-                n[o] = e[o];
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
             }
         }
-        return n;
-    }
-    function D(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function q(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var o = t[n];
-            o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), 
-            Object.defineProperty(e, W(o.key), o);
-        }
-    }
-    function _(e, t, n) {
-        return t && q(e.prototype, t), n && q(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function B(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
-            }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && A(e, t);
-    }
-    function A(e, t) {
-        return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, A(e, t);
-    }
-    function H(e) {
-        var t = K();
-        return function() {
-            var n, o = N(e);
-            if (t) {
-                var r = N(this).constructor;
-                n = Reflect.construct(o, arguments, r);
-            } else n = o.apply(this, arguments);
-            return L(this, n);
-        };
-    }
-    function L(e, t) {
-        if (t && ("object" == E(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return F(e);
-    }
-    function F(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function K() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (K = function t() {
-            return !!e;
-        })();
-    }
-    function N(e) {
-        return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, N(e);
-    }
-    function z(e, t, n) {
-        return (t = W(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
-    }
-    function W(e) {
-        var t = U(e, "string");
-        return "symbol" == E(t) ? t : t + "";
-    }
-    function U(e, t) {
-        if ("object" != E(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var o = n.call(e, t || "default");
-            if ("object" != E(o)) return o;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-        }
-        return ("string" === t ? String : Number)(e);
+        return r;
     }
-    var X = {
+    var T = {
         /** @private */
-        active: i().bool,
-        description: i().string,
-        descriptionPosition: i().oneOf([ "right", "bottom" ]),
-        disabled: i().bool,
-        icon: i().node,
-        label: i().string,
-        matchRanges: i().arrayOf(i().shape({
-            start: i().number.isRequired,
-            end: i().number.isRequired
+        active: a().bool,
+        description: a().string,
+        descriptionPosition: a().oneOf([ "right", "bottom" ]),
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        icon: a().node,
+        label: a().string,
+        matchRanges: a().arrayOf(a().shape({
+            start: a().number.isRequired,
+            end: a().number.isRequired
         })),
         /** @private */
-        onClick: i().func,
-        truncate: i().bool,
-        value: i().string.isRequired
-    };
-    var Y = {
-        active: false,
-        descriptionPosition: "bottom",
-        disabled: false,
-        truncate: false
+        onClick: a().func,
+        truncate: a().bool,
+        value: a().string.isRequired
     };
     /**
- * 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 G =  function(e) {
-        B(n, e);
-        var t = H(n);
-        function n() {
-            var e;
-            D(this, n);
-            for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++) {
-                i[a] = arguments[a];
+ * An option within a `ComboBox`.
+ */    function B(e) {
+        var n = e.active, o = e.description, a = e.descriptionPosition, i = a === void 0 ? "bottom" : a, l = e.disabled, u = e.elementRef, c = e.icon, s = e.label, f = e.matchRanges, p = e.onClick, v = e.truncate, b = e.value, m = q(e, [ "active", "description", "descriptionPosition", "disabled", "elementRef", "icon", "label", "matchRanges", "onClick", "truncate", "value" ]);
+        // @docs-props-type OptionPropsBase
+                var y = (0, r.useCallback)((function(e) {
+            if (!l) {
+                p === null || p === void 0 ? void 0 : p(e, {
+                    value: b
+                });
             }
-            e = t.call.apply(t, [ this ].concat(i));
-            z(F(e), "itemRef",  o().createRef());
-            z(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, {
-                        value: i
-                    });
-                }
-            }));
-            return e;
+        }), [ l, p, b ]);
+        var g = (0, r.useCallback)((function(e) {
+            R(u, e);
+        }), [ u ]);
+        var h = s === undefined ? b : s;
+        
+        return t().createElement(d.Item, M({
+            active: n,
+            "data-test": "option",
+            "data-test-value": b,
+            description: o,
+            descriptionPosition: i,
+            disabled: l,
+            elementRef: g,
+            startAdornment: c,
+            matchRanges: f,
+            onClick: y,
+            truncate: v
+        }, m, {
+            role: "option"
+        }), h);
+    }
+    B.propTypes = T;
+    B.as = "Item";
+    /* harmony default export */    const D = B;
+    // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
+    // A utility that attempts to move an element into view by scrolling it's derived parent.
+    var x = function e(n) {
+        if (!n) {
+            return;
         }
- // @docs-props-type OptionPropsBase
-                _(n, [ {
-            key: "scrollIntoViewIfNeeded",
-            // eslint-disable-next-line react/no-unused-class-component-methods
-            value: function e() {
-                R(this.itemRef.current);
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                // eslint-disable-next-line no-unused-vars
-                var t = this.props, n = t.value, r = t.label, i = V(t, [ "value", "label" ]);
-                var a = r === undefined ? n : r;
-                
-                return o().createElement(S.Item, M({
-                    elementRef: this.itemRef,
-                    "data-test": "option",
-                    "data-test-value": n
-                }, i, {
-                    onClick: this.handleClick,
-                    role: "option"
-                }), a);
-            }
-        } ]);
-        return n;
-    }(n.PureComponent);
-    z(G, "propTypes", X);
-    z(G, "defaultProps", Y);
-    /* harmony default export */    const J = G;
-    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
-    /**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-    function Q(e, t) {
-        if (e) {
-            if (typeof e === "function") {
-                e(t);
-            } else {
-                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-                // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = t;
- // eslint-disable-line no-param-reassign
-                        }
+        var r = n.offsetParent;
+        if (!r) {
+            return;
         }
-    }
+        // Below the bottom of the container.
+                if (r.scrollTop + r.clientHeight < n.offsetTop + n.clientHeight) {
+            r.scrollTop = n.offsetTop + n.clientHeight - r.clientHeight;
+            // Above the top of the container.
+                } else if (r.scrollTop > n.offsetTop) {
+            r.scrollTop = n.offsetTop;
+        }
+    };
     // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
-    function Z(e) {
+    function I(e) {
         "@babel/helpers - typeof";
-        return Z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, Z(e);
-    }
-    function $() {
-        return $ = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var o in n) {
-                    ({}).hasOwnProperty.call(n, o) && (e[o] = n[o]);
+        }, I(e);
+    }
+    function A() {
+        return A = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var r = arguments[n];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, $.apply(null, arguments);
+        }, A.apply(null, arguments);
     }
-    function ee(e, t) {
-        var n = Object.keys(e);
+    function H(e, n) {
+        var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            t && (o = o.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }))), n.push.apply(n, o);
+            var t = Object.getOwnPropertySymbols(e);
+            n && (t = t.filter((function(n) {
+                return Object.getOwnPropertyDescriptor(e, n).enumerable;
+            }))), r.push.apply(r, t);
         }
-        return n;
+        return r;
     }
-    function te(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var n = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? ee(Object(n), !0).forEach((function(t) {
-                fe(e, t, n[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ee(Object(n)).forEach((function(t) {
-                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+    function L(e) {
+        for (var n = 1; n < arguments.length; n++) {
+            var r = null != arguments[n] ? arguments[n] : {};
+            n % 2 ? H(Object(r), !0).forEach((function(n) {
+                z(e, n, r[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : H(Object(r)).forEach((function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
             }));
         }
         return e;
     }
-    function ne(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+    function z(e, n, r) {
+        return (n = F(n)) in e ? Object.defineProperty(e, n, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[n] = r, e;
     }
-    function oe(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var o = t[n];
-            o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), 
-            Object.defineProperty(e, de(o.key), o);
+    function F(e) {
+        var n = V(e, "string");
+        return "symbol" == I(n) ? n : n + "";
+    }
+    function V(e, n) {
+        if ("object" != I(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var t = r.call(e, n || "default");
+            if ("object" != I(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
+        return ("string" === n ? String : Number)(e);
     }
-    function re(e, t, n) {
-        return t && oe(e.prototype, t), n && oe(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
+    function K(e, n) {
+        return X(e) || U(e, n) || W(e, n) || _();
     }
-    function ie(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
-            }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && ae(e, t);
-    }
-    function ae(e, t) {
-        return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, ae(e, t);
-    }
-    function le(e) {
-        var t = se();
-        return function() {
-            var n, o = pe(e);
-            if (t) {
-                var r = pe(this).constructor;
-                n = Reflect.construct(o, arguments, r);
-            } else n = o.apply(this, arguments);
-            return ue(this, n);
-        };
-    }
-    function ue(e, t) {
-        if (t && ("object" == Z(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return ce(e);
-    }
-    function ce(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
+    function _() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function se() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (se = function t() {
-            return !!e;
-        })();
+    function W(e, n) {
+        if (e) {
+            if ("string" == typeof e) return N(e, n);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? N(e, n) : void 0;
+        }
     }
-    function pe(e) {
-        return pe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, pe(e);
+    function N(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var r = 0, t = Array(n); r < n; r++) {
+            t[r] = e[r];
+        }
+        return t;
+    }
+    function U(e, n) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, o, a, i, l = [], u = !0, c = !1;
+            try {
+                if (a = (r = r.call(e)).next, 0 === n) {
+                    if (Object(r) !== r) return;
+                    u = !1;
+                } else for (;!(u = (t = a.call(r)).done) && (l.push(t.value), l.length !== n); u = !0) {
+                }
+            } catch (e) {
+                c = !0, o = e;
+            } finally {
+                try {
+                    if (!u && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
+                } finally {
+                    if (c) throw o;
+                }
+            }
+            return l;
+        }
     }
-    function fe(e, t, n) {
-        return (t = de(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
+    function X(e) {
+        if (Array.isArray(e)) return e;
     }
-    function de(e) {
-        var t = ve(e, "string");
-        return "symbol" == Z(t) ? t : t + "";
+    function Y(e, n) {
+        if (null == e) return {};
+        var r, t, o = $(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < a.length; t++) {
+                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+            }
+        }
+        return o;
     }
-    function ve(e, t) {
-        if ("object" != Z(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var o = n.call(e, t || "default");
-            if ("object" != Z(o)) return o;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+    function $(e, n) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (n.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
-        return ("string" === t ? String : Number)(e);
+        return r;
     }
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var be = {
-        animateLoading: i().bool,
-        append: i().bool,
-        children: i().node,
-        controlledFilter: i().bool,
-        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,
-        inputId: i().string,
-        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,
-        onBlur: i().func,
-        onChange: i().func,
-        onClose: i().func,
-        onFocus: i().func,
-        onKeyDown: i().func,
-        onOpen: i().func,
-        onScroll: i().func,
-        onScrollBottom: i().func,
-        onSelect: i().func,
-        placeholder: i().string,
-        prepend: i().bool,
-        value: i().string,
+    /** @public */    var G = {
+        animateLoading: a().bool,
+        append: a().bool,
+        children: a().node,
+        controlledFilter: a().bool,
+        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,
+        inputId: a().string,
+        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,
+        onBlur: a().func,
+        onChange: a().func,
+        onClose: a().func,
+        onFocus: a().func,
+        onKeyDown: a().func,
+        onOpen: a().func,
+        onScroll: a().func,
+        onScrollBottom: a().func,
+        onSelect: a().func,
+        placeholder: a().string,
+        prepend: a().bool,
+        value: a().string,
         /** @private. */
-        virtualization: i().number
-    };
-    var he = {
-        animateLoading: false,
-        controlledFilter: false,
-        defaultPlacement: "vertical",
-        disabled: false,
-        error: false,
-        inline: false,
-        isLoadingOptions: false,
-        menuStyle: {},
-        placeholder: (0, O._)("Select...")
+        virtualization: a().number
     };
-    function ye(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;
+    function J(e, n) {
+        var r = n.clientX, t = n.clientY;
+        var o = e.getBoundingClientRect(), a = o.top, i = o.left, l = o.bottom, u = o.right;
+        return r > i && r < u && t > a && t < l;
     }
-    var me = p()((function(e) {
-        var t = e.anchorWidth, n = e.maxHeight, o = e.menuStyle;
+    var Q = c()((function(e) {
+        var n = e.anchorWidth, r = e.maxHeight, t = e.menuStyle;
         return l()({
-            maxHeight: n,
+            maxHeight: r,
             overflow: "auto",
-            width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
-        }, o);
+            width: Math.max(n !== null && n !== void 0 ? n : 0, 200)
+        }, t);
     }));
+    var Z = {};
+    var ee = (0, P._)("Select...");
     /**
  * `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.
- */    var ge =  function(e) {
-        ie(r, e);
-        var t = le(r);
+ */    function ne(e) {
+        var n = e.animateLoading, o = e.append, a = e.children, i = e.controlledFilter, l = e.defaultPlacement, u = l === void 0 ? "vertical" : l, c = e.defaultValue, s = e.describedBy, d = e.disabled, p = e.elementRef, y = e.error, h = e.footerMessage, S = e.inline, M = e.inputId, q = e.inputRef, E = e.isLoadingOptions, T = e.labelledBy, B = e.loadingMessage, I = e.menuStyle, H = I === void 0 ? Z : I, z = e.name, F = e.noOptionsMessage, V = e.onBlur, _ = e.onChange, W = e.onClose, N = e.onFocus, U = e.onKeyDown, X = e.onOpen, $ = e.onScroll, G = e.onScrollBottom, ne = e.onSelect, re = e.placeholder, te = re === void 0 ? ee : re, oe = e.prepend, ae = e.value, ie = e.virtualization, le = Y(e, [ "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onBlur", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "onScroll", "onScrollBottom", "onSelect", "placeholder", "prepend", "value", "virtualization" ]);
         // @docs-props-type ComboBoxPropsBase
-                function r(e) {
-            var i;
-            ne(this, r);
-            i = t.call(this, e);
-            fe(ce(i), "activeItemId", void 0);
-            fe(ce(i), "activeValue", void 0);
-            fe(ce(i), "availableOptionCount", 0);
-            fe(ce(i), "controlledExternally", void 0);
-            fe(ce(i), "options", void 0);
-            fe(ce(i), "popoverId", void 0);
-            fe(ce(i), "previousActiveIndex", null);
-            fe(ce(i), "textInput", null);
-            fe(ce(i), "handleInputMount", (function(e) {
-                i.textInput = e;
-                Q(i.props.inputRef, e);
+                var ue = O()({
+            componentName: "ComboBox",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0]
+        });
+        var ce = (0, r.useState)(0), se = K(ce, 2), fe = se[0], de = se[1];
+        var pe = (0, r.useState)(null), ve = K(pe, 2), be = ve[0], me = ve[1];
+        var ye = (0, r.useState)(false), ge = K(ye, 2), he = ge[0], Oe = ge[1];
+        var Se = (0, r.useState)(null), Ce = K(Se, 2), ke = Ce[0], Pe = Ce[1];
+        var we = (0, r.useState)(), je = K(we, 2), Re = je[0], Me = je[1];
+        var qe = (0, r.useState)(c || ""), Ee = K(qe, 2), Te = Ee[0], Be = Ee[1];
+        var De = C()(fe);
+        var xe = (0, r.useRef)();
+        var Ie = (0, r.useRef)(0);
+        var Ae = (0, r.useRef)(De);
+        var He = (0, w.createDOMID)("popover");
+        var Le = (0, w.createDOMID)("active-item");
+        var ze = (0, r.useCallback)((function() {
+            Oe(false);
+            Ae.current = null;
+            W === null || W === void 0 ? void 0 : W();
+        }), [ W ]);
+        var Fe = (0, r.useCallback)((function() {
+            if (!he) {
+                Oe(true);
+                de(0);
+                X === null || X === void 0 ? void 0 : X();
+            }
+        }), [ he, X ]);
+        var Ve = (0, r.useCallback)((function() {
+            return ue ? ae : Te;
+        }), [ ue, ae, Te ]);
+        var Ke = (0, r.useCallback)((function() {
+            var e = Ve();
+            var n = r.Children.toArray(a).filter(r.isValidElement);
+            var t = !Re && n.find((function(n) {
+                return n.props.label !== undefined && n.props.value === e;
             }));
-            fe(ce(i), "handleAnchorMount", (function(e) {
-                i.setState({
-                    anchor: e
-                });
-                Q(i.props.elementRef, e);
+            if (t) {
+                return t === null || t === void 0 ? void 0 : t.props.label;
+            }
+            return e;
+        }), [ a, Ve, Re ]);
+        var _e = (0, r.useCallback)((function(e) {
+            Pe(e);
+            R(q, e);
+        }), [ q ]);
+        var We = (0, r.useCallback)((function(e) {
+            me(e);
+            R(p, e);
+        }), [ p ]);
+        var Ne = (0, r.useCallback)((function(e) {
+            if (Ae.current !== fe) {
+                x(e);
+            }
+        }), [ fe, Ae ]);
+        var Ue = (0, r.useCallback)((function(e, n) {
+            Fe();
+            N === null || N === void 0 ? void 0 : N(e, n);
+        }), [ N, Fe ]);
+        var Xe = (0, r.useCallback)((function(e, n) {
+            var r = n.value, t = n.selectedOption;
+            e.stopPropagation();
+            var o = t ? undefined : r;
+            de(0);
+            Me(o);
+            if (!ue) {
+                Be(r);
+            }
+            _ === null || _ === void 0 ? void 0 : _(e, {
+                value: r,
+                name: z
+            });
+        }), [ ue, z, _ ]);
+        var Ye = (0, r.useCallback)((function(e, n) {
+            Xe(e, L(L({}, n), {}, {
+                selectedOption: true
             }));
-            fe(ce(i), "handleActiveOptionMount", (function(e) {
-                if (i.previousActiveIndex !== i.state.activeIndex) {
-                    e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
+            ke === null || ke === void 0 ? void 0 : ke.focus();
+            ze();
+        }), [ ze, Xe, ke ]);
+        var $e = (0, r.useCallback)((function(e) {
+            e.stopPropagation();
+            if (!d) {
+                Fe();
+            }
+        }), [ d, Fe ]);
+        var Ge = (0, r.useCallback)((function(e) {
+            var n = e.event, r = e.reason;
+            var t = r === "offScreen" || r === "escapeKey" || r === "clickAway" && be && !J(be, n);
+            if (t) {
+                ze();
+            }
+        }), [ be, ze ]);
+        var Je = (0, r.useCallback)((function(e) {
+            if (he && !E) {
+                G === null || G === void 0 ? void 0 : G(e);
+            }
+        }), [ E, he, G ]);
+        var Qe = (0, r.useMemo)((function() {
+            var e = Ve();
+            var n = r.Children.toArray(a).filter(r.isValidElement);
+            var o = f()(n, (function(n) {
+                if (n.props.label === undefined) {
+                    return n.props.value === e;
                 }
-            }));
-            fe(ce(i), "handleInputFocus", (function(e, t) {
-                var n, o;
-                i.open();
-                (n = (o = i.props).onFocus) === null || n === void 0 ? void 0 : n.call(o, e, t);
-            }));
-            fe(ce(i), "handleChange", (function(e, t) {
-                var n, o;
-                var r = t.value, a = t.selectedOption;
-                e.stopPropagation();
-                var l = i.props.name;
-                var u = a ? undefined : r;
-                if (i.isControlled()) {
-                    i.setState({
-                        activeIndex: 0,
-                        typedValue: u
-                    });
-                } else {
-                    i.setState({
-                        value: r,
-                        activeIndex: 0,
-                        typedValue: u
-                    });
+                if (n.props.label !== undefined && Re !== undefined) {
+                    return n.props.label === e;
                 }
-                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
-                    value: r,
-                    name: l
-                });
+                return n.props.value === e;
             }));
-            fe(ce(i), "handleSelectOption", (function(e, t) {
-                i.handleChange(e, te(te({}, t), {}, {
-                    selectedOption: true
+            if (!o && e) {
+                n.unshift( t().createElement(D, {
+                    description: (0, P._)("(New value)"),
+                    descriptionPosition: "right",
+                    key: "currentValueOption",
+                    value: e,
+                    "data-test-current-value-option": e
                 }));
-                i.focus();
-                i.close();
-            }));
-            fe(ce(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, w.keycode)(e.nativeEvent);
-                if (i.state.open) {
-                    switch (c) {
-                      case "enter":
-                        {
-                            if (u) {
-                                i.handleSelectOption(e, {
-                                    value: u
-                                });
-                            }
-                            break;
-                        }
-
-                      case "tab":
-                        i.close();
-                        break;
-
-                      case "down":
-                        i.setState((function(e) {
-                            return {
-                                activeIndex: Math.min(e.activeIndex + 1, l - 1)
-                            };
-                        }));
-                        if (o && a) {
-                            var s = n.Children.count(o) - 2;
-                            if (i.state.activeIndex === s) {
-                                i.handleScrollBottom(e);
-                            }
-                        }
-                        break;
-
-                      case "up":
-                        i.setState((function(e) {
-                            return {
-                                activeIndex: Math.max(e.activeIndex - 1, 0)
-                            };
-                        }));
-                        break;
-
-                      default:
- // do nothing
-                                        }
-                } else if ((0, w.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);
-            }));
-            fe(ce(i), "handleInputClick", (function(e) {
-                e.stopPropagation();
-                if (!i.state.open && !i.props.disabled) {
-                    i.open();
-                }
-            }));
-            fe(ce(i), "handleRequestClose", (function(e) {
-                var t = e.event, n = e.reason;
-                var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && i.state.anchor && !ye(i.state.anchor, t);
-                if (o) {
-                    i.close();
+            }
+            // Highlight Active
+                        Ie.current = 0;
+            xe.current = undefined;
+            var l = (0, k.stringToKeywords)(Re ? e : Ke());
+            return (i ? n : n.filter((function(e) {
+                if (e.props.label !== undefined) {
+                    return (0, k.testPhrase)(e.props.label, l);
                 }
-            }));
-            fe(ce(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);
+                if (e.props.value !== undefined) {
+                    return (0, k.testPhrase)(e.props.value, l);
                 }
-            }));
-            fe(ce(i), "prepareOptions", (function() {
-                var e = i.props, t = e.children, r = e.controlledFilter;
-                var a = i.state, l = a.activeIndex, u = a.typedValue;
-                var s = i.getValue();
-                var p = n.Children.toArray(t).filter(n.isValidElement);
-                var f = y()(p, (function(e) {
-                    if (e.type === S.Heading) {
-                        return false;
-                    }
-                    if (e.props.label === undefined) {
-                        return e.props.value === s;
-                    }
-                    if (e.props.label !== undefined && u !== undefined) {
-                        return e.props.label === s;
-                    }
-                    return e.props.value === s;
-                }));
-                if (!f && s) {
-                    p.unshift( o().createElement(J, {
-                        description: (0, O._)("(New value)"),
-                        descriptionPosition: "right",
-                        key: "currentValueOption",
-                        value: s,
-                        "data-test-current-value-option": s
-                    }));
-                }
-                // Highlight Active
-                                i.availableOptionCount = 0;
-                i.activeValue = undefined;
-                var d = (0, m.stringToKeywords)(u ? s : i.getDisplayValue());
-                i.options = (r ? p : p.filter((function(e) {
-                    if (e.props.label !== undefined) {
-                        return (0, m.testPhrase)(e.props.label, d);
-                    }
-                    if (e.props.value !== undefined) {
-                        return (0, m.testPhrase)(e.props.value, d);
-                    }
-                    return true;
+                return true;
  // Keep all headers and non-interactive options
-                                }))).map((function(e, t) {
-                    if (!c()(e.props, "active")) {
-                        // ignore Headings and Dividers
-                        return e;
-                    }
-                    var o = i.availableOptionCount === l;
-                    i.availableOptionCount += 1;
-                    var a = e.props.label !== undefined ? e.props.label : e.props.value;
-                    var u = e.props.matchRanges;
-                    var p = !r && s && (f || t > 0) ? (0, m.keywordLocations)(a, d) || undefined : undefined;
-                    if (o) {
-                        if (!e.props.disabled) {
-                            i.activeValue = e.props.value;
-                        }
-                        
-                        return (0, n.cloneElement)(e, {
-                            ref: i.handleActiveOptionMount,
-                            id: i.activeItemId,
-                            onClick: i.handleSelectOption,
-                            matchRanges: u || p,
-                            active: true
-                        });
+                        }))).map((function(n, t) {
+                if (n.type.as !== "Item") {
+                    // ignore non-Option items such as Headings and Dividers
+                    return n;
+                }
+                var a = Ie.current === fe;
+                Ie.current += 1;
+                var u = n.props.label !== undefined ? n.props.label : n.props.value;
+                var c = n.props.matchRanges;
+                var s = !i && e && (o || t > 0) ? (0, k.keywordLocations)(u, l) || undefined : undefined;
+                if (a) {
+                    if (!n.props.disabled) {
+                        xe.current = n.props.value;
                     }
                     
-                    return (0, n.cloneElement)(e, {
-                        onClick: i.handleSelectOption,
-                        matchRanges: u || p
+                    return (0, r.cloneElement)(n, {
+                        elementRef: Ne,
+                        id: Le,
+                        onClick: Ye,
+                        matchRanges: c || s,
+                        active: true
                     });
-                }));
-            }));
-            fe(ce(i), "renderMenu", (function(e) {
-                var t = e.anchorWidth, n = e.maxHeight;
-                var r = i.props, a = r.isLoadingOptions, l = r.menuStyle, u = r.onScrollBottom, c = r.virtualization;
-                var s = me({
-                    anchorWidth: t,
-                    maxHeight: n,
-                    menuStyle: l
-                });
-                var p = te({
-                    style: s,
-                    controlledExternally: true,
-                    onScrollBottom: u ? i.handleScrollBottom : undefined,
-                    isLoading: a
-                }, b()(i.props, "className", "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"));
-                if (c) {
-                    
-                    return o().createElement(I.VirtualizedResultsMenu, $({
-                        virtualization: c
-                    }, p), i.options);
                 }
                 
-                return o().createElement(C(), p, i.options);
+                return (0, r.cloneElement)(n, {
+                    onClick: Ye,
+                    matchRanges: c || s
+                });
             }));
-            i.state = {
-                activeIndex: 0,
-                anchor: null,
-                typedValue: undefined,
-                open: false,
-                value: e.defaultValue || ""
-            };
-            i.controlledExternally = c()(e, "value");
-            i.popoverId = (0, g.createDOMID)("popover");
-            i.activeItemId = (0, g.createDOMID)("active-item");
-            if (false) {}
-            if (false) {}
-            return i;
-        }
-        re(r, [ {
-            key: "componentDidUpdate",
-            value: function e(t, n) {
-                if (false) {}
-                this.previousActiveIndex = n.activeIndex;
-            }
-        }, {
-            key: "getValue",
-            value: function e() {
-                return this.isControlled() ? this.props.value : this.state.value;
-            }
-        }, {
-            key: "getDisplayValue",
-            value: function e() {
-                var t = this.getValue();
-                var o = this.state.typedValue;
-                var r = n.Children.toArray(this.props.children).filter(n.isValidElement);
-                var i = !o && r.find((function(e) {
-                    return e.props.label !== undefined && e.props.value === t;
-                }));
-                if (i) {
-                    return i === null || i === void 0 ? void 0 : i.props.label;
-                }
-                return t;
-            }
-        }, {
-            key: "open",
-            value: function e() {
-                var t = this;
-                this.setState({
-                    open: true,
-                    activeIndex: 0
-                }, (function() {
-                    var e, n;
-                    (e = (n = t.props).onOpen) === null || e === void 0 ? void 0 : e.call(n);
-                }));
-            }
-        }, {
-            key: "close",
-            value: function e() {
-                var t = this;
-                this.setState({
-                    open: false
-                }, (function() {
-                    var e, n;
-                    t.previousActiveIndex = null;
-                    (e = (n = t.props).onClose) === null || e === void 0 ? void 0 : e.call(n);
-                }));
-            }
-            /**
-     * Focus the `ComboBox`.
-     */        }, {
-            key: "focus",
-            value: function e() {
-                var t;
-                (t = this.textInput) === null || t === void 0 ? void 0 : t.focus();
-            }
-        }, {
-            key: "isControlled",
-            value: function e() {
-                return this.controlledExternally;
+        }), [ fe, Le, a, i, Ke, Ve, Ne, Ye, Re ]);
+        var Ze = (0, r.useCallback)((function(e) {
+            var n = Ie.current;
+            var t = xe.current;
+            var o = (0, j.keycode)(e.nativeEvent);
+            if (he) {
+                switch (o) {
+                  case "enter":
+                    {
+                        if (t) {
+                            Ye(e, {
+                                value: t
+                            });
+                        }
+                        break;
+                    }
+
+                  case "tab":
+                    ze();
+                    break;
+
+                  case "down":
+                    de((function(e) {
+                        return Math.min(e + 1, n - 1);
+                    }));
+                    if (a && G) {
+                        var i = r.Children.count(a) - 2;
+                        if (fe === i) {
+                            Je(e);
+                        }
+                    }
+                    break;
+
+                  case "up":
+                    de((function(e) {
+                        return Math.max(e - 1, 0);
+                    }));
+                    break;
+
+                  default:
+ // do nothing
+                                }
+            } else if ((0, j.addsCharacter)(e.nativeEvent) !== false || 
+            // Safari 9.0 returns undefined
+            o === "enter" || o === "backspace" || o === "down" || o === "up") {
+                Fe();
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props, n = t.defaultPlacement, r = t.inputId;
-                var i = this.state, a = i.anchor, l = i.open;
-                var u = this.getValue();
-                var c = this.getDisplayValue();
-                this.prepareOptions();
+            U === null || U === void 0 ? void 0 : U(e);
+        }), [ fe, a, ze, Je, Ye, he, U, G, Fe ]);
+        var en = Ve();
+        var nn = Ke();
+        var rn = function e(r) {
+            var o = r.anchorWidth, a = r.maxHeight;
+            var i = Q({
+                anchorWidth: o,
+                maxHeight: a,
+                menuStyle: H
+            });
+            var l = {
+                animateLoading: n,
+                controlledExternally: ue,
+                footerMessage: h,
+                isLoading: E,
+                loadingMessage: B,
+                noOptionsMessage: F,
+                onScroll: $,
+                onScrollBottom: G ? Je : undefined,
+                style: i
+            };
+            if (ie) {
                 
-                return o().createElement(x(), $({
-                    autoCapitalize: "off",
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: false,
-                    canClear: true,
-                    "data-test": "combo-box"
-                }, d()(this.props, "animateLoading", "className", "controlledFilter", "defaultValue", "footerMessage", "inputId", "isLoadingOptions", "loadingMessage", "menuStyle", "noOptionsMessage", "onClose", "onOpen", "onScroll", "onScrollBottom", "spellCheck"), {
-                    "data-test-popover-id": this.popoverId,
-                    "data-test-label": c,
-                    "data-test-value": u,
-                    "data-test-open": l && !!a,
-                    onFocus: this.handleInputFocus,
-                    onClick: this.handleInputClick,
-                    onChange: this.handleChange,
-                    onKeyDown: this.handleInputKeyDown,
-                    inputId: r,
-                    inputRef: this.handleInputMount,
-                    elementRef: this.handleAnchorMount,
-                    role: "combobox",
-                    value: c,
-                    "aria-activedescendant": this.state.open && Array.isArray(this.options) && this.options.length > 0 ? this.activeItemId : undefined,
-                    "aria-expanded": l,
-                    "aria-controls": l ? this.popoverId : undefined
-                }),  o().createElement(j(), {
-                    anchor: a,
-                    autoCloseWhenOffScreen: true,
-                    canCoverAnchor: false,
-                    defaultPlacement: n,
-                    id: this.popoverId,
-                    onRequestClose: this.handleRequestClose,
-                    open: l && !!a,
-                    repositionMode: "flip"
-                }, this.renderMenu));
+                return t().createElement(b.VirtualizedResultsMenu, A({
+                    virtualization: ie
+                }, l), Qe);
             }
-        } ]);
-        return r;
-    }(n.Component);
-    fe(ge, "propTypes", be);
-    fe(ge, "defaultProps", he);
-    fe(ge, "Option", J);
-    fe(ge, "Divider", S.Divider);
-    fe(ge, "Heading", S.Heading);
-    /* harmony default export */    const Oe = ge;
+            
+            return t().createElement(m(), l, Qe);
+        };
+        
+        return t().createElement(g(), A({
+            append: o,
+            "aria-activedescendant": he && Array.isArray(Qe) && Qe.length > 0 ? Le : undefined,
+            "aria-expanded": he,
+            "aria-controls": he ? He : undefined,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            canClear: true,
+            "data-test": "combo-box",
+            "data-test-popover-id": He,
+            "data-test-label": nn,
+            "data-test-value": en,
+            "data-test-open": he && !!be,
+            describedBy: s,
+            disabled: d,
+            elementRef: We,
+            error: y,
+            inline: S,
+            inputId: M,
+            inputRef: _e,
+            labelledBy: T,
+            name: z,
+            onBlur: V,
+            onFocus: Ue,
+            onChange: Xe,
+            onClick: $e,
+            onKeyDown: Ze,
+            onSelect: ne,
+            placeholder: te,
+            prepend: oe,
+            role: "combobox",
+            value: nn
+        }, le, {
+            spellCheck: false
+        }),  t().createElement(v(), {
+            anchor: be,
+            autoCloseWhenOffScreen: true,
+            canCoverAnchor: false,
+            defaultPlacement: u,
+            id: He,
+            onRequestClose: Ge,
+            open: he && !!be,
+            repositionMode: "flip"
+        }, rn));
+    }
+    ne.Divider = d.Divider;
+    ne.Heading = d.Heading;
+    ne.Option = D;
+    ne.propTypes = G;
+    /* harmony default export */    const re = ne;
     // CONCATENATED MODULE: ./src/ComboBox/index.ts
-    module.exports = t;
+    module.exports = n;
     /******/})();