@splunk/react-ui 4.1.0 → 4.4.1

package/Select.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 125);
+/******/ 	return __webpack_require__(__webpack_require__.s = 153);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 125:
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Menu");
+
+/***/ }),
+
+/***/ 153:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -117,8 +124,8 @@ __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 */ Menu_["Divider"]; });
-__webpack_require__.d(__webpack_exports__, "Heading", function() { return /* reexport */ Menu_["Heading"]; });
+__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"
@@ -132,39 +139,14 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
-var filter_ = __webpack_require__(22);
-
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(9);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(10);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(16);
-var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(32);
-var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
-var Menu_ = __webpack_require__(13);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(35);
-var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(24);
-var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
+// EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 1 modules
+var SelectBase = __webpack_require__(42);
 
-// EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(39);
+// EXTERNAL MODULE: ./src/Select/OptionBase.tsx
+var OptionBase = __webpack_require__(28);
 
 // CONCATENATED MODULE: ./src/Select/Option.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -196,7 +178,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
 var propTypes = {
   /** @private */
   active: external_prop_types_default.a.bool,
@@ -252,19 +233,6 @@ 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;
     });
@@ -293,16 +261,9 @@ var Option_Option = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/external_react_default.a.createElement(Menu_["Item"], _extends({
-        "data-test-value": this.props.value,
-        "data-test": "option",
-        ref: this.handleMount,
-        selectable: true,
-        value: this.props.value.toString()
-      }, Object(external_lodash_["omit"])(this.props, ['label', 'value']), {
-        "aria-selected": this.props.selected,
-        onClick: this.handleClick,
-        role: "option"
+      return /*#__PURE__*/external_react_default.a.createElement(OptionBase["a" /* default */], _extends({}, this.props, {
+        multiple: false,
+        ref: this.handleMount
       }), this.props.children || this.props.label);
     }
   }]);
@@ -315,61 +276,14 @@ _defineProperty(Option_Option, "propTypes", propTypes);
 _defineProperty(Option_Option, "defaultProps", defaultProps);
 
 /* harmony default export */ var Select_Option = (Option_Option);
-// 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_);
-
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./src/Select/SelectStyles.ts
-
-
-
-var StyledButtonToggle = external_styled_components_default()(Button_default.a).withConfig({
-  displayName: "SelectStyles__StyledButtonToggle",
-  componentId: "sc-1cn19n4-0"
-})(["flex-grow:0;"]);
-var StyledFilter = external_styled_components_default.a.div.withConfig({
-  displayName: "SelectStyles__StyledFilter",
-  componentId: "sc-1cn19n4-1"
-})(["padding:8px;min-width:160px;", ""], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["&:first-child{border-bottom:", ";}&:last-child{border-top:", ";}"], themes_["variables"].border, themes_["variables"].border),
-  prisma: Object(external_styled_components_["css"])(["&:first-child{border-bottom:1px solid ", ";}&:last-child{border-top:1px solid ", ";}"], themes_["variables"].neutral200, themes_["variables"].neutral200)
-}));
-var StyledLinkIcon = external_styled_components_default.a.span.withConfig({
-  displayName: "SelectStyles__StyledLinkIcon",
-  componentId: "sc-1cn19n4-2"
-})(["padding-right:2px;"]);
-var StyledLinkCaret = external_styled_components_default.a.span.withConfig({
-  displayName: "SelectStyles__StyledLinkCaret",
-  componentId: "sc-1cn19n4-3"
-})(["padding-left:2px;"]);
-
 // 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 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) { Select_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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _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 _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 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 _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"); } }
 
@@ -393,20 +307,14 @@ function Select_getPrototypeOf(o) { Select_getPrototypeOf = Object.setPrototypeO
 
 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 = {
   animateLoading: external_prop_types_default.a.bool,
@@ -463,518 +371,306 @@ var Select_Select = /*#__PURE__*/function (_Component) {
 
   var _super = Select_createSuper(Select);
 
-  Select_createClass(Select, null, [{
-    key: "validateAppearance",
-    // @docs-props-type SelectPropsBase
-    value: function validateAppearance(props) {
-      if (false) {}
-    }
-  }]);
-
+  // @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 (Object(external_lodash_["has"])(props, 'defaultValue')) {
+      if (props.defaultValue != null) {
+        state.defaultValues = [props.defaultValue];
+      } else {
+        state.defaultValues = [];
+      }
+    }
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "activeItemId", void 0);
+    _this.state = state;
+    return _this;
+  }
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "activeValue", void 0);
+  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
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "availableOptionCount", void 0);
+      if (Object(external_lodash_["has"])(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;
+      }
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "controlledExternally", void 0);
+      return /*#__PURE__*/external_react_default.a.createElement(SelectBase["c" /* default */], Select_extends({}, otherProps, convertedProps, {
+        multiple: false
+      }));
+    }
+  }]);
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "dropdown", null);
+  return Select;
+}(external_react_["Component"]);
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "menuId", void 0);
+Select_defineProperty(Select_Select, "propTypes", Select_propTypes);
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "selectedOption", null);
+Select_defineProperty(Select_Select, "defaultProps", Select_defaultProps);
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "selectedOptionIndex", void 0);
+Select_defineProperty(Select_Select, "Option", Select_Option);
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleActiveOptionMount", function (comp) {
-      if (comp) {
-        comp.scrollIntoViewIfNeeded();
-      }
-    });
+Select_defineProperty(Select_Select, "Heading", SelectBase["b" /* Heading */]);
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'tab') {
-        e.preventDefault();
-        return;
-      }
+Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
 
-      if (e.shiftKey || e.metaKey || e.ctrlKey) {
-        return;
-      }
+/* harmony default export */ var src_Select_Select = (Select_Select);
 
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'down') {
-        e.preventDefault();
+// CONCATENATED MODULE: ./src/Select/index.ts
 
-        _this.setState(function (state) {
-          var _state$activeIndex;
 
-          return {
-            activeIndex: Math.min(((_state$activeIndex = state.activeIndex) !== null && _state$activeIndex !== void 0 ? _state$activeIndex : 0) + 1, _this.availableOptionCount - 1)
-          };
-        });
-      }
 
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'up') {
-        e.preventDefault();
+/***/ }),
 
