@splunk/react-ui 4.6.0 → 4.7.0

package/Search.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 163);
+/******/ 	return __webpack_require__(__webpack_require__.s = 170);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 11:
+/***/ 104:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/usePrevious");
+
+/***/ }),
+
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,7 +149,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 163:
+/***/ 170:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -179,7 +186,7 @@ var keyboard_ = __webpack_require__(9);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
-var usePrevious_ = __webpack_require__(98);
+var usePrevious_ = __webpack_require__(104);
 var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -191,7 +198,7 @@ var ResultsMenu_ = __webpack_require__(32);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(21);
+var Text_ = __webpack_require__(23);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/Search/Option.tsx
@@ -330,7 +337,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
 
 /* harmony default export */ var Search_Option = (Option_Option);
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/Search/Search.tsx
 function Search_extends() { Search_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 Search_extends.apply(this, arguments); }
@@ -752,7 +759,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 21:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
@@ -785,13 +792,6 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 module.exports = require("@splunk/ui-utils/keyboard");
 
-/***/ }),
-
-/***/ 98:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/usePrevious");
-
 /***/ })
 
 /******/ });

package/Select.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 164);
+/******/ 	return __webpack_require__(__webpack_require__.s = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,14 @@ module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
 
-/***/ 164:
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+
+/***/ 171:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -143,7 +150,7 @@ var external_lodash_ = __webpack_require__(4);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
-var SelectBase = __webpack_require__(41);
+var SelectBase = __webpack_require__(42);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
 var OptionBase = __webpack_require__(28);
@@ -457,13 +464,6 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
 
 
 
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
 /***/ }),
 
 /***/ 19:
@@ -480,14 +480,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 21:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 24:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/filter");
@@ -743,7 +743,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 41:
+/***/ 42:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -767,7 +767,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__(24);
+var filter_ = __webpack_require__(25);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
 var id_ = __webpack_require__(10);
@@ -794,14 +794,14 @@ var ResultsMenu_ = __webpack_require__(32);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(21);
+var Text_ = __webpack_require__(23);
 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);
+var Search = __webpack_require__(44);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
 var OptionBase = __webpack_require__(28);
@@ -1099,7 +1099,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "dropdown", null);
 
-    _defineProperty(_assertThisInitialized(_this), "firstSelectedOption", null);
+    _defineProperty(_assertThisInitialized(_this), "firstSelectedEnabledOption", null);
 
     _defineProperty(_assertThisInitialized(_this), "firstSelectedOptionIndex", void 0);
 
@@ -1244,6 +1244,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var value = _ref.value;
       e.preventDefault();
 
+      if (!_this.state.open) {
+        return;
+      }
+
       _this.toggleValue(e, value);
     });
 
@@ -1348,8 +1352,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
         (_this$props$onOpen = (_this$props6 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props6);
 
-        if (_this.firstSelectedOption && !_this.hasFilter()) {
-          _this.firstSelectedOption.focus();
+        if (_this.firstSelectedEnabledOption && !_this.hasFilter()) {
+          _this.firstSelectedEnabledOption.focus();
         } else {
           var _this$firstSelectedOp;
 
@@ -1396,7 +1400,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "handleOptionMount", function (c, itemKey, isFirst) {
       if (isFirst) {
-        _this.firstSelectedOption = c;
+        _this.firstSelectedEnabledOption = c;
       }
 
       if (c == null) {
@@ -1431,7 +1435,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var childrenTopCount = 0;
       var hasDivider = false; // used to avoid overwriting the selected item ref in multiple mode
 
-      var foundSelected;
+      var foundSelectedAndEnabled;
       var topValues = showSelectedValuesFirst === 'immediately' ? _this.getTopValues() : topValuesState;
       var children = external_react_["Children"].toArray(_this.props.children).reduce(function (acc, item, i) {
         // ignore Headings and Dividers
@@ -1446,7 +1450,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         }
 
         var selected = currentValues && currentValues.indexOf(item.props.value) >= 0;
-        var isFirstSelected = !!selected && !foundSelected;
+        var isFirstSelectedAndEnabled = !!selected && !item.props.disabled && !foundSelectedAndEnabled;
         var useMatchOptions = allowKeyMatching && !multiple && !filter && !isLoadingOptions && !onScrollBottom;
         var itemKey = "".concat(item.props.label, "-").concat(item.props.value);
         var filterIndex = -1;
@@ -1472,12 +1476,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           multiple: multiple,
           role: 'option',
           ref: function ref(element) {
-            return _this.handleOptionMount(element, itemKey, isFirstSelected);
+            return _this.handleOptionMount(element, itemKey, isFirstSelectedAndEnabled);
           }
         });
 
-        if (selected) {
-          foundSelected = true;
+        if (isFirstSelectedAndEnabled) {
+          foundSelectedAndEnabled = true;
         }
 
         if (topValues && topValues.indexOf(item.props.value) >= 0) {
@@ -1853,7 +1857,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         });
 
         if (matchedItem) {
-          acc.push(matchedItem.props.children || matchedItem.props.label); // if not in multiple mode, add the icon
+          acc.push(matchedItem.props.children || matchedItem.props.label);
+
+          if (!matchedItem.props.disabled) {
+            isAnyValueSelected = true;
+          } // if not in multiple mode, add the icon
+
 
           if (!multiple && currentValues.length === 1) {
             icon = matchedItem.props.icon;
@@ -1872,7 +1881,6 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       label = valuesLabel; // only apply prefix / suffix if the label is not empty
 
       if (label.length > 0) {
-        isAnyValueSelected = true;
         label = this.wrapLabel({
           prefixLabel: prefixLabel,
           label: label,
@@ -1967,7 +1975,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           isLoading: _this2.props.isLoadingOptions,
           id: _this2.menuId
         }, Object(external_lodash_["pick"])(_this2.props, 'noOptionsMessage', 'footerMessage', 'animateLoading', 'loadingMessage'), {
-          style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle)
+          style: _objectSpread(_objectSpread({}, internalMenuStyle), _this2.props.menuStyle),
+          tabIndex: currentValues.length > 0 && !isAnyValueSelected ? 0 : undefined
         }), finalChildren);
       };
 
@@ -1985,7 +1994,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           _this2.dropdown = c;
         },
         retainFocus: false,
-        takeFocus: !isAnyValueSelected || !!filterEnabled
+        takeFocus: currentValues.length === 0 || currentValues.length > 0 && !isAnyValueSelected || !!filterEnabled
       }, createMenu);
     }
   }]);
