@splunk/react-ui 4.17.0 → 4.18.0

package/MessageBar.js

@@ -104,13 +104,6 @@ module.exports = require("prop-types");
 /***/ 100:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Success");
-
-/***/ }),
-
-/***/ 101:
-/***/ (function(module, exports) {
-
 module.exports = require("@splunk/react-icons/enterprise/Warning");
 
 /***/ }),
@@ -177,35 +170,35 @@ 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/CheckCircle"
-var CheckCircle_ = __webpack_require__(69);
+var CheckCircle_ = __webpack_require__(70);
 var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
-var ExclamationCircle_ = __webpack_require__(70);
+var ExclamationCircle_ = __webpack_require__(71);
 var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/InformationCircle"
-var InformationCircle_ = __webpack_require__(96);
+var InformationCircle_ = __webpack_require__(95);
 var InformationCircle_default = /*#__PURE__*/__webpack_require__.n(InformationCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ExclamationTriangle"
-var ExclamationTriangle_ = __webpack_require__(97);
+var ExclamationTriangle_ = __webpack_require__(96);
 var ExclamationTriangle_default = /*#__PURE__*/__webpack_require__.n(ExclamationTriangle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Error"
-var Error_ = __webpack_require__(98);
+var Error_ = __webpack_require__(97);
 var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
-var InfoCircle_ = __webpack_require__(99);
+var InfoCircle_ = __webpack_require__(98);
 var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Success"
-var Success_ = __webpack_require__(100);
+var Success_ = __webpack_require__(99);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Warning"
-var Warning_ = __webpack_require__(101);
+var Warning_ = __webpack_require__(100);
 var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -521,46 +514,53 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 69:
+/***/ 70:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/CheckCircle");
 
 /***/ }),
 
-/***/ 70:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ExclamationCircle");
 
 /***/ }),
 
-/***/ 96:
+/***/ 95:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/InformationCircle");
 
 /***/ }),
 
-/***/ 97:
+/***/ 96:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ExclamationTriangle");
 
 /***/ }),
 
-/***/ 98:
+/***/ 97:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Error");
 
 /***/ }),
 
-/***/ 99:
+/***/ 98:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/InfoCircle");
 
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/enterprise/Success");
+
 /***/ })
 
 /******/ });

package/Modal.js

@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 102:
+/***/ 101:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");
@@ -149,7 +149,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(102);
+var ModalLayer_ = __webpack_require__(101);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
@@ -311,7 +311,7 @@ function Footer(_ref) {
 Footer.propTypes = Footer_propTypes;
 /* harmony default export */ var Modal_Footer = (Footer);
 // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
-var CloseButton_ = __webpack_require__(90);
+var CloseButton_ = __webpack_require__(89);
 var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 
 // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
@@ -788,17 +788,17 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 9:
+/***/ 89:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/keys");
+module.exports = require("@splunk/react-ui/CloseButton");
 
 /***/ }),
 
-/***/ 90:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/CloseButton");
+module.exports = require("lodash/keys");
 
 /***/ })
 

package/Multiselect.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 182);
+/******/ 	return __webpack_require__(__webpack_require__.s = 184);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,14 @@ module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 103:
+/***/ 102:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/forEachRight");
 
 /***/ }),
 
-/***/ 104:
+/***/ 103:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/uniq");
@@ -177,7 +177,7 @@ module.exports = require("@splunk/react-ui/Chip");
 
 /***/ }),
 
-/***/ 16:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/includes");
@@ -267,7 +267,7 @@ function getWindow() {
 
 /***/ }),
 
-/***/ 182:
+/***/ 184:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -636,7 +636,7 @@ var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/last"
-var last_ = __webpack_require__(92);
+var last_ = __webpack_require__(91);
 var last_default = /*#__PURE__*/__webpack_require__.n(last_);
 
 // EXTERNAL MODULE: external "lodash/pick"
@@ -644,7 +644,7 @@ var pick_ = __webpack_require__(41);
 var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
 
 // EXTERNAL MODULE: external "lodash/pickBy"
-var pickBy_ = __webpack_require__(71);
+var pickBy_ = __webpack_require__(61);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
 
 // EXTERNAL MODULE: external "lodash/without"
@@ -1292,7 +1292,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
           appearance: item.props ? item.props.selectedAppearance : undefined,
           backgroundColor: item.props ? item.props.selectedBackgroundColor : undefined,
           foregroundColor: item.props ? item.props.selectedForegroundColor : undefined
