@splunk/react-ui 4.5.3 → 4.6.0

package/Multiselect.js

@@ -311,7 +311,7 @@ _defineProperty(Option_Option, "propTypes", propTypes);
 _defineProperty(Option_Option, "defaultProps", defaultProps);
 
 /* harmony default export */ var Multiselect_Option = (Option_Option);
-// EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 1 modules
+// EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
 var SelectBase = __webpack_require__(41);
 
 // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
@@ -471,7 +471,7 @@ var id_ = __webpack_require__(10);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Chip"
-var Chip_ = __webpack_require__(92);
+var Chip_ = __webpack_require__(94);
 var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
@@ -1401,6 +1401,7 @@ var Multiselect_Multiselect = /*#__PURE__*/function (_Component) {
   Multiselect_createClass(Multiselect, [{
     key: "render",
     // @docs-props-type MultiselectPropsBase
+    // TODO: SUI-3402, this can be removed when ControlGroup no longer needs to inspect componentType
     value: function render() {
       if (isCompact(this.props)) {
         return /*#__PURE__*/external_react_default.a.createElement(Multiselect_Compact, Multiselect_extends({
@@ -1423,6 +1424,8 @@ Multiselect_defineProperty(Multiselect_Multiselect, "propTypes", Multiselect_pro
 
 Multiselect_defineProperty(Multiselect_Multiselect, "defaultProps", Multiselect_defaultProps);
 
+Multiselect_defineProperty(Multiselect_Multiselect, "componentType", 'Multiselect');
+
 Multiselect_defineProperty(Multiselect_Multiselect, "Option", Multiselect_Option);
 
 Multiselect_defineProperty(Multiselect_Multiselect, "Heading", Menu_["Heading"]);
@@ -1799,6 +1802,9 @@ var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
 var CaretDown = __webpack_require__(36);
 
+// EXTERNAL MODULE: ./src/icons/Search.tsx
+var Search = __webpack_require__(43);
+
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
 var OptionBase = __webpack_require__(28);
 
@@ -1843,23 +1849,36 @@ var StyledFilter = external_styled_components_default.a.div.withConfig({
   enterprise: '8px',
   prisma: '10px 16px'
 }));
+var StyledSearchIconWrapper = external_styled_components_default.a.span.withConfig({
+  displayName: "SelectBaseStyles__StyledSearchIconWrapper",
+  componentId: "sc-16cj7sk-4"
+})(["color:", ";pointer-events:none;padding:", ";"], Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorMuted
+}), Object(themes_["pick"])({
+  comfortable: '0 8px',
+  compact: '0 6px'
+}));
 var StyledCount = external_styled_components_default.a.span.withConfig({
   displayName: "SelectBaseStyles__StyledCount",
-  componentId: "sc-16cj7sk-4"
+  componentId: "sc-16cj7sk-5"
 })(["padding-right:", ";"], Object(themes_["pick"])({
   enterprise: themes_["variables"].spacingQuarter,
   prisma: themes_["variables"].spacingXSmall
 }));
 var StyledControlsLink = external_styled_components_default()(Link_default.a).withConfig({
   displayName: "SelectBaseStyles__StyledControlsLink",
-  componentId: "sc-16cj7sk-5"
+  componentId: "sc-16cj7sk-6"
 })(["", ";"], function (_ref3) {
   var $disabled = _ref3.$disabled;
   return $disabled && Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled);
 });
 var StyledToggleAllControls = external_styled_components_default.a.div.withConfig({
   displayName: "SelectBaseStyles__StyledToggleAllControls",
-  componentId: "sc-16cj7sk-6"
+  componentId: "sc-16cj7sk-7"
 })(["padding:", ";", ""], Object(themes_["pick"])({
   enterprise: "5px 8px",
   prisma: '10px 16px'
@@ -1874,6 +1893,50 @@ var StyledToggleAllControls = external_styled_components_default.a.div.withConfi
   }
 }));
 
+// CONCATENATED MODULE: ./src/Select/matchUtils.ts
+var charFromMatchOption = function charFromMatchOption(option, charIndex) {
+  return option ? option.label.charAt(charIndex).toLowerCase() : '';
+};
+
+var fuzzyMatch = function fuzzyMatch(options, matchChar) {
+  if (!options.length) {
+    return options;
+  }
+
+  var defaultMatch = null;
+  var hasMatch = false;
+  var matches = options.filter(function (option) {
+    var characterValue = charFromMatchOption(option, matchChar.index);
+
+    if (characterValue === matchChar.value) {
+      hasMatch = true;
+      return true;
+    } // If we haven't found a match yet, keep track of the next closest match.
+    // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
+
+
+    if (!hasMatch) {
+      var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
+
+      if (!defaultValue) {
+        defaultMatch = option;
+      } else if (characterValue > matchChar.value) {
+        if (defaultValue < matchChar.value) {
+          defaultMatch = option;
+        } else if (defaultValue > characterValue) {
+          defaultMatch = option;
+        }
+      } else if (characterValue > defaultValue) {
+        defaultMatch = option;
+      }
+    }
+
+    return false;
+  });
+  return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
+};
+
+
 // CONCATENATED MODULE: ./src/Select/SelectBase.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); }
 
@@ -1940,7 +2003,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
 var propTypes = {
+  allowKeyMatching: external_prop_types_default.a.bool,
   allowNewValues: external_prop_types_default.a.bool,
   animateLoading: external_prop_types_default.a.bool,
   appearance: external_prop_types_default.a.oneOf(['default', 'link', 'primary', 'pill', 'toggle', 'flat']),
@@ -1980,6 +2046,7 @@ var propTypes = {
   values: external_prop_types_default.a.array
 };
 var defaultProps = {
+  allowKeyMatching: true,
   allowNewValues: false,
   animateLoading: false,
   appearance: 'toggle',
@@ -2044,6 +2111,25 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "selectedOptionCount", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "optionRefsByKey", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "matchCharacter", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "matchTimeout", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "currentMatchOptions", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "availableMatchOptions", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "resetMatches", function () {
+      _this.matchCharacter = null;
+      _this.currentMatchOptions = [];
+
+      if (_this.matchTimeout) {
+        clearTimeout(_this.matchTimeout);
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleSelectAll", function (e) {
       var _this$getCurrentValue, _this$props$onChange, _this$props2;
 
@@ -2163,6 +2249,62 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       _this.toggleValue(e, value);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "handleMenuOptionKeyDown", function (e, optionIndex) {
+      var currentKey = e.nativeEvent.key; // Checking for a single character to avoid complications from double-byte languages and emojis.
+
+      if (currentKey.length === 1) {
+        var matches = [];
+        var character = {
+          index: 0,
+          value: currentKey
+        };
+
+        if (!_this.matchCharacter) {
+          if (currentKey === ' ') {
+            _this.resetMatches();
+
+            return;
+          }
+
+          matches = fuzzyMatch(_this.availableMatchOptions, character);
+        } else if (_this.currentMatchOptions.length > 1) {
+          character.index = _this.matchCharacter.index + 1;
+          matches = fuzzyMatch(_this.currentMatchOptions, character);
+        }
+
+        if (matches.length) {
+          var matchIndex = 0; // If the active option is a first character match, cycle to the next matching option.
+
+          if (character.index === 0 && matches.length > 1) {
+            var activeMatchIndex = matches.indexOf(_this.availableMatchOptions[optionIndex]);
+
+            if (activeMatchIndex >= 0) {
+              matchIndex = activeMatchIndex === matches.length - 1 ? 0 : activeMatchIndex + 1;
+            }
+          }
+
+          var optionToFocusRef = _this.optionRefsByKey[matches[matchIndex].itemKey];
+
+          if (optionToFocusRef != null) {
+            var _optionToFocusRef$foc;
+
+            optionToFocusRef === null || optionToFocusRef === void 0 ? void 0 : (_optionToFocusRef$foc = optionToFocusRef.focus) === null || _optionToFocusRef$foc === void 0 ? void 0 : _optionToFocusRef$foc.call(optionToFocusRef);
+          }
+        }
+
+        _this.currentMatchOptions = matches;
+        _this.matchCharacter = character;
+
+        if (_this.matchTimeout) {
+          clearTimeout(_this.matchTimeout);
+        }
+
+        _this.matchTimeout = setTimeout(_this.resetMatches, 500);
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "handleTextChange", function (e, _ref2) {
       var _this$props$onFilterC, _this$props5;
 
@@ -2254,8 +2396,16 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleSelectedItemMount", function (c) {
-      _this.firstSelectedOption = c;
+    _defineProperty(_assertThisInitialized(_this), "handleOptionMount", function (c, itemKey, isFirst) {
+      if (isFirst) {
+        _this.firstSelectedOption = c;
+      }
+
+      if (c == null) {
+        delete _this.optionRefsByKey[itemKey];
+      } else {
+        _this.optionRefsByKey[itemKey] = c;
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "createChildren", function () {
@@ -2264,10 +2414,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           textHasFocus = _this$state.textHasFocus,
           topValuesState = _this$state.topValues;
       var _this$props10 = _this.props,
+          allowKeyMatching = _this$props10.allowKeyMatching,
           allowNewValues = _this$props10.allowNewValues,
           filter = _this$props10.filter,
           multiple = _this$props10.multiple,
-          showSelectedValuesFirst = _this$props10.showSelectedValuesFirst;
+          showSelectedValuesFirst = _this$props10.showSelectedValuesFirst,
+          isLoadingOptions = _this$props10.isLoadingOptions,
+          onScrollBottom = _this$props10.onScrollBottom;
 
       var currentValues = _this.getCurrentValues();
 
@@ -2275,6 +2428,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       _this.firstSelectedOptionIndex = undefined;
       _this.selectedOptionCount = 0;
       _this.activeValue = undefined;
+      _this.availableMatchOptions = [];
       var foundExactMatch;
       var childrenTopCount = 0;
       var hasDivider = false; // used to avoid overwriting the selected item ref in multiple mode
@@ -2293,15 +2447,35 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           foundExactMatch = true;
         }
 
-        var selected = currentValues && currentValues.indexOf(item.props.value) >= 0; // Format the Menu.Item
+        var selected = currentValues && currentValues.indexOf(item.props.value) >= 0;
+        var isFirstSelected = !!selected && !foundSelected;
+        var useMatchOptions = allowKeyMatching && !multiple && !filter && !isLoadingOptions && !onScrollBottom;
+        var itemKey = "".concat(item.props.label, "-").concat(item.props.value);
+        var filterIndex = -1;
+
+        if (useMatchOptions && !item.props.disabled && !item.props.hidden) {
+          _this.availableMatchOptions.push({
+            itemKey: itemKey,
+            label: item.props.label,
+            value: item.props.value
+          });
+
+          filterIndex = _this.availableMatchOptions.length - 1;
+        } // Format the Menu.Item
+
 
         var clonedItem = /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
           key: item.key || i,
           onClick: _this.handleMenuOptionClick,
+          onKeyDown: useMatchOptions ? function (e) {
+            return _this.handleMenuOptionKeyDown(e, filterIndex);
+          } : undefined,
           selected: selected,
           multiple: multiple,
           role: 'option',
-          ref: selected && !foundSelected ? _this.handleSelectedItemMount : undefined
+          ref: function ref(element) {
+            return _this.handleOptionMount(element, itemKey, isFirstSelected);
+          }
         });
 
         if (selected) {
@@ -2474,6 +2648,11 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
     _this.availableOptionCount = 0;
     _this.firstSelectedOptionIndex = undefined;
     _this.selectedOptionCount = 0;
+    _this.matchCharacter = null;
+    _this.matchTimeout = null;
+    _this.currentMatchOptions = [];
+    _this.availableMatchOptions = [];
+    _this.optionRefsByKey = {};
 
     if (false) {}
 
@@ -2615,7 +2794,6 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         "data-test": "filter"
       }, /*#__PURE__*/external_react_default.a.createElement(Text_default.a, {
         value: filterKeyword,
-        appearance: "search",
         autoCapitalize: "off",
         autoComplete: "off",
         autoCorrect: "off",
@@ -2631,7 +2809,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         "aria-activedescendant": this.activeItemId,
         "aria-controls": this.menuId,
         inputRef: inputRef,
-        inputId: inputId
+        inputId: inputId,
+        canClear: true,
+        startAdornment: /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, null, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
+          role: "presentation",
+          enterpriseSize: "16px",
+          inline: false,
+          screenReaderText: Object(i18n_["_"])('Search')
+        }))
       })), multiple && hasChildren && selectControls);
     }
   }, {
@@ -2825,6 +3010,63 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
 /* harmony default export */ var Select_SelectBase = __webpack_exports__["c"] = (SelectBase_SelectBase);
 
 
+/***/ }),
+
+/***/ 43:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
+/* 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_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__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);
+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); }
+
+
+
+
+
+
+function Prisma24(_ref) {
+  var otherProps = _extends({}, _ref);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 24 24"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
+    fill: "currentColor"
+  }));
+}
+
+function Prisma16(_ref2) {
+  var otherProps = _extends({}, _ref2);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 16 16"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
+    fill: "currentColor"
+  }));
+}
+
+function Search(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
+    Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Prisma16: Prisma16,
+    Prisma24: Prisma24
+  }, props));
+}
+
+/***/ }),
+
+/***/ 48:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Search");
+
 /***/ }),
 
 /***/ 5:
@@ -2991,7 +3233,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 92:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Chip");

package/Number.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 = 138);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 137:
+/***/ 138:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Paginator.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 115);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 115:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -133,7 +133,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/More"
-var More_ = __webpack_require__(93);
+var More_ = __webpack_require__(95);
 var More_default = /*#__PURE__*/__webpack_require__.n(More_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -209,7 +209,7 @@ function PageSeparator() {
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(43);
+var ButtonSimple_ = __webpack_require__(44);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -341,7 +341,7 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
 
 /* harmony default export */ var Button = (Button_PaginatorButton);
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(54);
+var ChevronLeft = __webpack_require__(56);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -610,7 +610,7 @@ module.exports = require("@splunk/ui-utils/format");
 
 /***/ }),
 