@@ -2010,14 +2019,14 @@ _defineProperty(SelectBase_SelectBase, "invalidLinkAppearanceProps", ['append',
 
 /***/ }),
 
-/***/ 43:
+/***/ 44:
 /***/ (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__ = __webpack_require__(51);
 /* 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);
@@ -2060,17 +2069,17 @@ function Search(props) {
 
 /***/ }),
 
-/***/ 48:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Search");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 5:
+/***/ 51:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 

package/SidePanel.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 = 172);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 165:
+/***/ 172:
 /***/ (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__(70);
+var ModalLayer_ = __webpack_require__(77);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -131,7 +131,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/TransitionOpen"
-var TransitionOpen_ = __webpack_require__(49);
+var TransitionOpen_ = __webpack_require__(52);
 var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -365,14 +365,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 49:
+/***/ 52:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TransitionOpen");
 
 /***/ }),
 
-/***/ 70:
+/***/ 77:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");

package/Slider.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 = 173);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 14:
+/***/ 105:
+/***/ (function(module, exports) {
+
+module.exports = require("decimal.js-light");
+
+/***/ }),
+
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
@@ -115,7 +122,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 166:
+/***/ 173:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +141,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "decimal.js-light"
-var external_decimal_js_light_ = __webpack_require__(99);
+var external_decimal_js_light_ = __webpack_require__(105);
 var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
 
 // EXTERNAL MODULE: external "lodash"
@@ -147,7 +154,7 @@ var keyboard_ = __webpack_require__(9);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(14);
+var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
@@ -159,7 +166,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__(45);
+var external_tinycolor2_ = __webpack_require__(46);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -782,7 +789,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 45:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");
@@ -801,13 +808,6 @@ module.exports = require("@splunk/react-ui/Box");
 
 module.exports = require("@splunk/ui-utils/keyboard");
 
-/***/ }),
-
-/***/ 99:
-/***/ (function(module, exports) {
-
-module.exports = require("decimal.js-light");
-
 /***/ })
 
 /******/ });

package/SlidingPanels.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 = 146);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 140:
+/***/ 146:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -182,7 +182,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
 })(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/SlidingPanels/Panel.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); }

package/StaticContent.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 = 174);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 167:
+/***/ 174:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/StepBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 117);
+/******/ 	return __webpack_require__(__webpack_require__.s = 122);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 117:
+/***/ 122:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,7 +142,7 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Error"
-var Error_ = __webpack_require__(68);
+var Error_ = __webpack_require__(49);
 var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -179,7 +179,7 @@ function AlertFilled(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Success"
-var Success_ = __webpack_require__(69);
+var Success_ = __webpack_require__(50);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // CONCATENATED MODULE: ./src/icons/Success.tsx
@@ -511,6 +511,20 @@ module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
+/***/ 49:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Error");
+
+/***/ }),
+
+/***/ 50:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Success");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -536,20 +550,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 68:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Error");
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Success");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {