@splunk/react-ui 4.12.0 → 4.13.0

package/Heading.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 156);
+/******/ 	return __webpack_require__(__webpack_require__.s = 159);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 156:
+/***/ 159:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -129,7 +129,7 @@ var themes_ = __webpack_require__(0);
 // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
 
 
-var section = Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;text-transform:uppercase;"]);
+var section = Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;"]);
 var StyledH1 = external_styled_components_default.a.h1.withConfig({
   displayName: "HeadingStyles__StyledH1",
   componentId: "sc-15s3yx3-0"

package/Image.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 157);
+/******/ 	return __webpack_require__(__webpack_require__.s = 160);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 157:
+/***/ 160:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -136,11 +136,11 @@ var format_ = __webpack_require__(43);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/File"
-var File_ = __webpack_require__(89);
+var File_ = __webpack_require__(90);
 var File_default = /*#__PURE__*/__webpack_require__.n(File_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(19);
+var CrossMark = __webpack_require__(20);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -151,7 +151,7 @@ var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Message"
-var Message_ = __webpack_require__(90);
+var Message_ = __webpack_require__(91);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -440,7 +440,14 @@ _defineProperty(Image_Image, "defaultProps", defaultProps);
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 20:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -490,13 +497,6 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
 /***/ 21:
 /***/ (function(module, exports) {
 
@@ -675,14 +675,14 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 89:
+/***/ 90:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/File");
 
 /***/ }),
 
-/***/ 90:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");

package/JSONTree.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 = 134);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 132:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Layer.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 = 161);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 109:
+/***/ 111:
 /***/ (function(module, exports) {
 
 var g;
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 158:
+/***/ 161:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -477,7 +477,7 @@ function LayerStackGlobalProvider(_ref) {
 
 LayerStackGlobalProvider.propTypes = propTypes;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(109)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(111)))
 
 /***/ }),
 

package/Link.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 = 162);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 159:
+/***/ 162:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,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/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(20);
+var Dropdown_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -137,7 +137,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-icons/External"
-var External_ = __webpack_require__(58);
+var External_ = __webpack_require__(59);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
@@ -295,17 +295,17 @@ _defineProperty(Link_Link, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 2:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
-/***/ 20:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("react");
 
 /***/ }),
 
@@ -323,7 +323,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 58:
+/***/ 59:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/External");

package/List.js

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

package/Markdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 111);
+/******/ 	return __webpack_require__(__webpack_require__.s = 113);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 111:
+/***/ 113:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,11 +130,11 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "commonmark-react-renderer"
-var external_commonmark_react_renderer_ = __webpack_require__(91);
+var external_commonmark_react_renderer_ = __webpack_require__(92);
 var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
 
 // EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(92);
+var external_commonmark_ = __webpack_require__(93);
 var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -223,7 +223,7 @@ function MarkdownCode(_ref) {
 MarkdownCode.propTypes = MarkdownCode_propTypes;
 /* harmony default export */ var renderers_MarkdownCode = (MarkdownCode);
 // EXTERNAL MODULE: external "@splunk/react-ui/Code"
-var Code_ = __webpack_require__(93);
+var Code_ = __webpack_require__(94);
 var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -257,7 +257,7 @@ function MarkdownCodeBlock(_ref) {
 MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
 /* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(55);
+var Heading_ = __webpack_require__(56);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
@@ -279,7 +279,7 @@ function MarkdownHeading(_ref) {
 MarkdownHeading.propTypes = MarkdownHeading_propTypes;
 /* harmony default export */ var renderers_MarkdownHeading = (MarkdownHeading);
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(61);
+var Anchor_ = __webpack_require__(62);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
@@ -328,7 +328,7 @@ function MarkdownImage(_ref) {
 MarkdownImage.propTypes = MarkdownImage_propTypes;
 /* harmony default export */ var renderers_MarkdownImage = (MarkdownImage);
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(29);
+var Link_ = __webpack_require__(30);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
@@ -354,7 +354,7 @@ function MarkdownLink(_ref) {
 MarkdownLink.propTypes = MarkdownLink_propTypes;
 /* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
 // EXTERNAL MODULE: external "@splunk/react-ui/List"
-var List_ = __webpack_require__(80);
+var List_ = __webpack_require__(81);
 var List_default = /*#__PURE__*/__webpack_require__.n(List_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
@@ -392,7 +392,7 @@ function MarkdownItem(_ref) {
 MarkdownItem.propTypes = MarkdownItem_propTypes;
 /* harmony default export */ var renderers_MarkdownItem = (MarkdownItem);
 // EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
-var Paragraph_ = __webpack_require__(94);
+var Paragraph_ = __webpack_require__(95);
 var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
@@ -527,17 +527,17 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Link");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 3:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 
@@ -548,14 +548,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Anchor");
@@ -569,35 +569,35 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 80:
+/***/ 81:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
 
 /***/ }),
 
-/***/ 91:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark-react-renderer");
 
 /***/ }),
 
-/***/ 92:
+/***/ 93:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark");
 
 /***/ }),
 
-/***/ 93:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 94:
+/***/ 95:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");

package/Menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 112);
+/******/ 	return __webpack_require__(__webpack_require__.s = 114);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 112:
+/***/ 114:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -163,6 +163,10 @@ var focus_ = __webpack_require__(26);
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
+// EXTERNAL MODULE: external "@splunk/react-ui/useForceUpdate"
+var useForceUpdate_ = __webpack_require__(96);
+var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_);
+
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -233,7 +237,7 @@ Divider.filterConsecutive = true;
 Divider.filterLast = true;
 /* harmony default export */ var Menu_Divider = (Divider);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(55);
