@splunk/react-ui 4.19.0 → 4.21.0

package/Select.js

@@ -1,277 +1,198 @@
-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: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// 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 = 231);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 103:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/forEachRight");
-
-/***/ }),
-
-/***/ 104:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/uniq");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Menu");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/includes");
-
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
-/* unused harmony export ssrWindow */
-/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
-/* eslint-disable @typescript-eslint/no-empty-function */
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-var ssrWindow = {
-  document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
-  navigator: {
-    userAgent: ''
-  },
-  location: {
-    hash: '',
-    host: '',
-    hostname: '',
-    href: '',
-    origin: '',
-    pathname: '',
-    protocol: '',
-    search: ''
-  },
-  history: {
-    replaceState: function replaceState() {},
-    pushState: function pushState() {},
-    go: function go() {},
-    back: function back() {}
-  },
-  CustomEvent: function CustomEvent() {
-    return this;
-  },
-  addEventListener: function addEventListener() {},
-  removeEventListener: function removeEventListener() {},
-  getComputedStyle: function getComputedStyle() {
-    return {
-      getPropertyValue: function getPropertyValue() {
-        return '';
-      }
-    };
-  },
-  Image: function Image() {},
-  Date: function Date() {},
-  screen: {},
-  setTimeout: function setTimeout() {},
-  clearTimeout: function clearTimeout() {},
-  matchMedia: function matchMedia() {
-    return {};
-  },
-  requestAnimationFrame: function requestAnimationFrame(callback) {
-    if (typeof setTimeout === 'undefined') {
-      callback();
-      return null;
-    }
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  Divider: () => (/* reexport */ Menu_namespaceObject.Divider),
+  Heading: () => (/* reexport */ Menu_namespaceObject.Heading),
+  Option: () => (/* reexport */ Select_Option),
+  "default": () => (/* reexport */ Select_Select)
+});
 
-    return setTimeout(callback, 0);
-  },
-  cancelAnimationFrame: function cancelAnimationFrame(id) {
-    if (typeof setTimeout === 'undefined') {
-      return;
-    }
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/has"
+const has_namespaceObject = require("lodash/has");
+var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
+;// CONCATENATED MODULE: external "lodash/castArray"
+const castArray_namespaceObject = require("lodash/castArray");
+var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/find"
+const find_namespaceObject = require("lodash/find");
+var find_default = /*#__PURE__*/__webpack_require__.n(find_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/forEachRight"
+const forEachRight_namespaceObject = require("lodash/forEachRight");
+var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/includes"
+const includes_namespaceObject = require("lodash/includes");
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/isUndefined"
+const isUndefined_namespaceObject = require("lodash/isUndefined");
+var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/keys"
+const keys_namespaceObject = require("lodash/keys");
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/memoize"
+const memoize_namespaceObject = require("lodash/memoize");
+var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/omit"
+const omit_namespaceObject = require("lodash/omit");
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/pick"
+const pick_namespaceObject = require("lodash/pick");
+var pick_default = /*#__PURE__*/__webpack_require__.n(pick_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/uniq"
+const uniq_namespaceObject = require("lodash/uniq");
+var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/without"
+const without_namespaceObject = require("lodash/without");
+var without_default = /*#__PURE__*/__webpack_require__.n(without_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
+const id_namespaceObject = require("@splunk/ui-utils/id");
+;// CONCATENATED MODULE: external "@splunk/react-ui/Menu"
+const Menu_namespaceObject = require("@splunk/react-ui/Menu");
+;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
+const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
+var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
+;// CONCATENATED MODULE: external "@splunk/ui-utils/filter"
+const filter_namespaceObject = require("@splunk/ui-utils/filter");
+;// CONCATENATED MODULE: external "@splunk/react-ui/Link"
+const Link_namespaceObject = require("@splunk/react-ui/Link");
+var Link_default = /*#__PURE__*/__webpack_require__.n(Link_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
+const ResultsMenu_namespaceObject = require("@splunk/react-ui/ResultsMenu");
+var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Text"
+const Text_namespaceObject = require("@splunk/react-ui/Text");
+var Text_default = /*#__PURE__*/__webpack_require__.n(Text_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-icons/CaretSmallDown"
+const CaretSmallDown_namespaceObject = require("@splunk/react-icons/CaretSmallDown");
+var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Caret"
+const Caret_namespaceObject = require("@splunk/react-icons/enterprise/Caret");
+var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
+
+
+
+
+
+var CaretSmallDownIcon = function CaretSmallDownIcon() {
+  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
+      isEnterprise = _useSplunkTheme.isEnterprise;
 
-    clearTimeout(id);
-  }
+  var familyCaretSmallDownIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((Caret_default()), {
+    screenReaderText: null,
+    hideDefaultTooltip: true,
+    size: 0.5
+  }) : /*#__PURE__*/external_react_default().createElement((CaretSmallDown_default()), null);
+  return familyCaretSmallDownIcon;
 };
 
-function getWindow() {
-  var win = typeof window !== 'undefined' ? window : ssrWindow;
-  return win;
-}
-
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 22:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Dropdown");
+/* harmony default export */ const CaretSmallDown = (CaretSmallDownIcon);
+;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
+const Search_namespaceObject = require("@splunk/react-icons/enterprise/Search");
+var Search_default = /*#__PURE__*/__webpack_require__.n(Search_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
+const Magnifier_namespaceObject = require("@splunk/react-icons/Magnifier");
+var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_namespaceObject);
+;// CONCATENATED MODULE: ./src/Select/icons/Search.tsx
 
-/***/ }),
 
-/***/ 231:
-/***/ (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_Select_Select; });
-__webpack_require__.d(__webpack_exports__, "Divider", function() { return /* reexport */ SelectBase["a" /* Divider */]; });
-__webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ SelectBase["b" /* Heading */]; });
-__webpack_require__.d(__webpack_exports__, "Option", function() { return /* reexport */ Select_Option; });
 
-// 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/has"
-var has_ = __webpack_require__(11);
-var has_default = /*#__PURE__*/__webpack_require__.n(has_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
+var Search = function Search() {
+  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
+      isEnterprise = _useSplunkTheme.isEnterprise,
+      isCompact = _useSplunkTheme.isCompact;
 
-// EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 3 modules
-var SelectBase = __webpack_require__(60);
+  var screenReaderText = (0,i18n_namespaceObject._)('Search');
 
-// EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(36);
+  var prismaSize = isCompact ? '20px' : '24px';
+  var familyIcon = isEnterprise ? /*#__PURE__*/external_react_default().createElement((Search_default()), {
+    role: "presentation",
+    size: "16px",
+    screenReaderText: screenReaderText,
+    hideDefaultTooltip: true
+  }) : /*#__PURE__*/external_react_default().createElement((Magnifier_default()), {
+    role: "presentation",
+    "aria-label": screenReaderText,
+    width: prismaSize,
+    height: prismaSize
+  });
+  return familyIcon;
+};
 
-// CONCATENATED MODULE: ./src/Select/Option.tsx
+/* harmony default export */ const icons_Search = (Search);
+;// CONCATENATED MODULE: ./src/Select/OptionBase.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); } }
@@ -299,42 +220,46 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var propTypes = {
   /** @private */
-  active: external_prop_types_default.a.bool,
-  children: external_prop_types_default.a.node,
-  description: external_prop_types_default.a.string,
-  descriptionPosition: external_prop_types_default.a.oneOf(['right', 'bottom']),
-  disabled: external_prop_types_default.a.bool,
-  hidden: external_prop_types_default.a.bool,
-  icon: external_prop_types_default.a.node,
-  label: external_prop_types_default.a.string.isRequired,
-  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
+  active: (external_prop_types_default()).bool,
+  children: (external_prop_types_default()).node,
+  description: (external_prop_types_default()).string,
+  descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
+  disabled: (external_prop_types_default()).bool,
+  hidden: (external_prop_types_default()).bool,
+  icon: (external_prop_types_default()).node,
+  label: (external_prop_types_default()).string.isRequired,
+
+  /**
+   * @private Passed down from <BaseSelect>
+   */
+  multiple: (external_prop_types_default()).bool,
+  matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
+    start: (external_prop_types_default()).number.isRequired,
+    end: (external_prop_types_default()).number.isRequired
   })),
 
   /** @private */
-  onClick: external_prop_types_default.a.func,
+  onClick: (external_prop_types_default()).func,
 
   /** @private */
-  selected: external_prop_types_default.a.bool,
-  truncate: external_prop_types_default.a.bool,
-  value: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number, external_prop_types_default.a.bool]).isRequired
+  selected: (external_prop_types_default()).bool,
+  truncate: (external_prop_types_default()).bool,
+  value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired
 };
 var defaultProps = {
-  active: false,
   descriptionPosition: 'bottom',
   disabled: false,
-  hidden: false,
+  multiple: false,
   selected: false,
   truncate: false
 };
 
 /**
- * An option within a `Select`. This inherits from
+ * An option within a `Multiselect`. 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) {
+var Option = /*#__PURE__*/function (_PureComponent) {
   _inherits(Option, _PureComponent);
 
   var _super = _createSuper(Option);
@@ -352,6 +277,19 @@ var Option_Option = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "c", null);
 
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+          onClick = _this$props.onClick,
+          value = _this$props.value,
+          disabled = _this$props.disabled;
+
+      if (!disabled) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e, {
+          value: value
+        });
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleMount", function (c) {
       _this.c = c;
     });
@@ -380,211 +318,418 @@ var Option_Option = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/external_react_default.a.createElement(OptionBase["a" /* default */], _extends({}, this.props, {
-        multiple: false,
+      var _this$props2 = this.props,
+          value = _this$props2.value,
+          children = _this$props2.children,
+          label = _this$props2.label,
+          multiple = _this$props2.multiple,
+          otherProps = _objectWithoutProperties(_this$props2, ["value", "children", "label", "multiple"]);
+
+      return /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Item, _extends({
+        "aria-selected": this.props.selected,
+        "data-test-value": value,
+        "data-test": "option",
         ref: this.handleMount
-      }), this.props.children || this.props.label);
+      }, otherProps, {
+        selectable: true,
+        selectableAppearance: multiple ? 'checkbox' : undefined,
+        onClick: this.handleClick,
+        role: "option",
+        value: value.toString()
+      }), children || label);
     }
   }]);
 
   return Option;
-}(external_react_["PureComponent"]);
-
-_defineProperty(Option_Option, "propTypes", propTypes);
-
-_defineProperty(Option_Option, "defaultProps", defaultProps);
-
-/* harmony default export */ var Select_Option = (Option_Option);
-// CONCATENATED MODULE: ./src/Select/Select.tsx
-function Select_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Select_typeof = function _typeof(obj) { return typeof obj; }; } else { Select_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Select_typeof(obj); }
-
-function Select_extends() { Select_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 Select_extends.apply(this, arguments); }
+}(external_react_namespaceObject.PureComponent);
 
-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 Select_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function Select_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); } }
+_defineProperty(Option, "propTypes", propTypes);
 
-function Select_createClass(Constructor, protoProps, staticProps) { if (protoProps) Select_defineProperties(Constructor.prototype, protoProps); if (staticProps) Select_defineProperties(Constructor, staticProps); return Constructor; }
+_defineProperty(Option, "defaultProps", defaultProps);
 
-function Select_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) Select_setPrototypeOf(subClass, superClass); }
+_defineProperty(Option, "type", Menu_namespaceObject.Item);
 
-function Select_setPrototypeOf(o, p) { Select_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Select_setPrototypeOf(o, p); }
+/* harmony default export */ const OptionBase = (Option);
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
+var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
+const Switch_namespaceObject = require("@splunk/react-ui/Switch");
+var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_namespaceObject);
+;// CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
 
-function Select_createSuper(Derived) { var hasNativeReflectConstruct = Select_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Select_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Select_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Select_possibleConstructorReturn(this, result); }; }
 
