@splunk/react-ui 4.8.0 → 4.11.0

package/Monogram.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 164);
+/******/ 	return __webpack_require__(__webpack_require__.s = 160);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 164:
+/***/ 160:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,7 +135,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/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -160,7 +160,7 @@ var backgroundColors = ['#006d9c', '#ec9960', '#af575a', '#62b3b2', '#4fa484', '
 var Styled = external_styled_components_default.a.div.withConfig({
   displayName: "MonogramStyles__Styled",
   componentId: "r5ud6k-0"
-})(["", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", " & + &{margin-left:4px;}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
+})(["", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
   prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorActive)
 }), function (_ref) {
   var $backgroundColor = _ref.$backgroundColor,
@@ -181,15 +181,27 @@ var Styled = external_styled_components_default.a.div.withConfig({
   }
 
   return $backgroundColor;
-}, Object(themes_["pickVariant"])('$size', {
-  small: Object(external_styled_components_["css"])(["font-size:", ";", ""], themes_["variables"].fontSize, Object(themes_["pick"])({
-    enterprise: Object(external_styled_components_["css"])(["height:32px;width:32px;"]),
-    prisma: Object(external_styled_components_["css"])(["height:24px;width:24px;"])
-  })),
-  medium: Object(external_styled_components_["css"])(["height:48px;width:48px;font-size:", ";"], themes_["variables"].fontSize),
-  large: Object(external_styled_components_["css"])(["height:80px;width:80px;font-size:", ";"], themes_["variables"].fontSizeXXLarge),
-  xlarge: "\n            width: 144px;\n            height: 144px;\n            font-size: 36px;\n            font-weight: 700;\n        "
-}));
+}, function (_ref2) {
+  var $size = _ref2.$size;
+
+  if (typeof $size === 'number') {
+    return Object(external_styled_components_["css"])(["height:", "px;width:", "px;"], $size, $size);
+  }
+
+  if (typeof $size === 'string') {
+    return Object(themes_["pickVariant"])('$size', {
+      small: Object(external_styled_components_["css"])(["font-size:", ";", ""], themes_["variables"].fontSize, Object(themes_["pick"])({
+        enterprise: Object(external_styled_components_["css"])(["height:32px;width:32px;"]),
+        prisma: Object(external_styled_components_["css"])(["height:24px;width:24px;"])
+      })),
+      medium: Object(external_styled_components_["css"])(["height:48px;width:48px;font-size:", ";"], themes_["variables"].fontSize),
+      large: Object(external_styled_components_["css"])(["height:80px;width:80px;font-size:", ";"], themes_["variables"].fontSizeXXLarge),
+      xlarge: "\n                    width: 144px;\n                    height: 144px;\n                    font-size: 36px;\n                    font-weight: 700;\n                "
+    });
+  }
+
+  return Object(external_styled_components_["css"])(["height:48px;width:48px;font-size:", ";"], themes_["variables"].fontSize);
+});
 var StyledClickableComponent = Styled.withComponent(Clickable_default.a);
 var StyledClickable = external_styled_components_default()(StyledClickableComponent).withConfig({
   displayName: "MonogramStyles__StyledClickable",
@@ -238,7 +250,7 @@ var propTypes = {
   initials: external_prop_types_default.a.string.isRequired,
   name: external_prop_types_default.a.string,
   onClick: external_prop_types_default.a.func,
-  size: external_prop_types_default.a.oneOf(['small', 'medium', 'large', 'xlarge'])
+  size: external_prop_types_default.a.oneOfType([external_prop_types_default.a.oneOf(['small', 'medium', 'large', 'xlarge']), external_prop_types_default.a.number])
 };
 var defaultProps = {
   backgroundColor: 'theme',

package/Multiselect.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 128);
+/******/ 	return __webpack_require__(__webpack_require__.s = 123);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,14 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 100:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Chip");
-
-/***/ }),
-
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,7 +135,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 128:
+/***/ 123:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -478,7 +471,7 @@ var id_ = __webpack_require__(10);
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Chip"
-var Chip_ = __webpack_require__(100);
+var Chip_ = __webpack_require__(96);
 var Chip_default = /*#__PURE__*/__webpack_require__.n(Chip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
@@ -580,7 +573,7 @@ var StyledOverlay = external_styled_components_default.a.div.withConfig({
 });
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // 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); }
@@ -3247,6 +3240,13 @@ module.exports = require("@splunk/react-ui/Box");
 
 module.exports = require("@splunk/ui-utils/keyboard");
 
+/***/ }),
+
+/***/ 96:
+/***/ (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 = 144);
+/******/ 	return __webpack_require__(__webpack_require__.s = 139);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 144:
+/***/ 139:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -166,7 +166,7 @@ var Button_ = __webpack_require__(17);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"