+var Heading_ = __webpack_require__(56);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
@@ -262,7 +266,7 @@ var HeadingStyles_Styled = external_styled_components_default.a.div.withConfig({
 var PrismaSectionTitle = external_styled_components_default.a.h5.withConfig({
   displayName: "HeadingStyles__PrismaSectionTitle",
   componentId: "mcd2ws-1"
-})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;text-transform:uppercase;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
+})(["", " font-size:", ";line-height:", ";font-weight:", ";letter-spacing:0.02em;"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].lineHeight, themes_["variables"].fontWeightBold);
 
 // CONCATENATED MODULE: ./src/Menu/Heading.tsx
 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; }
@@ -337,10 +341,10 @@ Heading.filterLast = true;
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./src/icons/Check.tsx
-var Check = __webpack_require__(53);
+var Check = __webpack_require__(54);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
-var TriangleRightSmall_ = __webpack_require__(95);
+var TriangleRightSmall_ = __webpack_require__(97);
 var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -892,18 +896,6 @@ var navigateList = __webpack_require__(42);
 // CONCATENATED MODULE: ./src/Menu/Menu.tsx
 function Menu_extends() { Menu_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 Menu_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 _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 _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 _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 Menu_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Menu_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 Menu_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; }
@@ -921,6 +913,7 @@ function Menu_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
 
 
 
+
 var Menu_propTypes = {
   children: external_prop_types_default.a.node,
 
@@ -950,6 +943,7 @@ function Menu(_ref) {
   var _useContext2 = Object(external_react_["useContext"])(Popover_["PopoverContext"]),
       retainFocusFromContext = _useContext2.retainFocus;
 
+  var forceUpdate = useForceUpdate_default()();
   var retainFocus = true;
 
   if (retainFocusProp != null) {
@@ -958,11 +952,7 @@ function Menu(_ref) {
     retainFocus = retainFocusFromContext;
   }
 
-  var _useState = Object(external_react_["useState"])(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      focusedItemKey = _useState2[0],
-      setFocusedItemKey = _useState2[1];
-
+  var focusedItemKeyRef = external_react_default.a.useRef(0);
   var itemRefs = [];
   var itemKeyCounter = 0;
   var firstEnabledItemKey;
@@ -976,6 +966,7 @@ function Menu(_ref) {
     // can still set focus on the Menu items and this avoids the
     // whole page scrolling when that happens
     var key = Object(keyboard_["keycode"])(e.nativeEvent);
+    var focusedItemKey = focusedItemKeyRef.current;
     var itemToFocusRef; // the "retainFocus" checks here mimic the prior tab key functionality
 
     if (key === 'down' || retainFocus && Object(focus_["isTabKey"])(e)) {
@@ -1030,7 +1021,7 @@ function Menu(_ref) {
         var itemKey = data.itemKey;
 
         if (itemKey != null) {
-          setFocusedItemKey(itemKey);
+          focusedItemKeyRef.current = itemKey;
         }
       };
 
@@ -1038,7 +1029,7 @@ function Menu(_ref) {
         firstEnabledItemKey = itemKeyCounter;
       }
 
-      if (focusedItemKey === itemKeyCounter && 'disabled' in item.props && item.props.disabled) {
+      if (focusedItemKeyRef.current === itemKeyCounter && 'disabled' in item.props && item.props.disabled) {
         focusedItemKeyIsDisabled = true;
       }
 
@@ -1050,7 +1041,7 @@ function Menu(_ref) {
         }
       }
 
-      var tabIndex = !controlledExternally && focusedItemKey === itemKeyCounter ? undefined : -1;
+      var tabIndex = !controlledExternally && focusedItemKeyRef.current === itemKeyCounter ? undefined : -1;
       acc.push( /*#__PURE__*/external_react_default.a.cloneElement(item, {
         itemKey: itemKeyCounter,
         onFocus: itemOnFocus,
@@ -1069,8 +1060,9 @@ function Menu(_ref) {
     return acc;
   }, []);
 
-  if (firstEnabledItemKey !== focusedItemKey && (!hasSelectedItems || hasSelectedEnabledItems) && focusedItemKeyIsDisabled && firstEnabledItemKey != null) {
-    setFocusedItemKey(firstEnabledItemKey);
+  if (firstEnabledItemKey !== focusedItemKeyRef.current && (!hasSelectedItems || hasSelectedEnabledItems) && focusedItemKeyIsDisabled && firstEnabledItemKey != null) {
+    focusedItemKeyRef.current = firstEnabledItemKey;
+    forceUpdate();
   }
 
   var sharedProps = {
@@ -1136,7 +1128,7 @@ module.exports = require("@splunk/ui-utils/focus");
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* 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_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(32);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__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);
@@ -1186,7 +1178,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
@@ -1260,7 +1252,7 @@ module.exports = require("@splunk/react-icons/Check");
 
 /***/ }),
 
-/***/ 53:
+/***/ 54:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1310,7 +1302,7 @@ function Check(props) {
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
@@ -1481,7 +1473,14 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 95:
+/***/ 96:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/useForceUpdate");
+
+/***/ }),
+
+/***/ 97:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TriangleRightSmall");