-function Select_possibleConstructorReturn(self, call) { if (call && (Select_typeof(call) === "object" || typeof call === "function")) { return call; } return Select_assertThisInitialized(self); }
 
-function Select_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function Select_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; } }
+var itemDescription = (0,external_styled_components_namespaceObject.css)(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.contentColorDefault,
+  enterprise: themes_namespaceObject.variables.textGray
+}), themes_namespaceObject.variables.fontSizeSmall, (0,themes_namespaceObject.pick)({
+  prisma: '16px'
+}));
+var StyledItemDescriptionBottom = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledItemDescriptionBottom",
+  componentId: "sc-4kc053-0"
+})(["", ";display:block;"], itemDescription);
+var StyledItemDescriptionRight = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledItemDescriptionRight",
+  componentId: "sc-4kc053-1"
+})(["", ";float:right;padding-left:", ";max-width:50%;text-align:right;box-sizing:border-box;"], itemDescription, themes_namespaceObject.variables.spacing);
+var StyledItemSelectedIcon = external_styled_components_default().div.withConfig({
+  displayName: "ItemStyles__StyledItemSelectedIcon",
+  componentId: "sc-4kc053-2"
+})(["position:absolute;", " color:", ";"], (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["right:16px;"]),
+  enterprise: (0,external_styled_components_namespaceObject.css)(["top:5px;right:3px;left:8px;"])
+}), (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.contentColorActive,
+  enterprise: themes_namespaceObject.variables.accentColorL10
+}));
+var StyledItemIcon = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledItemIcon",
+  componentId: "sc-4kc053-3"
+})(["flex:0 0 auto;padding-right:", ";min-width:10px;display:inline-block;text-align:center;vertical-align:", ";", ""], (0,themes_namespaceObject.pick)({
+  prisma: '8px',
+  enterprise: '3px'
+}), (0,themes_namespaceObject.pick)({
+  prisma: 'initial',
+  enterprise: 'middle'
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";display:inline-flex;align-items:center;min-width:20px;min-height:20px;& > svg{width:20px;height:20px;}"], themes_namespaceObject.variables.contentColorMuted),
+  enterprise: (0,external_styled_components_namespaceObject.css)(["transform:translateY(-1px);"])
+}));
+var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
+  displayName: "ItemStyles__StyledClickable",
+  componentId: "sc-4kc053-4"
+})(["display:block;position:relative;cursor:pointer;color:", ";word-wrap:break-word;max-width:100%;width:100%;padding:", ";", " ", " ", " &:not([disabled]){&:hover{background:", ";", "}&:focus{outline:0;box-shadow:", ";", "}", " ", "}&[disabled]{color:", ";cursor:not-allowed;", ",", "{color:inherit;}", "{cursor:not-allowed;color:", ";}", "}", ""], (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.contentColorActive,
+  enterprise: {
+    dark: themes_namespaceObject.variables.gray96,
+    light: themes_namespaceObject.variables.gray22
+  }
+}), (0,themes_namespaceObject.pick)({
+  prisma: {
+    comfortable: '10px 16px',
+    compact: '6px 16px'
+  },
+  enterprise: '6px 10px'
+}), function (_ref) {
+  var $isSelectable = _ref.$isSelectable,
+      $selectableAppearance = _ref.$selectableAppearance;
+  return $isSelectable && (0,themes_namespaceObject.pick)({
+    prisma: (0,external_styled_components_namespaceObject.css)(["padding-right:44px;", ""], function () {
+      return $selectableAppearance === 'checkbox' && 'padding-left: 42px;';
+    }),
+    enterprise: (0,external_styled_components_namespaceObject.css)(["padding-right:10px;padding-left:", ";"], function () {
+      return $selectableAppearance === 'checkbox' ? '32px' : '28px';
+    })
+  });
+}, function (_ref2) {
+  var $active = _ref2.$active,
+      $preventFocus = _ref2.$preventFocus;
+  return $active && !$preventFocus && (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadowInset);
+}, function (_ref3) {
+  var $active = _ref3.$active;
+  return $active && (0,external_styled_components_namespaceObject.css)(["background:", ";font-weight:", ";"], (0,themes_namespaceObject.pick)({
+    enterprise: {
+      light: themes_namespaceObject.variables.gray92,
+      dark: themes_namespaceObject.variables.gray22
+    },
+    prisma: themes_namespaceObject.variables.neutral100
+  }), themes_namespaceObject.variables.fontWeightBold);
+}, (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.interactiveColorOverlayHover,
+  enterprise: themes_namespaceObject.variables.backgroundColorHover
+}), function (_ref4) {
+  var $selected = _ref4.$selected;
+  return $selected && (0,themes_namespaceObject.pick)({
+    prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayHover))
+  });
+}, themes_namespaceObject.variables.focusShadowInset, (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlayHover)
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlayActive)
+}), function (_ref5) {
+  var $selected = _ref5.$selected;
+  return $selected && (0,themes_namespaceObject.pick)({
+    prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";&:active{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayActive))
+  });
+}, (0,themes_namespaceObject.pick)({
+  enterprise: {
+    light: themes_namespaceObject.variables.gray45,
+    dark: themes_namespaceObject.variables.contentColorDisabled
+  },
+  prisma: themes_namespaceObject.variables.contentColorDisabled
+}),
+/* sc-sel */
+StyledItemDescriptionBottom,
+/* sc-sel */
+StyledItemDescriptionRight,
+/* sc-sel */
+StyledItemSelectedIcon, (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.contentColorDisabled,
+  enterprise: themes_namespaceObject.variables.gray80
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,external_styled_components_namespaceObject.css)(["& > * > ", "{color:", ";}"],
+  /* sc-sel */
+  StyledItemIcon, themes_namespaceObject.variables.contentColorDisabled)
+}), function (_ref6) {
+  var $selected = _ref6.$selected;
+  return $selected && (0,themes_namespaceObject.pick)({
+    prisma: (0,external_styled_components_namespaceObject.css)(["", "{color:", ";}"],
+    /* sc-sel */
+    StyledItemIcon, themes_namespaceObject.variables.contentColorActive)
+  });
+});
+var StyledSwitch = external_styled_components_default()((Switch_default())).withConfig({
+  displayName: "ItemStyles__StyledSwitch",
+  componentId: "sc-4kc053-5"
+})(["position:absolute;left:", ";top:", ";"], (0,themes_namespaceObject.pick)({
+  prisma: '16px',
+  enterprise: '8px'
+}), (0,themes_namespaceObject.pick)({
+  prisma: '0px',
+  enterprise: {
+    comfortable: '-1px',
+    compact: '2px'
+  }
+}));
+var StyledInnerWrapper = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledInnerWrapper",
+  componentId: "sc-4kc053-6"
+})(["display:flex;align-items:flex-start;"]);
+var StyledTitleAndDescriptionWrapper = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledTitleAndDescriptionWrapper",
+  componentId: "sc-4kc053-7"
+})(["max-width:100%;width:100%;align-self:center;word-break:break-word;white-space:normal;", ""], function (_ref7) {
+  var $truncate = _ref7.$truncate;
+  return $truncate && (0,external_styled_components_namespaceObject.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
+});
+var StyledLabel = external_styled_components_default().div.withConfig({
+  displayName: "ItemStyles__StyledLabel",
+  componentId: "sc-4kc053-8"
+})(["overflow:inherit;white-space:inherit;text-overflow:inherit;max-width:100%;min-height:20px;", ""], function (_ref8) {
+  var $truncate = _ref8.$truncate;
+  return $truncate && (0,external_styled_components_namespaceObject.css)(["display:block;clear:both;"]);
+});
+var StyledMatch = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledMatch",
+  componentId: "sc-4kc053-9"
+})(["border-bottom:1px solid ", ";"], (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.contentColorActive,
+  enterprise: {
+    dark: themes_namespaceObject.variables.gray96,
+    light: themes_namespaceObject.variables.gray45
+  }
+}));
+var StyledSubmenu = external_styled_components_default().span.withConfig({
+  displayName: "ItemStyles__StyledSubmenu",
+  componentId: "sc-4kc053-10"
+})(["float:right;padding-left:", ";color:", ";"], themes_namespaceObject.variables.spacingSmall, (0,themes_namespaceObject.pick)({
+  prisma: 'inherit',
+  enterprise: themes_namespaceObject.variables.textGray
+}));
 
-function Select_getPrototypeOf(o) { Select_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Select_getPrototypeOf(o); }
+;// CONCATENATED MODULE: ./src/Select/SelectAllOptionStyles.ts
 
-function Select_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; }
 
-/* eslint-disable max-classes-per-file */
 
 
+var StyledSelectAllLabel = external_styled_components_default()(StyledLabel).withConfig({
+  displayName: "SelectAllOptionStyles__StyledSelectAllLabel",
+  componentId: "y6bn08-0"
+})(["font-weight:", ";"], themes_namespaceObject.variables.fontWeightBold);
+var StyledSelectAllOption = external_styled_components_default()(OptionBase).withConfig({
+  displayName: "SelectAllOptionStyles__StyledSelectAllOption",
+  componentId: "y6bn08-1"
+})(["padding-inline-start:", ";box-shadow:none;"], (0,themes_namespaceObject.pick)({
+  prisma: '42px;',
+  enterprise: '32px;'
+}));
 
+;// CONCATENATED MODULE: ./src/Select/SelectAllOption.tsx
 
 
 
-/** @public */
 
