@splunk/react-ui 4.9.0 → 4.12.0

package/Image.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 = 157);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 160:
+/***/ 157:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,28 +130,28 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(41);
+var format_ = __webpack_require__(43);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/File"
-var File_ = __webpack_require__(92);
+var File_ = __webpack_require__(89);
 var File_default = /*#__PURE__*/__webpack_require__.n(File_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(20);
+var CrossMark = __webpack_require__(19);
 
 // 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/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__(93);
+var Message_ = __webpack_require__(90);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -440,21 +440,14 @@ _defineProperty(Image_Image, "defaultProps", defaultProps);
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 20:
+/***/ 19:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* 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_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__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);
@@ -497,7 +490,14 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 22:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 21:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -518,7 +518,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 41:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/format");
@@ -675,14 +675,14 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 92:
+/***/ 89:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/File");
 
 /***/ }),
 
-/***/ 93:
+/***/ 90:
 /***/ (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 = 137);
+/******/ 	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");
 
 /***/ }),
 
-/***/ 137:
+/***/ 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"
@@ -269,9 +269,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 var propTypes = {
-  path: external_prop_types_default.a.arrayOf(external_prop_types_default.a.string),
+  path: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string])),
   defaultOpen: external_prop_types_default.a.bool,
-  expandChildren: external_prop_types_default.a.bool,
+  expandChildren: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.oneOf(['withShiftModifier'])]),
   indent: external_prop_types_default.a.number,
   indentLevel: external_prop_types_default.a.number,
   obj: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.array, external_prop_types_default.a.number, external_prop_types_default.a.string, external_prop_types_default.a.bool]).isRequired,
@@ -287,10 +287,11 @@ var defaultProps = {
   indentLevel: 1,
   overflow: 'scroll'
 };
-
+var shift;
 /**
  * An internal container class for expandable tree nodes (objects and arrays).
  */
+
 var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   _inherits(JSONTreeNode, _Component);
 