-        _this.setState(function (state) {
-          var _state$activeIndex2;
+/***/ 16:
+/***/ (function(module, exports) {
 
-          return {
-            activeIndex: Math.max(((_state$activeIndex2 = state.activeIndex) !== null && _state$activeIndex2 !== void 0 ? _state$activeIndex2 : 0) - 1, 0)
-          };
-        });
-      }
+module.exports = require("@splunk/react-ui/Button");
 
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'enter' && _this.activeValue !== undefined) {
-        e.preventDefault();
+/***/ }),
 
-        _this.selectValue(e, {
-          value: _this.activeValue
-        });
-      }
-    });
+/***/ 19:
+/***/ (function(module, exports) {
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleTextChange", function (e, data) {
-      var _this$props$onFilterC, _this$props;
+module.exports = require("@splunk/react-ui/Dropdown");
 
-      e.preventDefault();
+/***/ }),
 
-      _this.setState({
-        activeIndex: 0,
-        filterKeyword: data.value,
-        open: true
-      });
+/***/ 2:
+/***/ (function(module, exports) {
 
-      (_this$props$onFilterC = (_this$props = _this.props).onFilterChange) === null || _this$props$onFilterC === void 0 ? void 0 : _this$props$onFilterC.call(_this$props, e, {
-        keyword: data.value
-      });
-    });
+module.exports = require("react");
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleTextKeyUp", function (e) {
-      if (Object(keyboard_["keycode"])(e.nativeEvent) === 'tab') {
-        e.preventDefault();
-      }
-    });
+/***/ }),
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleSelectedItemMount", function (c) {
-      _this.selectedOption = c;
-    });
+/***/ 23:
+/***/ (function(module, exports) {
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleItemClick", function (e, _ref) {
-      var value = _ref.value;
+module.exports = require("@splunk/ui-utils/filter");
 
-      if (!_this.state.open) {
-        return;
-      }
+/***/ }),
 
-      _this.selectValue(e, {
-        value: value
-      });
-    });
+/***/ 26:
+/***/ (function(module, exports) {
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleRequestOpen", function () {
-      _this.setState({
-        open: true
-      }, function () {
-        var _this$props$onOpen, _this$props2;
+module.exports = require("@splunk/react-ui/Text");
 
-        (_this$props$onOpen = (_this$props2 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props2);
+/***/ }),
 
-        if (_this.selectedOption && !_this.props.filter) {
-          _this.selectedOption.focus();
-        } else if (_this.props.filter) {
-          _this.setState({
-            activeIndex: _this.selectedOptionIndex
-          });
-        }
-      });
-    });
+/***/ 28:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleRequestClose", function () {
-      _this.setState({
-        open: false,
-        activeIndex: 0
-      }, function () {
-        var _this$props$onClose, _this$props3;
+"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); }
 
-        (_this$props$onClose = (_this$props3 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props3);
-      });
-    });
+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); }
 
-    Select_defineProperty(Select_assertThisInitialized(_this), "handleScrollBottom", function () {
-      if (_this.state.open && !_this.props.isLoadingOptions) {
-        var _this$props$onScrollB, _this$props4;
+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; }
 
-        (_this$props$onScrollB = (_this$props4 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props4);
-      }
-    });
+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; }
 
-    _this.controlledExternally = Object(external_lodash_["has"])(props, 'value');
-    _this.availableOptionCount = 0;
-    _this.state = {
-      activeIndex: undefined,
-      filterKeyword: _this.props.filter ? '' : undefined,
-      open: false,
-      value: Object(external_lodash_["has"])(props, 'defaultValue') ? props.defaultValue : ''
-    };
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-    if (false) {}
+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); } }
 
-    if (false) {}
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-    Select.validateAppearance(props);
-    _this.menuId = Object(id_["createDOMID"])('menu');
-    _this.activeItemId = Object(id_["createDOMID"])('active-item');
-    return _this;
-  }
+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); }
 
-  Select_createClass(Select, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (false) {}
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-      if (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); }; }
 
-      Select.validateAppearance(this.props);
-    }
-  }, {
-    key: "getCurrentValue",
-    value: function getCurrentValue() {
-      return this.isControlled() ? this.props.value : this.state.value;
-    }
-  }, {
-    key: "selectValue",
-    value: function selectValue(e, _ref2) {
-      var value = _ref2.value;
-      var name = this.props.name;
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-      if (!this.isControlled()) {
-        this.setState({
-          value: value
-        });
-      }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-      this.handleRequestClose();
-      this.focus();
+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; } }
 
-      if (this.getCurrentValue() !== value) {
-        var _this$props$onChange, _this$props5;
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-        (_this$props$onChange = (_this$props5 = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props5, e, {
-          value: value,
-          name: name
-        });
-      }
-    }
-  }, {
-    key: "isControlled",
-    value: function isControlled() {
-      return this.controlledExternally;
-    }
-    /**
-     * Place focus on the toggle.
-     */
+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; }
 