-var Select_propTypes = {
-  allowKeyMatching: external_prop_types_default.a.bool,
-  animateLoading: external_prop_types_default.a.bool,
-  appearance: external_prop_types_default.a.oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
-  append: external_prop_types_default.a.bool,
-  children: external_prop_types_default.a.node,
-  defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'vertical']),
-  defaultValue: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number, external_prop_types_default.a.bool]),
-  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,
-  filter: external_prop_types_default.a.oneOf([false, true, 'controlled']),
-  footerMessage: external_prop_types_default.a.node,
-  inline: external_prop_types_default.a.bool,
-  inputId: external_prop_types_default.a.string,
-  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,
-  labelText: 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,
-  onFilterChange: 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,
-  prefixLabel: external_prop_types_default.a.string,
-  prepend: external_prop_types_default.a.bool,
-  suffixLabel: external_prop_types_default.a.string,
-  value: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number, external_prop_types_default.a.bool])
-};
-var Select_defaultProps = {
-  allowKeyMatching: true,
-  animateLoading: false,
-  appearance: 'toggle',
-  append: false,
-  children: [],
-  defaultPlacement: 'vertical',
-  disabled: false,
-  error: false,
-  filter: false,
-  inline: true,
-  isLoadingOptions: false,
-  menuStyle: {},
-  noOptionsMessage: Object(i18n_["_"])('No matches'),
-  placeholder: Object(i18n_["_"])('Select...'),
-  prepend: false
+var SelectAllOption_propTypes = {
+  active: (external_prop_types_default()).bool,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  id: (external_prop_types_default()).string,
+  onClick: (external_prop_types_default()).func,
+  selectAllLabel: (external_prop_types_default()).string,
+  totalCount: (external_prop_types_default()).number,
+  changedToggle: (external_prop_types_default()).bool,
+  selected: external_prop_types_default().oneOf([false, true, 'some'])
 };
+var SelectAllOption = /*#__PURE__*/external_react_default().forwardRef(function (_ref, ref) {
+  var active = _ref.active,
+      id = _ref.id,
+      onClick = _ref.onClick,
+      selectAllLabel = _ref.selectAllLabel,
+      totalCount = _ref.totalCount,
+      changedToggle = _ref.changedToggle,
+      selected = _ref.selected;
+  // When toggle is changed the total count is not displayed anymore so the count is now shown in the Select All menu item
+  var totalCountDisplay = changedToggle ? " (".concat(totalCount === null || totalCount === void 0 ? void 0 : totalCount.toString(), ")") : '';
+  return /*#__PURE__*/external_react_default().createElement(StyledSelectAllOption, {
+    label: selectAllLabel,
+    value: "selectAll",
+    key: "selectAll",
+    onClick: onClick,
+    "data-test": "select-all",
+    "aria-keyshortcuts": "Control+A",
+    id: id,
+    active: active,
+    ref: ref,
+    tabIndex: -1
+  }, /*#__PURE__*/external_react_default().createElement(StyledSwitch, {
+    interactive: false,
+    selected: selected === 'some' && 'some' || selected,
+    key: "main-checkbox",
+    value: "main-checkbox",
+    appearance: "checkbox",
+    "aria-label": !selected && (0,i18n_namespaceObject._)('No options selected') || selected === 'some' && (0,i18n_namespaceObject._)('Some options selected') || (0,i18n_namespaceObject._)('All options selected'),
+    "data-test": "select-all-switch",
+    selectedLabel: selected === true ? (0,i18n_namespaceObject._)('All options selected') : (0,i18n_namespaceObject._)('Option selected'),
+    unselectedLabel: selected === true ? (0,i18n_namespaceObject._)('No options selected') : (0,i18n_namespaceObject._)('Option unselected'),
+    someSelectedLabel: (0,i18n_namespaceObject._)('Some options selected')
+  }), /*#__PURE__*/external_react_default().createElement(StyledItemDescriptionRight, {
+    "data-test": "description"
+  }, "".concat(totalCountDisplay, " Ctrl-a")), /*#__PURE__*/external_react_default().createElement(StyledInnerWrapper, null, /*#__PURE__*/external_react_default().createElement(StyledTitleAndDescriptionWrapper, {
+    $truncate: false
+  }, /*#__PURE__*/external_react_default().createElement(StyledSelectAllLabel, {
+    $truncate: false
+  }, selectAllLabel))));
+});
+SelectAllOption.propTypes = SelectAllOption_propTypes;
+/* harmony default export */ const Select_SelectAllOption = (SelectAllOption);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
+const Button_namespaceObject = require("@splunk/react-ui/Button");
+var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
+;// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
 
-var Select_Select = /*#__PURE__*/function (_Component) {
-  Select_inherits(Select, _Component);
-
-  var _super = Select_createSuper(Select);
-
-  // @docs-props-type SelectPropsBase
-  function Select(props) {
-    var _this;
-
-    Select_classCallCheck(this, Select);
 
-    _this = _super.call(this, props);
-    var state = {}; // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-    // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
 
-    if (has_default()(props, 'defaultValue')) {
-      if (props.defaultValue != null) {
-        state.defaultValues = [props.defaultValue];
-      } else {
-        state.defaultValues = [];
-      }
-    }
 
-    _this.state = state;
-    return _this;
+var StyledButton = external_styled_components_default()((Button_default())).withConfig({
+  displayName: "SelectBaseStyles__StyledButton",
+  componentId: "sc-16cj7sk-0"
+})(["&[data-inline]{width:", ";}", ""], function (_ref) {
+  var $multiple = _ref.$multiple;
+  return $multiple ? '400px' : 'auto';
+}, function (_ref2) {
+  var $multiple = _ref2.$multiple;
+  return !$multiple && 'flex-grow: 0;';
+});
+var StyledLinkIcon = external_styled_components_default().span.withConfig({
+  displayName: "SelectBaseStyles__StyledLinkIcon",
+  componentId: "sc-16cj7sk-1"
+})(["padding-right:2px;"]);
+var StyledLinkCaret = external_styled_components_default().span.withConfig({
+  displayName: "SelectBaseStyles__StyledLinkCaret",
+  componentId: "sc-16cj7sk-2"
+})(["padding-left:2px;"]);
+var StyledFilter = external_styled_components_default().div.withConfig({
+  displayName: "SelectBaseStyles__StyledFilter",
+  componentId: "sc-16cj7sk-3"
+})(["padding:", ";min-width:160px;"], (0,themes_namespaceObject.pick)({
+  enterprise: '8px',
+  prisma: '10px 16px'
+}));
+var StyledSearchIconWrapper = external_styled_components_default().span.withConfig({
+  displayName: "SelectBaseStyles__StyledSearchIconWrapper",
+  componentId: "sc-16cj7sk-4"
+})(["color:", ";pointer-events:none;padding:", ";"], (0,themes_namespaceObject.pick)({
+  enterprise: {
+    light: themes_namespaceObject.variables.gray60,
+    dark: themes_namespaceObject.variables.white
+  },
+  prisma: themes_namespaceObject.variables.contentColorMuted
+}), (0,themes_namespaceObject.pick)({
+  comfortable: '0 8px',
+  compact: '0 6px'
+}));
+var StyledCount = external_styled_components_default().span.withConfig({
+  displayName: "SelectBaseStyles__StyledCount",
+  componentId: "sc-16cj7sk-5"
+})(["padding-right:", ";"], (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.spacingQuarter,
+  prisma: themes_namespaceObject.variables.spacingXSmall
+}));
+var StyledControlsLink = external_styled_components_default()((Link_default())).withConfig({
+  displayName: "SelectBaseStyles__StyledControlsLink",
+  componentId: "sc-16cj7sk-6"
+})(["margin-right:20px;", ";"], function (_ref3) {
+  var $disabled = _ref3.$disabled;
+  return $disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDisabled);
+});
+var StyledToggleAllControls = external_styled_components_default().div.withConfig({
+  displayName: "SelectBaseStyles__StyledToggleAllControls",
+  componentId: "sc-16cj7sk-7"
+})(["padding:", ";", ""], (0,themes_namespaceObject.pick)({
+  enterprise: "5px 8px",
+  prisma: '10px 16px'
+}), (0,themes_namespaceObject.pickVariant)('$placement', {
+  above: {
+    enterprise: (0,external_styled_components_namespaceObject.css)(["border-top:", ";"], themes_namespaceObject.variables.border),
+    prisma: (0,external_styled_components_namespaceObject.css)(["border-top:1px solid ", ";"], themes_namespaceObject.variables.neutral200)
+  },
+  below: {
+    enterprise: (0,external_styled_components_namespaceObject.css)(["border-bottom:", ";"], themes_namespaceObject.variables.border),
+    prisma: (0,external_styled_components_namespaceObject.css)(["border-bottom:1px solid ", ";"], themes_namespaceObject.variables.neutral200)
   }
+}));
 
-  Select_createClass(Select, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (false) {}
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          defaultValue = _this$props.defaultValue,
-          _onChange = _this$props.onChange,
-          value = _this$props.value,
-          otherProps = _objectWithoutProperties(_this$props, ["defaultValue", "onChange", "value"]);
-
-      var convertedProps = {
-        onChange: function onChange(e, _ref) {
-          var name = _ref.name,
-              values = _ref.values;
-          _onChange === null || _onChange === void 0 ? void 0 : _onChange(e, {
-            name: name,
-            value: values[0]
-          });
-        }
-      }; // using "has" as opposed to a null check to match SelectBase
-
-      if (has_default()(this.props, 'value')) {
-        if (value != null) {
-          convertedProps.values = [value];
-        } else {
-          convertedProps.values = [];
-        }
-      } else if (this.state.defaultValues != null) {
-        // using defaultValues from state in order to avoid wrapping defaultValue here
-        convertedProps.defaultValues = this.state.defaultValues;
-      }
-
-      return /*#__PURE__*/external_react_default.a.createElement(SelectBase["c" /* default */], Select_extends({}, otherProps, convertedProps, {
-        multiple: false
-      }));
-    }
-  }]);
-
-  return Select;
-}(external_react_["Component"]);
-
-Select_defineProperty(Select_Select, "propTypes", Select_propTypes);
-
-Select_defineProperty(Select_Select, "defaultProps", Select_defaultProps);
-
-Select_defineProperty(Select_Select, "Option", Select_Option);
+;// CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+// A utility for matching keyboard characters to list values
+var charFromMatchOption = function charFromMatchOption(option, charIndex) {
+  return option ? option.label.charAt(charIndex).toLowerCase() : '';
+};
 
-Select_defineProperty(Select_Select, "Heading", SelectBase["b" /* Heading */]);
+var fuzzyMatch = function fuzzyMatch(options, matchChar) {
+  if (!options.length) {
+    return options;
+  }
 
-Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
+  var defaultMatch = null;
+  var hasMatch = false;
+  var matches = options.filter(function (option) {
+    var characterValue = charFromMatchOption(option, matchChar.index);
 
-/* harmony default export */ var src_Select_Select = (Select_Select);
+    if (characterValue === matchChar.value) {
+      hasMatch = true;
+      return true;
+    } // If we haven't found a match yet, keep track of the next closest match.
+    // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
 
-// CONCATENATED MODULE: ./src/Select/index.ts
 
+    if (!hasMatch) {
+      var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
 
+      if (!defaultValue) {
+        defaultMatch = option;
+      } else if (characterValue > matchChar.value) {
+        if (defaultValue < matchChar.value) {
+          defaultMatch = option;
+        } else if (defaultValue > characterValue) {
+          defaultMatch = option;
+        }
+      } else if (characterValue > defaultValue) {
+        defaultMatch = option;
+      }
+    }
 
-/***/ }),
+    return false;
+  });
+  return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
+};
 
-/***/ 27:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
+;// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
 /* eslint-disable @typescript-eslint/no-empty-function */
 var ssrDocument = {
   body: {
@@ -647,649 +792,125 @@ function getDocument() {
 }
 
 
+;// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+/* eslint-disable @typescript-eslint/no-empty-function */
 
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 30:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Text");
-
-/***/ }),
-
-/***/ 33:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/filter");
-
-/***/ }),
-
-/***/ 36:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
-/* harmony import */ var _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__);
-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); }; }
+var ssrWindow = {
+  document: ssrDocument,
+  navigator: {
+    userAgent: ''
+  },
+  location: {
+    hash: '',
+    host: '',
+    hostname: '',
+    href: '',
+    origin: '',
+    pathname: '',
+    protocol: '',
+    search: ''
+  },
+  history: {
+    replaceState: function replaceState() {},
+    pushState: function pushState() {},
+    go: function go() {},
+    back: function back() {}
+  },
+  CustomEvent: function CustomEvent() {
+    return this;
+  },
+  addEventListener: function addEventListener() {},
+  removeEventListener: function removeEventListener() {},
+  getComputedStyle: function getComputedStyle() {
+    return {
+      getPropertyValue: function getPropertyValue() {
+        return '';
+      }
+    };
+  },
+  Image: function Image() {},
+  Date: function Date() {},
+  screen: {},
+  setTimeout: function setTimeout() {},
+  clearTimeout: function clearTimeout() {},
+  matchMedia: function matchMedia() {
+    return {};
+  },
+  requestAnimationFrame: function requestAnimationFrame(callback) {
+    if (typeof setTimeout === 'undefined') {
+      callback();
+      return null;
+    }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+    return setTimeout(callback, 0);
+  },
+  cancelAnimationFrame: function cancelAnimationFrame(id) {
+    if (typeof setTimeout === 'undefined') {
+      return;
+    }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+    clearTimeout(id);
+  }
+};
 
-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 getWindow() {
+  var win = typeof window !== 'undefined' ? window : ssrWindow;
+  return win;
+}
 
