@splunk/react-ui 4.1.0 → 4.4.1

package/ColumnLayout.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 110);
+/******/ 	return __webpack_require__(__webpack_require__.s = 113);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 110:
+/***/ 113:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -122,7 +122,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(34);
+var useSplunkTheme_ = __webpack_require__(38);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // EXTERNAL MODULE: external "lodash"
@@ -144,7 +144,7 @@ var Styled = external_styled_components_default.a.div.withConfig({
 })(["", ";"], themes_["mixins"].reset('block'));
 
 // EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(46);
+var types = __webpack_require__(48);
 
 // CONCATENATED MODULE: ./src/ColumnLayout/Column.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -428,7 +428,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 34:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
@@ -442,7 +442,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 46:
+/***/ 48:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/ComboBox.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 140);
+/******/ 	return __webpack_require__(__webpack_require__.s = 151);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -135,7 +135,7 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 140:
+/***/ 151:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -160,7 +160,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/filter"
-var filter_ = __webpack_require__(22);
+var filter_ = __webpack_require__(23);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
 var id_ = __webpack_require__(10);
@@ -175,15 +175,15 @@ var keyboard_ = __webpack_require__(9);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(18);
+var Popover_ = __webpack_require__(17);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(35);
+var ResultsMenu_ = __webpack_require__(39);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(24);
+var Text_ = __webpack_require__(26);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
@@ -333,6 +333,10 @@ function ComboBox_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol ===
 
 function ComboBox_extends() { ComboBox_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ComboBox_extends.apply(this, arguments); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { ComboBox_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function ComboBox_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function ComboBox_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -445,8 +449,6 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
 
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "activeItemId", void 0);
 
-    ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "activeDisplayValue", void 0);
-
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "activeValue", void 0);
 
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "availableOptionCount", 0);
@@ -495,17 +497,21 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleChange", function (e, _ref2) {
       var _this$props$onChange, _this$props2;
 
-      var value = _ref2.value;
+      var value = _ref2.value,
+          selectedOption = _ref2.selectedOption;
       var name = _this.props.name;
+      var typedValue = selectedOption ? undefined : value;
 
