@splunk/react-ui 4.10.0 → 4.11.0

package/Image.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 = 155);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 158:
+/***/ 155:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -136,7 +136,7 @@ var format_ = __webpack_require__(41);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/File"
-var File_ = __webpack_require__(90);
+var File_ = __webpack_require__(88);
 var File_default = /*#__PURE__*/__webpack_require__.n(File_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
@@ -147,11 +147,11 @@ 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__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Message"
-var Message_ = __webpack_require__(91);
+var Message_ = __webpack_require__(89);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -675,14 +675,14 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 90:
+/***/ 88:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/File");
 
 /***/ }),
 
-/***/ 91:
+/***/ 89:
 /***/ (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 = 135);
+/******/ 	return __webpack_require__(__webpack_require__.s = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 132:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,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__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"

package/Layer.js

@@ -82,11 +82,18 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 179);
+/******/ 	return __webpack_require__(__webpack_require__.s = 156);
 /******/ })
 /************************************************************************/
 /******/ ({
 
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
 /***/ 1:
 /***/ (function(module, exports) {
 
@@ -94,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 111:
+/***/ 108:
 /***/ (function(module, exports) {
 
 var g;
@@ -128,7 +135,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 179:
+/***/ 156:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -137,15 +144,16 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Layer_Layer; });
-__webpack_require__.d(__webpack_exports__, "LayerStackContext", function() { return /* reexport */ LayerStack["a" /* LayerStackContext */]; });
-__webpack_require__.d(__webpack_exports__, "LayerStackGlobalProvider", function() { return /* reexport */ LayerStack["b" /* LayerStackGlobalProvider */]; });
+__webpack_require__.d(__webpack_exports__, "LayerStackContext", function() { return /* reexport */ LayerStack["b" /* LayerStackContext */]; });
+__webpack_require__.d(__webpack_exports__, "LayerContext", function() { return /* reexport */ LayerStack["a" /* LayerContext */]; });
+__webpack_require__.d(__webpack_exports__, "LayerStackGlobalProvider", function() { return /* reexport */ LayerStack["c" /* LayerStackGlobalProvider */]; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(68);
+var external_react_dom_ = __webpack_require__(67);
 
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(1);
@@ -162,7 +170,25 @@ var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
-var LayerStack = __webpack_require__(78);
+var LayerStack = __webpack_require__(68);
+
+// 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/themes"
+var themes_ = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/Layer/LayerStyles.ts
+
+
+var StyledLayer = external_styled_components_default.a.div.withConfig({
+  displayName: "LayerStyles__StyledLayer",
+  componentId: "ii6psl-0"
+})(["", ""], function (_ref) {
+  var $separateStackingContexts = _ref.$separateStackingContexts;
+  return $separateStackingContexts && Object(external_styled_components_["css"])(["isolation:isolate;z-index:", ";"], themes_["variables"].zindexLayer);
+});
 
 // CONCATENATED MODULE: ./src/Layer/Layer.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -196,6 +222,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'escapeKey'];
@@ -299,17 +326,24 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props3 = this.props,
           children = _this$props3.children,
           open = _this$props3.open;
 
       if (open) {
-        var layerPortal = /*#__PURE__*/Object(external_react_dom_["createPortal"])( /*#__PURE__*/external_react_default.a.createElement("div", {
-          // eslint-disable-line jsx-a11y/no-static-element-interactions
-          "data-test": "layer",
-          onMouseDown: this.handleClickOnLayer,
-          onTouchStart: this.handleClickOnLayer
-        }, children), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion
+        var layerPortal = /*#__PURE__*/Object(external_react_dom_["createPortal"])( /*#__PURE__*/external_react_default.a.createElement(LayerStack["a" /* LayerContext */].Consumer, null, function (_ref2) {
+          var _ref2$separateStackin = _ref2.separateStackingContexts,
+              separateStackingContexts = _ref2$separateStackin === void 0 ? false : _ref2$separateStackin;
+          return /*#__PURE__*/external_react_default.a.createElement(StyledLayer // eslint-disable-line jsx-a11y/no-static-element-interactions
+          , {
+            $separateStackingContexts: separateStackingContexts,
+            "data-test": "layer",
+            onMouseDown: _this2.handleClickOnLayer,
+            onTouchStart: _this2.handleClickOnLayer
+          }, children);
+        }), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion
         );
         return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
           target: window,
@@ -347,7 +381,7 @@ _defineProperty(Layer_Layer, "propTypes", propTypes);
 
 _defineProperty(Layer_Layer, "defaultProps", defaultProps);
 
-_defineProperty(Layer_Layer, "contextType", LayerStack["a" /* LayerStackContext */]);
+_defineProperty(Layer_Layer, "contextType", LayerStack["b" /* LayerStackContext */]);
 
 /* harmony default export */ var src_Layer_Layer = (Layer_Layer);
 // CONCATENATED MODULE: ./src/Layer/index.ts
@@ -363,6 +397,13 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 
@@ -370,19 +411,20 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 68:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");
 
 /***/ }),
 
-/***/ 78:
+/***/ 68:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerStackContext; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerStackGlobalProvider; });
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerStackContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return LayerStackGlobalProvider; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
@@ -396,10 +438,12 @@ module.exports = require("react-dom");
  * @public
  */
 var LayerStackContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext([]);
+var LayerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext({});
 var propTypes = {
   children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
   name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-  scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object
+  scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,
+  separateStackingContexts: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
 };
 /* global global */
 
@@ -414,7 +458,9 @@ function LayerStackGlobalProvider(_ref) {
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '__splunkui_layer_instances__' : _ref$name,
       _ref$scope = _ref.scope,
-      scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope;
+      scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope,
+      _ref$separateStacking = _ref.separateStackingContexts,
+      separateStackingContexts = _ref$separateStacking === void 0 ? false : _ref$separateStacking;
 
   if (!scope[name]) {
     scope[name] = []; // eslint-disable-line no-param-reassign
@@ -422,12 +468,16 @@ function LayerStackGlobalProvider(_ref) {
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerStackContext.Provider, {
     value: scope[name]
-  }, children);
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerContext.Provider, {
+    value: {
+      separateStackingContexts: separateStackingContexts
+    }
+  }, children));
 }
 
 LayerStackGlobalProvider.propTypes = propTypes;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(111)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(108)))
 
 /***/ }),
 

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 = 157);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 159:
+/***/ 157:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -137,11 +137,11 @@ 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__(57);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -323,7 +323,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 58:
+/***/ 57:
 /***/ (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 = 141);