-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; }
+;// CONCATENATED MODULE: ./src/Select/SelectBase.tsx
+function SelectBase_extends() { SelectBase_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 SelectBase_extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
+function _nonIterableRest() { 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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-var propTypes = {
-  /** @private */
-  active: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
-  description: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-  descriptionPosition: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['right', 'bottom']),
-  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  hidden: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
-  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-  /**
-   * @private Passed down from <BaseSelect>
-   */
-  multiple: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  matchRanges: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({
-    start: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number.isRequired,
-    end: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number.isRequired
-  })),
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-  /** @private */
-  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-  /** @private */
-  selected: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  truncate: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool]).isRequired
-};
-var defaultProps = {
-  descriptionPosition: 'bottom',
-  disabled: false,
-  multiple: false,
-  selected: false,
-  truncate: false
-};
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-/**
- * An option within a `Multiselect`. This inherits from
- * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
- * so any elements passed to it must also be pure.
- */
-var Option = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Option, _PureComponent);
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
-  var _super = _createSuper(Option);
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-  function Option() {
-    var _this;
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-    _classCallCheck(this, Option);
+function SelectBase_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "c", null);
-
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
-      var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value,
-          disabled = _this$props.disabled;
-
-      if (!disabled) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e, {
-          value: value
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleMount", function (c) {
-      _this.c = c;
-    });
-
-    return _this;
-  }
-
-  _createClass(Option, [{
-    key: "scrollIntoViewIfNeeded",
-    value: function scrollIntoViewIfNeeded() {
-      var _this$c;
-
-      (_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
-    }
-    /**
-     * Place focus on the button.
-     */
-
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$c2;
-
-      (_this$c2 = this.c) === null || _this$c2 === void 0 ? void 0 : _this$c2.focus();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          children = _this$props2.children,
-          label = _this$props2.label,
-          multiple = _this$props2.multiple,
-          otherProps = _objectWithoutProperties(_this$props2, ["value", "children", "label", "multiple"]);
-
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__["Item"], _extends({
-        "aria-selected": this.props.selected,
-        "data-test-value": value,
-        "data-test": "option",
-        ref: this.handleMount
-      }, otherProps, {
-        selectable: true,
-        selectableAppearance: multiple ? 'checkbox' : undefined,
-        onClick: this.handleClick,
-        role: "option",
-        value: value.toString()
-      }), children || label);
-    }
-  }]);
-
-  return Option;
-}(react__WEBPACK_IMPORTED_MODULE_0__["PureComponent"]);
-
-_defineProperty(Option, "propTypes", propTypes);
-
-_defineProperty(Option, "defaultProps", defaultProps);
-
-_defineProperty(Option, "type", _splunk_react_ui_Menu__WEBPACK_IMPORTED_MODULE_2__["Item"]);
-
-/* harmony default export */ __webpack_exports__["a"] = (Option);
-
-/***/ }),
-
-/***/ 38:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/isUndefined");
-
-/***/ }),
-
-/***/ 39:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Link");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 41:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/pick");
-
-/***/ }),
-
-/***/ 44:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ResultsMenu");
-
-/***/ }),
-
-/***/ 46:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Magnifier");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 51:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/Search");
-
-/***/ }),
-
-/***/ 52:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/find");
-
-/***/ }),
-
-/***/ 53:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/CaretSmallDown");
-
-/***/ }),
-
-/***/ 54:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/Caret");
-
-/***/ }),
-
-/***/ 56:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export charFromMatchOption */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fuzzyMatch; });
-// A utility for matching keyboard characters to list values
-var charFromMatchOption = function charFromMatchOption(option, charIndex) {
-  return option ? option.label.charAt(charIndex).toLowerCase() : '';
-};
-
-var fuzzyMatch = function fuzzyMatch(options, matchChar) {
-  if (!options.length) {
-    return options;
-  }
-
-  var defaultMatch = null;
-  var hasMatch = false;
-  var matches = options.filter(function (option) {
-    var characterValue = charFromMatchOption(option, matchChar.index);
-
-    if (characterValue === matchChar.value) {
-      hasMatch = true;
-      return true;
-    } // If we haven't found a match yet, keep track of the next closest match.
-    // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
-
-
-    if (!hasMatch) {
-      var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
-
-      if (!defaultValue) {
-        defaultMatch = option;
-      } else if (characterValue > matchChar.value) {
-        if (defaultValue < matchChar.value) {
-          defaultMatch = option;
-        } else if (defaultValue > characterValue) {
-          defaultMatch = option;
-        }
-      } else if (characterValue > defaultValue) {
-        defaultMatch = option;
-      }
-    }
-
-    return false;
-  });
-  return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
-};
-
-
-
-/***/ }),
-
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/without");
-
-/***/ }),
-
-/***/ 60:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ Menu_["Divider"]; });
-__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ Menu_["Heading"]; });
-__webpack_require__.d(__webpack_exports__, "d", function() { return /* binding */ isOption; });
-
-// UNUSED EXPORTS: Option
-
-// 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/castArray"
-var castArray_ = __webpack_require__(65);
-var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
-
-// EXTERNAL MODULE: external "lodash/find"
-var find_ = __webpack_require__(52);
-var find_default = /*#__PURE__*/__webpack_require__.n(find_);
-
-// EXTERNAL MODULE: external "lodash/forEachRight"
-var forEachRight_ = __webpack_require__(103);
-var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_);
-
-// EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(11);
-var has_default = /*#__PURE__*/__webpack_require__.n(has_);
-
-// EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(15);
-var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
-
-// EXTERNAL MODULE: external "lodash/isUndefined"
-var isUndefined_ = __webpack_require__(38);
-var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
-
-// EXTERNAL MODULE: external "lodash/keys"
-var keys_ = __webpack_require__(9);
-var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
-
-// 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__(41);
-var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
-
-// EXTERNAL MODULE: external "lodash/uniq"
-var uniq_ = __webpack_require__(104);
-var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
-
-// EXTERNAL MODULE: external "lodash/without"
-var without_ = __webpack_require__(59);
-var without_default = /*#__PURE__*/__webpack_require__.n(without_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(8);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
-var Menu_ = __webpack_require__(13);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(22);
-var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
-var filter_ = __webpack_require__(33);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(39);
-var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(44);
-var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(30);
-var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/CaretSmallDown"
-var CaretSmallDown_ = __webpack_require__(53);
-var CaretSmallDown_default = /*#__PURE__*/__webpack_require__.n(CaretSmallDown_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Caret"
-var Caret_ = __webpack_require__(54);
-var Caret_default = /*#__PURE__*/__webpack_require__.n(Caret_);
-
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./src/Select/icons/CaretSmallDown.tsx
-
-
-
-
-
-var CaretSmallDown_CaretSmallDownIcon = function CaretSmallDownIcon() {
-  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      isEnterprise = _useSplunkTheme.isEnterprise;
-
-  var familyCaretSmallDownIcon = isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Caret_default.a, {
-    screenReaderText: null,
-    hideDefaultTooltip: true,
-    size: 0.5
-  }) : /*#__PURE__*/external_react_default.a.createElement(CaretSmallDown_default.a, null);
-  return familyCaretSmallDownIcon;
-};
-
-/* harmony default export */ var CaretSmallDown = (CaretSmallDown_CaretSmallDownIcon);
-// EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(36);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Search"
-var Search_ = __webpack_require__(51);
-var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
-var Magnifier_ = __webpack_require__(46);
-var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
-
-// CONCATENATED MODULE: ./src/Select/icons/Search.tsx
-
-
-
-
-
-
-var Search_Search = function Search() {
-  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      isEnterprise = _useSplunkTheme.isEnterprise,
-      isCompact = _useSplunkTheme.isCompact;
-
-  var screenReaderText = Object(i18n_["_"])('Search');
-
-  var prismaSize = isCompact ? '20px' : '24px';
-  var familyIcon = isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Search_default.a, {
-    role: "presentation",
-    size: "16px",
-    screenReaderText: screenReaderText,
-    hideDefaultTooltip: true
-  }) : /*#__PURE__*/external_react_default.a.createElement(Magnifier_default.a, {
-    role: "presentation",
-    "aria-label": screenReaderText,
-    width: prismaSize,
-    height: prismaSize
-  });
-  return familyIcon;
-};
-
-/* harmony default export */ var icons_Search = (Search_Search);
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(17);
-var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
-
-// CONCATENATED MODULE: ./src/Select/SelectBaseStyles.ts
-
-
-
-
-var StyledButton = external_styled_components_default()(Button_default.a).withConfig({
-  displayName: "SelectBaseStyles__StyledButton",
-  componentId: "sc-16cj7sk-0"
-})(["&[data-inline]{width:", ";}", ""], function (_ref) {
-  var $multiple = _ref.$multiple;
-  return $multiple ? '400px' : 'auto';
-}, function (_ref2) {
-  var $multiple = _ref2.$multiple;
-  return !$multiple && 'flex-grow: 0;';
-});
-var StyledLinkIcon = external_styled_components_default.a.span.withConfig({
-  displayName: "SelectBaseStyles__StyledLinkIcon",
-  componentId: "sc-16cj7sk-1"
-})(["padding-right:2px;"]);
-var StyledLinkCaret = external_styled_components_default.a.span.withConfig({
-  displayName: "SelectBaseStyles__StyledLinkCaret",
-  componentId: "sc-16cj7sk-2"
-})(["padding-left:2px;"]);
-var StyledFilter = external_styled_components_default.a.div.withConfig({
-  displayName: "SelectBaseStyles__StyledFilter",
-  componentId: "sc-16cj7sk-3"
-})(["padding:", ";min-width:160px;"], Object(themes_["pick"])({
-  enterprise: '8px',
-  prisma: '10px 16px'
-}));
-var StyledSearchIconWrapper = external_styled_components_default.a.span.withConfig({
-  displayName: "SelectBaseStyles__StyledSearchIconWrapper",
-  componentId: "sc-16cj7sk-4"
-})(["color:", ";pointer-events:none;padding:", ";"], Object(themes_["pick"])({
-  enterprise: {
-    light: themes_["variables"].gray60,
-    dark: themes_["variables"].white
-  },
-  prisma: themes_["variables"].contentColorMuted
-}), Object(themes_["pick"])({
-  comfortable: '0 8px',
-  compact: '0 6px'
-}));
-var StyledCount = external_styled_components_default.a.span.withConfig({
-  displayName: "SelectBaseStyles__StyledCount",
-  componentId: "sc-16cj7sk-5"
-})(["padding-right:", ";"], Object(themes_["pick"])({
-  enterprise: themes_["variables"].spacingQuarter,
-  prisma: themes_["variables"].spacingXSmall
-}));
-var StyledControlsLink = external_styled_components_default()(Link_default.a).withConfig({
-  displayName: "SelectBaseStyles__StyledControlsLink",
-  componentId: "sc-16cj7sk-6"
-})(["", ";"], function (_ref3) {
-  var $disabled = _ref3.$disabled;
-  return $disabled && Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled);
-});
-var StyledToggleAllControls = external_styled_components_default.a.div.withConfig({
-  displayName: "SelectBaseStyles__StyledToggleAllControls",
-  componentId: "sc-16cj7sk-7"
-})(["padding:", ";", ""], Object(themes_["pick"])({
-  enterprise: "5px 8px",
-  prisma: '10px 16px'
-}), Object(themes_["pickVariant"])('$placement', {
-  above: {
-    enterprise: Object(external_styled_components_["css"])(["border-top:", ";"], themes_["variables"].border),
-    prisma: Object(external_styled_components_["css"])(["border-top:1px solid ", ";"], themes_["variables"].neutral200)
-  },
-  below: {
-    enterprise: Object(external_styled_components_["css"])(["border-bottom:", ";"], themes_["variables"].border),
-    prisma: Object(external_styled_components_["css"])(["border-bottom:1px solid ", ";"], themes_["variables"].neutral200)
-  }
-}));
-
-// EXTERNAL MODULE: ./src/utils/fuzzyMatch.ts
-var fuzzyMatch = __webpack_require__(56);
-
-// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
-var ssrWindow = __webpack_require__(18);
-
-// CONCATENATED MODULE: ./src/Select/SelectBase.tsx
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { 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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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) { _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function SelectBase_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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function SelectBase_createClass(Constructor, protoProps, staticProps) { if (protoProps) SelectBase_defineProperties(Constructor.prototype, protoProps); if (staticProps) SelectBase_defineProperties(Constructor, staticProps); return Constructor; }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function SelectBase_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) SelectBase_setPrototypeOf(subClass, superClass); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function SelectBase_setPrototypeOf(o, p) { SelectBase_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return SelectBase_setPrototypeOf(o, p); }
 
