@splunk/react-ui 4.9.0 → 4.10.0

package/Paragraph.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 165);
+/******/ 	return __webpack_require__(__webpack_require__.s = 163);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 165:
+/***/ 163:
 /***/ (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 = 138);
+/******/ 	return __webpack_require__(__webpack_require__.s = 136);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 138:
+/***/ 136:
 /***/ (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__(70);
+var external_react_dom_ = __webpack_require__(68);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
@@ -730,6 +730,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
 
     Popover_defineProperty(_assertThisInitialized(_this), "handleWindowScroll", void 0);
 
+    Popover_defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     Popover_defineProperty(_assertThisInitialized(_this), "getElPosition", function (anchorEl) {
       var rect = anchorEl.getBoundingClientRect();
       var a = {
@@ -890,9 +892,11 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "handleAnimationEnd", function () {
-      _this.setState({
-        animating: false
-      });
+      if (_this.allowAnimationUpdates) {
+        _this.setState({
+          animating: false
+        });
+      }
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "renderLayer", function () {
@@ -1031,6 +1035,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       this.setPlacement.cancel(); // guaranteed by constructor
 
       this.handleScroll.cancel();
+      this.allowAnimationUpdates = false;
     }
   }, {
     key: "autoCloseWhenOffScreen",
@@ -1195,7 +1200,7 @@ module.exports = require("@splunk/react-ui/Layer");
 
 /***/ }),
 
-/***/ 70:
+/***/ 68:
 /***/ (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 = 166);
+/******/ 	return __webpack_require__(__webpack_require__.s = 164);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 166:
+/***/ 164:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/RadioBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 129);
+/******/ 	return __webpack_require__(__webpack_require__.s = 127);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 129:
+/***/ 127:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,13 +130,12 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
+// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
+var keyboard_ = __webpack_require__(9);
+
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(8);
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
-
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
 var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
@@ -156,10 +155,10 @@ 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;gap:8px;& + &{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:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_["variables"].contentColorDefault, themes_["variables"].inputHeight, themes_["variables"].spacingXSmall, 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)',
+    dark: themes_["variables"].interactiveColorOverlaySelected,
     light: themes_["variables"].white
   }), themes_["variables"].embossShadow);
 }, function (_ref2) {
@@ -181,13 +180,15 @@ 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;", " padding:", ";&:not(:first-child){margin-left:8px;}"], themes_["mixins"].ellipsis, Object(themes_["pick"])({
-  enterprise: '0 12px'
+})(["", " flex:0 1 auto;", ""], themes_["mixins"].ellipsis, Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["&:not(:first-child){margin-left:", ";}"], themes_["variables"].spacingXSmall)
 }));
 var StyledAdornment = external_styled_components_default.a.div.withConfig({
   displayName: "OptionStyles__StyledAdornment",
   componentId: "fyq77p-3"
-})(["flex:0 0 auto;"]);
+})(["flex:0 0 auto;", ""], Object(themes_["pick"])({
+  enterprise: Object(external_styled_components_["css"])(["&:not(:first-child){margin-left:", ";}"], themes_["variables"].spacingXSmall)
+}));
 
 // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
 
