@splunk/react-ui 4.12.0 → 4.13.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 = 172);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 169:
+/***/ 172:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -467,17 +467,17 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
 
 /***/ }),
 
-/***/ 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");
 
 /***/ }),
 
@@ -672,27 +672,6 @@ _defineProperty(Option, "defaultProps", defaultProps);
 /***/ }),
 
 /***/ 29:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Link");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 33:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ResultsMenu");
-
-/***/ }),
-
-/***/ 34:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -742,6 +721,27 @@ function Search(props) {
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Link");
+
+/***/ }),
+
+/***/ 34:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ResultsMenu");
+
+/***/ }),
+
 /***/ 38:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -837,18 +837,18 @@ 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"
-var Link_ = __webpack_require__(29);
+var Link_ = __webpack_require__(30);
 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__(33);
+var ResultsMenu_ = __webpack_require__(34);
 var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
@@ -859,7 +859,7 @@ var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 var CaretDown = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(34);
+var Search = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/Select/OptionBase.tsx
 var OptionBase = __webpack_require__(28);
@@ -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 = 173);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 170:
+/***/ 173:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -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__(53);
 var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -365,7 +365,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 52:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/TransitionOpen");

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 = 174);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 102:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("decimal.js-light");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 171:
+/***/ 174:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,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__(102);
+var external_decimal_js_light_ = __webpack_require__(104);
 var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
 
 // EXTERNAL MODULE: external "lodash"

package/SlidingPanels.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 142);
+/******/ 	return __webpack_require__(__webpack_require__.s = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 142:
+/***/ 144:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -151,10 +151,10 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(18);
+var external_react_spring_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -588,7 +588,7 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
@@ -609,7 +609,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");