-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 SelectBase_createSuper(Derived) { var hasNativeReflectConstruct = SelectBase_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = SelectBase_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = SelectBase_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return SelectBase_possibleConstructorReturn(this, result); }; }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function SelectBase_possibleConstructorReturn(self, call) { if (call && (SelectBase_typeof(call) === "object" || typeof call === "function")) { return call; } return SelectBase_assertThisInitialized(self); }
 
-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 SelectBase_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function SelectBase_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 _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 SelectBase_getPrototypeOf(o) { SelectBase_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return SelectBase_getPrototypeOf(o); }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function SelectBase_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { SelectBase_typeof = function _typeof(obj) { return typeof obj; }; } else { SelectBase_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return SelectBase_typeof(obj); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _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 _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) { SelectBase_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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function SelectBase_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; }
 
-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; }
 
-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); }
 
 
 
@@ -1319,51 +940,52 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
 
-var propTypes = {
-  allowKeyMatching: external_prop_types_default.a.bool,
-  allowNewValues: external_prop_types_default.a.bool,
-  animateLoading: external_prop_types_default.a.bool,
-  appearance: external_prop_types_default.a.oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
-  append: external_prop_types_default.a.bool,
-  children: external_prop_types_default.a.node,
-  defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'vertical']),
-  defaultValues: external_prop_types_default.a.array,
-  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,
-  filter: external_prop_types_default.a.oneOf([false, true, 'controlled']),
-  footerMessage: external_prop_types_default.a.node,
-  inline: external_prop_types_default.a.bool,
-  inputId: external_prop_types_default.a.string,
-  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,
-  labelText: external_prop_types_default.a.string,
-  loadingMessage: external_prop_types_default.a.node,
-  menuStyle: external_prop_types_default.a.object,
-  multiple: external_prop_types_default.a.bool,
-  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,
-  onFilterChange: 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,
+var SelectBase_propTypes = {
+  allowKeyMatching: (external_prop_types_default()).bool,
+  allowNewValues: (external_prop_types_default()).bool,
+  animateLoading: (external_prop_types_default()).bool,
+  appearance: external_prop_types_default().oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
+  append: (external_prop_types_default()).bool,
+  children: (external_prop_types_default()).node,
+  defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
+  defaultValues: (external_prop_types_default()).array,
+  describedBy: (external_prop_types_default()).string,
+  disabled: (external_prop_types_default()).bool,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  error: (external_prop_types_default()).bool,
+  filter: external_prop_types_default().oneOf([false, true, 'controlled']),
+  footerMessage: (external_prop_types_default()).node,
+  inline: (external_prop_types_default()).bool,
+  inputId: (external_prop_types_default()).string,
+  inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  isLoadingOptions: (external_prop_types_default()).bool,
+  labelledBy: (external_prop_types_default()).string,
+  labelText: (external_prop_types_default()).string,
+  loadingMessage: (external_prop_types_default()).node,
+  menuStyle: (external_prop_types_default()).object,
+  multiple: (external_prop_types_default()).bool,
+  name: (external_prop_types_default()).string,
+  noOptionsMessage: (external_prop_types_default()).node,
+  onChange: (external_prop_types_default()).func,
+  onClose: (external_prop_types_default()).func,
+  onFilterChange: (external_prop_types_default()).func,
+  onOpen: (external_prop_types_default()).func,
+  onScroll: (external_prop_types_default()).func,
+  onScrollBottom: (external_prop_types_default()).func,
 
   /** @private. */
-  required: external_prop_types_default.a.bool,
-  placeholder: external_prop_types_default.a.string,
-  prefixLabel: external_prop_types_default.a.string,
-  prepend: external_prop_types_default.a.bool,
-  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
-  showSelectedValuesFirst: external_prop_types_default.a.oneOf(['nextOpen', 'immediately', 'never']),
-  suffixLabel: external_prop_types_default.a.string,
-  tabConfirmsNewValue: external_prop_types_default.a.bool,
-  values: external_prop_types_default.a.array
+  required: (external_prop_types_default()).bool,
+  placeholder: (external_prop_types_default()).string,
+  prefixLabel: (external_prop_types_default()).string,
+  prepend: (external_prop_types_default()).bool,
+  repositionMode: external_prop_types_default().oneOf(['none', 'flip']),
+  selectAllAppearance: external_prop_types_default().oneOf(['buttongroup', 'checkbox']),
+  showSelectedValuesFirst: external_prop_types_default().oneOf(['nextOpen', 'immediately', 'never']),
+  suffixLabel: (external_prop_types_default()).string,
+  tabConfirmsNewValue: (external_prop_types_default()).bool,
+  values: (external_prop_types_default()).array
 };
