@splunk/react-ui 4.14.0 → 4.16.0

package/Select.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 176);
+/******/ 	return __webpack_require__(__webpack_require__.s = 225);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,28 +101,146 @@ module.exports = require("prop-types");
 
 /***/ }),
 
+/***/ 10:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/keys");
+
+/***/ }),
+
+/***/ 104:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/forEachRight");
+
+/***/ }),
+
+/***/ 105:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/uniq");
+
+/***/ }),
+
 /***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/id");
+module.exports = require("lodash/has");
 
 /***/ }),
 
 /***/ 13:
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/ui-utils/id");
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 16:
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/includes");
+
+/***/ }),
+
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 176:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 20:
+/***/ (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__(28);
+/* eslint-disable @typescript-eslint/no-empty-function */
+
+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;
+    }
+
+    return setTimeout(callback, 0);
+  },
+  cancelAnimationFrame: function cancelAnimationFrame(id) {
+    if (typeof setTimeout === 'undefined') {
+      return;
+    }
+
+    clearTimeout(id);
+  }
+};
+
+function getWindow() {
+  var win = typeof window !== 'undefined' ? window : ssrWindow;
+  return win;
+}
+
+
+
+/***/ }),
+
+/***/ 225:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -143,17 +261,18 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 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 "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__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
-var SelectBase = __webpack_require__(46);
+var SelectBase = __webpack_require__(59);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(30);
+var OptionBase = __webpack_require__(38);
 
 // 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); }
@@ -392,7 +511,7 @@ var Select_Select = /*#__PURE__*/function (_Component) {
     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 (has_default()(props, 'defaultValue')) {
       if (props.defaultValue != null) {
         state.defaultValues = [props.defaultValue];
       } else {
@@ -429,7 +548,7 @@ var Select_Select = /*#__PURE__*/function (_Component) {
         }
       }; // using "has" as opposed to a null check to match SelectBase
 
-      if (Object(external_lodash_["has"])(this.props, 'value')) {
+      if (has_default()(this.props, 'value')) {
         if (value != null) {
           convertedProps.values = [value];
         } else {
@@ -467,42 +586,113 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
 
 /***/ }),
 
-/***/ 2:
+/***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
-/***/ 20:
+/***/ 28:
+/***/ (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; });
+/* eslint-disable @typescript-eslint/no-empty-function */
+var ssrDocument = {
+  body: {
+    appendChild: function appendChild() {
+      return [];
+    }
+  },
+  addEventListener: function addEventListener() {},
+  removeEventListener: function removeEventListener() {},
+  activeElement: {
+    blur: function blur() {},
+    nodeName: ''
+  },
+  querySelector: function querySelector() {
+    return null;
+  },
+  querySelectorAll: function querySelectorAll() {
+    return [];
+  },
+  getElementById: function getElementById() {
+    return null;
+  },
+  createEvent: function createEvent() {
+    return {
+      initEvent: function initEvent() {}
+    };
+  },
+  createElement: function createElement() {
+    return {
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute: function setAttribute() {},
+      getElementsByTagName: function getElementsByTagName() {
+        return [];
+      }
+    };
+  },
+  createElementNS: function createElementNS() {
+    return {};
+  },
+  importNode: function importNode() {
+    return null;
+  },
+  location: {
+    hash: '',
+    host: '',
+    hostname: '',
+    href: '',
+    origin: '',
+    pathname: '',
+    protocol: '',
+    search: ''
+  }
+};
+
+function getDocument() {
+  var doc = typeof document !== 'undefined' ? document : ssrDocument;
+  return doc;
+}
+
+
+
+/***/ }),
+
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 24:
+/***/ 30:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 26:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/filter");
 
 /***/ }),
 
-/***/ 3:
+/***/ 34:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("lodash/pick");
 
 /***/ }),
 
-/***/ 30:
+/***/ 38:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -510,7 +700,7 @@ module.exports = require("styled-components");
 /* 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__ = __webpack_require__(15);
 /* 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); }
 
@@ -678,14 +868,14 @@ _defineProperty(Option, "defaultProps", defaultProps);
 
 /***/ }),
 
-/***/ 31:
+/***/ 39:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
 /* 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_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
 /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
@@ -728,35 +918,56 @@ function Search(props) {
 
 /***/ }),
 
-/***/ 33:
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 41:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isUndefined");
+
+/***/ }),
+
+/***/ 42:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 
-/***/ 36:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");
 
 /***/ }),
 
