@splunk/react-ui 4.12.1 → 4.14.0

package/Select.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 169);
+/******/ 	return __webpack_require__(__webpack_require__.s = 176);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 169:
+/***/ 176:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -150,10 +150,10 @@ var external_lodash_ = __webpack_require__(4);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
-var SelectBase = __webpack_require__(44);
+var SelectBase = __webpack_require__(46);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(28);
+var OptionBase = __webpack_require__(30);
 
 // CONCATENATED MODULE: ./src/Select/Option.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); }
@@ -481,21 +481,28 @@ module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
-/***/ 23:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/filter");
 
 /***/ }),
 
-/***/ 28:
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 30:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -671,14 +678,14 @@ _defineProperty(Option, "defaultProps", defaultProps);
 
 /***/ }),
 
-/***/ 29:
+/***/ 31:
 /***/ (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__(41);
+/* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
 /* 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);
@@ -721,35 +728,35 @@ function Search(props) {
 
 /***/ }),
 
-/***/ 3:
+/***/ 33:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 
-/***/ 30:
+/***/ 36:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Link");
+module.exports = require("@splunk/react-ui/ResultsMenu");
 
 /***/ }),
 
-/***/ 34:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ResultsMenu");
+module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 38:
+/***/ 40:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
 /* 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_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
+/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
 /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__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);
@@ -780,28 +787,21 @@ function CaretDown(props) {
 
 /***/ }),
 
-/***/ 39:
+/***/ 41:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Caret");
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 41:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Search");
 
 /***/ }),
 
-/***/ 44:
+/***/ 46:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -825,10 +825,10 @@ 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__(25);
+var filter_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(10);
+var id_ = __webpack_require__(11);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(5);
@@ -841,28 +841,28 @@ var Dropdown_ = __webpack_require__(20);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(30);
+var Link_ = __webpack_require__(33);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Menu"
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
-var ResultsMenu_ = __webpack_require__(34);
+var ResultsMenu_ = __webpack_require__(36);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(23);
+var Text_ = __webpack_require__(24);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
-var CaretDown = __webpack_require__(38);
+var CaretDown = __webpack_require__(40);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(29);
+var Search = __webpack_require__(31);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(28);
+var OptionBase = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -1199,15 +1199,15 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         return;
       }
 