-        }, item.props ? item.props.children || item.props.label : item);
+        }, /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, item.props ? item.props.children || item.props.label : item));
       });
     }
   }, {
@@ -1326,6 +1326,10 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
         'aria-invalid': error || undefined
       });
 
+      var subsetAriaProps = _objectSpread({}, pickBy_default()(otherProps, function (val, key) {
+        return key === 'aria-label' || key === 'aria-describedby';
+      }));
+
       var currentValues = (_this$getCurrentValue4 = this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [];
       var selectedItems = currentValues.slice(0);
       var foundExactMatch = currentValues.indexOf(this.state.filterKeyword) >= 0; // Map Options to selected values
@@ -1395,7 +1399,9 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
 
       if (allowNewValues && !foundExactMatch && this.state.filterKeyword) {
         this.children.unshift( /*#__PURE__*/external_react_default.a.createElement(Multiselect_Option, {
-          label: "".concat(this.state.filterKeyword, " (new value)"),
+          label: "".concat(this.state.filterKeyword),
+          description: Object(i18n_["_"])('(New value)'),
+          descriptionPosition: "right",
           value: this.state.filterKeyword,
           key: "newValue",
           onClick: this.handleMenuOptionClick
@@ -1432,7 +1438,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
       }
 
       var inputWidth = "".concat(this.state.filterKeyword.length * 0.8, "em");
-      return [/*#__PURE__*/external_react_default.a.createElement(StyledBox, Normal_extends({
+      return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(StyledBox, Normal_extends({
         key: "control",
         "data-test-values": JSON.stringify(currentValues),
         inline: inline,
@@ -1446,15 +1452,16 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
         flex: true,
         elementRef: this.handleMount,
         role: "listbox",
-        "aria-disabled": disabled || undefined
-      }), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, {
-        role: "status",
-        "aria-live": "polite"
-      }, this.state.loadingMoreMessage), this.renderButtons(selectedItems), !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledInputWrapper, {
+        "aria-disabled": disabled || undefined,
+        "aria-labelledby": labelledBy,
+        "aria-invalid": error,
+        "aria-multiselectable": "true"
+      }, subsetAriaProps), this.renderButtons(selectedItems), !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledInputWrapper, {
         role: "combobox",
         "aria-owns": this.state.open ? this.popoverId : undefined,
         "aria-haspopup": true,
-        "aria-expanded": this.state.open
+        "aria-expanded": this.state.open,
+        "aria-controls": this.state.open ? this.popoverId : undefined
       }, /*#__PURE__*/external_react_default.a.createElement(StyledInput, Normal_extends({
         "data-test": "textbox",
         id: inputId,
@@ -1475,8 +1482,7 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
         },
         placeholder: currentValues.length ? '' : placeholder,
         required: required,
-        "aria-activedescendant": this.state.open && this.availableOptionCount > 0 ? this.activeItemId : undefined,
-        "aria-controls": this.state.open ? this.popoverId : undefined
+        "aria-activedescendant": this.state.open && this.availableOptionCount > 0 ? this.activeItemId : undefined
       }, ariaProps))), !disabled && /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
         open: this.state.open && !!this.state.el,
         autoCloseWhenOffScreen: true,
@@ -1486,11 +1492,14 @@ var Normal_Normal = /*#__PURE__*/function (_Component) {
         defaultPlacement: defaultPlacement,
         repositionMode: repositionMode,
         id: this.popoverId
-      }, this.renderMenu)), useClickawayOverlay && this.state.open ? /*#__PURE__*/external_react_default.a.createElement(StyledOverlay, {
+      }, this.renderMenu)), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, {
+        role: "status",
+        "aria-live": "polite"
+      }, this.state.loadingMoreMessage), useClickawayOverlay && this.state.open ? /*#__PURE__*/external_react_default.a.createElement(StyledOverlay, {
         key: "overlay",
         $popoveropen: this.state.open,
         "data-test": "overlay"
-      }) : null];
+      }) : null);
     }
   }]);
 
@@ -2130,7 +2139,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/castArray"
-var castArray_ = __webpack_require__(64);
+var castArray_ = __webpack_require__(65);
 var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
 
 // EXTERNAL MODULE: external "lodash/find"