@@ -234,10 +235,25 @@ function Option(_ref) {
   var _useContext = Object(external_react_["useContext"])(RadioBar_RadioBarContext),
       onClickContext = _useContext.onClick,
       appearanceContext = _useContext.appearance,
-      errorContext = _useContext.error;
+      errorContext = _useContext.error,
+      onKeyDownContext = _useContext.onKeyDown,
+      firstValueContext = _useContext.firstValue,
+      selectedValueContext = _useContext.selectedValue;
 
   if (false) {}
 
+  var tabIndex = -1;
+
+  if (selectedValueContext) {
+    if (value === selectedValueContext) {
+      tabIndex = 0;
+    }
+  } else if (value === firstValueContext) {
+    tabIndex = 0;
+  }
+
+  var focusedTabIndex = tabIndex;
+
   if (appearanceContext === 'prisma') {
     return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
       "data-test": "option",
@@ -252,8 +268,14 @@ function Option(_ref) {
       role: "radio",
       "aria-checked": selected,
       $selected: selected,
-      tabIndex: selected ? -1 : undefined,
-      disabled: disabled
+      tabIndex: focusedTabIndex,
+      disabled: disabled,
+      onKeyDown: function onKeyDown(e) {
+        return onKeyDownContext === null || onKeyDownContext === void 0 ? void 0 : onKeyDownContext(e, {
+          value: value,
+          label: 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));
   }
 
@@ -275,12 +297,22 @@ function Option(_ref) {
     },
     role: "radio",
     "aria-checked": selected,
-    tabIndex: selected ? -1 : undefined
+    tabIndex: focusedTabIndex,
+    onKeyDown: function onKeyDown(e) {
+      return onKeyDownContext === null || onKeyDownContext === void 0 ? void 0 : onKeyDownContext(e, {
+        value: value,
+        label: label
+      });
+    }
   }), 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;
 /* harmony default export */ var RadioBar_Option = (Option);
+// EXTERNAL MODULE: external "@splunk/react-ui/Box"
+var Box_ = __webpack_require__(8);
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
+
 // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
 
 
@@ -288,13 +320,18 @@ Option.propTypes = propTypes;
 var StyledRadioBar = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "RadioBarStyles__StyledRadioBar",
   componentId: "gg1b79-0"
-})(["height:", ";padding:2px;border-radius:", ";background:", ";border:1px solid ", ";[data-inline] + &{margin-left:", ";}"], themes_["variables"].inputHeight, themes_["variables"].borderRadius, function (_ref) {
-  var $disabled = _ref.$disabled;
-  return $disabled ? themes_["variables"].interactiveColorBackgroundDisabled : themes_["variables"].interactiveColorBackground;
-}, function (_ref2) {
-  var $error = _ref2.$error;
-  return $error ? themes_["variables"].accentColorNegative : 'transparent';
-}, themes_["variables"].spacingLarge);
+})(["height:", ";", " [data-inline] + &{margin-left:", ";}"], themes_["variables"].inputHeight, Object(themes_["pick"])({
+  prisma: Object(external_styled_components_["css"])(["padding:2px;border-radius:", ";border:1px solid ", ";background:", ";"], themes_["variables"].borderRadius, function (_ref) {
+    var $error = _ref.$error;
+    return $error ? themes_["variables"].accentColorNegative : 'transparent';
+  }, function (_ref2) {
+    var $disabled = _ref2.$disabled;
+    return $disabled ? themes_["variables"].interactiveColorBackgroundDisabled : themes_["variables"].interactiveColorBackground;
+  })
+}), Object(themes_["pick"])({
+  enterprise: themes_["variables"].spacingHalf,
+  prisma: themes_["variables"].spacingSmall
+}));
 
 // CONCATENATED MODULE: ./src/RadioBar/RadioBar.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); }
@@ -372,6 +409,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(RadioBar);
 
   // @docs-props-type RadioBarPropsBase
