@splunk/react-ui 4.20.0 → 4.21.1

package/ComboBox.js

@@ -1,990 +1,913 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 220);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 10:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
-/**
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* 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.d(n, {
+                a: n
+            });
+            /******/            return n;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* 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, {
+                        enumerable: true,
+                        get: n[o]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        Divider: () => /* reexport */ O.Divider,
+        Heading: () => /* reexport */ O.Heading,
+        Option: () => /* reexport */ W,
+        default: () => /* reexport */ pe
+    });
+    // CONCATENATED MODULE: external "react"
+    const n = require("react");
+    var o =  e.n(n);
+    // CONCATENATED MODULE: external "prop-types"
+    const r = require("prop-types");
+    var i =  e.n(r);
+    // 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);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const s = require("lodash/omit");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "lodash/pick"
+    const p = require("lodash/pick");
+    var d =  e.n(p);
+    // CONCATENATED MODULE: external "lodash/some"
+    const v = require("lodash/some");
+    var h =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+    const y = require("@splunk/ui-utils/filter");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const b = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const m = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const g = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+    const O = 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");
+    var w =  e.n(C);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
+    const k = require("@splunk/react-ui/Text");
+    var P =  e.n(k);
+    // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
+    function j(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            j = function e(t) {
+                return typeof t;
+            };
+        } else {
+            j = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return j(e);
+    }
+    function x() {
+        x = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var o in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, o)) {
+                        e[o] = n[o];
+                    }
+                }
+            }
+            return e;
+        };
+        return x.apply(this, arguments);
+    }
+    function R(e, t) {
+        if (e == null) return {};
+        var n = M(e, t);
+        var o, r;
+        if (Object.getOwnPropertySymbols) {
+            var i = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < i.length; r++) {
+                o = i[r];
+                if (t.indexOf(o) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, o)) continue;
+                n[o] = e[o];
+            }
+        }
+        return n;
+    }
+    function M(e, t) {
+        if (e == null) return {};
+        var n = {};
+        var o = Object.keys(e);
+        var r, i;
+        for (i = 0; i < o.length; i++) {
+            r = o[i];
+            if (t.indexOf(r) >= 0) continue;
+            n[r] = e[r];
+        }
+        return n;
+    }
+    function V(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+    function D(e, t) {
+        for (var n = 0; n < t.length; n++) {
+            var o = t[n];
+            o.enumerable = o.enumerable || false;
+            o.configurable = true;
+            if ("value" in o) o.writable = true;
+            Object.defineProperty(e, o.key, o);
+        }
+    }
+    function E(e, t, n) {
+        if (t) D(e.prototype, t);
+        if (n) D(e, n);
+        return e;
+    }
+    function _(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (t) q(e, t);
+    }
+    function q(e, t) {
+        q = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
+        };
+        return q(e, t);
+    }
+    function A(e) {
+        var t = L();
+        return function n() {
+            var o = F(e), r;
+            if (t) {
+                var i = F(this).constructor;
+                r = Reflect.construct(o, arguments, i);
+            } else {
+                r = o.apply(this, arguments);
+            }
+            return B(this, r);
+        };
+    }
+    function B(e, t) {
+        if (t && (j(t) === "object" || typeof t === "function")) {
+            return t;
+        }
+        return T(e);
+    }
+    function T(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
+    }
+    function L() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
+    }
+    function F(e) {
+        F = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return F(e);
+    }
+    function H(e, t, n) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: n,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = n;
+        }
+        return e;
+    }
+    var K = {
+        /** @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
+        })),
+        /** @private */
+        onClick: i().func,
+        truncate: i().bool,
+        value: i().string.isRequired
+    };
+    var N = {
+        active: false,
+        descriptionPosition: "bottom",
+        disabled: false,
+        truncate: false
+    };
+    /**
+ * 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);
+        function n() {
+            var e;
+            V(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) {
+                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;
+        }
+        E(n, [ {
+            key: "scrollIntoViewIfNeeded",
+            value: function e() {
+                var t;
+                (t = this.item) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+            }
+        }, {
+            key: "render",
+            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 l = i === undefined ? r : i;
+                
+                return o().createElement(O.Item, x({
+                    ref: function e(n) {
+                        t.item = n;
+                    },
+                    "data-test": "option",
+                    "data-test-value": r
+                }, a, {
+                    onClick: this.handleClick,
+                    role: "option",
+                    "aria-selected": false
+                }), l);
+            }
+        } ]);
+        return n;
+    }(n.PureComponent);
+    H(z, "propTypes", K);
+    H(z, "defaultProps", N);
+    /* harmony default export */    const W = z;
+    // 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 updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } 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".
-      ref.current = current; // eslint-disable-line no-param-reassign
-    }
-  }
-}
-
-
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Menu");
-
-/***/ }),
-
-/***/ 130:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/some");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
-/***/ }),
-
-/***/ 220:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_ComboBox_ComboBox; });
-__webpack_require__.d(__webpack_exports__, "Option", function() { return /* reexport */ ComboBox_Option; });
-__webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ Menu_["Divider"]; });
-__webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ Menu_["Heading"]; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
-
-// EXTERNAL MODULE: external "lodash/extend"
-var extend_ = __webpack_require__(52);
-var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
-
-// EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(11);
-var has_default = /*#__PURE__*/__webpack_require__.n(has_);
-
-// EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(5);
-var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
-
-// EXTERNAL MODULE: external "lodash/pick"
-var pick_ = __webpack_require__(44);
-var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
-
-// EXTERNAL MODULE: external "lodash/some"
-var some_ = __webpack_require__(130);
-var some_default = /*#__PURE__*/__webpack_require__.n(some_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
-var filter_ = __webpack_require__(35);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(8);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
-var Menu_ = __webpack_require__(13);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(21);
-var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(47);
-var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(32);
-var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
-
-// CONCATENATED MODULE: ./src/ComboBox/Option.tsx
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-var propTypes = {
-  /** @private */
-  active: external_prop_types_default.a.bool,
-  description: external_prop_types_default.a.string,
-  descriptionPosition: external_prop_types_default.a.oneOf(['right', 'bottom']),
-  disabled: external_prop_types_default.a.bool,
-  icon: external_prop_types_default.a.node,
-  label: external_prop_types_default.a.string,
-  matchRanges: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
-    start: external_prop_types_default.a.number.isRequired,
-    end: external_prop_types_default.a.number.isRequired
-  })),
-
-  /** @private */
-  onClick: external_prop_types_default.a.func,
-  truncate: external_prop_types_default.a.bool,
-  value: external_prop_types_default.a.string.isRequired
-};
-var defaultProps = {
-  active: false,
-  descriptionPosition: 'bottom',
-  disabled: false,
-  truncate: false
-};
-
-/**
- * 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 Option_Option = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Option, _PureComponent);
-
-  var _super = _createSuper(Option);
-
-  function Option() {
-    var _this;
-
-    _classCallCheck(this, Option);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+    function U(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
+                        }
+        }
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "item", null);
-
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
-      var _this$props = _this.props,
-          disabled = _this$props.disabled,
-          onClick = _this$props.onClick,
-          value = _this$props.value;
-
-      if (!disabled) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e, {
-          value: value
-        });
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(Option, [{
-    key: "scrollIntoViewIfNeeded",
-    value: function scrollIntoViewIfNeeded() {
-      var _this$item;
-
-      (_this$item = this.item) === null || _this$item === void 0 ? void 0 : _this$item.scrollIntoViewIfNeeded();
+    // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
+    function X(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            X = function e(t) {
+                return typeof t;
+            };
+        } else {
+            X = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
+        }
+        return X(e);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      // eslint-disable-next-line no-unused-vars
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          label = _this$props2.label,
-          otherProps = _objectWithoutProperties(_this$props2, ["value", "label"]);
-
-      var displayLabel = label === undefined ? value : label;
-      return /*#__PURE__*/external_react_default.a.createElement(Menu_["Item"], _extends({
-        ref: function ref(c) {
-          _this2.item = c;
-        },
-        "data-test": "option",
-        "data-test-value": value
-      }, otherProps, {
-        onClick: this.handleClick,
-        role: "option",
-        "aria-selected": false
-      }), displayLabel);
-    }
-  }]);
-
-  return Option;
-}(external_react_["PureComponent"]);
-
-_defineProperty(Option_Option, "propTypes", propTypes);
-
-_defineProperty(Option_Option, "defaultProps", defaultProps);
-
-/* harmony default export */ var ComboBox_Option = (Option_Option);
-// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(10);
-
-// CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
-function ComboBox_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { ComboBox_typeof = function _typeof(obj) { return typeof obj; }; } else { ComboBox_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return ComboBox_typeof(obj); }
-
-function ComboBox_extends() { ComboBox_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ComboBox_extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { ComboBox_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function ComboBox_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function ComboBox_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function ComboBox_createClass(Constructor, protoProps, staticProps) { if (protoProps) ComboBox_defineProperties(Constructor.prototype, protoProps); if (staticProps) ComboBox_defineProperties(Constructor, staticProps); return Constructor; }
-
-function ComboBox_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) ComboBox_setPrototypeOf(subClass, superClass); }
-
-function ComboBox_setPrototypeOf(o, p) { ComboBox_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return ComboBox_setPrototypeOf(o, p); }
-
-function ComboBox_createSuper(Derived) { var hasNativeReflectConstruct = ComboBox_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = ComboBox_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = ComboBox_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return ComboBox_possibleConstructorReturn(this, result); }; }
-
-function ComboBox_possibleConstructorReturn(self, call) { if (call && (ComboBox_typeof(call) === "object" || typeof call === "function")) { return call; } return ComboBox_assertThisInitialized(self); }
-
-function ComboBox_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function ComboBox_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function ComboBox_getPrototypeOf(o) { ComboBox_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return ComboBox_getPrototypeOf(o); }
-
-function ComboBox_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var ComboBox_propTypes = {
-  animateLoading: external_prop_types_default.a.bool,
-  append: external_prop_types_default.a.bool,
-  children: external_prop_types_default.a.node,
-  controlledFilter: external_prop_types_default.a.bool,
-  defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'vertical']),
-  defaultValue: external_prop_types_default.a.string,
-  describedBy: external_prop_types_default.a.string,
-  disabled: external_prop_types_default.a.bool,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  error: external_prop_types_default.a.bool,
-  footerMessage: external_prop_types_default.a.node,
-  inline: external_prop_types_default.a.bool,
-  inputRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  isLoadingOptions: external_prop_types_default.a.bool,
-  labelledBy: external_prop_types_default.a.string,
-  loadingMessage: external_prop_types_default.a.node,
-  menuStyle: external_prop_types_default.a.object,
-  name: external_prop_types_default.a.string,
-  noOptionsMessage: external_prop_types_default.a.node,
-  onChange: external_prop_types_default.a.func,
-  onClose: external_prop_types_default.a.func,
-  onFocus: external_prop_types_default.a.func,
-  onKeyDown: external_prop_types_default.a.func,
-  onOpen: external_prop_types_default.a.func,
-  onScroll: external_prop_types_default.a.func,
-  onScrollBottom: external_prop_types_default.a.func,
-  placeholder: external_prop_types_default.a.string,
-  prepend: external_prop_types_default.a.bool,
-  size: external_prop_types_default.a.oneOf(['small', 'medium', 'large']),
-  value: external_prop_types_default.a.string
-};
-var ComboBox_defaultProps = {
-  animateLoading: false,
-  controlledFilter: false,
-  defaultPlacement: 'vertical',
-  disabled: false,
-  error: false,
-  inline: false,
-  isLoadingOptions: false,
-  menuStyle: {},
-  placeholder: Object(i18n_["_"])('Select...'),
-  size: 'medium'
-};
-
-function containsEvent(el, _ref) {
-  var clientX = _ref.clientX,
-      clientY = _ref.clientY;
-
-  var _el$getBoundingClient = el.getBoundingClientRect(),
-      top = _el$getBoundingClient.top,
-      left = _el$getBoundingClient.left,
-      bottom = _el$getBoundingClient.bottom,
-      right = _el$getBoundingClient.right;
-
-  return clientX > left && clientX < right && clientY > top && clientY < bottom;
-}
-
-/**
- * `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 ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
-  ComboBox_inherits(ComboBox, _Component);
-
-  var _super = ComboBox_createSuper(ComboBox);
-
-  // @docs-props-type ComboBoxPropsBase
-  function ComboBox(props) {
-    var _this;
-
-    ComboBox_classCallCheck(this, ComboBox);
-
-    _this = _super.call(this, props);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "activeItemId", void 0);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "activeValue", void 0);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "availableOptionCount", 0);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "controlledExternally", void 0);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "focusCalledInternally", false);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "options", void 0);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "popoverId", void 0);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "previousActiveIndex", null);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "textInput", null);
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleInputMount", function (el) {
-      _this.textInput = el;
-      Object(updateReactRef["a" /* updateReactRef */])(_this.props.inputRef, el);
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleAnchorMount", function (el) {
-      _this.setState({
-        anchor: el
-      });
-
-      Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
-      if (_this.previousActiveIndex !== _this.state.activeIndex) {
-        c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
-      }
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleInputFocus", function (e) {
-      var _this$props$onFocus, _this$props;
-
-      /* 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 (_this.focusCalledInternally) {
-        _this.focusCalledInternally = false;
-      } else {
-        _this.open();
-      }
-
-      (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, e);
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleChange", function (e, _ref2) {
-      var _this$props$onChange, _this$props2;
-
-      var value = _ref2.value,
-          selectedOption = _ref2.selectedOption;
-      var name = _this.props.name;
-      var typedValue = selectedOption ? undefined : value;
-
-      if (_this.isControlled()) {
-        _this.setState({
-          activeIndex: 0,
-          typedValue: typedValue
-        });
-      } else {
-        _this.setState({
-          value: value,
-          activeIndex: 0,
-          typedValue: typedValue
-        });
-      }
-
-      (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props2, e, {
-        value: value,
-        name: name
-      });
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleSelectOption", function (e, data) {
-      _this.handleChange(e, _objectSpread(_objectSpread({}, data), {}, {
-        selectedOption: true
-      }));
-
-      _this.focusCalledInternally = true;
-
-      _this.focus();
-
-      _this.close();
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleInputKeyDown", function (e) {
-      var _this$props3 = _this.props,
-          children = _this$props3.children,
-          onKeyDown = _this$props3.onKeyDown,
-          onScrollBottom = _this$props3.onScrollBottom;
-      var numOptions = _this.availableOptionCount;
-      var activeOption = _this.activeValue;
-      var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
-
-      if (_this.state.open) {
-        switch (eventKeyCode) {
-          case 'enter':
-            {
-              if (activeOption) {
-                _this.handleSelectOption(e, {
-                  value: activeOption
-                });
-              }
-
-              break;
+    function Y() {
+        Y = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var o in n) {
+                    if (Object.prototype.hasOwnProperty.call(n, o)) {
+                        e[o] = n[o];
+                    }
+                }
             }
-
-          case 'tab':
-            _this.close();
-
-            break;
-
-          case 'down':
-            _this.setState(function (state) {
-              return {
-                activeIndex: Math.min(state.activeIndex + 1, numOptions - 1)
-              };
-            });
-
-            if (children && onScrollBottom) {
-              var beforeLastChild = external_react_["Children"].count(children) - 2;
-
-              if (_this.state.activeIndex === beforeLastChild) {
-                _this.handleScrollBottom(e);
-              }
-            }
-
-            break;
-
-          case 'up':
-            _this.setState(function (state) {
-              return {
-                activeIndex: Math.max(state.activeIndex - 1, 0)
-              };
-            });
-
-            break;
-
-          default: // do nothing
-
+            return e;
+        };
+        return Y.apply(this, arguments);
+    }
+    function G(e, t) {
+        var n = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            if (t) o = o.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            n.push.apply(n, o);
         }
-      } else if (Object(keyboard_["addsCharacter"])(e.nativeEvent) !== false || // Safari 9.0 returns undefined
-      eventKeyCode === 'enter' || eventKeyCode === 'backspace' || eventKeyCode === 'down' || eventKeyCode === 'up') {
-        _this.open();
-      }
-
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleInputClick", function () {
-      if (!_this.state.open && !_this.props.disabled) {
-        _this.open();
-      }
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleRequestClose", function (_ref3) {
-      var event = _ref3.event,
-          reason = _ref3.reason;
-      var shouldClose = reason === 'offScreen' || reason === 'escapeKey' || reason === 'clickAway' && _this.state.anchor && !containsEvent(_this.state.anchor, event);
-
-      if (shouldClose) {
-        _this.close();
-      }
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleScrollBottom", function (e) {
-      if (_this.state.open && !_this.props.isLoadingOptions) {
-        var _this$props$onScrollB, _this$props4;
-
-        (_this$props$onScrollB = (_this$props4 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props4, e);
-      }
-    });
-
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "renderMenu", function (_ref4) {
-      var anchorWidth = _ref4.anchorWidth,
-          maxHeight = _ref4.maxHeight;
-      var _this$props5 = _this.props,
-          children = _this$props5.children,
-          controlledFilter = _this$props5.controlledFilter,
-          isLoadingOptions = _this$props5.isLoadingOptions,
-          menuStyle = _this$props5.menuStyle,
-          onScrollBottom = _this$props5.onScrollBottom;
-      var _this$state = _this.state,
-          activeIndex = _this$state.activeIndex,
-          typedValue = _this$state.typedValue;
-
-      var value = _this.getValue();
-
-      var initialOptions = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
-      var hasExactMatch = some_default()(initialOptions, function (option) {
-        if (option.type === Menu_["Heading"]) {
-          return false;
+        return n;
+    }
+    function J(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]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(n));
+            } else {
+                G(Object(n)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+                }));
+            }
         }
-
-        if (option.props.label === undefined) {
-          return option.props.value === value;
+        return e;
+    }
+    function Q(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
         }
-
-        if (option.props.label !== undefined && typedValue !== undefined) {
-          return option.props.label === value;
+    }
+    function Z(e, t) {
+        for (var n = 0; n < t.length; n++) {
+            var o = t[n];
+            o.enumerable = o.enumerable || false;
+            o.configurable = true;
+            if ("value" in o) o.writable = true;
+            Object.defineProperty(e, o.key, o);
         }
-
-        return option.props.value === value;
-      });
-
-      if (!hasExactMatch && value) {
-        initialOptions.unshift( /*#__PURE__*/external_react_default.a.createElement(ComboBox_Option, {
-          description: Object(i18n_["_"])('(New value)'),
-          descriptionPosition: "right",
-          key: "currentValueOption",
-          value: value,
-          "data-test-current-value-option": value
-        }));
-      } // Highlight Active
-
-
-      _this.availableOptionCount = 0;
-      _this.activeValue = undefined;
-      var keywords = Object(filter_["stringToKeywords"])(typedValue ? value : _this.getDisplayValue());
-      _this.options = (controlledFilter ? initialOptions : initialOptions.filter(function (option) {
-        if (option.props.label !== undefined) {
-          return Object(filter_["testPhrase"])(option.props.label, keywords);
+    }
+    function $(e, t, n) {
+        if (t) Z(e.prototype, t);
+        if (n) Z(e, n);
+        return e;
+    }
+    function ee(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
         }
-
-        if (option.props.value !== undefined) {
-          return Object(filter_["testPhrase"])(option.props.value, keywords);
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (t) te(e, t);
+    }
+    function te(e, t) {
+        te = Object.setPrototypeOf || function e(t, n) {
+            t.__proto__ = n;
+            return t;
+        };
+        return te(e, t);
+    }
+    function ne(e) {
+        var t = ie();
+        return function n() {
+            var o = ae(e), r;
+            if (t) {
+                var i = ae(this).constructor;
+                r = Reflect.construct(o, arguments, i);
+            } else {
+                r = o.apply(this, arguments);
+            }
+            return oe(this, r);
+        };
+    }
+    function oe(e, t) {
+        if (t && (X(t) === "object" || typeof t === "function")) {
+            return t;
         }
-
-        return true; // Keep all headers and non-interactive options
-      })).map(function (option, index) {
-        if (!has_default()(option.props, 'active')) {
-          // ignore Headings and Dividers
-          return option;
+        return re(e);
+    }
+    function re(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
-
-        var active = _this.availableOptionCount === activeIndex;
-        _this.availableOptionCount += 1;
-        var matchRangePhrase = option.props.label !== undefined ? option.props.label : option.props.value;
-        var matchRangesProp = option.props.matchRanges;
-        var matchRanges = !controlledFilter && value && (hasExactMatch || index > 0) ? Object(filter_["keywordLocations"])(matchRangePhrase, keywords) || undefined // keywordLocations can return false, matchRanges must be an array or undefined
-        : undefined;
-
-        if (active) {
-          _this.activeValue = option.props.value;
-          return /*#__PURE__*/Object(external_react_["cloneElement"])(option, {
-            ref: _this.handleActiveOptionMount,
-            id: _this.activeItemId,
-            onClick: _this.handleSelectOption,
-            matchRanges: matchRangesProp || matchRanges,
-            active: true
-          });
+        return e;
+    }
+    function ie() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
         }
-
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(option, {
-          onClick: _this.handleSelectOption,
-          matchRanges: matchRangesProp || matchRanges
-        });
-      });
-      return /*#__PURE__*/external_react_default.a.createElement(ResultsMenu_default.a, ComboBox_extends({
-        style: extend_default()({
-          overflow: 'auto',
-          width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
-        }, menuStyle),
-        controlledExternally: true,
-        maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
-        onScrollBottom: onScrollBottom ? _this.handleScrollBottom : undefined,
-        isLoading: isLoadingOptions
-      }, pick_default()(_this.props, 'className', 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll')), _this.options);
-    });
-
-    _this.state = {
-      activeIndex: 0,
-      anchor: null,
-      typedValue: undefined,
-      open: false,
-      value: props.defaultValue || ''
-    };
-    _this.controlledExternally = has_default()(props, 'value');
-    _this.popoverId = Object(id_["createDOMID"])('popover');
-    _this.activeItemId = Object(id_["createDOMID"])('active-item');
-
-    if (false) {}
-
-    if (false) {}
-
-    return _this;
-  }
-
-  ComboBox_createClass(ComboBox, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (false) {}
-
-      this.previousActiveIndex = prevState.activeIndex;
-    }
-  }, {
-    key: "getValue",
-    value: function getValue() {
-      return this.isControlled() ? this.props.value : this.state.value;
-    }
-  }, {
-    key: "getDisplayValue",
-    value: function getDisplayValue() {
-      var value = this.getValue();
-      var typedValue = this.state.typedValue;
-      var initialOptions = external_react_["Children"].toArray(this.props.children).filter(external_react_["isValidElement"]);
-      var optionForValue = !typedValue && initialOptions.find(function (option) {
-        return option.props.label !== undefined && option.props.value === value;
-      });
-
-      if (optionForValue) {
-        return optionForValue === null || optionForValue === void 0 ? void 0 : optionForValue.props.label;
-      }
-
-      return value;
     }
-  }, {
-    key: "open",
-    value: function open() {
-      var _this2 = this;
-
-      this.setState({
-        open: true,
-        activeIndex: 0
-      }, function () {
-        var _this2$props$onOpen, _this2$props;
-
-        (_this2$props$onOpen = (_this2$props = _this2.props).onOpen) === null || _this2$props$onOpen === void 0 ? void 0 : _this2$props$onOpen.call(_this2$props);
-      });
+    function ae(e) {
+        ae = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return ae(e);
     }
-  }, {
-    key: "close",
-    value: function close() {
-      var _this3 = this;
-
-      this.setState({
-        open: false
-      }, function () {
-        var _this3$props$onClose, _this3$props;
-
-        _this3.previousActiveIndex = null;
-        (_this3$props$onClose = (_this3$props = _this3.props).onClose) === null || _this3$props$onClose === void 0 ? void 0 : _this3$props$onClose.call(_this3$props);
-      });
+    function le(e, t, n) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: n,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = n;
+        }
+        return e;
+    }
+    var ue = {
+        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,
+        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,
+        onScrollBottom: i().func,
+        placeholder: i().string,
+        prepend: i().bool,
+        size: i().oneOf([ "small", "medium", "large" ]),
+        value: i().string
+    };
+    var ce = {
+        animateLoading: false,
+        controlledFilter: false,
+        defaultPlacement: "vertical",
+        disabled: false,
+        error: false,
+        inline: false,
+        isLoadingOptions: false,
+        menuStyle: {},
+        placeholder: (0, m._)("Select..."),
+        size: "medium"
+    };
+    function se(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;
     }
     /**
+ * `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);
+        // @docs-props-type ComboBoxPropsBase
+                function r(e) {
+            var i;
+            Q(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) {
+                i.textInput = e;
+                U(i.props.inputRef, e);
+            }));
+            le(re(i), "handleAnchorMount", (function(e) {
+                i.setState({
+                    anchor: e
+                });
+                U(i.props.elementRef, e);
+            }));
+            le(re(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) {
+                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
+       * when the menu closes. */                if (i.focusCalledInternally) {
+                    i.focusCalledInternally = false;
+                } else {
+                    i.open();
+                }
+                (t = (n = i.props).onFocus) === null || t === void 0 ? void 0 : t.call(n, e);
+            }));
+            le(re(i), "handleChange", (function(e, t) {
+                var n, o;
+                var r = t.value, a = t.selectedOption;
+                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
+                    });
+                }
+                (n = (o = i.props).onChange) === null || n === void 0 ? void 0 : n.call(o, e, {
+                    value: r,
+                    name: l
+                });
+            }));
+            le(re(i), "handleSelectOption", (function(e, t) {
+                i.handleChange(e, J(J({}, t), {}, {
+                    selectedOption: true
+                }));
+                i.focusCalledInternally = true;
+                i.focus();
+                i.close();
+            }));
+            le(re(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);
+                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, g.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() {
+                if (!i.state.open && !i.props.disabled) {
+                    i.open();
+                }
+            }));
+            le(re(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);
+                if (o) {
+                    i.close();
+                }
+            }));
+            le(re(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) {
+                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) {
+                        return false;
+                    }
+                    if (e.props.label === undefined) {
+                        return e.props.value === S;
+                    }
+                    if (e.props.label !== undefined && I !== undefined) {
+                        return e.props.label === S;
+                    }
+                    return e.props.value === S;
+                }));
+                if (!k && S) {
+                    C.unshift( o().createElement(W, {
+                        description: (0, m._)("(New value)"),
+                        descriptionPosition: "right",
+                        key: "currentValueOption",
+                        value: S,
+                        "data-test-current-value-option": S
+                    }));
+                }
+ // 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) {
+                    if (e.props.label !== undefined) {
+                        return (0, y.testPhrase)(e.props.label, P);
+                    }
+                    if (e.props.value !== undefined) {
+                        return (0, y.testPhrase)(e.props.value, P);
+                    }
+                    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 === g;
+                    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;
+                    if (o) {
+                        i.activeValue = e.props.value;
+                        
+                        return (0, n.cloneElement)(e, {
+                            ref: i.handleActiveOptionMount,
+                            id: i.activeItemId,
+                            onClick: i.handleSelectOption,
+                            matchRanges: a || l,
+                            active: true
+                        });
+                    }
+                    
+                    return (0, n.cloneElement)(e, {
+                        onClick: i.handleSelectOption,
+                        matchRanges: a || l
+                    });
+                }));
+                
+                return o().createElement(w(), Y({
+                    style: l()({
+                        overflow: "auto",
+                        width: Math.max(t !== null && t !== void 0 ? t : 0, 200)
+                    }, p),
+                    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);
+            }));
+            i.state = {
+                activeIndex: 0,
+                anchor: null,
+                typedValue: undefined,
+                open: false,
+                value: e.defaultValue || ""
+            };
+            i.controlledExternally = c()(e, "value");
+            i.popoverId = (0, b.createDOMID)("popover");
+            i.activeItemId = (0, b.createDOMID)("active-item");
+            if (false) {}
+            if (false) {}
+            return i;
+        }
+        $(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 focus() {
-      var _this$textInput;
-
-      (_this$textInput = this.textInput) === null || _this$textInput === void 0 ? void 0 : _this$textInput.focus();
-    }
-  }, {
-    key: "isControlled",
-    value: function isControlled() {
-      return this.controlledExternally;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var defaultPlacement = this.props.defaultPlacement;
-      var _this$state2 = this.state,
-          anchor = _this$state2.anchor,
-          open = _this$state2.open;
-      var currentValue = this.getValue();
-      var currentDisplayValue = this.getDisplayValue();
-      return /*#__PURE__*/external_react_default.a.createElement(Text_default.a, ComboBox_extends({
-        autoCapitalize: "off",
-        autoComplete: "off",
-        autoCorrect: "off",
-        spellCheck: false,
-        canClear: true,
-        "data-test": "combo-box"
-      }, omit_default()(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": currentDisplayValue,
-        "data-test-value": currentValue,
-        "data-test-open": open && !!anchor,
-        onFocus: this.handleInputFocus,
-        onClick: this.handleInputClick,
-        onChange: this.handleChange,
-        onKeyDown: this.handleInputKeyDown,
-        inputRef: this.handleInputMount,
-        elementRef: this.handleAnchorMount,
-        role: "combobox",
-        value: currentDisplayValue,
-        "aria-activedescendant": this.activeItemId,
-        "aria-expanded": open,
-        "aria-haspopup": true,
-        "aria-label": Object(i18n_["_"])('Value input'),
-        "aria-controls": open ? this.popoverId : undefined
-      }), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
-        anchor: anchor,
-        autoCloseWhenOffScreen: true,
-        canCoverAnchor: false,
-        defaultPlacement: defaultPlacement,
-        id: this.popoverId,
-        onRequestClose: this.handleRequestClose,
-        open: open && !!anchor,
-        repositionMode: "flip"
-      }, this.renderMenu));
-    }
-  }]);
-
-  return ComboBox;
-}(external_react_["Component"]);
-
-ComboBox_defineProperty(ComboBox_ComboBox, "propTypes", ComboBox_propTypes);
-
-ComboBox_defineProperty(ComboBox_ComboBox, "defaultProps", ComboBox_defaultProps);
-
-ComboBox_defineProperty(ComboBox_ComboBox, "Option", ComboBox_Option);
-
-ComboBox_defineProperty(ComboBox_ComboBox, "Divider", Menu_["Divider"]);
-
-ComboBox_defineProperty(ComboBox_ComboBox, "Heading", Menu_["Heading"]);
-
-/* harmony default export */ var src_ComboBox_ComboBox = (ComboBox_ComboBox);
-
-// CONCATENATED MODULE: ./src/ComboBox/index.ts
-
-
-
-/***/ }),
-
-/***/ 32:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Text");
-
-/***/ }),
-
-/***/ 35:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/filter");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 44:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/pick");
-
-/***/ }),
-
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ResultsMenu");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 52:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/extend");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/keyboard");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
-
-/***/ })
-
-/******/ });
+     */        }, {
+            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;
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = this.props.defaultPlacement;
+                var n = this.state, r = n.anchor, i = n.open;
+                var a = this.getValue();
+                var l = this.getDisplayValue();
+                
+                return o().createElement(P(), Y({
+                    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"), {
+                    "data-test-popover-id": this.popoverId,
+                    "data-test-label": l,
+                    "data-test-value": a,
+                    "data-test-open": i && !!r,
+                    onFocus: this.handleInputFocus,
+                    onClick: this.handleInputClick,
+                    onChange: this.handleChange,
+                    onKeyDown: this.handleInputKeyDown,
+                    inputRef: this.handleInputMount,
+                    elementRef: this.handleAnchorMount,
+                    role: "combobox",
+                    value: l,
+                    "aria-activedescendant": this.activeItemId,
+                    "aria-expanded": i,
+                    "aria-haspopup": true,
+                    "aria-label": (0, m._)("Value input"),
+                    "aria-controls": i ? this.popoverId : undefined
+                }),  o().createElement(S(), {
+                    anchor: r,
+                    autoCloseWhenOffScreen: true,
+                    canCoverAnchor: false,
+                    defaultPlacement: t,
+                    id: this.popoverId,
+                    onRequestClose: this.handleRequestClose,
+                    open: i && !!r,
+                    repositionMode: "flip"
+                }, this.renderMenu));
+            }
+        } ]);
+        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;
+    // CONCATENATED MODULE: ./src/ComboBox/index.ts
+    module.exports = t;
+    /******/})();