@@ -2138,7 +2147,7 @@ var find_ = __webpack_require__(52);
 var find_default = /*#__PURE__*/__webpack_require__.n(find_);
 
 // EXTERNAL MODULE: external "lodash/forEachRight"
-var forEachRight_ = __webpack_require__(103);
+var forEachRight_ = __webpack_require__(102);
 var forEachRight_default = /*#__PURE__*/__webpack_require__.n(forEachRight_);
 
 // EXTERNAL MODULE: external "lodash/has"
@@ -2146,7 +2155,7 @@ var has_ = __webpack_require__(10);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(16);
+var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/isUndefined"
@@ -2166,7 +2175,7 @@ var pick_ = __webpack_require__(41);
 var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
 
 // EXTERNAL MODULE: external "lodash/uniq"
-var uniq_ = __webpack_require__(104);
+var uniq_ = __webpack_require__(103);
 var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq_);
 
 // EXTERNAL MODULE: external "lodash/without"
@@ -2947,7 +2956,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         'aria-describedby': describedBy,
         'aria-label': "".concat(labelText ? "".concat(labelText, ", ") : '').concat(ariaLabel),
         'aria-labelledby': labelText ? undefined : labelledBy,
-        'aria-multiselectable': multiple,
+        'aria-multiselectable': multiple || undefined,
         'aria-required': required,
         'data-select-appearance': appearance,
         'data-test': multiple ? 'multiselect' : 'select',
@@ -2983,7 +2992,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         icon: icon,
         inline: inline,
         isMenu: true,
-        role: "listbox" // @ts-expect-error - accept inconsistency with Button
+        "aria-haspopup": "listbox",
+        "aria-owns": _this.menuId // @ts-expect-error - accept inconsistency with Button
         ,
         onClick: _this.props.onClick
       }, pick_default()(_this.props, SelectBase.invalidLinkAppearanceProps)), !!currentValues.length && multiple && /*#__PURE__*/external_react_default.a.createElement(StyledCount, {
@@ -3389,7 +3399,6 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         "aria-expanded": "true",
         "aria-label": Object(i18n_["_"])('Filter'),
         "aria-activedescendant": this.activeItemId,
-        "aria-controls": this.menuId,
         inputRef: inputRef,
         inputId: inputId,
         canClear: true,
@@ -3431,8 +3440,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           minWidth: anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : undefined,
           maxWidth: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 300)
         };
+        var tabIndex = currentValues.length > 0 && !isAnyValueSelected && !_this2.hasFilter() ? 0 : undefined;
         return /*#__PURE__*/external_react_default.a.createElement(ResultsMenu_default.a, _extends({
-          "aria-multiselectable": multiple,
+          "aria-multiselectable": multiple || undefined,
           childrenStart: _this2.renderControls({
             placement: placement,
             hasChildren: !!finalChildren.length
@@ -3446,7 +3456,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           id: _this2.menuId
         }, pick_default()(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage', 'onScroll'), {
           style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
-          tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
+          tabIndex: tabIndex
         }), finalChildren);
       };
 
@@ -3490,24 +3500,24 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
 
 /***/ }),
 
-/***/ 64:
+/***/ 61:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/castArray");
+module.exports = require("lodash/pickBy");
 
 /***/ }),
 
-/***/ 7:
+/***/ 65:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/keyboard");
+module.exports = require("lodash/castArray");
 
 /***/ }),
 
-/***/ 71:
+/***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/pickBy");
+module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
@@ -3525,7 +3535,7 @@ module.exports = require("lodash/keys");
 
 /***/ }),
 
-/***/ 92:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/last");

package/Number.js

@@ -355,6 +355,7 @@ var propTypes = {
   describedBy: external_prop_types_default.a.string,
   disabled: external_prop_types_default.a.bool,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  inputRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   error: external_prop_types_default.a.bool,
   hideStepButtons: external_prop_types_default.a.bool,
   inline: external_prop_types_default.a.bool,
@@ -645,9 +646,9 @@ var Number_Number = /*#__PURE__*/function (_Component) {
     /**
      * Place focus on the input.
      */
-    value: function focus() {
+    value: function focus(options) {
       if (this.text) {
-        this.text.focus();
+        this.text.focus(options);
       }
     }
   }, {

package/Paginator.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 181);
+/******/ 	return __webpack_require__(__webpack_require__.s = 182);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-icons/DotsThreeHorizontal");
 
 /***/ }),
 