-var defaultProps = {
+var SelectBase_defaultProps = {
   allowKeyMatching: true,
   allowNewValues: false,
   animateLoading: false,
@@ -1376,27 +998,44 @@ var defaultProps = {
   isLoadingOptions: false,
   menuStyle: {},
   multiple: false,
-  noOptionsMessage: Object(i18n_["_"])('No matches'),
-  placeholder: Object(i18n_["_"])('Select...'),
+  noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
+  placeholder: (0,i18n_namespaceObject._)('Select...'),
   prepend: false,
   repositionMode: 'flip',
+  selectAllAppearance: 'buttongroup',
   tabConfirmsNewValue: false
 };
+var getLabelFromPlaceholder = memoize_default()(function (placeholder) {
+  return [placeholder];
+}); // preserve separate widths for single vs. multi mode
+
+var getInlineMenuStyle = memoize_default()(function (_ref) {
+  var anchorWidth = _ref.anchorWidth,
+      isMultiple = _ref.isMultiple,
+      menuStyle = _ref.menuStyle;
+  return isMultiple ? _objectSpread({
+    width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
+  }, menuStyle) : _objectSpread({
+    minWidth: anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : undefined,
+    maxWidth: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 300)
+  }, menuStyle);
+});
+var dropdownCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'];
 
 function isOption(child) {
   return child && has_default()(child.props, 'value');
 }
 
 function itemKeyFromValueLabel(value, label) {
-  return "".concat(_typeof(value), "-").concat(value, "-").concat(label);
+  return "".concat(SelectBase_typeof(value), "-").concat(value, "-").concat(label);
 }
 
-var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
-  _inherits(SelectBase, _Component);
+var SelectBase = /*#__PURE__*/function (_Component) {
+  SelectBase_inherits(SelectBase, _Component);
 
-  var _super = _createSuper(SelectBase);
+  var _super = SelectBase_createSuper(SelectBase);
 
-  _createClass(SelectBase, null, [{
+  SelectBase_createClass(SelectBase, null, [{
     key: "validateAppearance",
     // @docs-props-type CompactPropsBase
     value: function validateAppearance(props) {
@@ -1407,43 +1046,45 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   function SelectBase(props) {
     var _this;
 
-    _classCallCheck(this, SelectBase);
+    SelectBase_classCallCheck(this, SelectBase);
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "activeItemId", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "activeItemId", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "activeValue", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "activeValue", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "availableOptionCount", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "availableOptionCount", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "controlledExternally", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "displayedValues", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "displayedValues", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "dropdown", null);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "dropdown", null);
 
-    _defineProperty(_assertThisInitialized(_this), "firstSelectedEnabledOption", null);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "firstSelectedEnabledOption", null);
 
-    _defineProperty(_assertThisInitialized(_this), "firstSelectedOptionIndex", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "firstSelectedOptionIndex", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "menuId", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "menuId", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "previousActiveIndex", null);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "previousActiveIndex", null);
 
-    _defineProperty(_assertThisInitialized(_this), "selectedOptionCount", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "selectedOptionCount", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "optionRefsByKey", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "optionRefsByKey", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "matchCharacter", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "matchCharacter", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "matchTimeout", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "matchTimeout", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "currentMatchOptions", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "currentMatchOptions", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "availableMatchOptions", void 0);
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "availableMatchOptions", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "resetMatches", function () {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "optionSelection", void 0);
+
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "resetMatches", function () {
       _this.matchCharacter = null;
       _this.currentMatchOptions = [];
 
@@ -1452,7 +1093,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleSelectAll", function (e) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleSelectAll", function (e) {
       var _this$getCurrentValue, _this$props$onChange, _this$props2;
 
       var _this$props = _this.props,
@@ -1466,7 +1107,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
       var currentValues = (_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : [];
       var values = uniq_default()(currentValues.concat(_this.displayedValues));
-      values = external_react_default.a.Children.toArray(children).filter(function (child) {
+      values = external_react_default().Children.toArray(children).filter(function (child) {
         return isOption(child) && includes_default()(values, child.props.value) && (!child.props.disabled || includes_default()(currentValues, child.props.value));
       }).map(function (child) {
         return child.props.value;
@@ -1480,11 +1121,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
       (_this$props$onChange = (_this$props2 = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props2, e, {
         values: values,
-        name: name
+        name: name,
+        reason: 'selectAll'
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleClearAll", function (e) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleClearAll", function (e) {
       var _this$getCurrentValue2, _this$props$onChange2, _this$props4;
 
       var _this$props3 = _this.props,
@@ -1497,9 +1139,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       var currentValues = (_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : [];
-      var hiddenCurrentValues = without_default.a.apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
+      var hiddenCurrentValues = without_default().apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
 
-      var values = external_react_default.a.Children.toArray(children).filter(function (child) {
+      var values = external_react_default().Children.toArray(children).filter(function (child) {
         return isOption(child) && (includes_default()(currentValues, child.props.value) && child.props.disabled || includes_default()(hiddenCurrentValues, child.props.value));
       }).map(function (child) {
         return child.props.value;
@@ -1513,16 +1155,17 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
       (_this$props$onChange2 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props4, e, {
         values: values,
-        name: name
+        name: name,
+        reason: 'clearAll'
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
       var _this$props5 = _this.props,
           children = _this$props5.children,
           onScrollBottom = _this$props5.onScrollBottom,
           tabConfirmsNewValue = _this$props5.tabConfirmsNewValue;
-      var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
+      var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
 
       if (eventKeyCode === 'tab') {
         if (tabConfirmsNewValue && !isUndefined_default()(_this.activeValue) && _this.availableOptionCount <= 1) {
@@ -1533,6 +1176,15 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       if (e.shiftKey || e.metaKey || e.ctrlKey) {
+        if (eventKeyCode === 'a' && (e.ctrlKey || e.metaKey)) {
+          // handle control + A
+          if (_this.optionSelection === 'all') {
+            _this.handleClearAll(e);
+          } else {
+            _this.handleSelectAll(e);
+          }
+        }
+
         return;
       }
 
@@ -1541,14 +1193,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
         _this.setState(function (state) {
           return {
-            activeIndex: Math.min(state.activeIndex + 1, _this.availableOptionCount - 1)
+            activeIndex: Math.min(state.activeIndex + 1, _this.props.selectAllAppearance === 'checkbox' ? _this.availableOptionCount : _this.availableOptionCount - 1)
           };
         });
 
         if (children && onScrollBottom) {
           var _this$getCurrentValue3;
 
-          var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : []).length);
+          var beforeLastChild = external_react_namespaceObject.Children.toArray(children).length - (2 + ((_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : []).length);
 
           if (_this.state.activeIndex === beforeLastChild) {
             _this.handleScrollBottom(e);
@@ -1567,14 +1219,22 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       if (eventKeyCode === 'enter' && !isUndefined_default()(_this.activeValue) && _this.state.open) {
-        e.preventDefault();
+        if (_this.activeValue === 'selectAll') {
+          if (_this.optionSelection === 'all') {
+            _this.handleClearAll(e);
+          } else {
+            _this.handleSelectAll(e);
+          }
+        } else {
+          e.preventDefault();
 
-        _this.toggleValue(e, _this.activeValue);
+          _this.toggleValue(e, _this.activeValue);
+        }
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleMenuOptionClick", function (e, _ref) {
-      var value = _ref.value;
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleMenuOptionClick", function (e, _ref2) {
+      var value = _ref2.value;
       e.preventDefault();
 
       if (!_this.state.open) {
@@ -1584,7 +1244,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       _this.toggleValue(e, value);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleMenuOptionKeyDown", function (e, optionIndex) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleMenuOptionKeyDown", function (e, optionIndex) {
       var currentKey = e.nativeEvent.key; // Checking for a single character to avoid complications from double-byte languages and emojis.
 
       if (currentKey.length === 1) {
@@ -1601,10 +1261,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
             return;
           }
 
-          matches = Object(fuzzyMatch["a" /* fuzzyMatch */])(_this.availableMatchOptions, character);
+          matches = fuzzyMatch(_this.availableMatchOptions, character);
         } else if (_this.currentMatchOptions.length > 1) {
           character.index = _this.matchCharacter.index + 1;
-          matches = Object(fuzzyMatch["a" /* fuzzyMatch */])(_this.currentMatchOptions, character);
+          matches = fuzzyMatch(_this.currentMatchOptions, character);
         }
 
         if (matches.length) {
@@ -1642,10 +1302,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleTextChange", function (e, _ref2) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextChange", function (e, _ref3) {
       var _this$props$onFilterC, _this$props6;
 
-      var value = _ref2.value;
+      var value = _ref3.value;
 
       _this.setState({
         filterKeyword: value,
@@ -1658,19 +1318,19 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleTextFocus", function () {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextFocus", function () {
       _this.setState({
         textHasFocus: true
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleTextBlur", function () {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleTextBlur", function () {
       _this.setState({
         textHasFocus: false
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleRequestOpen", function (e) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleRequestOpen", function (e) {
       var newState = {
         open: true,
         topValues: _this.getTopValues()
@@ -1707,7 +1367,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleRequestClose", function () {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleRequestClose", function () {
       _this.setState({
         open: false,
         activeIndex: 0
@@ -1719,7 +1379,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function (e) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleScrollBottom", function (e) {
       if (_this.state.open && !_this.props.isLoadingOptions) {
         var _this$props$onScrollB, _this$props10;
 
@@ -1727,13 +1387,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
       if (_this.previousActiveIndex !== _this.state.activeIndex) {
         c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleOptionMount", function (c, itemKey, isFirst) {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleOptionMount", function (c, itemKey, isFirst) {
       if (isFirst) {
         _this.firstSelectedEnabledOption = c;
       }
@@ -1745,7 +1405,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "createToggle", function () {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "createToggle", function () {
       var _this$getCurrentValue4;
 
       var _this$props11 = _this.props,
@@ -1768,7 +1428,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var label; // Generate buttonLabels
 
       var currentValues = (_this$getCurrentValue4 = _this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [];
-      var childrenArray = external_react_["Children"].toArray(children);
+      var childrenArray = external_react_namespaceObject.Children.toArray(children);
       var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
         var matchedItem = find_default()(childrenArray, function (item) {
           return isOption(item) && item.props.value === value;
@@ -1786,7 +1446,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         }
 
         if (index < orig.length - 1) {
-          acc.push(Object(i18n_["_"])(', '));
+          acc.push((0,i18n_namespaceObject._)(', '));
         }
 
         return acc;
@@ -1806,7 +1466,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       if (label.length === 0 || !multiple && label.every(function (labelNode) {
         return labelNode === '';
       })) {
-        label = [placeholder];
+        label = getLabelFromPlaceholder(placeholder);
       }
 
       var ariaLabel = label; // If there's more than one item selected, read out the selected total
@@ -1843,16 +1503,16 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       if (toggle) {
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(toggle, commonProps);
+        return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(toggle, commonProps);
       }
 
       if (appearance === 'link') {
-        return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, _extends({}, commonProps, {
+        return /*#__PURE__*/external_react_default().createElement((Link_default()), SelectBase_extends({}, commonProps, {
           "data-select-appearance": "link"
-        }), !!icon && /*#__PURE__*/external_react_default.a.createElement(StyledLinkIcon, null, icon), label || placeholder, /*#__PURE__*/external_react_default.a.createElement(StyledLinkCaret, null, /*#__PURE__*/external_react_default.a.createElement(CaretSmallDown, null)));
+        }), !!icon && /*#__PURE__*/external_react_default().createElement(StyledLinkIcon, null, icon), label || placeholder, /*#__PURE__*/external_react_default().createElement(StyledLinkCaret, null, /*#__PURE__*/external_react_default().createElement(CaretSmallDown, null)));
       }
 
-      return /*#__PURE__*/external_react_default.a.createElement(StyledButton, _extends({}, commonProps, {
+      return /*#__PURE__*/external_react_default().createElement(StyledButton, SelectBase_extends({}, commonProps, {
         $multiple: multiple,
         appearance: appearance,
         label: label,
@@ -1864,12 +1524,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         "aria-owns": _this.menuId // @ts-expect-error - accept inconsistency with Button
         ,
         onClick: _this.props.onClick
-      }, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
+      }, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default().createElement(StyledCount, {
         "data-role": "count"
       }, "(", currentValues.length, ")"));
     });
 
-    _defineProperty(_assertThisInitialized(_this), "createChildren", function () {
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "createChildren", function () {
       var _this$state = _this.state,
           filterKeyword = _this$state.filterKeyword,
           textHasFocus = _this$state.textHasFocus,
@@ -1879,6 +1539,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           allowNewValues = _this$props12.allowNewValues,
           filter = _this$props12.filter,
           multiple = _this$props12.multiple,
+          selectAllAppearance = _this$props12.selectAllAppearance,
           showSelectedValuesFirst = _this$props12.showSelectedValuesFirst,
           isLoadingOptions = _this$props12.isLoadingOptions,
           onScrollBottom = _this$props12.onScrollBottom;
@@ -1896,7 +1557,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
       var foundSelectedAndEnabled;
       var topValues = showSelectedValuesFirst === 'immediately' ? _this.getTopValues() : topValuesState;
-      var children = external_react_["Children"].toArray(_this.props.children).reduce(function (acc, item, i) {
+      var children = external_react_namespaceObject.Children.toArray(_this.props.children).reduce(function (acc, item, i) {
         // ignore Headings and Dividers
         if (!isOption(item)) {
           acc.push(item);
@@ -1924,7 +1585,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         } // Format the Menu.Item
 
 
-        var clonedItem = /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
+        var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
           key: item.key || i,
           onClick: _this.handleMenuOptionClick,
           onKeyDown: useMatchOptions ? function (e) {
@@ -1944,7 +1605,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
         if (topValues && topValues.indexOf(item.props.value) >= 0) {
           if (childrenTopCount === 0) {
-            acc.splice(childrenTopCount, 0, /*#__PURE__*/external_react_default.a.createElement(Menu_["Divider"], {
+            acc.splice(childrenTopCount, 0, /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
               key: "topDivider"
             }));
             hasDivider = true;
@@ -1974,14 +1635,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
             var topLength = topValues.length;
 
             if (childrenTopCount === 0) {
-              children.splice(0, 0, /*#__PURE__*/external_react_default.a.createElement(Menu_["Divider"], {
+              children.splice(0, 0, /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
                 key: "topDivider"
               }));
               childrenTopCount += 1;
               hasDivider = true;
             }
 
-            children.splice(isTopValue ? 0 : topLength + 1, 0, /*#__PURE__*/external_react_default.a.createElement(OptionBase["a" /* default */], {
+            children.splice(isTopValue ? 0 : topLength + 1, 0, /*#__PURE__*/external_react_default().createElement(OptionBase, {
               label: String(value),
               value: value,
               key: "missing-value-".concat(value),
@@ -1999,10 +1660,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
       var controlledFilter = filter === 'controlled'; // Filter the items
 
-      var keywords = Object(filter_["stringToKeywords"])(filterKeyword);
+      var keywords = (0,filter_namespaceObject.stringToKeywords)(filterKeyword);
       children = controlledFilter ? children : children.filter(function (option) {
         if (isOption(option)) {
-          return Object(filter_["testPhrase"])(option.props.label, keywords);
+          return (0,filter_namespaceObject.testPhrase)(option.props.label, keywords);
         }
 
         return true; // Keep all headers and non-interactive options
@@ -2013,24 +1674,27 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         } // highlight matched text
 
 
-        var matchRanges = keywords && Object(filter_["keywordLocations"])(option.props.label, keywords);
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(option, {
+        var matchRanges = keywords && (0,filter_namespaceObject.keywordLocations)(option.props.label, keywords);
+        return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(option, {
           matchRanges: matchRanges || undefined
         });
       }); // Add the option to add the new value
 
       if (allowNewValues && !foundExactMatch && filterKeyword) {
         var insertIndex = hasDivider ? childrenTopCount + 1 : childrenTopCount;
-        children.splice(insertIndex, 0, /*#__PURE__*/external_react_default.a.createElement(OptionBase["a" /* default */], {
+        children.splice(insertIndex, 0, /*#__PURE__*/external_react_default().createElement(OptionBase, {
           label: "".concat(filterKeyword, " (new value)"),
           value: filterKeyword,
           key: "newValue",
           multiple: multiple,
           onClick: _this.handleMenuOptionClick
         }));
-      } // Highlight the selected Items and remove hidden
+      } // When selectAll is a menu item, add an offset so that activeItem accounts for the extra selectAll option.
 
 
+      var totalOptionCount = selectAllAppearance === 'checkbox' && multiple && children.length > 1 ? 1 : 0;
+      var allOptionsSelected = true; // Highlight the selected Items and remove hidden
+
       children = children.reduce(function (acc, item) {
         // ignore Dividers & Headings
         if (!isOption(item)) {
@@ -2047,10 +1711,15 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           _this.firstSelectedOptionIndex = _this.availableOptionCount;
         }
 
-        var active = _this.availableOptionCount === _this.state.activeIndex;
+        var active = totalOptionCount === _this.state.activeIndex;
+        totalOptionCount += 1;
         _this.availableOptionCount += 1;
         _this.selectedOptionCount += item.props.selected ? 1 : 0;
 
+        if (item.key !== 'newValue' && !item.props.disabled && !item.props.selected) {
+          allOptionsSelected = false;
+        }
+
         if (!active || !textHasFocus) {
           acc.push(item);
           return acc;
@@ -2060,7 +1729,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           _this.activeValue = item.props.value;
         }
 
-        var clonedItem = /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
+        var clonedItem = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
           active: active,
           id: _this.activeItemId,
           ref: _this.handleActiveOptionMount
@@ -2068,6 +1737,45 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         acc.push(clonedItem);
         return acc;
       }, []);
+      _this.optionSelection = _this.selectedOptionCount === 0 && 'none' || allOptionsSelected && 'all' || 'some'; // add select all option
+
+      if (selectAllAppearance === 'checkbox' && multiple && _this.availableOptionCount > 0) {
+        var _this$getCurrentValue5;
+
+        var selectAllLabel;
+
+        if (_this.optionSelection === 'all') {
+          if (filterKeyword === '') {
+            selectAllLabel = (0,i18n_namespaceObject._)('Clear all');
+          } else {
+            selectAllLabel = (0,i18n_namespaceObject._)('Clear all matches');
+          }
+        } else if (filterKeyword === '') {
+          selectAllLabel = (0,i18n_namespaceObject._)('Select all');
+        } else {
+          selectAllLabel = (0,i18n_namespaceObject._)('Select all matches');
+        }
+
+        if (_this.state.activeIndex === 0 && textHasFocus) {
+          _this.activeValue = 'selectAll';
+        }
+
+        children.unshift( /*#__PURE__*/external_react_default().createElement(Select_SelectAllOption, {
+          key: "selectAllOption",
+          selected: _this.optionSelection === 'all' || _this.optionSelection !== 'none' && 'some',
+          selectAllLabel: selectAllLabel,
+          totalCount: (_this$getCurrentValue5 = _this.getCurrentValues()) === null || _this$getCurrentValue5 === void 0 ? void 0 : _this$getCurrentValue5.length,
+          changedToggle: !!_this.props.toggle,
+          onClick: _this.optionSelection === 'all' ? _this.handleClearAll : _this.handleSelectAll,
+          id: _this.state.activeIndex === 0 ? _this.activeItemId : undefined,
+          active: _this.state.activeIndex === 0,
+          ref: _this.handleActiveOptionMount,
+          tabIndex: -1
+        }), /*#__PURE__*/external_react_default().createElement(Menu_namespaceObject.Divider, {
+          key: "selectAllDivider"
+        }));
+      }
+
       _this.displayedValues = children.reduce(function (acc, item) {
         if (isOption(item)) {
           acc.push(item.props.value);
@@ -2078,10 +1786,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       return children;
     });
 
-    _defineProperty(_assertThisInitialized(_this), "wrapLabel", function (_ref3) {
-      var prefixLabel = _ref3.prefixLabel,
-          label = _ref3.label,
-          suffixLabel = _ref3.suffixLabel;
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "wrapLabel", function (_ref4) {
+      var prefixLabel = _ref4.prefixLabel,
+          label = _ref4.label,
+          suffixLabel = _ref4.suffixLabel;
       var wrappedLabel = label;
 
       if (prefixLabel) {
@@ -2095,6 +1803,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       return wrappedLabel;
     });
 
+    SelectBase_defineProperty(SelectBase_assertThisInitialized(_this), "handleDropdownMount", function (c) {
+      _this.dropdown = c;
+    });
+
     _this.state = {
       activeIndex: 0,
       filterKeyword: '',
@@ -2113,18 +1825,19 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
     _this.currentMatchOptions = [];
     _this.availableMatchOptions = [];
     _this.optionRefsByKey = {};
+    _this.optionSelection = 'none';
 
     if (false) {}
 
     if (false) {}
 
     SelectBase.validateAppearance(props);
-    _this.menuId = Object(id_["createDOMID"])('menu');
-    _this.activeItemId = Object(id_["createDOMID"])('active-item');
+    _this.menuId = (0,id_namespaceObject.createDOMID)('menu');
+    _this.activeItemId = (0,id_namespaceObject.createDOMID)('active-item');
     return _this;
   }
 
-  _createClass(SelectBase, [{
+  SelectBase_createClass(SelectBase, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (false) {}
@@ -2143,10 +1856,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "getTopValues",
     value: function getTopValues() {
-      var _this$getCurrentValue5;
+      var _this$getCurrentValue6;
 
       // in non-multiple mode, don't move values to the top of the list
-      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue5 = this.getCurrentValues()) !== null && _this$getCurrentValue5 !== void 0 ? _this$getCurrentValue5 : [] : [];
+      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [] : [];
     }
   }, {
     key: "isControlled",
@@ -2161,9 +1874,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "toggleValue",
     value: function toggleValue(e, value) {
-      var _this$getCurrentValue6, _this$props$onChange3, _this$props14;
+      var _this$getCurrentValue7, _this$props$onChange3, _this$props14;
 
-      var values = (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [];
+      var values = (_this$getCurrentValue7 = this.getCurrentValues()) !== null && _this$getCurrentValue7 !== void 0 ? _this$getCurrentValue7 : [];
       var currentIndex = values.indexOf(value);
       var _this$props13 = this.props,
           name = _this$props13.name,
@@ -2207,7 +1920,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
       (_this$props$onChange3 = (_this$props14 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props14, e, {
         values: newValues,
-        name: name
+        name: name,
+        reason: 'valueToggle'
       });
     }
     /**
@@ -2223,36 +1937,41 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "renderControls",
-    value: function renderControls(_ref4) {
-      var hasChildren = _ref4.hasChildren,
-          placement = _ref4.placement;
+    value: function renderControls(_ref5) {
+      var hasChildren = _ref5.hasChildren,
+          placement = _ref5.placement;
       var filterKeyword = this.state.filterKeyword;
       var _this$props15 = this.props,
           inputId = _this$props15.inputId,
           inputRef = _this$props15.inputRef,
-          multiple = _this$props15.multiple; // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+          multiple = _this$props15.multiple,
+          selectAllAppearance = _this$props15.selectAllAppearance;
+
+      var selectAllLabel = (0,i18n_namespaceObject._)("Select all options".concat(this.optionSelection === 'all' ? ' disabled' : ''));
 
-      var selectControls = /*#__PURE__*/external_react_default.a.createElement(StyledToggleAllControls, {
+      var clearAllLabel = (0,i18n_namespaceObject._)("Clear all options".concat(this.optionSelection === 'none' ? ' disabled' : '')); // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+
+
+      var selectControls = /*#__PURE__*/external_react_default().createElement(StyledToggleAllControls, {
         $placement: placement,
         key: "selectAll"
-      }, /*#__PURE__*/external_react_default.a.createElement(StyledControlsLink, {
-        $disabled: !(this.availableOptionCount - this.selectedOptionCount),
+      }, /*#__PURE__*/external_react_default().createElement(StyledControlsLink, {
+        $disabled: this.optionSelection === 'all',
+        "aria-label": selectAllLabel,
         onClick: this.handleSelectAll,
-        "data-test": "select-all",
-        style: {
-          marginRight: 20
-        }
-      }, filterKeyword ? Object(i18n_["_"])('Select All Matches') : Object(i18n_["_"])('Select All')), /*#__PURE__*/external_react_default.a.createElement(StyledControlsLink, {
-        $disabled: !this.selectedOptionCount,
+        "data-test": "select-all"
+      }, filterKeyword ? (0,i18n_namespaceObject._)('Select All Matches') : (0,i18n_namespaceObject._)('Select All')), /*#__PURE__*/external_react_default().createElement(StyledControlsLink, {
+        $disabled: this.optionSelection === 'none',
+        "aria-label": clearAllLabel,
         onClick: this.handleClearAll,
         "data-test": "clear-all"
-      }, filterKeyword ? Object(i18n_["_"])('Clear All Matches') : Object(i18n_["_"])('Clear All')));
-      return this.hasFilter() && /*#__PURE__*/external_react_default.a.createElement("div", {
+      }, filterKeyword ? (0,i18n_namespaceObject._)('Clear All Matches') : (0,i18n_namespaceObject._)('Clear All')));
+      return this.hasFilter() && /*#__PURE__*/external_react_default().createElement("div", {
         key: "controls"
-      }, /*#__PURE__*/external_react_default.a.createElement(StyledFilter, {
+      }, /*#__PURE__*/external_react_default().createElement(StyledFilter, {
         key: "filter",
         "data-test": "filter"
-      }, /*#__PURE__*/external_react_default.a.createElement(Text_default.a, {
+      }, /*#__PURE__*/external_react_default().createElement((Text_default()), {
         value: filterKeyword,
         autoCapitalize: "off",
         autoComplete: "off",
@@ -2262,21 +1981,21 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         onKeyDown: this.handleTextKeyDown,
         onFocus: this.handleTextFocus,
         onBlur: this.handleTextBlur,
-        placeholder: Object(i18n_["_"])('filter'),
+        placeholder: (0,i18n_namespaceObject._)('filter'),
         role: "combobox",
         "aria-expanded": "true",
-        "aria-label": Object(i18n_["_"])('Filter'),
+        "aria-label": (0,i18n_namespaceObject._)('Filter'),
         "aria-activedescendant": this.activeItemId,
         inputRef: inputRef,
         inputId: inputId,
         canClear: true,
-        startAdornment: /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default.a.createElement(icons_Search, null))
-      })), multiple && hasChildren && selectControls);
+        startAdornment: /*#__PURE__*/external_react_default().createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default().createElement(icons_Search, null))
+      })), multiple && hasChildren && selectAllAppearance === 'buttongroup' && selectControls);
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$getCurrentValue7,
+      var _this$getCurrentValue8,
           _this2 = this;
 
       var _this$props16 = this.props,
@@ -2286,8 +2005,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           multiple = _this$props16.multiple,
           repositionMode = _this$props16.repositionMode;
       var filterEnabled = this.hasFilter();
-      var currentValues = (_this$getCurrentValue7 = this.getCurrentValues()) !== null && _this$getCurrentValue7 !== void 0 ? _this$getCurrentValue7 : [];
-      var childrenArray = external_react_["Children"].toArray(children);
+      var currentValues = (_this$getCurrentValue8 = this.getCurrentValues()) !== null && _this$getCurrentValue8 !== void 0 ? _this$getCurrentValue8 : [];
+      var childrenArray = external_react_namespaceObject.Children.toArray(children);
       var isAnyValueSelected = currentValues.some(function (value) {
         var matchedItem = find_default()(childrenArray, function (item) {
           return isOption(item) && item.props.value === value;
@@ -2297,19 +2016,17 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var finalChildren = this.createChildren();
       var toggle = this.createToggle();
 
-      var createMenu = function createMenu(_ref5) {
-        var anchorWidth = _ref5.anchorWidth,
-            maxHeight = _ref5.maxHeight,
-            placement = _ref5.placement;
-        // preserve separate widths for single vs. multi mode
-        var internalMenuStyle = _this2.props.multiple ? {
-          width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
-        } : {
-          minWidth: anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : undefined,
-          maxWidth: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 300)
-        };
+      var createMenu = function createMenu(_ref6) {
+        var anchorWidth = _ref6.anchorWidth,
+            maxHeight = _ref6.maxHeight,
+            placement = _ref6.placement;
+        var internalMenuStyle = getInlineMenuStyle({
+          anchorWidth: anchorWidth,
+          isMultiple: _this2.props.multiple,
+          menuStyle: _this2.props.menuStyle
+        });
         var tabIndex = currentValues.length > 0 && !isAnyValueSelected && !_this2.hasFilter() ? 0 : undefined;
-        return /*#__PURE__*/external_react_default.a.createElement(ResultsMenu_default.a, _extends({
+        return /*#__PURE__*/external_react_default().createElement((ResultsMenu_default()), SelectBase_extends({
           "aria-multiselectable": multiple || undefined,
           childrenStart: _this2.renderControls({
             placement: placement,
@@ -2323,13 +2040,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           isLoading: _this2.props.isLoadingOptions,
           id: _this2.menuId
         }, pick_default()(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
-          style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
+          style: internalMenuStyle,
           tabIndex: tabIndex
         }), finalChildren);
       };
 
-      return /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
-        closeReasons: ['clickAway', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'],
+      return /*#__PURE__*/external_react_default().createElement((Dropdown_default()), {
+        closeReasons: dropdownCloseReasons,
         inputId: inputId,
         toggle: toggle,
         onRequestOpen: this.handleRequestOpen,
@@ -2338,10 +2055,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         openWithArrowKeys: true,
         repositionMode: repositionMode,
         defaultPlacement: filterEnabled ? defaultPlacement : undefined,
-        canCoverAnchor: Object(ssrWindow["a" /* getWindow */])().innerHeight < 500,
-        ref: function ref(c) {
-          _this2.dropdown = c;
-        },
+        canCoverAnchor: getWindow().innerHeight < 500,
+        ref: this.handleDropdownMount,
         retainFocus: false,
         takeFocus: currentValues.length === 0 || currentValues.length > 0 && !isAnyValueSelected || !!filterEnabled
       }, createMenu);
@@ -2349,51 +2064,331 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }]);
 
   return SelectBase;
-}(external_react_["Component"]);
+}(external_react_namespaceObject.Component);
+
+SelectBase_defineProperty(SelectBase, "propTypes", SelectBase_propTypes);
+
+SelectBase_defineProperty(SelectBase, "defaultProps", SelectBase_defaultProps);
+
+SelectBase_defineProperty(SelectBase, "Option", OptionBase);
+
+SelectBase_defineProperty(SelectBase, "Divider", Menu_namespaceObject.Divider);
+
+SelectBase_defineProperty(SelectBase, "Heading", Menu_namespaceObject.Heading);
+
+SelectBase_defineProperty(SelectBase, "invalidLinkAppearanceProps", ['append', 'error', 'prepend']);
+
+/* harmony default export */ const Select_SelectBase = (SelectBase);
+
+;// CONCATENATED MODULE: ./src/Select/Option.tsx
+function Option_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Option_typeof = function _typeof(obj) { return typeof obj; }; } else { Option_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Option_typeof(obj); }
+
+function Option_extends() { Option_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 Option_extends.apply(this, arguments); }
+
+function Option_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function Option_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 Option_createClass(Constructor, protoProps, staticProps) { if (protoProps) Option_defineProperties(Constructor.prototype, protoProps); if (staticProps) Option_defineProperties(Constructor, staticProps); return Constructor; }
+
+function Option_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) Option_setPrototypeOf(subClass, superClass); }
+
+function Option_setPrototypeOf(o, p) { Option_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Option_setPrototypeOf(o, p); }
+
+function Option_createSuper(Derived) { var hasNativeReflectConstruct = Option_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Option_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Option_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Option_possibleConstructorReturn(this, result); }; }
+
+function Option_possibleConstructorReturn(self, call) { if (call && (Option_typeof(call) === "object" || typeof call === "function")) { return call; } return Option_assertThisInitialized(self); }
+
+function Option_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function Option_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 Option_getPrototypeOf(o) { Option_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Option_getPrototypeOf(o); }
+
+function Option_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 Option_propTypes = {
+  /** @private */
+  active: (external_prop_types_default()).bool,
+  children: (external_prop_types_default()).node,
+  description: (external_prop_types_default()).string,
+  descriptionPosition: external_prop_types_default().oneOf(['right', 'bottom']),
+  disabled: (external_prop_types_default()).bool,
+  hidden: (external_prop_types_default()).bool,
+  icon: (external_prop_types_default()).node,
+  label: (external_prop_types_default()).string.isRequired,
+  matchRanges: external_prop_types_default().arrayOf(external_prop_types_default().shape({
+    start: (external_prop_types_default()).number.isRequired,
+    end: (external_prop_types_default()).number.isRequired
+  })),
+
+  /** @private */
+  onClick: (external_prop_types_default()).func,
+
+  /** @private */
+  selected: (external_prop_types_default()).bool,
+  truncate: (external_prop_types_default()).bool,
+  value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]).isRequired
+};
+var Option_defaultProps = {
+  active: false,
+  descriptionPosition: 'bottom',
+  disabled: false,
+  hidden: false,
+  selected: false,
+  truncate: false
+};
+
+/**
+ * An option within a `Select`. 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) {
+  Option_inherits(Option, _PureComponent);
+
+  var _super = Option_createSuper(Option);
+
+  function Option() {
+    var _this;
+
+    Option_classCallCheck(this, Option);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    Option_defineProperty(Option_assertThisInitialized(_this), "c", null);
+
+    Option_defineProperty(Option_assertThisInitialized(_this), "handleMount", function (c) {
+      _this.c = c;
+    });
+
+    return _this;
+  }
+
+  Option_createClass(Option, [{
+    key: "scrollIntoViewIfNeeded",
+    value: function scrollIntoViewIfNeeded() {
+      var _this$c;
+
+      (_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
+    }
+    /**
+     * Place focus on the button.
+     */
+
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$c2;
+
+      (_this$c2 = this.c) === null || _this$c2 === void 0 ? void 0 : _this$c2.focus();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/external_react_default().createElement(OptionBase, Option_extends({}, this.props, {
+        multiple: false,
+        ref: this.handleMount
+      }), this.props.children || this.props.label);
+    }
+  }]);
+
+  return Option;
+}(external_react_namespaceObject.PureComponent);
+
+Option_defineProperty(Option_Option, "propTypes", Option_propTypes);
+
+Option_defineProperty(Option_Option, "defaultProps", Option_defaultProps);
+
+/* harmony default export */ const Select_Option = (Option_Option);
+;// CONCATENATED MODULE: ./src/Select/Select.tsx
+function Select_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Select_typeof = function _typeof(obj) { return typeof obj; }; } else { Select_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Select_typeof(obj); }
+
+function Select_extends() { Select_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 Select_extends.apply(this, arguments); }
+
+function Select_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Select_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 Select_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 Select_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function Select_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 Select_createClass(Constructor, protoProps, staticProps) { if (protoProps) Select_defineProperties(Constructor.prototype, protoProps); if (staticProps) Select_defineProperties(Constructor, staticProps); return Constructor; }
+
+function Select_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) Select_setPrototypeOf(subClass, superClass); }
 
-_defineProperty(SelectBase_SelectBase, "propTypes", propTypes);
+function Select_setPrototypeOf(o, p) { Select_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return Select_setPrototypeOf(o, p); }
+
+function Select_createSuper(Derived) { var hasNativeReflectConstruct = Select_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Select_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Select_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Select_possibleConstructorReturn(this, result); }; }
+
+function Select_possibleConstructorReturn(self, call) { if (call && (Select_typeof(call) === "object" || typeof call === "function")) { return call; } return Select_assertThisInitialized(self); }
+
+function Select_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function Select_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 Select_getPrototypeOf(o) { Select_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return Select_getPrototypeOf(o); }
+
+function Select_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; }
+
+/* eslint-disable max-classes-per-file */
+
+
+
+
+
+
+/** @public */
+
+var Select_propTypes = {
+  allowKeyMatching: (external_prop_types_default()).bool,
+  animateLoading: (external_prop_types_default()).bool,
+  appearance: external_prop_types_default().oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
+  append: (external_prop_types_default()).bool,
+  children: (external_prop_types_default()).node,
+  defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'vertical']),
+  defaultValue: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool]),
+  describedBy: (external_prop_types_default()).string,
+  disabled: (external_prop_types_default()).bool,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  error: (external_prop_types_default()).bool,
+  filter: external_prop_types_default().oneOf([false, true, 'controlled']),
+  footerMessage: (external_prop_types_default()).node,
+  inline: (external_prop_types_default()).bool,
+  inputId: (external_prop_types_default()).string,
+  inputRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  isLoadingOptions: (external_prop_types_default()).bool,
+  labelledBy: (external_prop_types_default()).string,
+  labelText: (external_prop_types_default()).string,
+  loadingMessage: (external_prop_types_default()).node,
+  menuStyle: (external_prop_types_default()).object,
+  name: (external_prop_types_default()).string,
+  noOptionsMessage: (external_prop_types_default()).node,
+  onChange: (external_prop_types_default()).func,
+  onClose: (external_prop_types_default()).func,
+  onFilterChange: (external_prop_types_default()).func,
+  onOpen: (external_prop_types_default()).func,
+  onScroll: (external_prop_types_default()).func,
+  onScrollBottom: (external_prop_types_default()).func,
+  placeholder: (external_prop_types_default()).string,
+  prefixLabel: (external_prop_types_default()).string,
+  prepend: (external_prop_types_default()).bool,
+  suffixLabel: (external_prop_types_default()).string,
+  value: external_prop_types_default().oneOfType([(external_prop_types_default()).string, (external_prop_types_default()).number, (external_prop_types_default()).bool])
+};
+var Select_defaultProps = {
+  allowKeyMatching: true,
+  animateLoading: false,
+  appearance: 'toggle',
+  append: false,
+  children: [],
+  defaultPlacement: 'vertical',
+  disabled: false,
+  error: false,
+  filter: false,
+  inline: true,
+  isLoadingOptions: false,
+  menuStyle: {},
+  noOptionsMessage: (0,i18n_namespaceObject._)('No matches'),
+  placeholder: (0,i18n_namespaceObject._)('Select...'),
+  prepend: false
+};
 
-_defineProperty(SelectBase_SelectBase, "defaultProps", defaultProps);
+var Select = /*#__PURE__*/function (_Component) {
+  Select_inherits(Select, _Component);
 
-_defineProperty(SelectBase_SelectBase, "Option", OptionBase["a" /* default */]);
+  var _super = Select_createSuper(Select);
 
-_defineProperty(SelectBase_SelectBase, "Divider", Menu_["Divider"]);
+  // @docs-props-type SelectPropsBase
+  function Select(props) {
+    var _this;
 
-_defineProperty(SelectBase_SelectBase, "Heading", Menu_["Heading"]);
+    Select_classCallCheck(this, Select);
 
-_defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append', 'error', 'prepend']);
+    _this = _super.call(this, props);
+    var state = {}; // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
+    // using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
 
-/* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
+    if (has_default()(props, 'defaultValue')) {
+      if (props.defaultValue != null) {
+        state.defaultValues = [props.defaultValue];
+      } else {
+        state.defaultValues = [];
+      }
+    }
 
+    _this.state = state;
+    return _this;
+  }
 
-/***/ }),
+  Select_createClass(Select, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (false) {}
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          defaultValue = _this$props.defaultValue,
+          _onChange = _this$props.onChange,
+          value = _this$props.value,
+          otherProps = Select_objectWithoutProperties(_this$props, ["defaultValue", "onChange", "value"]);
 
-/***/ 65:
-/***/ (function(module, exports) {
+      var convertedProps = {
+        onChange: function onChange(e, _ref) {
+          var name = _ref.name,
+              values = _ref.values;
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(e, {
+            name: name,
+            value: values[0]
+          });
+        }
+      }; // using "has" as opposed to a null check to match SelectBase
 
-module.exports = require("lodash/castArray");
+      if (has_default()(this.props, 'value')) {
+        if (value != null) {
+          convertedProps.values = [value];
+        } else {
+          convertedProps.values = [];
+        }
+      } else if (this.state.defaultValues != null) {
+        // using defaultValues from state in order to avoid wrapping defaultValue here
+        convertedProps.defaultValues = this.state.defaultValues;
+      }
 
-/***/ }),
+      return /*#__PURE__*/external_react_default().createElement(Select_SelectBase, Select_extends({}, otherProps, convertedProps, {
+        multiple: false
+      }));
+    }
+  }]);
 
-/***/ 7:
-/***/ (function(module, exports) {
+  return Select;
+}(external_react_namespaceObject.Component);
 
-module.exports = require("@splunk/ui-utils/keyboard");
+Select_defineProperty(Select, "propTypes", Select_propTypes);
 
-/***/ }),
+Select_defineProperty(Select, "defaultProps", Select_defaultProps);
 
-/***/ 8:
-/***/ (function(module, exports) {
+Select_defineProperty(Select, "Option", Select_Option);
 
-module.exports = require("@splunk/ui-utils/id");
+Select_defineProperty(Select, "Heading", Menu_namespaceObject.Heading);
 
-/***/ }),
+Select_defineProperty(Select, "Divider", Menu_namespaceObject.Divider);
 
-/***/ 9:
-/***/ (function(module, exports) {
+/* harmony default export */ const Select_Select = (Select);
 
-module.exports = require("lodash/keys");
+;// CONCATENATED MODULE: ./src/Select/index.ts
 
-/***/ })
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;