-      var values = Object(external_lodash_["uniq"])(((_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : []).concat(_this.displayedValues));
+      var currentValues = (_this$getCurrentValue = _this.getCurrentValues()) !== null && _this$getCurrentValue !== void 0 ? _this$getCurrentValue : [];
+      var values = Object(external_lodash_["uniq"])(currentValues.concat(_this.displayedValues));
+      values = external_react_default.a.Children.toArray(children).filter(function (child) {
+        return isOption(child) && Object(external_lodash_["includes"])(values, child.props.value) && (!child.props.disabled || Object(external_lodash_["includes"])(currentValues, child.props.value));
+      }).map(function (child) {
+        return child.props.value;
+      });
 
       if (!_this.isControlled()) {
-        values = external_react_default.a.Children.toArray(children).filter(function (child) {
-          return isOption(child) && Object(external_lodash_["includes"])(values, child.props.value) && !child.props.disabled;
-        }).map(function (child) {
-          return child.props.value;
-        });
-
         _this.setState({
           values: values
         });
@@ -1220,16 +1220,25 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleClearAll", function (e) {
-      var _this$props$onChange2, _this$props3;
+      var _this$getCurrentValue2, _this$props$onChange2, _this$props4;
+
+      var _this$props3 = _this.props,
+          name = _this$props3.name,
+          children = _this$props3.children,
+          multiple = _this$props3.multiple; // this doesn't make sense if we can't select multiple values
 
-      // this doesn't make sense if we can't select multiple values
-      if (!_this.props.multiple) {
+      if (!multiple) {
         return;
-      } // Clear the filtered items, items when filtering. Else clear all the items.
+      }
 
+      var currentValues = (_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : [];
+      var hiddenCurrentValues = external_lodash_["without"].apply(void 0, [currentValues].concat(_toConsumableArray(_this.displayedValues))); // this will unselect all selected values unless those values are disabled or hidden by the filter
 
-      var values = _this.state.filterKeyword ? external_lodash_["without"].apply(void 0, [_this.getCurrentValues()].concat(_toConsumableArray(_this.displayedValues))) : [];
-      var name = _this.props.name;
+      var values = external_react_default.a.Children.toArray(children).filter(function (child) {
+        return isOption(child) && (Object(external_lodash_["includes"])(currentValues, child.props.value) && child.props.disabled || Object(external_lodash_["includes"])(hiddenCurrentValues, child.props.value));
+      }).map(function (child) {
+        return child.props.value;
+      });
 
       if (!_this.isControlled()) {
         _this.setState({
@@ -1237,17 +1246,17 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         });
       }
 
-      (_this$props$onChange2 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props3, e, {
+      (_this$props$onChange2 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props4, e, {
         values: values,
         name: name
       });
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleTextKeyDown", function (e) {
-      var _this$props4 = _this.props,
-          children = _this$props4.children,
-          onScrollBottom = _this$props4.onScrollBottom,
-          tabConfirmsNewValue = _this$props4.tabConfirmsNewValue;
+      var _this$props5 = _this.props,
+          children = _this$props5.children,
+          onScrollBottom = _this$props5.onScrollBottom,
+          tabConfirmsNewValue = _this$props5.tabConfirmsNewValue;
       var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
 
       if (eventKeyCode === 'tab') {
@@ -1272,9 +1281,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         });
 
         if (children && onScrollBottom) {
-          var _this$getCurrentValue2;
+          var _this$getCurrentValue3;
 
-          var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue2 = _this.getCurrentValues()) !== null && _this$getCurrentValue2 !== void 0 ? _this$getCurrentValue2 : []).length);
+          var beforeLastChild = external_react_["Children"].toArray(children).length - (2 + ((_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : []).length);
 
           if (_this.state.activeIndex === beforeLastChild) {
             _this.handleScrollBottom(e);
@@ -1367,7 +1376,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleTextChange", function (e, _ref2) {
-      var _this$props$onFilterC, _this$props5;
+      var _this$props$onFilterC, _this$props6;
 
       var value = _ref2.value;
 
@@ -1377,7 +1386,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         activeIndex: 0
       });
 
-      (_this$props$onFilterC = (_this$props5 = _this.props).onFilterChange) === null || _this$props$onFilterC === void 0 ? void 0 : _this$props$onFilterC.call(_this$props5, e, {
+      (_this$props$onFilterC = (_this$props6 = _this.props).onFilterChange) === null || _this$props$onFilterC === void 0 ? void 0 : _this$props$onFilterC.call(_this$props6, e, {
         keyword: value
       });
     });
@@ -1407,9 +1416,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var oldFilterKeyword = _this.state.filterKeyword;
 
       _this.setState(newState, function () {
-        var _this$props$onOpen, _this$props6;
+        var _this$props$onOpen, _this$props7;
 
-        (_this$props$onOpen = (_this$props6 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props6);
+        (_this$props$onOpen = (_this$props7 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props7);
 
         if (_this.firstSelectedEnabledOption && !_this.hasFilter()) {
           _this.firstSelectedEnabledOption.focus();
@@ -1422,9 +1431,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         }
 
         if (oldFilterKeyword !== _this.state.filterKeyword) {
-          var _this$props$onFilterC2, _this$props7;
+          var _this$props$onFilterC2, _this$props8;
 
-          (_this$props$onFilterC2 = (_this$props7 = _this.props).onFilterChange) === null || _this$props$onFilterC2 === void 0 ? void 0 : _this$props$onFilterC2.call(_this$props7, e, {
+          (_this$props$onFilterC2 = (_this$props8 = _this.props).onFilterChange) === null || _this$props$onFilterC2 === void 0 ? void 0 : _this$props$onFilterC2.call(_this$props8, e, {
             keyword: _this.state.filterKeyword
           });
         }
@@ -1436,18 +1445,18 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         open: false,
         activeIndex: 0
       }, function () {
-        var _this$props$onClose, _this$props8;
+        var _this$props$onClose, _this$props9;
 
         _this.previousActiveIndex = null;
-        (_this$props$onClose = (_this$props8 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props8);
+        (_this$props$onClose = (_this$props9 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props9);
       });
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleScrollBottom", function (e) {
       if (_this.state.open && !_this.props.isLoadingOptions) {
-        var _this$props$onScrollB, _this$props9;
+        var _this$props$onScrollB, _this$props10;
 
-        (_this$props$onScrollB = (_this$props9 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props9, e);
+        (_this$props$onScrollB = (_this$props10 = _this.props).onScrollBottom) === null || _this$props$onScrollB === void 0 ? void 0 : _this$props$onScrollB.call(_this$props10, e);
       }
     });
 
@@ -1474,14 +1483,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
           filterKeyword = _this$state.filterKeyword,
           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,
-          isLoadingOptions = _this$props10.isLoadingOptions,
-          onScrollBottom = _this$props10.onScrollBottom;
+      var _this$props11 = _this.props,
+          allowKeyMatching = _this$props11.allowKeyMatching,
+          allowNewValues = _this$props11.allowNewValues,
+          filter = _this$props11.filter,
+          multiple = _this$props11.multiple,
+          showSelectedValuesFirst = _this$props11.showSelectedValuesFirst,
+          isLoadingOptions = _this$props11.isLoadingOptions,
+          onScrollBottom = _this$props11.onScrollBottom;
 
       var currentValues = _this.getCurrentValues();
 
@@ -1744,10 +1753,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "getTopValues",
     value: function getTopValues() {
-      var _this$getCurrentValue3;
+      var _this$getCurrentValue4;
 
       // in non-multiple mode, don't move values to the top of the list
-      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue3 = this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : [] : [];
+      return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue4 = this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [] : [];
     }
   }, {
     key: "isControlled",
@@ -1762,13 +1771,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "toggleValue",
     value: function toggleValue(e, value) {
-      var _this$getCurrentValue4, _this$props$onChange3, _this$props12;
+      var _this$getCurrentValue5, _this$props$onChange3, _this$props13;
 
-      var values = (_this$getCurrentValue4 = this.getCurrentValues()) !== null && _this$getCurrentValue4 !== void 0 ? _this$getCurrentValue4 : [];
+      var values = (_this$getCurrentValue5 = this.getCurrentValues()) !== null && _this$getCurrentValue5 !== void 0 ? _this$getCurrentValue5 : [];
       var currentIndex = values.indexOf(value);
-      var _this$props11 = this.props,
-          name = _this$props11.name,
-          multiple = _this$props11.multiple;
+      var _this$props12 = this.props,
+          name = _this$props12.name,
+          multiple = _this$props12.multiple;
       var newValues;
 
       if (multiple) {
@@ -1806,7 +1815,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
         this.focus();
       }
 
-      (_this$props$onChange3 = (_this$props12 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props12, e, {
+      (_this$props$onChange3 = (_this$props13 = this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props13, e, {
         values: newValues,
         name: name
       });
@@ -1828,10 +1837,10 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
       var hasChildren = _ref4.hasChildren,
           placement = _ref4.placement;
       var filterKeyword = this.state.filterKeyword;
-      var _this$props13 = this.props,
-          inputId = _this$props13.inputId,
-          inputRef = _this$props13.inputRef,
-          multiple = _this$props13.multiple; // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
+      var _this$props14 = this.props,
+          inputId = _this$props14.inputId,
+          inputRef = _this$props14.inputRef,
+          multiple = _this$props14.multiple; // only visually disable these as opposed to fully disabling to avoid losing keyboard focus - see SUI-2731
 
       var selectControls = /*#__PURE__*/external_react_default.a.createElement(StyledToggleAllControls, {
         $placement: placement,
@@ -1883,33 +1892,33 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$getCurrentValue5,
+      var _this$getCurrentValue6,
           _this2 = this;
 
-      var _this$props14 = this.props,
-          appearance = _this$props14.appearance,
-          children = _this$props14.children,
-          defaultPlacement = _this$props14.defaultPlacement,
-          describedBy = _this$props14.describedBy,
-          disabled = _this$props14.disabled,
-          elementRef = _this$props14.elementRef,
-          error = _this$props14.error,
-          inline = _this$props14.inline,
-          inputId = _this$props14.inputId,
-          labelledBy = _this$props14.labelledBy,
-          labelText = _this$props14.labelText,
-          multiple = _this$props14.multiple,
-          placeholder = _this$props14.placeholder,
-          prefixLabel = _this$props14.prefixLabel,
-          repositionMode = _this$props14.repositionMode,
-          suffixLabel = _this$props14.suffixLabel;
+      var _this$props15 = this.props,
+          appearance = _this$props15.appearance,
+          children = _this$props15.children,
+          defaultPlacement = _this$props15.defaultPlacement,
+          describedBy = _this$props15.describedBy,
+          disabled = _this$props15.disabled,
+          elementRef = _this$props15.elementRef,
+          error = _this$props15.error,
+          inline = _this$props15.inline,
+          inputId = _this$props15.inputId,
+          labelledBy = _this$props15.labelledBy,
+          labelText = _this$props15.labelText,
+          multiple = _this$props15.multiple,
+          placeholder = _this$props15.placeholder,
+          prefixLabel = _this$props15.prefixLabel,
+          repositionMode = _this$props15.repositionMode,
+          suffixLabel = _this$props15.suffixLabel;
       var icon;
       var label;
       var filterEnabled = this.hasFilter();
       var isAnyValueSelected = false; // Generate buttonLabels
 
       var childrenArray = external_react_["Children"].toArray(children);
-      var currentValues = (_this$getCurrentValue5 = this.getCurrentValues()) !== null && _this$getCurrentValue5 !== void 0 ? _this$getCurrentValue5 : [];
+      var currentValues = (_this$getCurrentValue6 = this.getCurrentValues()) !== null && _this$getCurrentValue6 !== void 0 ? _this$getCurrentValue6 : [];
       var valuesLabel = currentValues.reduce(function (acc, value, index, orig) {
         var matchedItem = Object(external_lodash_["find"])(childrenArray, function (item) {
           return isOption(item) && item.props.value === value;

package/SidePanel.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 170);
+/******/ 	return __webpack_require__(__webpack_require__.s = 177);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 170:
+/***/ 177:
 /***/ (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__(77);
+var ModalLayer_ = __webpack_require__(79);
 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__(52);
+var TransitionOpen_ = __webpack_require__(55);
 var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -365,14 +365,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 52:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TransitionOpen");
 
 /***/ }),
 
-/***/ 77:
+/***/ 79:
 /***/ (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 = 171);
+/******/ 	return __webpack_require__(__webpack_require__.s = 178);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 102:
+/***/ 106:
 /***/ (function(module, exports) {
 
 module.exports = require("decimal.js-light");
@@ -115,14 +115,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
-/***/ }),
-
-/***/ 171:
+/***/ 178:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +134,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__(102);
+var external_decimal_js_light_ = __webpack_require__(106);
 var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
 
 // EXTERNAL MODULE: external "lodash"
@@ -158,7 +151,7 @@ var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(18);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -166,7 +159,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__(47);
+var external_tinycolor2_ = __webpack_require__(49);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -766,6 +759,13 @@ SliderWithTheme.propTypes = Slider_Slider.propTypes;
 
 
 
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Popover");
+
 /***/ }),
 
 /***/ 2:
@@ -789,7 +789,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 47:
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");