@splunk/react-ui 4.6.0 → 4.9.0

package/Paginator.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
+/******/ 	return __webpack_require__(__webpack_require__.s = 121);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 116:
+/***/ 101:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/More");
+
+/***/ }),
+
+/***/ 121:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -120,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(40);
+var format_ = __webpack_require__(41);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -133,7 +140,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/More"
-var More_ = __webpack_require__(95);
+var More_ = __webpack_require__(101);
 var More_default = /*#__PURE__*/__webpack_require__.n(More_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -209,7 +216,7 @@ function PageSeparator() {
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(44);
+var ButtonSimple_ = __webpack_require__(45);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -341,7 +348,7 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
 
 /* harmony default export */ var Button = (Button_PaginatorButton);
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(56);
+var ChevronLeft = __webpack_require__(60);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -603,14 +610,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 40:
+/***/ 41:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/format");
 
 /***/ }),
 
-/***/ 44:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -624,14 +631,39 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 56:
+/***/ 6:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
+/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+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); }
+
+
+
+var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
+  displayName: "SVG__Styled",
+  componentId: "sc-1bz0ryh-0"
+})(["flex:0 0 auto;"]);
+function SVG(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props));
+}
+
+/***/ }),
+
+/***/ 60:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* 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_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(61);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__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);
@@ -674,38 +706,13 @@ function ChevronLeft(props) {
 
 /***/ }),
 
-/***/ 57:
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
-/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-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); }
-
-
-
-var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
-  displayName: "SVG__Styled",
-  componentId: "sc-1bz0ryh-0"
-})(["flex:0 0 auto;"]);
-function SVG(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props));
-}
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -829,13 +836,6 @@ Icon.defaultProps = defaultProps;
 
 module.exports = require("@splunk/react-ui/Box");
 
-/***/ }),
-
-/***/ 95:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/More");
-
 /***/ })
 
 /******/ });

package/Paragraph.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 158);
+/******/ 	return __webpack_require__(__webpack_require__.s = 165);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 158:
+/***/ 165:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Popover.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 132);
+/******/ 	return __webpack_require__(__webpack_require__.s = 138);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 132:
+/***/ 138:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -148,7 +148,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(65);
+var external_react_dom_ = __webpack_require__(70);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
@@ -160,11 +160,11 @@ var themes_ = __webpack_require__(0);
 var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(14);
+var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(52);
+var Layer_ = __webpack_require__(56);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
@@ -172,7 +172,7 @@ var ScrollContainerContext_ = __webpack_require__(35);
 var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(25);
+var focus_ = __webpack_require__(26);
 
 // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
 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; }
@@ -516,7 +516,7 @@ var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig
 })(["position:fixed;right:0;bottom:0;"]);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/Popover/Popover.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); }
@@ -1132,7 +1132,7 @@ PopoverWithTheme.propTypes = Popover_Popover.propTypes;
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
@@ -1153,7 +1153,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/focus");
@@ -1188,14 +1188,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 52:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");
 
 /***/ }),
 
-/***/ 65:
+/***/ 70:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");

package/Progress.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 159);
+/******/ 	return __webpack_require__(__webpack_require__.s = 166);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 159:
+/***/ 166:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,11 +130,11 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(45);
+var external_tinycolor2_ = __webpack_require__(46);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(47);
+var Tooltip_ = __webpack_require__(48);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -340,14 +340,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");
 
 /***/ }),
 
-/***/ 47:
+/***/ 48:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");

package/RadioBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 123);
+/******/ 	return __webpack_require__(__webpack_require__.s = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 123:
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -146,7 +146,7 @@ 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/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(11);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
@@ -156,7 +156,7 @@ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "OptionStyles__StyledClickable",
   componentId: "fyq77p-0"
-})(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_["variables"].contentColorDefault, themes_["variables"].inputHeight, function (_ref) {
+})(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:8px;& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_["variables"].contentColorDefault, themes_["variables"].inputHeight, function (_ref) {
   var $selected = _ref.$selected;
   return $selected && Object(external_styled_components_["css"])(["color:", ";background-color:", ";box-shadow:", ";"], themes_["variables"].contentColorActive, Object(themes_["pick"])({
     dark: 'rgba(255, 255, 255, 0.2)',
@@ -181,7 +181,13 @@ var StyledIcon = external_styled_components_default.a.div.withConfig({
 var StyledLabel = external_styled_components_default.a.div.withConfig({
   displayName: "OptionStyles__StyledLabel",
   componentId: "fyq77p-2"
-})(["flex:0 1 auto;", " &:not(:first-child){margin-left:8px;}"], themes_["mixins"].ellipsis);
+})(["flex:0 1 auto;", " padding:", ";&:not(:first-child){margin-left:8px;}"], themes_["mixins"].ellipsis, Object(themes_["pick"])({
+  enterprise: '0 12px'
+}));
+var StyledAdornment = external_styled_components_default.a.div.withConfig({
+  displayName: "OptionStyles__StyledAdornment",
+  componentId: "fyq77p-3"
+})(["flex:0 0 auto;"]);
 
 // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
 
@@ -202,6 +208,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var propTypes = {
   disabled: external_prop_types_default.a.bool,
+  startAdornment: external_prop_types_default.a.node,
+  endAdornment: external_prop_types_default.a.node,
   icon: external_prop_types_default.a.node,
   label: external_prop_types_default.a.string,
 
@@ -214,11 +222,13 @@ var propTypes = {
 
 function Option(_ref) {
   var disabled = _ref.disabled,
-      label = _ref.label,
       icon = _ref.icon,
+      label = _ref.label,
       selected = _ref.selected,
+      startAdornment = _ref.startAdornment,
+      endAdornment = _ref.endAdornment,
       value = _ref.value,
-      otherProps = _objectWithoutProperties(_ref, ["disabled", "label", "icon", "selected", "value"]);
+      otherProps = _objectWithoutProperties(_ref, ["disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value"]);
 
   // @docs-props-type OptionPropsBase
   var _useContext = Object(external_react_["useContext"])(RadioBar_RadioBarContext),
@@ -226,6 +236,8 @@ function Option(_ref) {
       appearanceContext = _useContext.appearance,
       errorContext = _useContext.error;
 
+  if (false) {}
+
   if (appearanceContext === 'prisma') {
     return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
       "data-test": "option",
@@ -242,7 +254,7 @@ function Option(_ref) {
       $selected: selected,
       tabIndex: selected ? -1 : undefined,
       disabled: disabled
-    }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label));
+    }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), startAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, endAdornment));
   }
 
   return /*#__PURE__*/external_react_default.a.createElement(Button_default.a, _extends({
@@ -250,7 +262,6 @@ function Option(_ref) {
     "data-test-value": value,
     appearance: appearanceContext,
     disabled: disabled,
-    label: label,
     icon: icon,
     selected: selected,
     value: value,
@@ -265,7 +276,7 @@ function Option(_ref) {
     role: "radio",
     "aria-checked": selected,
     tabIndex: selected ? -1 : undefined
-  }));
+  }), startAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, endAdornment));
 }
 
 Option.propTypes = propTypes;