-/***/ 43:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -624,14 +624,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 54:
+/***/ 56:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* 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_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(55);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(57);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__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);
@@ -674,7 +674,7 @@ function ChevronLeft(props) {
 
 /***/ }),
 
-/***/ 55:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");
@@ -831,7 +831,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 93:
+/***/ 95:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/More");

package/Paragraph.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 157);
+/******/ 	return __webpack_require__(__webpack_require__.s = 158);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 157:
+/***/ 158:
 /***/ (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 = 131);
+/******/ 	return __webpack_require__(__webpack_require__.s = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 131:
+/***/ 132:
 /***/ (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__(63);
+var external_react_dom_ = __webpack_require__(65);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
@@ -164,7 +164,7 @@ var EventListener_ = __webpack_require__(14);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(50);
+var Layer_ = __webpack_require__(52);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
@@ -1188,14 +1188,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 50:
+/***/ 52:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");
 
 /***/ }),
 
-/***/ 63:
+/***/ 65:
 /***/ (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 = 158);
+/******/ 	return __webpack_require__(__webpack_require__.s = 159);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 158:
+/***/ 159:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -130,11 +130,11 @@ 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__(44);
+var external_tinycolor2_ = __webpack_require__(45);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(46);
+var Tooltip_ = __webpack_require__(47);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -340,14 +340,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 44:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");
 
 /***/ }),
 
-/***/ 46:
+/***/ 47:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");

package/Resize.js

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