-  }, {
-    key: "focus",
-    value: function focus() {
-      var _this$dropdown;
-
-      (_this$dropdown = this.dropdown) === null || _this$dropdown === void 0 ? void 0 : _this$dropdown.focus();
-    } // Setup Filter
-
-  }, {
-    key: "renderFilter",
-    value: function renderFilter() {
-      /* eslint-disable jsx-a11y/tabindex-no-positive */
-      return this.props.filter ? /*#__PURE__*/external_react_default.a.createElement(StyledFilter, {
-        key: "filter"
-      }, /*#__PURE__*/external_react_default.a.createElement(Text_default.a, {
-        value: this.state.filterKeyword,
-        appearance: "search",
-        autoCapitalize: "off",
-        autoComplete: "off",
-        autoCorrect: "off",
-        spellCheck: false,
-        onChange: this.handleTextChange,
-        onKeyDown: this.handleTextKeyDown,
-        onKeyUp: this.handleTextKeyUp,
-        placeholder: Object(i18n_["_"])('filter'),
-        tabIndex: 1,
-        role: "combobox",
-        "aria-activedescendant": this.activeItemId,
-        "aria-expanded": "true",
-        "aria-controls": this.menuId,
-        "aria-label": Object(i18n_["_"])('Filter'),
-        inputId: this.props.inputId
-      })) : null;
-      /* eslint-enable jsx-a11y/tabindex-no-positive */
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props6 = this.props,
-          appearance = _this$props6.appearance,
-          children = _this$props6.children,
-          defaultPlacement = _this$props6.defaultPlacement,
-          describedBy = _this$props6.describedBy,
-          disabled = _this$props6.disabled,
-          elementRef = _this$props6.elementRef,
-          error = _this$props6.error,
-          filter = _this$props6.filter,
-          inputId = _this$props6.inputId,
-          isLoadingOptions = _this$props6.isLoadingOptions,
-          labelledBy = _this$props6.labelledBy,
-          labelText = _this$props6.labelText,
-          menuStyle = _this$props6.menuStyle,
-          onScrollBottom = _this$props6.onScrollBottom,
-          placeholder = _this$props6.placeholder;
-      var _this$state = this.state,
-          filterKeyword = _this$state.filterKeyword,
-          open = _this$state.open;
-      var label;
-      var icon;
-      var keywords = Object(filter_["stringToKeywords"])(filterKeyword);
-
-      function isOption(child) {
-        return Object(external_lodash_["has"])(child, ['props', 'value']);
-      }
-
-      var isAnyValueSelected = false;
-      var filteredChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
-      var childrenCloned = filteredChildren.map(function (item) {
-        if (!isOption(item)) {
-          // ignore Headings and Dividers
-          return item;
-        }
 
-        var selected = item.props.value === _this2.getCurrentValue();
 
-        var stringLabel = Object(external_lodash_["has"])(item.props, 'label') ? item.props.label : item.props.value; // If selected, set up the label and icon for the toggle button.
 
-        if (selected) {
-          isAnyValueSelected = true;
-          label = item.props.children || stringLabel;
-          icon = item.props.icon;
-
-          if (_this2.props.prefixLabel) {
-            label = "".concat(_this2.props.prefixLabel, ": ").concat(label);
-          }
-
-          if (_this2.props.suffixLabel) {
-            label = "".concat(label, " ").concat(_this2.props.suffixLabel);
-          }
-        }
-
-        if (item.props.hidden) {
-          return null;
-        }
+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,
+
+  /**
+   * @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
+  })),
 
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
-          selected: selected,
-          ref: selected ? _this2.handleSelectedItemMount : undefined
-        });
-      }).filter(function (item) {
-        if (item !== null && isOption(item) && filter === true) {
-          return Object(filter_["testPhrase"])(item.props.label, keywords);
-        }
+  /** @private */
+  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
 
-        return item !== null; // Keep all headers and non-interactive options
-      }). // remove null children type manually (filtered out above)
-      map(function (item) {
-        var props = {};
+  /** @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
+};
 
-        if (isOption(item)) {
-          props.onClick = _this2.handleItemClick;
-        }
+/**
+ * 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);
 
-        if (isOption(item) && filter === true) {
-          props.matchRanges = Object(filter_["keywordLocations"])(item.props.label, keywords) || undefined;
-        }
+  var _super = _createSuper(Option);
 
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(item, props);
-      });
-      /* Highlight Active Option
-       * The active option is shown as highlighted when focused in the filter.
-       * Pressing enter selects the active option, just as if the user clicked it.
-       * Up and down arrows shifts the active option to the previous or next.
-       */
-      // availableOptionCount defines the max value for this.state.activeIndex.
+  function Option() {
+    var _this;
 
-      this.availableOptionCount = 0; // On enter keypress in the filter, the activeValue is selected.
+    _classCallCheck(this, Option);
 
-      this.activeValue = undefined; // On mount, selectedOptionIndex is used to highlight selected the item.
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
 
-      this.selectedOptionIndex = undefined;
+    _this = _super.call.apply(_super, [this].concat(args));
 
-      var highlightActive = function highlightActive(item) {
-        if (!isOption(item)) {
-          // ignore Headings and Dividers
-          return item;
-        }
+    _defineProperty(_assertThisInitialized(_this), "c", null);
 
-        if (item.props.selected && !item.props.disabled) {
-          _this2.selectedOptionIndex = _this2.availableOptionCount;
-        }
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+          onClick = _this$props.onClick,
+          value = _this$props.value,
+          disabled = _this$props.disabled;
 
-        var active = _this2.availableOptionCount === _this2.state.activeIndex;
-        _this2.availableOptionCount += 1;
+      if (!disabled) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(e, {
+          value: value
+        });
+      }
+    });
 
-        if (!active) {
-          return item;
-        }
+    _defineProperty(_assertThisInitialized(_this), "handleMount", function (c) {
+      _this.c = c;
+    });
 
-        if (!item.props.disabled) {
-          _this2.activeValue = item.props.value;
-        }
+    return _this;
+  }
 
-        return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
-          ref: _this2.handleActiveOptionMount,
-          active: true,
-          id: _this2.activeItemId
-        });
-      };
+  _createClass(Option, [{
+    key: "scrollIntoViewIfNeeded",
+    value: function scrollIntoViewIfNeeded() {
+      var _this$c;
 
-      var ariaLabel = "".concat(labelText ? "".concat(labelText, ", ") : '').concat(label || placeholder);
-      var finalChildren = filter ? external_react_["Children"].map(childrenCloned, highlightActive) : external_react_["Children"].toArray(childrenCloned); // ensure consistent keys
+      (_this$c = this.c) === null || _this$c === void 0 ? void 0 : _this$c.scrollIntoViewIfNeeded();
+    }
+    /**
+     * Place focus on the button.
+     */
 
-      var toggle = appearance === 'link' ? /*#__PURE__*/external_react_default.a.createElement(Link_default.a, Select_extends({
-        "aria-describedby": describedBy,
-        "aria-label": ariaLabel,
-        "aria-labelledby": labelText ? undefined : labelledBy,
-        "data-select-appearance": "link",
-        "data-test-value": this.getCurrentValue(),
-        "data-test": "select",
-        disabled: disabled,
-        elementRef: elementRef
-      }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(Select.propTypes))), !!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(CaretDown["a" /* default */], {
-        enterpriseSize: 0.5,
-        prismaSize: "small"
-      }))) : /*#__PURE__*/external_react_default.a.createElement(StyledButtonToggle, Select_extends({
-        appearance: this.props.appearance // handled above
-        ,
-        "aria-describedby": describedBy,
-        "aria-label": ariaLabel,
-        "aria-labelledby": labelText ? undefined : labelledBy,
-        "data-select-appearance": this.props.appearance,
-        "data-test-value": this.getCurrentValue(),
-        "data-test": "select",
-        error: error,
-        icon: icon,
-        isMenu: true,
-        label: label || placeholder // @ts-expect-error - accept inconsistency with Button
-        ,
-        onClick: this.props.onClick
-      }, Object(external_lodash_["omit"])(this.props, [].concat(_toConsumableArray(Object(external_lodash_["keys"])(Select.propTypes)), ['onClick'])), Object(external_lodash_["pick"])(this.props, 'append', 'disabled', 'elementRef', 'inline', 'prepend')));
-
-      var createMenu = function createMenu(_ref3) {
-        var anchorWidth = _ref3.anchorWidth,
-            maxHeight = _ref3.maxHeight,
-            placement = _ref3.placement;
-        return /*#__PURE__*/external_react_default.a.createElement(ResultsMenu_default.a, Select_extends({
-          childrenStart: _this2.renderFilter(),
-          maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
-          onScrollBottom: onScrollBottom ? _this2.handleScrollBottom : undefined,
-          placement: placement !== null && placement !== void 0 ? placement : undefined,
-          isLoading: isLoadingOptions,
-          id: _this2.menuId
-        }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
-          style: _objectSpread({
-            minWidth: anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : undefined,
-            maxWidth: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 300)
-          }, menuStyle)
-        }), finalChildren);
-      };
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$c2;
 