-/***/ 4:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 40:
+/***/ 51:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/find");
+
+/***/ }),
+
+/***/ 52:
 /***/ (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__(41);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
 /* 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);
@@ -787,21 +998,28 @@ function CaretDown(props) {
 
 /***/ }),
 
-/***/ 41:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 
-/***/ 43:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 
-/***/ 46:
+/***/ 58:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/without");
+
+/***/ }),
+
+/***/ 59:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -821,55 +1039,96 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 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 "lodash/castArray"
+var castArray_ = __webpack_require__(62);
+var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
+
+// EXTERNAL MODULE: external "lodash/find"
+var find_ = __webpack_require__(51);
+var find_default = /*#__PURE__*/__webpack_require__.n(find_);
+
+// EXTERNAL MODULE: external "lodash/forEachRight"
+var forEachRight_ = __webpack_require__(104);
+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__(18);
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
+
+// EXTERNAL MODULE: external "lodash/isUndefined"
+var isUndefined_ = __webpack_require__(41);
+var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
+
+// EXTERNAL MODULE: external "lodash/keys"
+var keys_ = __webpack_require__(10);
+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__(34);
+var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
+
+// EXTERNAL MODULE: external "lodash/uniq"
+var uniq_ = __webpack_require__(105);
+var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
+
+// EXTERNAL MODULE: external "lodash/without"
+var without_ = __webpack_require__(58);
+var without_default = /*#__PURE__*/__webpack_require__.n(without_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
-var filter_ = __webpack_require__(26);
+var filter_ = __webpack_require__(33);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(11);
+var id_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(20);
+var Dropdown_ = __webpack_require__(24);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(33);
+var Link_ = __webpack_require__(42);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
-var Menu_ = __webpack_require__(13);
+var Menu_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(36);
+var ResultsMenu_ = __webpack_require__(46);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(24);
+var Text_ = __webpack_require__(30);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(40);
+var CaretDown = __webpack_require__(52);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(31);
+var Search = __webpack_require__(39);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(30);
+var OptionBase = __webpack_require__(38);
 
 // 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_ = __webpack_require__(19);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -993,6 +1252,9 @@ var fuzzyMatch = function fuzzyMatch(options, matchChar) {
 };
 
 
+// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
+var ssrWindow = __webpack_require__(20);
+
 // 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); }
 
@@ -1052,6 +1314,17 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -1093,6 +1366,9 @@ var propTypes = {
   onOpen: external_prop_types_default.a.func,
   onScroll: external_prop_types_default.a.func,
   onScrollBottom: external_prop_types_default.a.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,
@@ -1123,7 +1399,7 @@ var defaultProps = {
 };
 
 function isOption(child) {
-  return child && Object(external_lodash_["has"])(child.props, 'value');
+  return child && has_default()(child.props, 'value');
 }
 
 var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
@@ -1200,9 +1476,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       var currentValues = (_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : [];
-      var values = Object(external_lodash_["uniq"])(currentValues.concat(_this.displayedValues));
+      var values = uniq_default()(currentValues.concat(_this.displayedValues));
       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 || Object(external_lodash_["includes"])(currentValues, child.props.value));
+        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;
       });