-/***/ 181:
+/***/ 182:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -186,7 +186,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(61);
+var ButtonSimple_ = __webpack_require__(62);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -319,7 +319,7 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
 
 /* harmony default export */ var Button = (Button_PaginatorButton);
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
-var ChevronLeft_ = __webpack_require__(63);
+var ChevronLeft_ = __webpack_require__(64);
 var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
@@ -591,14 +591,14 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 61:
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
 
 /***/ }),
 
-/***/ 63:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");

package/Popover.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 183);
+/******/ 	return __webpack_require__(__webpack_require__.s = 185);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -159,14 +159,14 @@ module.exports = require("lodash/intersection");
 /***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("lodash/includes");
 
 /***/ }),
 
 /***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/includes");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
@@ -246,7 +246,7 @@ function getWindow() {
 
 /***/ }),
 
-/***/ 183:
+/***/ 185:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -266,7 +266,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__(91);
+var external_react_dom_ = __webpack_require__(90);
 
 // EXTERNAL MODULE: external "lodash/clamp"
 var clamp_ = __webpack_require__(147);
@@ -285,7 +285,7 @@ var has_ = __webpack_require__(10);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(16);
+var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/intersection"
@@ -297,7 +297,7 @@ var isFinite_ = __webpack_require__(19);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
 
 // EXTERNAL MODULE: external "lodash/isFunction"
-var isFunction_ = __webpack_require__(68);
+var isFunction_ = __webpack_require__(69);
 var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
 
 // EXTERNAL MODULE: external "lodash/keys"
@@ -319,7 +319,7 @@ var themes_ = __webpack_require__(0);
 var Animation_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
@@ -970,6 +970,10 @@ function everyApproxEqual(a, b) {
     return b[key] === val;
   });
 }
+
+function isHTMLElement(container) {
+  return container !== window && container !== window.document;
+}
 /**
  * `Popover` is used to create layovers such as dropdowns, contextual menus, or tooltips. Use
  * this only when the other components don't provide sufficient functionality or control. A controlled
@@ -1114,7 +1118,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
 
         var anchorPos = _this.getElPosition(state.anchorEl);
 
-        var scrollContainerPos = scrollContainer !== window ? _this.getElPosition(scrollContainer) : undefined;
+        var scrollContainerPos = isHTMLElement(scrollContainer) ? _this.getElPosition(scrollContainer) : undefined;
 
         if (scrolling && autoCloseWhenOffScreen) {
           if (_this.autoCloseWhenOffScreen(anchorPos, scrollContainerPos)) {
@@ -1318,7 +1322,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           value: {
             retainFocus: retainFocus
           }
-        }, appearance === 'none' && children, appearance !== 'none' && !isPrisma && /*#__PURE__*/external_react_default.a.createElement(StyledArrow, {
+        }, /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, appearance === 'none' && children, appearance !== 'none' && !isPrisma && /*#__PURE__*/external_react_default.a.createElement(StyledArrow, {
           $appearance: displayAppearance,
           ref: function ref(arrow) {
             _this.arrow = arrow;
@@ -1326,7 +1330,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           style: arrowStyle
         }), appearance !== 'none' && /*#__PURE__*/external_react_default.a.createElement(StyledContent, {
           $appearance: displayAppearance
-        }, isFunction_default()(children) ? children(childData) : children))), /*#__PURE__*/external_react_default.a.createElement(StyledLowerRightCorner, {
+        }, isFunction_default()(children) ? children(childData) : children)))), /*#__PURE__*/external_react_default.a.createElement(StyledLowerRightCorner, {
           ref: function ref(el) {
             _this.windowSizeMeasurementEl = el;
           }
@@ -1634,7 +1638,7 @@ module.exports = require("lodash/defer");
 
 /***/ }),
 
-/***/ 68:
+/***/ 69:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isFunction");
@@ -1655,7 +1659,7 @@ module.exports = require("lodash/keys");
 
 /***/ }),
 
-/***/ 91:
+/***/ 90:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");

package/Progress.js

@@ -138,7 +138,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(66);
+var external_tinycolor2_ = __webpack_require__(67);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
@@ -348,7 +348,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 66:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");

package/RadioBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 184);
+/******/ 	return __webpack_require__(__webpack_require__.s = 186);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 184:
+/***/ 186:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";