+  // eslint-disable-line @typescript-eslint/no-explicit-any
   function RadioBar(props) {
     var _this;
 
@@ -381,15 +419,66 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "filteredValues", []);
+
     _defineProperty(_assertThisInitialized(_this), "handleClick", function (e, data) {
-      var name = _this.props.name;
+      _this.handleOnChange(e, data);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleOnKeyDown", function (e, _ref) {
+      var value = _ref.value,
+          label = _ref.label;
+      var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
+      var myTarget = e.currentTarget;
+      var nextTarget = null;
+      var nextIndex = 0;
+
+      var currentIndex = _this.filteredValues.indexOf(value);
+
+      if (eventKeyCode === 'down' || eventKeyCode === 'right') {
+        var _myTarget$parentEleme;
+
+        e.preventDefault();
+        nextIndex = currentIndex + 1;
 
+        if (nextIndex > _this.filteredValues.length - 1) {
+          nextIndex = 0;
+        }
+
+        nextTarget = myTarget.nextSibling ? myTarget.nextSibling : (_myTarget$parentEleme = myTarget.parentElement) === null || _myTarget$parentEleme === void 0 ? void 0 : _myTarget$parentEleme.firstElementChild;
+      } else if (eventKeyCode === 'up' || eventKeyCode === 'left') {
+        var _myTarget$parentEleme2;
+
+        e.preventDefault();
+        nextIndex = currentIndex - 1;
+
+        if (nextIndex < 0) {
+          nextIndex = _this.filteredValues.length - 1;
+        }
+
+        nextTarget = myTarget.previousSibling ? myTarget.previousSibling : (_myTarget$parentEleme2 = myTarget.parentElement) === null || _myTarget$parentEleme2 === void 0 ? void 0 : _myTarget$parentEleme2.lastElementChild;
+      }
+
+      if (nextTarget) {
+        var _nextTarget;
+
+        (_nextTarget = nextTarget) === null || _nextTarget === void 0 ? void 0 : _nextTarget.focus();
+        var nextValue = _this.filteredValues[nextIndex];
+
+        _this.handleOnChange(e, {
+          value: nextValue,
+          label: label
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleOnChange", function (e, data) {
       if (_this.props.value !== data.value) {
         var _this$props$onChange, _this$props;
 
-        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, _objectSpread(_objectSpread({}, data), {}, {
-          name: name
-        }));
+        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e, _objectSpread({
+          name: _this.props.name
+        }, data));
 
         if (!_this.isControlled()) {
           _this.setState({
@@ -427,6 +516,8 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props2 = this.props,
           appearance = _this$props2.appearance,
           children = _this$props2.children,
@@ -442,13 +533,11 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
       var selectedValue = this.isControlled() ? value : this.state.value;
       var isPrisma = splunkTheme.isPrisma;
       var disabled = true;
-      var contextValue = {
-        appearance: isPrisma ? 'prisma' : appearance,
-        onClick: this.handleClick,
-        error: isPrisma ? false : error
-      };
-      var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i, _ref) {
-        var length = _ref.length;
+      this.filteredValues = [];
+      var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i, _ref2) {
+        var length = _ref2.length;
+
+        _this2.filteredValues.push(item.props.value);
 
         if (item.props && !item.props.disabled) {
           disabled = false;
@@ -461,16 +550,24 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
           prepend: i > 0
         });
       });
-      var RadioBarTag = isPrisma ? StyledRadioBar : Box_default.a;
-      return /*#__PURE__*/external_react_default.a.createElement(RadioBarTag, RadioBar_extends({
+      var firstItemValue = this.filteredValues[0];
+      var contextValue = {
+        appearance: isPrisma ? 'prisma' : appearance,
+        onClick: this.handleClick,
+        error: isPrisma ? false : error,
+        onKeyDown: this.handleOnKeyDown,
+        firstValue: firstItemValue,
+        selectedValue: selectedValue
+      };
+      return /*#__PURE__*/external_react_default.a.createElement(StyledRadioBar, RadioBar_extends({
+        flex: true,
         $disabled: disabled,
         $error: error,
         "data-test": "radio-bar",
         "data-test-value": selectedValue,
         role: "radiogroup",
         "aria-labelledby": labelledBy,
-        "aria-describedby": describedBy,
-        flex: true
+        "aria-describedby": describedBy
       }, Object(external_lodash_["omit"])(otherProps, 'onChange')), /*#__PURE__*/external_react_default.a.createElement(RadioBar_RadioBarContext.Provider, {
         value: contextValue
       }, childrenFormatted));
@@ -531,6 +628,13 @@ module.exports = require("lodash");
 
 module.exports = require("@splunk/react-ui/Box");
 
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/keyboard");
+
 /***/ })
 
 /******/ });

package/RadioList.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 130);
+/******/ 	return __webpack_require__(__webpack_require__.s = 128);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 130:
+/***/ 128:
 /***/ (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 = 167);
+/******/ 	return __webpack_require__(__webpack_require__.s = 165);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 167:
+/***/ 165:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ResultsMenu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 168);
+/******/ 	return __webpack_require__(__webpack_require__.s = 166);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 102:
+/***/ 100:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/userAgent");
 
 /***/ }),
 
-/***/ 103:
+/***/ 101:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/WaitSpinner");
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 168:
+/***/ 166:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -174,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__(102);
+var userAgent_ = __webpack_require__(100);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
@@ -185,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__(103);
+var WaitSpinner_ = __webpack_require__(101);
 var WaitSpinner_default = /*#__PURE__*/__webpack_require__.n(WaitSpinner_);
 
 // EXTERNAL MODULE: external "@splunk/themes"

package/ScreenReaderContent.js

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

package/Scroll.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ 	return __webpack_require__(__webpack_require__.s = 143);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 145:
+/***/ 143:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ScrollContainerContext.js

@@ -82,12 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 182);
+/******/ 	return __webpack_require__(__webpack_require__.s = 180);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 182:
+/***/ 180:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Search.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 170);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 104:
+/***/ 102:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/usePrevious");
@@ -149,7 +149,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 170:
+/***/ 168:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -186,7 +186,7 @@ var keyboard_ = __webpack_require__(9);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
-var usePrevious_ = __webpack_require__(104);
+var usePrevious_ = __webpack_require__(102);
 var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"

package/Select.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 171);
+/******/ 	return __webpack_require__(__webpack_require__.s = 169);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,14 +115,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-
-/***/ 171:
+/***/ 169:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -464,6 +457,13 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
 
 
 
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
 /***/ }),
 
 /***/ 19:

package/SidePanel.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 172);
+/******/ 	return __webpack_require__(__webpack_require__.s = 170);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 172:
+/***/ 170:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(78);
+var ModalLayer_ = __webpack_require__(76);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -372,7 +372,7 @@ module.exports = require("@splunk/react-ui/TransitionOpen");
 
 /***/ }),
 
-/***/ 78:
+/***/ 76:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");