-      return /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
-        toggle: toggle,
-        open: open,
-        retainFocus: !filter,
-        takeFocus: !isAnyValueSelected || !!filter,
-        closeReasons: ['clickAway', 'escapeKey', 'offScreen', 'toggleClick'],
-        onRequestClose: this.handleRequestClose,
-        onRequestOpen: this.handleRequestOpen,
-        defaultPlacement: filter ? defaultPlacement : undefined,
-        canCoverAnchor: window.innerHeight < 500,
-        ref: function ref(c) {
-          _this2.dropdown = c;
-        },
-        inputId: inputId
-      }, createMenu);
+      (_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 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);
-
-Select_defineProperty(Select_Select, "Divider", Menu_["Divider"]);
-
-Select_defineProperty(Select_Select, "Heading", Menu_["Heading"]);
-
-/* harmony default export */ var src_Select_Select = (Select_Select);
-
-// CONCATENATED MODULE: ./src/Select/index.ts
-
-
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Menu");
-
-/***/ }),
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Dropdown");
-
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
+  return Option;
+}(react__WEBPACK_IMPORTED_MODULE_0__["PureComponent"]);
 
-/***/ }),
+_defineProperty(Option, "propTypes", propTypes);
 
-/***/ 22:
-/***/ (function(module, exports) {
+_defineProperty(Option, "defaultProps", defaultProps);
 
-module.exports = require("@splunk/ui-utils/filter");
+/* harmony default export */ __webpack_exports__["a"] = (Option);
 
 /***/ }),
 
-/***/ 24:
+/***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Text");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 
@@ -985,28 +681,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Link");
-
-/***/ }),
-
-/***/ 35:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ResultsMenu");
-
-/***/ }),
-
-/***/ 39:
+/***/ 36:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
 /* 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 _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(40);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
 /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1037,6 +719,20 @@ function CaretDown(props) {
 
 /***/ }),
 
