@splunk/react-ui 4.12.1 → 4.14.0

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 = 129);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,13 +102,6 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
-
-/***/ }),
-
-/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +128,21 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 124:
+/***/ 101:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Chip");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/id");
+
+/***/ }),
+
+/***/ 129:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -166,7 +173,7 @@ var i18n_ = __webpack_require__(5);
 var Menu_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
-var OptionBase = __webpack_require__(28);
+var OptionBase = __webpack_require__(30);
 
 // CONCATENATED MODULE: ./src/Multiselect/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); }
@@ -312,7 +319,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
 
 /* harmony default export */ var Multiselect_Option = (Option_Option);
 // EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 2 modules
-var SelectBase = __webpack_require__(44);
+var SelectBase = __webpack_require__(46);
 
 // CONCATENATED MODULE: ./src/Multiselect/Compact.tsx
 function Compact_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Compact_typeof = function _typeof(obj) { return typeof obj; }; } else { Compact_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Compact_typeof(obj); }
@@ -463,24 +470,24 @@ Compact_defineProperty(Compact_Compact, "Heading", Menu_["Heading"]);
 
 /* harmony default export */ var Multiselect_Compact = (Compact_Compact);
 // 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/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Chip"
-var Chip_ = __webpack_require__(97);
+var Chip_ = __webpack_require__(101);
 var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
 
 // 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/Popover"
-var Popover_ = __webpack_require__(17);
+var Popover_ = __webpack_require__(18);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -574,7 +581,7 @@ var StyledOverlay = external_styled_components_default.a.div.withConfig({
 });
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
+var updateReactRef = __webpack_require__(10);
 
 // CONCATENATED MODULE: ./src/Multiselect/Normal.tsx
 function Normal_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Normal_typeof = function _typeof(obj) { return typeof obj; }; } else { Normal_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Normal_typeof(obj); }
@@ -1464,7 +1471,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 17:
+/***/ 18:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -1485,21 +1492,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";
@@ -1675,14 +1689,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);
@@ -1725,35 +1739,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);
@@ -1784,28 +1798,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";
@@ -1829,10 +1836,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);
@@ -1845,28 +1852,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);
@@ -2203,15 +2210,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 +2231,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;
 
-      // this doesn't make sense if we can't select multiple values
-      if (!_this.props.multiple) {
+      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
+
+      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 +2257,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 +2292,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 +2387,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 +2397,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 +2427,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 +2442,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 +2456,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 +2494,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 +2764,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 +2782,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 +2826,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 +2848,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 +2903,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;
@@ -3244,13 +3260,6 @@ module.exports = require("@splunk/react-ui/Box");
 
 module.exports = require("@splunk/ui-utils/keyboard");
 
-/***/ }),
-
-/***/ 97:
-/***/ (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 = 145);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 140:
+/***/ 145:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -139,7 +139,7 @@ var keyboard_ = __webpack_require__(9);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(24);
+var SVG_ = __webpack_require__(25);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
@@ -170,7 +170,7 @@ var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // 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_);
 
 // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
@@ -534,6 +534,8 @@ var Number_Number = /*#__PURE__*/function (_Component) {
       console.warn("The 'Number' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
     }
 
+    if (false) {}
+
     Number.validatePrependAppend(_this.props.append, _this.props.prepend);
     return _this;
   }
@@ -779,14 +781,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 23:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 24:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");