@@ -307,7 +308,11 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "closingIndent", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "handleExpandClick", function () {
+    _defineProperty(_assertThisInitialized(_this), "handleExpandClick", function (e) {
+      if (_this.props.expandChildren === 'withShiftModifier') {
+        shift = e.shiftKey;
+      }
+
       _this.setState(function (state) {
         return {
           open: !state.open
@@ -343,9 +348,18 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _this.state = {
-      open: props.defaultOpen
-    };
+    if (_this.props.expandChildren === 'withShiftModifier' && shift !== undefined) {
+      _this.state = shift ? {
+        open: true
+      } : {
+        open: false
+      };
+    } else {
+      _this.state = {
+        open: props.defaultOpen
+      };
+    }
+
     _this.regularIndent = Object(external_lodash_["fill"])(Array(props.indentLevel), Object(external_lodash_["repeat"])("\xA0", props.indent));
     _this.closingIndent = Object(external_lodash_["fill"])(Array(props.indentLevel - 1), Object(external_lodash_["repeat"])("\xA0", props.indent));
     return _this;
@@ -354,8 +368,12 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   _createClass(JSONTreeNode, [{
     key: "renderExpandLink",
     value: function renderExpandLink() {
+      var _this2 = this;
+
       return /*#__PURE__*/external_react_default.a.createElement(StyledExpandLinkClickable, {
-        onClick: this.handleExpandClick,
+        onClick: function onClick(e) {
+          _this2.handleExpandClick(e);
+        },
         "aria-expanded": this.state.open,
         "data-test": "toggle"
       }, "\xA0", this.state.open ? '[-]' : '[+]', "\xA0");
@@ -363,7 +381,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderValue",
     value: function renderValue(_ref) {
-      var _this2 = this;
+      var _this3 = this;
 
       var value = _ref.value,
           key = _ref.key;
@@ -388,7 +406,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
             obj: value,
             path: key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path) // Prevent undefined from being added to path for single value edge-case
             ,
-            defaultOpen: expandChildren,
+            defaultOpen: expandChildren === true,
             expandChildren: expandChildren,
             onClickKey: onClickKey,
             onClickValue: onClickValue,
@@ -415,7 +433,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
             valueType: valueType,
             overflowType: overflow,
             onClick: function onClick(e) {
-              _this2.handleClickValue(e, key);
+              _this3.handleClickValue(e, key);
             }
           }, representation);
         }
@@ -431,14 +449,14 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderKey",
     value: function renderKey(key) {
-      var _this3 = this;
+      var _this4 = this;
 
       var onClickKey = this.props.onClickKey;
 
       if (onClickKey) {
         return /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement(StyledPropertyInteractiveClickable, {
           onClick: function onClick(e) {
-            _this3.handleClickKey(e, key);
+            _this4.handleClickKey(e, key);
           }
         }, key), ":", ' ');
       }
@@ -448,7 +466,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderObject",
     value: function renderObject() {
-      var _this4 = this;
+      var _this5 = this;
 
       var _this$props4 = this.props,
           obj = _this$props4.obj,
@@ -461,17 +479,17 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
           var key = Object(external_lodash_["isArray"])(obj) ? parseInt(mapKey, 10) : mapKey;
           var propertyDataPath = path.length === 0 ? ".".concat(key) : ".".concat(path.join('.'), ".").concat(key);
 
-          var representation = _this4.renderValue({
+          var representation = _this5.renderValue({
             key: key,
             value: value
           });
 
-          var propertyElement = !Object(external_lodash_["isArray"])(obj) ? _this4.renderKey(key) : undefined;
+          var propertyElement = !Object(external_lodash_["isArray"])(obj) ? _this5.renderKey(key) : undefined;
           return /*#__PURE__*/external_react_default.a.createElement("div", {
             key: propertyDataPath,
             role: "treeitem",
             "data-test-path": propertyDataPath
-          }, _this4.regularIndent, propertyElement, representation, index + 1 < properties.length ? ',' : null);
+          }, _this5.regularIndent, propertyElement, representation, index + 1 < properties.length ? ',' : null);
         });
       } // edge case: a single number/string/boolean being rendered (still valid JSON)
 
@@ -535,7 +553,7 @@ var JSONTree_propTypes = {
   indent: external_prop_types_default.a.number,
   onClickKey: external_prop_types_default.a.func,
   onClickValue: external_prop_types_default.a.func,
-  expandChildren: external_prop_types_default.a.bool,
+  expandChildren: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.oneOf(['withShiftModifier'])]),
   overflow: external_prop_types_default.a.oneOf(['wrap', 'scroll'])
 };
 

package/Layer.js

@@ -82,11 +82,18 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 181);
+/******/ 	return __webpack_require__(__webpack_require__.s = 158);
 /******/ })
 /************************************************************************/
 /******/ ({
 
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
 /***/ 1:
 /***/ (function(module, exports) {
 
@@ -94,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 113:
+/***/ 109:
 /***/ (function(module, exports) {
 
 var g;
@@ -128,7 +135,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 181:
+/***/ 158:
 /***/ (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__(70);
+var external_react_dom_ = __webpack_require__(68);
 
 // 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__(80);
+var LayerStack = __webpack_require__(69);
+
+// 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");
 
 /***/ }),
 
-/***/ 70:
+/***/ 68:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");
 
 /***/ }),
 
-/***/ 80:
+/***/ 69:
 /***/ (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__(113)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(109)))
 
 /***/ }),
 

package/Link.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 = 159);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 161:
+/***/ 159:
 /***/ (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__(19);
+var Dropdown_ = __webpack_require__(20);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -141,7 +141,7 @@ var External_ = __webpack_require__(58);
 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"
@@ -295,17 +295,17 @@ _defineProperty(Link_Link, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 2:
+/***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 

package/List.js

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