+/***/ 37:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Caret");
+
+/***/ }),
+
+/***/ 39:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ResultsMenu");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 
@@ -1044,10 +740,1061 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 40:
-/***/ (function(module, exports) {
+/***/ 42:
+/***/ (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"
+var external_lodash_ = __webpack_require__(4);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
+var filter_ = __webpack_require__(23);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/id"
+var id_ = __webpack_require__(10);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(5);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
+var keyboard_ = __webpack_require__(9);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
+var Dropdown_ = __webpack_require__(19);
+var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Link"
+var Link_ = __webpack_require__(29);
+var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
+var Menu_ = __webpack_require__(13);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
+var ResultsMenu_ = __webpack_require__(39);
+var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
+
+// EXTERNAL MODULE: external "@splunk/react-ui/Text"
+var Text_ = __webpack_require__(26);
+var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
+
+// EXTERNAL MODULE: ./src/icons/CaretDown.tsx
+var CaretDown = __webpack_require__(36);
+
+// EXTERNAL MODULE: ./src/Select/OptionBase.tsx
+var OptionBase = __webpack_require__(28);
+
+// 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__(16);
+var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
+
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
+
+// 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 StyledCount = external_styled_components_default.a.span.withConfig({
+  displayName: "SelectBaseStyles__StyledCount",
+  componentId: "sc-16cj7sk-4"
+})(["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-5"
+})(["", ";"], 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-6"
+})(["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)
+  }
+}));
+
+// CONCATENATED MODULE: ./src/Select/SelectBase.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 _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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var propTypes = {
+  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,
+  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,
+  tabConfirmsNewValue: external_prop_types_default.a.bool,
+  values: external_prop_types_default.a.array
+};
+var defaultProps = {
+  allowNewValues: false,
+  animateLoading: false,
+  appearance: 'toggle',
+  append: false,
+  defaultPlacement: 'vertical',
+  disabled: false,
+  filter: false,
+  inline: false,
+  isLoadingOptions: false,
+  menuStyle: {},
+  multiple: false,
+  noOptionsMessage: Object(i18n_["_"])('No matches'),
+  placeholder: Object(i18n_["_"])('Select...'),
+  prepend: false,
+  tabConfirmsNewValue: false
+};
+
+function isOption(child) {
+  return child && Object(external_lodash_["has"])(child.props, 'value');
+}
+
+var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
+  _inherits(SelectBase, _Component);
+
+  var _super = _createSuper(SelectBase);
+
+  _createClass(SelectBase, null, [{
+    key: "validateAppearance",
+    // @docs-props-type CompactPropsBase
+    value: function validateAppearance(props) {
+      if (false) {}
+    }
+  }]);
+
+  function SelectBase(props) {
+    var _this;
+
+    _classCallCheck(this, SelectBase);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "activeItemId", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "activeValue", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "availableOptionCount", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "displayedValues", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "dropdown", null);
+
+    _defineProperty(_assertThisInitialized(_this), "firstSelectedOption", null);
+
+    _defineProperty(_assertThisInitialized(_this), "firstSelectedOptionIndex", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "menuId", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "selectedOptionCount", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "handleSelectAll", function (e) {
+      var _this$getCurrentValue, _this$props$onChange, _this$props2;
+
+      var _this$props = _this.props,
+          name = _this$props.name,
+          children = _this$props.children,
+          multiple = _this$props.multiple; // this doesn't make sense if we can't select multiple values
+
+      if (!multiple) {
+        return;
+      }
+
+      var values = Object(external_lodash_["uniq"])(((_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : []).concat(_this.displayedValues));
+
+      if (!_this.isControlled()) {
+        values = external_react_default.a.Children.toArray(children).filter(function (child) {
+          return isOption(child) && Object(external_lodash_["includes"])(values, child.props.value) && !child.props.disabled;
+        }).map(function (child) {
+          return child.props.value;
+        });
+
+        _this.setState({
+          values: values
+        });
+      }
+
+      (_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
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleClearAll", function (e) {
+      var _this$props$onChange2, _this$props3;
+
+      // this doesn't make sense if we can't select multiple values
+      if (!_this.props.multiple) {
+        return;
+      } // Clear the filtered items, items when filtering. Else clear all the items.
+
+
+      var values = _this.state.filterKeyword ? external_lodash_["without"].apply(void 0, [_this.getCurrentValues()].concat(_toConsumableArray(_this.displayedValues))) : [];
+      var name = _this.props.name;
+
+      if (!_this.isControlled()) {
+        _this.setState({
+          values: values
+        });
+      }
+
+      (_this$props$onChange2 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props3, e, {
+        values: values,
+        name: name
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
+      var _this$props4 = _this.props,
+          children = _this$props4.children,
+          onScrollBottom = _this$props4.onScrollBottom,
+          tabConfirmsNewValue = _this$props4.tabConfirmsNewValue;
+      var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
+
+      if (eventKeyCode === 'tab') {
+        if (tabConfirmsNewValue && !Object(external_lodash_["isUndefined"])(_this.activeValue) && _this.availableOptionCount <= 1) {
+          e.preventDefault();
+
+          _this.toggleValue(e, _this.activeValue);
+        }
+      }
+
+      if (e.shiftKey || e.metaKey || e.ctrlKey) {
+        return;
+      }
+
+      if (eventKeyCode === 'down') {
+        e.preventDefault();
+
+        _this.setState(function (state) {
+          return {
+            activeIndex: Math.min(state.activeIndex + 1, _this.availableOptionCount - 1)
+          };
+        });
+
+        if (children && onScrollBottom) {
+          var _this$getCurrentValue2;
+
+          var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : []).length);
+
+          if (_this.state.activeIndex === beforeLastChild) {
+            onScrollBottom();
+          }
+        }
+      }
+
+      if (eventKeyCode === 'up') {
+        e.preventDefault();
+
+        _this.setState(function (state) {
+          return {
+            activeIndex: Math.max(state.activeIndex - 1, 0)
+          };
+        });
+      }
+
+      if (eventKeyCode === 'enter' && !Object(external_lodash_["isUndefined"])(_this.activeValue) && _this.state.open) {
+        e.preventDefault();
+
+        _this.toggleValue(e, _this.activeValue);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleMenuOptionClick", function (e, _ref) {
+      var value = _ref.value;
+      e.preventDefault();
+
+      _this.toggleValue(e, value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleTextChange", function (e, _ref2) {
+      var _this$props$onFilterC, _this$props5;
+
+      var value = _ref2.value;
+
+      _this.setState({
+        filterKeyword: value,
+        open: true,
+        activeIndex: 0
+      });
+
+      (_this$props$onFilterC = (_this$props5 = _this.props).onFilterChange) === null || _this$props$onFilterC === void 0 ? void 0 : _this$props$onFilterC.call(_this$props5, e, {
+        keyword: value
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleTextFocus", function () {
+      _this.setState({
+        textHasFocus: true
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleTextBlur", function () {
+      _this.setState({
+        textHasFocus: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleRequestOpen", function (e) {
+      var _this$getCurrentValue3, _this$props$onFilterC2, _this$props7;
+
+      var multiple = _this.props.multiple;
+
+      _this.setState({
+        open: true,
+        // in non-multiple mode, don't move values to the top of the list
+        topValues: multiple ? (_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : [] : []
+      }, function () {
+        var _this$props$onOpen, _this$props6;
+
+        (_this$props$onOpen = (_this$props6 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props6);
+
+        if (_this.firstSelectedOption && !_this.hasFilter()) {
+          _this.firstSelectedOption.focus();
+        } else {
+          var _this$firstSelectedOp;
+
+          _this.setState({
+            activeIndex: (_this$firstSelectedOp = _this.firstSelectedOptionIndex) !== null && _this$firstSelectedOp !== void 0 ? _this$firstSelectedOp : 0
+          });
+        }
+      });
+
+      (_this$props$onFilterC2 = (_this$props7 = _this.props).onFilterChange) === null || _this$props$onFilterC2 === void 0 ? void 0 : _this$props$onFilterC2.call(_this$props7, e, {
+        keyword: ''
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleRequestClose", function () {
+      _this.setState({
+        open: false,
+        activeIndex: 0
+      }, function () {
+        var _this$props$onClose, _this$props8;
+
+        (_this$props$onClose = (_this$props8 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props8);
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function () {
+      if (_this.state.open && !_this.props.isLoadingOptions) {
+        var _this$props$onScrollB, _this$props9;
+
+        (_this$props$onScrollB = (_this$props9 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props9);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
+      c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleSelectedItemMount", function (c) {
+      _this.firstSelectedOption = c;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "createChildren", function () {
+      var _this$state = _this.state,
+          filterKeyword = _this$state.filterKeyword,
+          textHasFocus = _this$state.textHasFocus,
+          topValues = _this$state.topValues;
+      var _this$props10 = _this.props,
+          allowNewValues = _this$props10.allowNewValues,
+          filter = _this$props10.filter,
+          multiple = _this$props10.multiple;
+
+      var currentValues = _this.getCurrentValues();
+
+      _this.availableOptionCount = 0;
+      _this.firstSelectedOptionIndex = undefined;
+      _this.selectedOptionCount = 0;
+      _this.activeValue = undefined;
+      var foundExactMatch;
+      var childrenTopCount = 0;
+      var hasDivider = false; // used to avoid overwriting the selected item ref in multiple mode
+
+      var foundSelected;
+      var children = external_react_["Children"].toArray(_this.props.children).reduce(function (acc, item, i) {
+        // ignore Headings and Dividers
+        if (!isOption(item)) {
+          acc.push(item);
+          return acc;
+        } // Find out if the search string exactly matches a value
+
+
+        if (item.props.value === _this.state.filterKeyword) {
+          foundExactMatch = true;
+        }
+
+        var selected = currentValues && currentValues.indexOf(item.props.value) >= 0; // Format the Menu.Item
+
+        var clonedItem = /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
+          key: item.key || i,
+          onClick: _this.handleMenuOptionClick,
+          selected: selected,
+          multiple: multiple,
+          role: 'option',
+          ref: selected && !foundSelected ? _this.handleSelectedItemMount : undefined
+        });
+
+        if (selected) {
+          foundSelected = true;
+        }
+
+        if (topValues && topValues.indexOf(item.props.value) >= 0) {
+          if (childrenTopCount === 0) {
+            acc.splice(childrenTopCount, 0, /*#__PURE__*/external_react_default.a.createElement(Menu_["Divider"], {
+              key: "topDivider"
+            }));
+            hasDivider = true;
+          }
+
+          acc.splice(childrenTopCount, 0, clonedItem);
+          childrenTopCount += 1;
+        } else {
+          acc.push(clonedItem);
+        }
+
+        return acc;
+      }, []); // In multiple mode, add missing items
+
+      if (multiple) {
+        Object(external_lodash_["forEachRight"])(currentValues, function (value) {
+          var matchedItem = Object(external_lodash_["find"])(children, function (item) {
+            return isOption(item) && item.props && item.props.value === value;
+          });
+
+          if (!matchedItem) {
+            if (value === _this.state.filterKeyword) {
+              foundExactMatch = true;
+            }
+
+            var isTopValue = topValues && topValues.indexOf(value) >= 0;
+            var topLength = topValues.length;
+
+            if (childrenTopCount === 0) {
+              children.splice(0, 0, /*#__PURE__*/external_react_default.a.createElement(Menu_["Divider"], {
+                key: "topDivider"
+              }));
+              childrenTopCount += 1;
+              hasDivider = true;
+            }
+
+            children.splice(isTopValue ? 0 : topLength + 1, 0, /*#__PURE__*/external_react_default.a.createElement(OptionBase["a" /* default */], {
+              label: String(value),
+              value: value,
+              key: "missing-value-".concat(value),
+              onClick: _this.handleMenuOptionClick,
+              multiple: multiple,
+              selected: true
+            }));
+
+            if (isTopValue) {
+              childrenTopCount += 1;
+            }
+          }
+        });
+      }
+
+      var controlledFilter = filter === 'controlled'; // Filter the items
+
+      var keywords = Object(filter_["stringToKeywords"])(filterKeyword);
+      children = controlledFilter ? children : children.filter(function (option) {
+        if (isOption(option)) {
+          return Object(filter_["testPhrase"])(option.props.label, keywords);
+        }
+
+        return true; // Keep all headers and non-interactive options
+      }) // highlight the matched text
+      .map(function (option) {
+        if (!isOption(option)) {
+          return option;
+        } // highlight matched text
+
+
+        var matchRanges = keywords && Object(filter_["keywordLocations"])(option.props.label, keywords);
+        return /*#__PURE__*/Object(external_react_["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 */], {
+          label: "".concat(filterKeyword, " (new value)"),
+          value: filterKeyword,
+          key: "newValue",
+          multiple: multiple,
+          onClick: _this.handleMenuOptionClick
+        }));
+      } // Highlight the selected Items and remove hidden
+
+
+      children = children.reduce(function (acc, item) {
+        // ignore Dividers & Headings
+        if (!isOption(item)) {
+          acc.push(item);
+          return acc;
+        } // Ignore any hidden items
+
+
+        if (item.props && item.props.hidden) {
+          return acc;
+        }
+
+        if (item.props.selected && !item.props.disabled && _this.firstSelectedOptionIndex == null) {
+          _this.firstSelectedOptionIndex = _this.availableOptionCount;
+        }
+
+        var active = _this.availableOptionCount === _this.state.activeIndex;
+        _this.availableOptionCount += 1;
+        _this.selectedOptionCount += item.props.selected ? 1 : 0;
+
+        if (!active || !textHasFocus) {
+          acc.push(item);
+          return acc;
+        }
+
+        if (!item.props.disabled) {
+          _this.activeValue = item.props.value;
+        }
+
+        var clonedItem = /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
+          active: active,
+          id: _this.activeItemId,
+          ref: _this.handleActiveOptionMount
+        });
+        acc.push(clonedItem);
+        return acc;
+      }, []);
+      _this.displayedValues = children.reduce(function (acc, item) {
+        if (isOption(item)) {
+          acc.push(item.props.value);
+        }
+
+        return acc;
+      }, []);
+      return children;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "wrapLabel", function (_ref3) {
+      var prefixLabel = _ref3.prefixLabel,
+          label = _ref3.label,
+          suffixLabel = _ref3.suffixLabel;
+      var wrappedLabel = label;
+
+      if (prefixLabel) {
+        wrappedLabel = ["".concat(prefixLabel, ": ")].concat(wrappedLabel);
+      }
+
+      if (suffixLabel) {
+        wrappedLabel = Object(external_lodash_["castArray"])(wrappedLabel).concat(" ".concat(suffixLabel));
+      }
+
+      return wrappedLabel;
+    });
+
+    _this.state = {
+      activeIndex: 0,
+      filterKeyword: '',
+      open: false,
+      textHasFocus: false,
+      topValues: [],
+      values: props.defaultValues || []
+    };
+    _this.controlledExternally = Object(external_lodash_["has"])(props, 'values');
+    _this.displayedValues = [];
+    _this.availableOptionCount = 0;
+    _this.firstSelectedOptionIndex = undefined;
+    _this.selectedOptionCount = 0;
+
+    if (false) {}
+
+    if (false) {}
+
+    SelectBase.validateAppearance(props);
+    _this.menuId = Object(id_["createDOMID"])('menu');
+    _this.activeItemId = Object(id_["createDOMID"])('active-item');
+    return _this;
+  }
+
+  _createClass(SelectBase, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (false) {}
+
+      if (false) {}
+
+      SelectBase.validateAppearance(this.props);
+    }
+  }, {
+    key: "getCurrentValues",
+    value: function getCurrentValues() {
+      var values = this.isControlled() ? this.props.values : this.state.values;
+      return this.props.multiple || values == null ? values : values.slice(0, 1);
+    }
+  }, {
+    key: "isControlled",
+    value: function isControlled() {
+      return this.controlledExternally;
+    }
+  }, {
+    key: "hasFilter",
+    value: function hasFilter() {
+      return !!this.props.filter;
+    }
+  }, {
+    key: "toggleValue",
+    value: function toggleValue(e, value) {
+      var _this$getCurrentValue4, _this$props$onChange3, _this$props12;
+
+      var values = (_this$getCurrentValue4 = this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [];
+      var currentIndex = values.indexOf(value);
+      var _this$props11 = this.props,
+          name = _this$props11.name,
+          multiple = _this$props11.multiple;
+      var newValues;
+
+      if (multiple) {
+        if (currentIndex >= 0) {
+          newValues = [].concat(_toConsumableArray(values.slice(0, currentIndex)), _toConsumableArray(values.slice(currentIndex + 1)));
+        } else {
+          newValues = values.concat([value]);
+        }
+      } else {
+        // non-multiple mode must always have a value
+        newValues = [value];
+      }
+
+      var uncontrolled = !this.isControlled();
+
+      if (uncontrolled) {
+        this.setState({
+          values: newValues
+        });
+      }
+
+      if (multiple) {
+        // in uncontrolled multiple mode, keep the menu open
+        if (uncontrolled) {
+          this.setState({
+            open: true
+          });
+        }
+      } else {
+        // non-multiple mode only supports a single selection
+        // so close the menu once a selection is made
+        this.handleRequestClose({
+          reason: 'contentClick'
+        });
+        this.focus();
+      }
+
+      (_this$props$onChange3 = (_this$props12 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props12, e, {
+        values: newValues,
+        name: name
+      });
+    }
+    /**
+     * Place focus on the toggle.
+     */
+
+  }, {
+    key: "focus",
+    value: function focus() {
+      var _this$dropdown;
+
+      (_this$dropdown = this.dropdown) === null || _this$dropdown === void 0 ? void 0 : _this$dropdown.focus();
+    }
+  }, {
+    key: "renderControls",
+    value: function renderControls(_ref4) {
+      var hasChildren = _ref4.hasChildren,
+          placement = _ref4.placement;
+      var filterKeyword = this.state.filterKeyword;
+      var _this$props13 = this.props,
+          inputId = _this$props13.inputId,
+          inputRef = _this$props13.inputRef,
+          multiple = _this$props13.multiple; // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+
+      var selectControls = /*#__PURE__*/external_react_default.a.createElement(StyledToggleAllControls, {
+        $placement: placement,
+        key: "selectAll"
+      }, /*#__PURE__*/external_react_default.a.createElement(StyledControlsLink, {
+        $disabled: !(this.availableOptionCount - this.selectedOptionCount),
+        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,
+        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", {
+        key: "controls"
+      }, /*#__PURE__*/external_react_default.a.createElement(StyledFilter, {
+        key: "filter",
+        "data-test": "filter"
+      }, /*#__PURE__*/external_react_default.a.createElement(Text_default.a, {
+        value: filterKeyword,
+        appearance: "search",
+        autoCapitalize: "off",
+        autoComplete: "off",
+        autoCorrect: "off",
+        spellCheck: false,
+        onChange: this.handleTextChange,
+        onKeyDown: this.handleTextKeyDown,
+        onFocus: this.handleTextFocus,
+        onBlur: this.handleTextBlur,
+        placeholder: Object(i18n_["_"])('filter'),
+        role: "combobox",
+        "aria-expanded": "true",
+        "aria-label": Object(i18n_["_"])('Filter'),
+        "aria-activedescendant": this.activeItemId,
+        "aria-controls": this.menuId,
+        inputRef: inputRef,
+        inputId: inputId
+      })), multiple && hasChildren && selectControls);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$getCurrentValue5,
+          _this2 = this;
+
+      var _this$props14 = this.props,
+          appearance = _this$props14.appearance,
+          children = _this$props14.children,
+          defaultPlacement = _this$props14.defaultPlacement,
+          describedBy = _this$props14.describedBy,
+          disabled = _this$props14.disabled,
+          elementRef = _this$props14.elementRef,
+          error = _this$props14.error,
+          inline = _this$props14.inline,
+          inputId = _this$props14.inputId,
+          labelledBy = _this$props14.labelledBy,
+          labelText = _this$props14.labelText,
+          multiple = _this$props14.multiple,
+          placeholder = _this$props14.placeholder,
+          prefixLabel = _this$props14.prefixLabel,
+          suffixLabel = _this$props14.suffixLabel;
+      var icon;
+      var label;
+      var filterEnabled = this.hasFilter();
+      var isAnyValueSelected = false; // Generate buttonLabels
+
+      var childrenArray = external_react_["Children"].toArray(children);
+      var currentValues = (_this$getCurrentValue5 = this.getCurrentValues()) !== null && _this$getCurrentValue5 !== void 0 ? _this$getCurrentValue5 : [];
+      var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
+        var matchedItem = Object(external_lodash_["find"])(childrenArray, function (item) {
+          return isOption(item) && item.props.value === value;
+        });
+
+        if (matchedItem) {
+          acc.push(matchedItem.props.children || matchedItem.props.label); // if not in multiple mode, add the icon
+
+          if (!multiple && currentValues.length === 1) {
+            icon = matchedItem.props.icon;
+          }
+        } else if (multiple) {
+          // only add values that don't match an option in "multiple" mode to preserve old behaviour
+          acc.push(value);
+        }
+
+        if (index < orig.length - 1) {
+          acc.push(Object(i18n_["_"])(', '));
+        }
+
+        return acc;
+      }, []);
+      label = valuesLabel; // only apply prefix / suffix if the label is not empty
+
+      if (label.length > 0) {
+        isAnyValueSelected = true;
+        label = this.wrapLabel({
+          prefixLabel: prefixLabel,
+          label: label,
+          suffixLabel: suffixLabel
+        });
+      } // single <Select> behaviour is to show the placeholder if all parts of the the label
+      // are empty strings so we replicate this behaviour here
+
+
+      if (label.length === 0 || !multiple && label.every(function (labelNode) {
+        return labelNode === '';
+      })) {
+        label = [placeholder];
+      }
+
+      var ariaLabel = label; // If there's more than one item selected, read out the selected total
+      // rather than reading out each selected item
+
+      if (label.length > 1) {
+        ariaLabel = this.wrapLabel({
+          prefixLabel: prefixLabel,
+          label: ["".concat(currentValues.length, " items selected")],
+          suffixLabel: suffixLabel
+        });
+      }
+
+      var finalChildren = this.createChildren();
+
+      var commonProps = _objectSpread({
+        'aria-describedby': describedBy,
+        'aria-label': "".concat(labelText ? "".concat(labelText, ", ") : '').concat(ariaLabel),
+        'aria-labelledby': labelText ? undefined : labelledBy,
+        'aria-multiselectable': multiple,
+        'data-select-appearance': appearance,
+        'data-test': multiple ? 'multiselect' : 'select',
+        disabled: disabled,
+        elementRef: elementRef,
+        error: error
+      }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(SelectBase.propTypes)));
+
+      if (multiple) {
+        commonProps['data-test-values'] = JSON.stringify(currentValues);
+      } else {
+        var _currentValues = _slicedToArray(currentValues, 1),
+            dataTestValue = _currentValues[0];
+
+        commonProps['data-test-value'] = dataTestValue;
+      }
+
+      var toggle = appearance === 'link' ? /*#__PURE__*/external_react_default.a.createElement(Link_default.a, _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(CaretDown["a" /* default */], {
+        enterpriseSize: 0.5,
+        prismaSize: "small"
+      }))) : /*#__PURE__*/external_react_default.a.createElement(StyledButton, _extends({}, commonProps, {
+        $multiple: multiple,
+        appearance: appearance,
+        label: label,
+        error: error,
+        icon: icon,
+        inline: inline,
+        isMenu: true,
+        role: "listbox" // @ts-expect-error - accept inconsistency with Button
+        ,
+        onClick: this.props.onClick
+      }, Object(external_lodash_["pick"])(this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
+        "data-role": "count"
+      }, "(", currentValues.length, ")"));
+
+      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)
+        };
+        return /*#__PURE__*/external_react_default.a.createElement(ResultsMenu_default.a, _extends({
+          "aria-multiselectable": multiple,
+          childrenStart: _this2.renderControls({
+            placement: placement,
+            hasChildren: !!finalChildren.length
+          }),
+          controlledExternally: _this2.hasFilter(),
+          placement: placement !== null && placement !== void 0 ? placement : undefined,
+          maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
+          onScrollBottom: _this2.props.onScrollBottom ? _this2.handleScrollBottom : undefined,
+          "data-test": "results-menu",
+          isLoading: _this2.props.isLoadingOptions,
+          id: _this2.menuId
+        }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
+          style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle)
+        }), finalChildren);
+      };
+
+      return /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
+        closeReasons: ['clickAway', 'escapeKey', 'offScreen', 'tabKey', 'toggleClick'],
+        inputId: inputId,
+        toggle: toggle,
+        onRequestOpen: this.handleRequestOpen,
+        onRequestClose: this.handleRequestClose,
+        open: this.state.open,
+        repositionMode: "flip",
+        defaultPlacement: filterEnabled ? defaultPlacement : undefined,
+        canCoverAnchor: window.innerHeight < 500,
+        ref: function ref(c) {
+          _this2.dropdown = c;
+        },
+        retainFocus: false,
+        takeFocus: !isAnyValueSelected || !!filterEnabled
+      }, createMenu);
+    }
+  }]);
+
+  return SelectBase;
+}(external_react_["Component"]);
+
+_defineProperty(SelectBase_SelectBase, "propTypes", propTypes);
+
+_defineProperty(SelectBase_SelectBase, "defaultProps", defaultProps);
+
+_defineProperty(SelectBase_SelectBase, "Option", OptionBase["a" /* default */]);
+
+_defineProperty(SelectBase_SelectBase, "Divider", Menu_["Divider"]);
+
+_defineProperty(SelectBase_SelectBase, "Heading", Menu_["Heading"]);
+
+_defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append', 'error', 'prepend']);
+
+/* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
 
-module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),