@@ -331,7 +342,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /** @public */
 
 var RadioBar_propTypes = {
-  appearance: external_prop_types_default.a.oneOf(['default', 'pill', 'flat']),
+  appearance: external_prop_types_default.a.oneOf(['default', 'pill']),
   children: external_prop_types_default.a.node,
   defaultValue: external_prop_types_default.a.any,
   describedBy: external_prop_types_default.a.string,
@@ -426,6 +437,8 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
           value = _this$props2.value,
           otherProps = RadioBar_objectWithoutProperties(_this$props2, ["appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value"]);
 
+      if (false) {}
+
       var selectedValue = this.isControlled() ? value : this.state.value;
       var isPrisma = splunkTheme.isPrisma;
       var disabled = true;

package/RadioList.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 124);
+/******/ 	return __webpack_require__(__webpack_require__.s = 130);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 124:
+/***/ 130:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Resize.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 160);
+/******/ 	return __webpack_require__(__webpack_require__.s = 167);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -131,18 +131,18 @@ function updateReactRef(ref, current) {
 /***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
 /***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 160:
+/***/ 167:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -164,11 +164,11 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(14);
+var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(15);
+var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -267,7 +267,7 @@ var StyledResize = external_styled_components_default.a.button.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/Resize/Resize.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); }

package/ResultsMenu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 161);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 102:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/userAgent");
+
+/***/ }),
+
+/***/ 103:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/WaitSpinner");
+
+/***/ }),
+
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +149,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 161:
+/***/ 168:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -160,7 +174,7 @@ var external_lodash_ = __webpack_require__(4);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/userAgent"
-var userAgent_ = __webpack_require__(96);
+var userAgent_ = __webpack_require__(102);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
@@ -171,7 +185,7 @@ 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/WaitSpinner"
-var WaitSpinner_ = __webpack_require__(97);
+var WaitSpinner_ = __webpack_require__(103);
 var WaitSpinner_default = /*#__PURE__*/__webpack_require__.n(WaitSpinner_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -232,7 +246,7 @@ var StyledLoadingMessage = external_styled_components_default.a.div.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.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); }
@@ -450,7 +464,8 @@ var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
           noOptionsMessage = _this$props2.noOptionsMessage,
           onScrollBottom = _this$props2.onScrollBottom,
           placement = _this$props2.placement,
-          style = _this$props2.style;
+          style = _this$props2.style,
+          tabIndex = _this$props2.tabIndex;
       var otherProps = Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(ResultsMenu.propTypes));
       // Assumption: that you cannot be filtered if you are a result
       var hasResults = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).some(function (_ref) {
@@ -466,7 +481,7 @@ var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
         onWheel: onScrollBottom ? this.handleWheelMenu : undefined,
         onMouseEnter: onScrollBottom ? this.handleMouseEnter : undefined,
         onMouseLeave: onScrollBottom ? this.handleMouseLeave : undefined
-      }, otherProps), placement !== 'above' && childrenStart, placement === 'above' && this.renderFooterMessage(), /*#__PURE__*/external_react_default.a.createElement(Menu_["MenuContext"].Provider, {
+      }, Object(external_lodash_["omit"])(otherProps, 'tabIndex')), placement !== 'above' && childrenStart, placement === 'above' && this.renderFooterMessage(), /*#__PURE__*/external_react_default.a.createElement(Menu_["MenuContext"].Provider, {
         value: {
           role: 'listbox'
         }
@@ -480,7 +495,8 @@ var ResultsMenu_ResultsMenu = /*#__PURE__*/function (_Component) {
         controlledExternally: controlledExternally,
         elementRef: this.handleMenuMount,
         onScroll: onScrollBottom ? this.handleScroll : undefined,
-        stopScrollPropagation: true
+        stopScrollPropagation: true,
+        tabIndex: tabIndex
       }, !hasResults && noOptionsMessage && !isLoading && /*#__PURE__*/external_react_default.a.createElement(Menu_default.a.Item, {
         "data-test": "no-results-message",
         disabled: true
@@ -535,20 +551,6 @@ module.exports = require("lodash");
 
 module.exports = require("@splunk/ui-utils/i18n");
 
-/***/ }),
-
-/***/ 96:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/userAgent");
-
-/***/ }),
-
-/***/ 97:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/WaitSpinner");
-
 /***/ })
 
 /******/ });