-      if (!_this.isControlled()) {
+      if (_this.isControlled()) {
         _this.setState({
-          value: value,
-          activeIndex: 0
+          activeIndex: 0,
+          typedValue: typedValue
         });
       } else {
         _this.setState({
-          activeIndex: 0
+          value: value,
+          activeIndex: 0,
+          typedValue: typedValue
         });
       }
 
@@ -516,7 +522,9 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
     });
 
     ComboBox_defineProperty(ComboBox_assertThisInitialized(_this), "handleSelectOption", function (e, data) {
-      _this.handleChange(e, data);
+      _this.handleChange(e, _objectSpread(_objectSpread({}, data), {}, {
+        selectedOption: true
+      }));
 
       _this.focusCalledInternally = true;
 
@@ -622,26 +630,41 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
           isLoadingOptions = _this$props5.isLoadingOptions,
           menuStyle = _this$props5.menuStyle,
           onScrollBottom = _this$props5.onScrollBottom;
-      var activeIndex = _this.state.activeIndex;
+      var _this$state = _this.state,
+          activeIndex = _this$state.activeIndex,
+          typedValue = _this$state.typedValue;
 
       var value = _this.getValue();
 
       var initialOptions = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
       var hasExactMatch = Object(external_lodash_["some"])(initialOptions, function (option) {
-        return option.type !== Menu_["Heading"] && option.props.label !== undefined && option.props.label === value || option.props.value === value;
+        if (option.type === Menu_["Heading"]) {
+          return false;
+        }
+
+        if (option.props.label === undefined) {
+          return option.props.value === value;
+        }
+
+        if (option.props.label !== undefined && typedValue !== undefined) {
+          return option.props.label === value;
+        }
+
+        return option.props.value === value;
       });
 
       if (!hasExactMatch && value) {
         initialOptions.unshift( /*#__PURE__*/external_react_default.a.createElement(ComboBox_Option, {
-          key: "currentInput",
-          value: value
+          key: "currentValueOption",
+          value: value,
+          "data-test-current-value-option": value
         }));
       } // Highlight Active
 
 
       _this.availableOptionCount = 0;
       _this.activeValue = undefined;
-      var keywords = Object(filter_["stringToKeywords"])(value);
+      var keywords = Object(filter_["stringToKeywords"])(typedValue ? value : _this.getDisplayValue());
       _this.options = (controlledFilter ? initialOptions : initialOptions.filter(function (option) {
         if (option.props.label !== undefined) {
           return Object(filter_["testPhrase"])(option.props.label, keywords);
@@ -662,7 +685,8 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
         _this.availableOptionCount += 1;
         var matchRangePhrase = option.props.label !== undefined ? option.props.label : option.props.value;
         var matchRangesProp = option.props.matchRanges;
-        var matchRanges = !controlledFilter && value && (hasExactMatch || index > 0) ? Object(filter_["keywordLocations"])(matchRangePhrase, keywords) : undefined;
+        var matchRanges = !controlledFilter && value && (hasExactMatch || index > 0) ? Object(filter_["keywordLocations"])(matchRangePhrase, keywords) || undefined // keywordLocations can return false, matchRanges must be an array or undefined
+        : undefined;
 
         if (active) {
           _this.activeValue = option.props.value;
@@ -685,6 +709,7 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
           overflow: 'auto',
           width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
         }, menuStyle),
+        controlledExternally: true,
         maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
         onScrollBottom: onScrollBottom ? _this.handleScrollBottom : undefined,
         isLoading: isLoadingOptions
@@ -694,6 +719,7 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
     _this.state = {
       activeIndex: 0,
       anchor: null,
+      typedValue: undefined,
       open: false,
       value: props.defaultValue || ''
     };
@@ -722,11 +748,17 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
     key: "getDisplayValue",
     value: function getDisplayValue() {
       var value = this.getValue();
+      var typedValue = this.state.typedValue;
       var initialOptions = external_react_["Children"].toArray(this.props.children).filter(external_react_["isValidElement"]);
-      var optionForValue = initialOptions.find(function (option) {
-        return option.props.label === value;
+      var optionForValue = !typedValue && initialOptions.find(function (option) {
+        return option.props.label !== undefined && option.props.value === value;
       });
-      return (optionForValue === null || optionForValue === void 0 ? void 0 : optionForValue.props.label) || value;
+
+      if (optionForValue) {
+        return optionForValue === null || optionForValue === void 0 ? void 0 : optionForValue.props.label;
+      }
+
+      return value;
     }
   }, {
     key: "open",
@@ -775,9 +807,9 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var defaultPlacement = this.props.defaultPlacement;
-      var _this$state = this.state,
-          anchor = _this$state.anchor,
-          open = _this$state.open;
+      var _this$state2 = this.state,
+          anchor = _this$state2.anchor,
+          open = _this$state2.open;
       var currentValue = this.getValue();
       var currentDisplayValue = this.getDisplayValue();
       return /*#__PURE__*/external_react_default.a.createElement(Text_default.a, ComboBox_extends({
@@ -789,6 +821,7 @@ var ComboBox_ComboBox = /*#__PURE__*/function (_Component) {
         "data-test": "combo-box"
       }, Object(external_lodash_["omit"])(this.props, 'animateLoading', 'className', 'controlledFilter', 'defaultValue', 'footerMessage', 'isLoadingOptions', 'loadingMessage', 'menuStyle', 'noOptionsMessage', 'onClose', 'onOpen', 'onScrollBottom', 'spellCheck'), {
         "data-test-popover-id": this.popoverId,
+        "data-test-label": currentDisplayValue,
         "data-test-value": currentValue,
         "data-test-open": open && !!anchor,
         onFocus: this.handleInputFocus,
@@ -837,7 +870,7 @@ ComboBox_defineProperty(ComboBox_ComboBox, "Heading", Menu_["Heading"]);
 
 /***/ }),
 
-/***/ 18:
+/***/ 17:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -851,21 +884,21 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/filter");
 
 /***/ }),
 
-/***/ 24:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 35:
+/***/ 39:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ResultsMenu");

package/Concertina.js

@@ -311,7 +311,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(56);
+var Scroll_ = __webpack_require__(58);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Concertina/ConcertinaStyles.ts
@@ -892,7 +892,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 56:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");

package/ControlGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 146);
+/******/ 	return __webpack_require__(__webpack_require__.s = 135);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
-/***/ }),
-
-/***/ 146:
+/***/ 135:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -124,6 +117,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_ControlGroup_ControlGroup; });
+__webpack_require__.d(__webpack_exports__, "ControlGroupContext", function() { return /* reexport */ ControlGroup_ControlGroupContext; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
@@ -151,7 +145,7 @@ var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(43);
+var Tooltip_ = __webpack_require__(45);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -173,8 +167,8 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   }
 }), Object(themes_["pick"])({
   prisma: {
-    comfortable: Object(external_styled_components_["css"])(["&:first-child{margin-top:12px;}&:last-child{margin-bottom:12px;}"]),
-    compact: Object(external_styled_components_["css"])(["&:first-child{margin-top:8px;}&:last-child{margin-bottom:8px;}"])
+    comfortable: Object(external_styled_components_["css"])(["&:first-child{margin-top:", ";}&:last-child{margin-bottom:", ";}"], themes_["variables"].spacingMedium, themes_["variables"].spacingMedium),
+    compact: Object(external_styled_components_["css"])(["&:first-child{margin-top:", ";}&:last-child{margin-bottom:", ";}"], themes_["variables"].spacingSmall, themes_["variables"].spacingSmall)
   }
 }), Object(themes_["pick"])({
   enterprise: themes_["variables"].textColor,
@@ -194,7 +188,8 @@ var StyledLabelWrapper = external_styled_components_default.a.div.withConfig({
   displayName: "ControlGroupStyles__StyledLabelWrapper",
   componentId: "wjnyif-2"
 })(["display:inline-flex;align-items:center;", ""], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["justify-content:flex-end;"])
+  enterprise: Object(external_styled_components_["css"])(["justify-content:flex-end;"]),
+  prisma: Object(external_styled_components_["css"])(["min-height:", ";"], themes_["variables"].inputHeight)
 }));
 var StyledLabelWrapperLeft = external_styled_components_default()(StyledLabelWrapper).withConfig({
   displayName: "ControlGroupStyles__StyledLabelWrapperLeft",
@@ -207,10 +202,6 @@ var StyledLabel = external_styled_components_default.a.label.withConfig({
   enterprise: {
     comfortable: '6px 0',
     compact: '4px 0'
-  },
-  prisma: {
-    comfortable: '10px 0',
-    compact: '6px 0'
   }
 }), Object(themes_["pick"])({
   enterprise: 'right',
@@ -224,6 +215,17 @@ var StyledHelp = external_styled_components_default.a.div.withConfig({
   prisma: '4px'
 }));
 
+// CONCATENATED MODULE: ./src/ControlGroup/ControlGroupContext.tsx
+
+
+/**
+ * A React context used to inform subcomponets of ControlGroup of parent component values.
+ * The context interface is `ControlGroupContextValue`.
+ * Defaults to `'{}'`.
+ * @public
+ */
+var ControlGroupContext = /*#__PURE__*/external_react_default.a.createContext({});
+/* harmony default export */ var ControlGroup_ControlGroupContext = (ControlGroupContext);
 // CONCATENATED MODULE: ./src/ControlGroup/ControlGroup.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); }
 
@@ -276,6 +278,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+ // props ControlGroup may access and/or override on children
+
 var propTypes = {
   children: external_prop_types_default.a.node,
   controlsLayout: external_prop_types_default.a.oneOf(['fill', 'fillJoin', 'none', 'stack']),
@@ -288,6 +292,9 @@ var propTypes = {
   labelPosition: external_prop_types_default.a.oneOf(['left', 'top']),
   labelWidth: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string]),
   size: external_prop_types_default.a.oneOf(['small', 'medium']),
+
+  /** @private */
+  splunkTheme: external_prop_types_default.a.object,
   tooltip: external_prop_types_default.a.node
 };
 var defaultProps = {
@@ -334,6 +341,8 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "labelId", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "contextValue", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "hasInputId", function (item) {
       return item.type && item.type.propTypes && Object.prototype.hasOwnProperty.call(item.type.propTypes, 'inputId');
     });
@@ -370,10 +379,32 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
     _this.labelId = Object(id_["createDOMID"])('label');
     _this.helpId = Object(id_["createDOMID"])('help');
+    _this.contextValue = _this.createContextValue();
     return _this;
   }
 
   _createClass(ControlGroup, [{
+    key: "createContextValue",
+    value: function createContextValue() {
+      return {
+        labelAttrs: {
+          text: this.props.label,
+          id: this.labelId
+        }
+      };
+    }
+  }, {
+    key: "getContextValue",
+    value: function getContextValue() {
+      var _this$contextValue$la, _this$contextValue$la2;
+
+      if (this.props.label !== ((_this$contextValue$la = this.contextValue.labelAttrs) === null || _this$contextValue$la === void 0 ? void 0 : _this$contextValue$la.text) || this.labelId !== ((_this$contextValue$la2 = this.contextValue.labelAttrs) === null || _this$contextValue$la2 === void 0 ? void 0 : _this$contextValue$la2.id)) {
+        this.contextValue = this.createContextValue();
+      }
+
+      return this.contextValue;
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -514,7 +545,9 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
         "data-test": "control-group",
         $error: error
-      }, writableOtherProps), hideLabel ? /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, styledLabel) : styledLabel, /*#__PURE__*/external_react_default.a.createElement(StyledControlsComponent, {
+      }, writableOtherProps), /*#__PURE__*/external_react_default.a.createElement(ControlGroup_ControlGroupContext.Provider, {
+        value: this.getContextValue()
+      }, hideLabel ? /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, styledLabel) : styledLabel, /*#__PURE__*/external_react_default.a.createElement(StyledControlsComponent, {
         "data-test": "controls",
         flex: controlsLayout !== 'none',
         style: contentMarginStyle
@@ -522,7 +555,7 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
         "data-test": "help",
         id: this.helpId,
         style: contentMarginStyle
-      }, help));
+      }, help)));
     }
   }]);
 
@@ -536,10 +569,18 @@ _defineProperty(ControlGroup_ControlGroup, "defaultProps", defaultProps);
 var ControlGroupWithTheme = Object(themes_["withSplunkTheme"])(ControlGroup_ControlGroup);
 ControlGroupWithTheme.propTypes = ControlGroup_ControlGroup.propTypes;
 /* harmony default export */ var src_ControlGroup_ControlGroup = (ControlGroupWithTheme);
+
 // CONCATENATED MODULE: ./src/ControlGroup/index.ts
 
 
 
+/***/ }),
+
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
 /***/ }),
 
 /***/ 2:
@@ -563,7 +604,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 43:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");