@@ -1232,10 +1508,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       var currentValues = (_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : [];
-      var hiddenCurrentValues = external_lodash_["without"].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.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 values = external_react_default.a.Children.toArray(children).filter(function (child) {
-        return isOption(child) && (Object(external_lodash_["includes"])(currentValues, child.props.value) && child.props.disabled || Object(external_lodash_["includes"])(hiddenCurrentValues, child.props.value));
+        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;
       });
@@ -1260,7 +1536,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
 
       if (eventKeyCode === 'tab') {
-        if (tabConfirmsNewValue && !Object(external_lodash_["isUndefined"])(_this.activeValue) && _this.availableOptionCount <= 1) {
+        if (tabConfirmsNewValue && !isUndefined_default()(_this.activeValue) && _this.availableOptionCount <= 1) {
           e.preventDefault();
 
           _this.toggleValue(e, _this.activeValue);
@@ -1301,7 +1577,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         });
       }
 
-      if (eventKeyCode === 'enter' && !Object(external_lodash_["isUndefined"])(_this.activeValue) && _this.state.open) {
+      if (eventKeyCode === 'enter' && !isUndefined_default()(_this.activeValue) && _this.state.open) {
         e.preventDefault();
 
         _this.toggleValue(e, _this.activeValue);
@@ -1478,19 +1754,145 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "createToggle", function () {
+      var _this$getCurrentValue4;
+
+      var _this$props11 = _this.props,
+          toggle = _this$props11.toggle,
+          appearance = _this$props11.appearance,
+          children = _this$props11.children,
+          describedBy = _this$props11.describedBy,
+          disabled = _this$props11.disabled,
+          elementRef = _this$props11.elementRef,
+          error = _this$props11.error,
+          inline = _this$props11.inline,
+          labelledBy = _this$props11.labelledBy,
+          labelText = _this$props11.labelText,
+          multiple = _this$props11.multiple,
+          placeholder = _this$props11.placeholder,
+          prefixLabel = _this$props11.prefixLabel,
+          required = _this$props11.required,
+          suffixLabel = _this$props11.suffixLabel;
+      var icon;
+      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 valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
+        var matchedItem = find_default()(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) {
+        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 commonProps = _objectSpread({
+        'aria-describedby': describedBy,
+        'aria-label': "".concat(labelText ? "".concat(labelText, ", ") : '').concat(ariaLabel),
+        'aria-labelledby': labelText ? undefined : labelledBy,
+        'aria-multiselectable': multiple,
+        'aria-required': required,
+        'data-select-appearance': appearance,
+        'data-test': multiple ? 'multiselect' : 'select',
+        disabled: disabled,
+        elementRef: elementRef,
+        error: error
+      }, omit_default()(_this.props, keys_default()(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;
+      }
+
+      if (toggle) {
+        return /*#__PURE__*/Object(external_react_["cloneElement"])(toggle, commonProps);
+      }
+
+      if (appearance === 'link') {
+        return /*#__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"
+        })));
+      }
+
+      return /*#__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
+      }, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
+        "data-role": "count"
+      }, "(", currentValues.length, ")"));
+    });
+
     _defineProperty(_assertThisInitialized(_this), "createChildren", function () {
       var _this$state = _this.state,
           filterKeyword = _this$state.filterKeyword,
           textHasFocus = _this$state.textHasFocus,
           topValuesState = _this$state.topValues;
-      var _this$props11 = _this.props,
-          allowKeyMatching = _this$props11.allowKeyMatching,
-          allowNewValues = _this$props11.allowNewValues,
-          filter = _this$props11.filter,
-          multiple = _this$props11.multiple,
-          showSelectedValuesFirst = _this$props11.showSelectedValuesFirst,
-          isLoadingOptions = _this$props11.isLoadingOptions,
-          onScrollBottom = _this$props11.onScrollBottom;
+      var _this$props12 = _this.props,
+          allowKeyMatching = _this$props12.allowKeyMatching,
+          allowNewValues = _this$props12.allowNewValues,
+          filter = _this$props12.filter,
+          multiple = _this$props12.multiple,
+          showSelectedValuesFirst = _this$props12.showSelectedValuesFirst,
+          isLoadingOptions = _this$props12.isLoadingOptions,
+          onScrollBottom = _this$props12.onScrollBottom;
 
       var currentValues = _this.getCurrentValues();
 
@@ -1570,8 +1972,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }, []); // In multiple mode, add missing items
 
       if (multiple) {
-        Object(external_lodash_["forEachRight"])(currentValues, function (value) {
-          var matchedItem = Object(external_lodash_["find"])(children, function (item) {
+        forEachRight_default()(currentValues, function (value) {
+          var matchedItem = find_default()(children, function (item) {
             return isOption(item) && item.props && item.props.value === value;
           });
 
@@ -1699,7 +2101,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
 
       if (suffixLabel) {
-        wrappedLabel = Object(external_lodash_["castArray"])(wrappedLabel).concat(" ".concat(suffixLabel));
+        wrappedLabel = castArray_default()(wrappedLabel).concat(" ".concat(suffixLabel));
       }
 
       return wrappedLabel;
@@ -1713,7 +2115,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       topValues: [],
       values: props.defaultValues || []
     };
-    _this.controlledExternally = Object(external_lodash_["has"])(props, 'values');
+    _this.controlledExternally = has_default()(props, 'values');
     _this.displayedValues = [];
     _this.availableOptionCount = 0;
     _this.firstSelectedOptionIndex = undefined;
@@ -1753,10 +2155,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "getTopValues",
     value: function getTopValues() {
-      var _this$getCurrentValue4;
+      var _this$getCurrentValue5;
 
       // in non-multiple mode, don't move values to the top of the list
-      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue4 = this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [] : [];
+      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue5 = this.getCurrentValues()) !== null && _this$getCurrentValue5 !== void 0 ? _this$getCurrentValue5 : [] : [];
     }
   }, {
     key: "isControlled",
@@ -1771,13 +2173,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "toggleValue",
     value: function toggleValue(e, value) {
-      var _this$getCurrentValue5, _this$props$onChange3, _this$props13;
+      var _this$getCurrentValue6, _this$props$onChange3, _this$props14;
 
-      var values = (_this$getCurrentValue5 = this.getCurrentValues()) !== null && _this$getCurrentValue5 !== void 0 ? _this$getCurrentValue5 : [];
+      var values = (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [];
       var currentIndex = values.indexOf(value);
-      var _this$props12 = this.props,
-          name = _this$props12.name,
-          multiple = _this$props12.multiple;
+      var _this$props13 = this.props,
+          name = _this$props13.name,
+          multiple = _this$props13.multiple;
       var newValues;
 
       if (multiple) {
@@ -1815,7 +2217,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         this.focus();
       }
 
-      (_this$props$onChange3 = (_this$props13 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props13, e, {
+      (_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
       });
@@ -1837,10 +2239,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var hasChildren = _ref4.hasChildren,
           placement = _ref4.placement;
       var filterKeyword = this.state.filterKeyword;
-      var _this$props14 = this.props,
-          inputId = _this$props14.inputId,
-          inputRef = _this$props14.inputRef,
-          multiple = _this$props14.multiple; // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+      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
 
       var selectControls = /*#__PURE__*/external_react_default.a.createElement(StyledToggleAllControls, {
         $placement: placement,
@@ -1892,131 +2294,26 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$getCurrentValue6,
+      var _this$getCurrentValue7,
           _this2 = this;
 
-      var _this$props15 = this.props,
-          appearance = _this$props15.appearance,
-          children = _this$props15.children,
-          defaultPlacement = _this$props15.defaultPlacement,
-          describedBy = _this$props15.describedBy,
-          disabled = _this$props15.disabled,
-          elementRef = _this$props15.elementRef,
-          error = _this$props15.error,
-          inline = _this$props15.inline,
-          inputId = _this$props15.inputId,
-          labelledBy = _this$props15.labelledBy,
-          labelText = _this$props15.labelText,
-          multiple = _this$props15.multiple,
-          placeholder = _this$props15.placeholder,
-          prefixLabel = _this$props15.prefixLabel,
-          repositionMode = _this$props15.repositionMode,
-          suffixLabel = _this$props15.suffixLabel;
-      var icon;
-      var label;
+      var _this$props16 = this.props,
+          children = _this$props16.children,
+          defaultPlacement = _this$props16.defaultPlacement,
+          inputId = _this$props16.inputId,
+          multiple = _this$props16.multiple,
+          repositionMode = _this$props16.repositionMode;
       var filterEnabled = this.hasFilter();
-      var isAnyValueSelected = false; // Generate buttonLabels
-
+      var currentValues = (_this$getCurrentValue7 = this.getCurrentValues()) !== null && _this$getCurrentValue7 !== void 0 ? _this$getCurrentValue7 : [];
       var childrenArray = external_react_["Children"].toArray(children);
-      var currentValues = (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [];
-      var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
-        var matchedItem = Object(external_lodash_["find"])(childrenArray, function (item) {
+      var isAnyValueSelected = currentValues.some(function (value) {
+        var matchedItem = find_default()(childrenArray, function (item) {
           return isOption(item) && item.props.value === value;
         });
-
-        if (matchedItem) {
-          acc.push(matchedItem.props.children || matchedItem.props.label);
-
-          if (!matchedItem.props.disabled) {
-            isAnyValueSelected = true;
-          } // 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) {
-        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
-        });
-      }
-
+        return matchedItem && !matchedItem.props.disabled;
+      });
       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 toggle = this.createToggle();
 
       var createMenu = function createMenu(_ref5) {
         var anchorWidth = _ref5.anchorWidth,
@@ -2042,7 +2339,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           "data-test": "results-menu",
           isLoading: _this2.props.isLoadingOptions,
           id: _this2.menuId
-        }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
+        }, pick_default()(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
           style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
           tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
         }), finalChildren);
@@ -2057,7 +2354,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         open: this.state.open,
         repositionMode: repositionMode,
         defaultPlacement: filterEnabled ? defaultPlacement : undefined,
-        canCoverAnchor: window.innerHeight < 500,
+        canCoverAnchor: Object(ssrWindow["a" /* getWindow */])().innerHeight < 500,
         ref: function ref(c) {
           _this2.dropdown = c;
         },
@@ -2085,13 +2382,6 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
 /* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
 
 
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
 /***/ }),
 
 /***/ 6:
@@ -2119,6 +2409,13 @@ function SVG(props) {
 
 /***/ }),
 
+/***/ 62:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/castArray");
+
+/***/ }),
+
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {