@splunk/react-ui 4.12.1 → 4.13.0

package/MessageBar.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 160);
+/******/ 	return __webpack_require__(__webpack_require__.s = 163);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 160:
+/***/ 163:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -144,7 +144,7 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
 var AlertFilled = __webpack_require__(71);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(19);
+var CrossMark = __webpack_require__(20);
 
 // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
 var InfoFilled = __webpack_require__(72);
@@ -377,7 +377,14 @@ MessageBar.propTypes = propTypes;
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 20:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -427,13 +434,6 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
 /***/ 21:
 /***/ (function(module, exports) {
 
@@ -455,14 +455,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 50:
+/***/ 51:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Error");
 
 /***/ }),
 
-/***/ 51:
+/***/ 52:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Success");
@@ -619,7 +619,7 @@ Icon.defaultProps = defaultProps;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AlertFilled; });
 /* 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_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50);
+/* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _splunk_react_icons_Error__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Error__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);
@@ -706,7 +706,7 @@ module.exports = require("@splunk/react-icons/InfoCircle");
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SuccessFilled; });
 /* 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_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
+/* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(52);
 /* harmony import */ var _splunk_react_icons_Success__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Success__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);

package/Modal.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 114);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 114:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -428,7 +428,7 @@ function Header(_ref) {
 Header.propTypes = Header_propTypes;
 /* harmony default export */ var Modal_Header = (Header);
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(18);
+var external_react_spring_ = __webpack_require__(19);
 
 // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
 
@@ -688,7 +688,7 @@ _defineProperty(Modal_Modal, "Footer", Modal_Footer);
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");

package/ModalLayer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 161);
+/******/ 	return __webpack_require__(__webpack_require__.s = 164);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 161:
+/***/ 164:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(57);
+var Layer_ = __webpack_require__(58);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // 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 "react-spring"
-var external_react_spring_ = __webpack_require__(18);
+var external_react_spring_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
@@ -310,7 +310,7 @@ _defineProperty(ModalLayer_ModalLayer, "getDerivedStateFromProps", function (pro
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
@@ -338,7 +338,7 @@ module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 57:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");

package/Monogram.js

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

package/Multiselect.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 124);
+/******/ 	return __webpack_require__(__webpack_require__.s = 126);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -135,7 +135,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 124:
+/***/ 126:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -472,7 +472,7 @@ var id_ = __webpack_require__(10);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Chip"
-var Chip_ = __webpack_require__(97);
+var Chip_ = __webpack_require__(99);
 var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
@@ -1471,17 +1471,17 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 2:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
 
-/***/ 20:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Dropdown");
+module.exports = require("react");
 
 /***/ }),
 
@@ -1841,7 +1841,7 @@ var i18n_ = __webpack_require__(5);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(20);
+var Dropdown_ = __webpack_require__(18);
 var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
@@ -2203,15 +2203,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
         });
@@ -2224,16 +2224,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({
@@ -2241,17 +2250,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') {
@@ -2276,9 +2285,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);
@@ -2371,7 +2380,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;
 
@@ -2381,7 +2390,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
       });
     });
@@ -2411,9 +2420,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();
@@ -2426,9 +2435,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
           });
         }
@@ -2440,18 +2449,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);
       }
     });
 
@@ -2478,14 +2487,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();
 
@@ -2748,10 +2757,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",
@@ -2766,13 +2775,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) {
@@ -2810,7 +2819,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
       });
@@ -2832,10 +2841,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,
@@ -2887,33 +2896,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;
@@ -3246,7 +3255,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 97:
+/***/ 99:
 /***/ (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 = 140);
+/******/ 	return __webpack_require__(__webpack_require__.s = 142);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 140:
+/***/ 142:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";