+/******/ 	return __webpack_require__(__webpack_require__.s = 138);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 141:
+/***/ 138:
 /***/ (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 = 113);
+/******/ 	return __webpack_require__(__webpack_require__.s = 110);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 113:
+/***/ 110:
 /***/ (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__(92);
+var external_commonmark_react_renderer_ = __webpack_require__(90);
 var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
 
 // EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(93);
+var external_commonmark_ = __webpack_require__(91);
 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__(94);
+var Code_ = __webpack_require__(92);
 var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -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__(60);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.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__(79);
+var List_ = __webpack_require__(78);
 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__(95);
+var Paragraph_ = __webpack_require__(93);
 var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
@@ -555,14 +555,14 @@ module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 61:
+/***/ 60:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Anchor");
 
 /***/ }),
 
-/***/ 79:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
@@ -576,28 +576,28 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 92:
+/***/ 90:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark-react-renderer");
 
 /***/ }),
 
-/***/ 93:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark");
 
 /***/ }),
 
-/***/ 94:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 95:
+/***/ 93:
 /***/ (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 = 114);
+/******/ 	return __webpack_require__(__webpack_require__.s = 111);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,13 +102,33 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 11:
-/***/ (function(module, exports) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
+/**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+function updateReactRef(ref, current) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(current);
+    } else {
+      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+      // the intention here is to signal "we will take care of setting 'current', not you".
+      ref.current = current; // eslint-disable-line no-param-reassign
+    }
+  }
+}
+
 
-module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 114:
+/***/ 111:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -320,7 +340,7 @@ var external_lodash_ = __webpack_require__(4);
 var Check = __webpack_require__(53);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
-var TriangleRightSmall_ = __webpack_require__(96);
+var TriangleRightSmall_ = __webpack_require__(94);
 var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -358,7 +378,7 @@ function CaretRight(props) {
 var ChevronRight = __webpack_require__(27);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
@@ -540,7 +560,7 @@ var StyledSubmenu = external_styled_components_default.a.span.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Menu/Item.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); }
@@ -835,7 +855,7 @@ var ItemWithTheme = Object(themes_["withSplunkTheme"])(Item_Item);
 ItemWithTheme.propTypes = Item_Item.propTypes;
 /* harmony default export */ var Menu_Item = (ItemWithTheme);
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(66);
+var Scroll_ = __webpack_require__(65);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
@@ -1082,29 +1102,9 @@ Menu.Heading = Menu_Heading;
 /***/ }),
 
 /***/ 12:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
-/**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-function updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } else {
-      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-      // the intention here is to signal "we will take care of setting 'current', not you".
-      ref.current = current; // eslint-disable-line no-param-reassign
-    }
-  }
-}
-
+/***/ (function(module, exports) {
 
+module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
@@ -1342,7 +1342,7 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 66:
+/***/ 65:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");
@@ -1481,7 +1481,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 96:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TriangleRightSmall");