package/Paginator.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 121);
+/******/ 	return __webpack_require__(__webpack_require__.s = 116);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 101:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/More");
-
-/***/ }),
-
-/***/ 121:
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -140,7 +133,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/More"
-var More_ = __webpack_require__(101);
+var More_ = __webpack_require__(97);
 var More_default = /*#__PURE__*/__webpack_require__.n(More_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -187,10 +180,7 @@ var StyledEllipsisWrapper = external_styled_components_default.a.span.withConfig
 })(["display:flex;align-items:center;margin:", ";color:", ";"], Object(themes_["pick"])({
   enterprise: '0px 11px',
   prisma: '0px 20px'
-}), Object(themes_["pick"])({
-  enterprise: themes_["variables"].contentColorDisabled,
-  prisma: themes_["variables"].contentColorActive
-}));
+}), themes_["variables"].contentColorActive);
 
 // CONCATENATED MODULE: ./src/Paginator/PageSeparator.tsx
 
@@ -348,7 +338,7 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
 
 /* harmony default export */ var Button = (Button_PaginatorButton);
 // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
-var ChevronLeft = __webpack_require__(59);
+var ChevronLeft = __webpack_require__(58);
 
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
 var ChevronRight = __webpack_require__(27);
@@ -631,14 +621,14 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 59:
+/***/ 58:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
 /* 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_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
+/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
 /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__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);
@@ -681,6 +671,13 @@ function ChevronLeft(props) {
 
 /***/ }),
 
+/***/ 59:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/ChevronLeft");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -706,13 +703,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 60:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/ChevronLeft");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -836,6 +826,13 @@ Icon.defaultProps = defaultProps;
 
 module.exports = require("@splunk/react-ui/Box");
 
+/***/ }),
+
+/***/ 97:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/More");
+
 /***/ })
 
 /******/ });

package/Paragraph.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 165);
+/******/ 	return __webpack_require__(__webpack_require__.s = 161);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 165:
+/***/ 161:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Popover.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 138);
+/******/ 	return __webpack_require__(__webpack_require__.s = 133);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 138:
+/***/ 133:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -148,7 +148,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(68);
+var external_react_dom_ = __webpack_require__(67);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
@@ -164,7 +164,7 @@ var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(55);
+var Layer_ = __webpack_require__(56);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
@@ -516,7 +516,7 @@ var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig
 })(["position:fixed;right:0;bottom:0;"]);
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Popover/Popover.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); }
@@ -730,6 +730,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
 
     Popover_defineProperty(_assertThisInitialized(_this), "handleWindowScroll", void 0);
 
+    Popover_defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     Popover_defineProperty(_assertThisInitialized(_this), "getElPosition", function (anchorEl) {
       var rect = anchorEl.getBoundingClientRect();
       var a = {
@@ -890,9 +892,11 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "handleAnimationEnd", function () {
-      _this.setState({
-        animating: false
-      });
+      if (_this.allowAnimationUpdates) {
+        _this.setState({
+          animating: false
+        });
+      }
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "renderLayer", function () {
@@ -1031,6 +1035,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       this.setPlacement.cancel(); // guaranteed by constructor
 
       this.handleScroll.cancel();
+      this.allowAnimationUpdates = false;
     }
   }, {
     key: "autoCloseWhenOffScreen",
@@ -1188,14 +1193,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");
 
 /***/ }),
 
-/***/ 68:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");

package/Progress.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 166);
+/******/ 	return __webpack_require__(__webpack_require__.s = 162);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 166:
+/***/ 162:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";