@splunk/react-ui 4.8.0 → 4.11.0

package/Menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
+/******/ 	return __webpack_require__(__webpack_require__.s = 111);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -102,13 +102,33 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 11:
-/***/ (function(module, exports) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
+/**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+function updateReactRef(ref, current) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(current);
+    } else {
+      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+      // the intention here is to signal "we will take care of setting 'current', not you".
+      ref.current = current; // eslint-disable-line no-param-reassign
+    }
+  }
+}
+
 
-module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 116:
+/***/ 111:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -213,7 +233,7 @@ Divider.filterConsecutive = true;
 Divider.filterLast = true;
 /* harmony default export */ var Menu_Divider = (Divider);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(69);
+var Heading_ = __webpack_require__(55);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
@@ -320,7 +340,7 @@ var external_lodash_ = __webpack_require__(4);
 var Check = __webpack_require__(53);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
-var TriangleRightSmall_ = __webpack_require__(98);
+var TriangleRightSmall_ = __webpack_require__(94);
 var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -358,11 +378,11 @@ function CaretRight(props) {
 var ChevronRight = __webpack_require__(27);
 
 // 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/Switch"
-var Switch_ = __webpack_require__(70);
+var Switch_ = __webpack_require__(69);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
 // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
@@ -540,7 +560,7 @@ var StyledSubmenu = external_styled_components_default.a.span.withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./src/Menu/Item.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); }
@@ -835,7 +855,7 @@ var ItemWithTheme = Object(themes_["withSplunkTheme"])(Item_Item);
 ItemWithTheme.propTypes = Item_Item.propTypes;
 /* harmony default export */ var Menu_Item = (ItemWithTheme);
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(66);
+var Scroll_ = __webpack_require__(65);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
@@ -1082,29 +1102,9 @@ Menu.Heading = Menu_Heading;
 /***/ }),
 
 /***/ 12:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
-/**
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
- *
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
- * @param current - The new value of the ref.
- */
-function updateReactRef(ref, current) {
-  if (ref) {
-    if (typeof ref === 'function') {
-      ref(current);
-    } else {
-      // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
-      // the intention here is to signal "we will take care of setting 'current', not you".
-      ref.current = current; // eslint-disable-line no-param-reassign
-    }
-  }
-}
-
+/***/ (function(module, exports) {
 
+module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
@@ -1310,6 +1310,13 @@ function Check(props) {
 
 /***/ }),
 
+/***/ 55:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Heading");
+
+/***/ }),
+
 /***/ 6:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -1335,7 +1342,7 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 66:
+/***/ 65:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Scroll");
@@ -1345,7 +1352,7 @@ module.exports = require("@splunk/react-ui/Scroll");
 /***/ 69:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Heading");
+module.exports = require("@splunk/react-ui/Switch");
 
 /***/ }),
 
@@ -1467,13 +1474,6 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 70:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Switch");
-
-/***/ }),
-
 /***/ 9:
 /***/ (function(module, exports) {
 
@@ -1481,7 +1481,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 98:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TriangleRightSmall");

package/Message.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 127);
+/******/ 	return __webpack_require__(__webpack_require__.s = 122);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 127:
+/***/ 122:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/MessageBar"
-var MessageBar_ = __webpack_require__(99);
+var MessageBar_ = __webpack_require__(95);
 var MessageBar_default = /*#__PURE__*/__webpack_require__.n(MessageBar_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -222,7 +222,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // 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_);
 
 // CONCATENATED MODULE: ./src/Message/MessageStyles.ts
@@ -365,19 +365,19 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
 }));
 
 // EXTERNAL MODULE: ./src/icons/AlertFilled.tsx
-var AlertFilled = __webpack_require__(71);
+var AlertFilled = __webpack_require__(70);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
 var CrossMark = __webpack_require__(20);
 
 // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
-var InfoFilled = __webpack_require__(72);
+var InfoFilled = __webpack_require__(71);
 
 // EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
-var SuccessFilled = __webpack_require__(74);
+var SuccessFilled = __webpack_require__(73);
 
 // EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
-var WarningFilled = __webpack_require__(75);
+var WarningFilled = __webpack_require__(74);
 
 // CONCATENATED MODULE: ./src/Message/Message.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -713,7 +713,7 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 71:
+/***/ 70:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -753,14 +753,14 @@ function AlertFilled(props) {
 
 /***/ }),
 
-/***/ 72:
+/***/ 71:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoFilled; });
 /* 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_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73);
+/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72);
 /* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_InfoCircle__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);
@@ -793,14 +793,14 @@ function InfoFilled(props) {
 
 /***/ }),
 
-/***/ 73:
+/***/ 72:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/InfoCircle");
 
 /***/ }),
 
-/***/ 74:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -840,14 +840,14 @@ function SuccessFilled(props) {
 
 /***/ }),
 
-/***/ 75:
+/***/ 74:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WarningFilled; });
 /* 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_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76);
+/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75);
 /* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Warning__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);
@@ -880,7 +880,7 @@ function WarningFilled(props) {
 
 /***/ }),
 
-/***/ 76:
+/***/ 75:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Warning");
@@ -894,7 +894,7 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 99:
+/***/ 95:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/MessageBar");

package/MessageBar.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 = 158);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 162:
+/***/ 158:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,19 +141,19 @@ var ScreenReaderContent_ = __webpack_require__(14);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: ./src/icons/AlertFilled.tsx
-var AlertFilled = __webpack_require__(71);
+var AlertFilled = __webpack_require__(70);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
 var CrossMark = __webpack_require__(20);
 
 // EXTERNAL MODULE: ./src/icons/InfoFilled.tsx
-var InfoFilled = __webpack_require__(72);
+var InfoFilled = __webpack_require__(71);
 
 // EXTERNAL MODULE: ./src/icons/SuccessFilled.tsx
-var SuccessFilled = __webpack_require__(74);
+var SuccessFilled = __webpack_require__(73);
 
 // EXTERNAL MODULE: ./src/icons/WarningFilled.tsx
-var WarningFilled = __webpack_require__(75);
+var WarningFilled = __webpack_require__(74);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -164,7 +164,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // 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"
@@ -240,10 +240,16 @@ var MessageBarIconWrapper = external_styled_components_default.a.div.withConfig(
 var MessageBarWrapper = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "MessageBarStyles__MessageBarWrapper",
   componentId: "sc-1uyhzza-3"
-})(["", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";padding:", ";word-wrap:break-word;color:", ";", ";"], themes_["mixins"].reset('block'), themes_["variables"].spacingSmall, Object(themes_["pick"])({
-  prisma: '0 8px 0 32px',
-  enterprise: '0 8px 0 38px'
-}), Object(themes_["pick"])({
+})(["", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";"], themes_["mixins"].reset('block'), themes_["variables"].spacingSmall, function (_ref) {
+  var $hasCloseButton = _ref.$hasCloseButton;
+  return $hasCloseButton ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
+    prisma: Object(external_styled_components_["css"])(["padding:0 8px 0 32px;"]),
+    enterprise: Object(external_styled_components_["css"])(["padding:0 8px 0 38px;"])
+  })) : Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
+    prisma: Object(external_styled_components_["css"])(["padding:0 33px 0 32px;"]),
+    enterprise: Object(external_styled_components_["css"])(["padding:0 26px 0 32px;"])
+  }));
+}, Object(themes_["pick"])({
   prisma: Object(themes_["pickVariant"])('$type', {
     info: {
       light: themes_["variables"].contentColorActive,
@@ -342,7 +348,8 @@ function MessageBar(_ref) {
     "data-test": "message-bar",
     "data-test-type": type
   }, otherProps, {
-    role: "region"
+    role: "region",
+    $hasCloseButton: Boolean(onRequestClose)
   }), /*#__PURE__*/external_react_default.a.createElement(MessageBarIconWrapper, {
     $type: type
   }, /*#__PURE__*/external_react_default.a.createElement(Icon, {
@@ -605,7 +612,7 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 71:
+/***/ 70:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -645,14 +652,14 @@ function AlertFilled(props) {
 
 /***/ }),
 
-/***/ 72:
+/***/ 71:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoFilled; });
 /* 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_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73);
+/* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72);
 /* harmony import */ var _splunk_react_icons_InfoCircle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_InfoCircle__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);
@@ -685,14 +692,14 @@ function InfoFilled(props) {
 
 /***/ }),
 
-/***/ 73:
+/***/ 72:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/InfoCircle");
 
 /***/ }),
 
-/***/ 74:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -732,14 +739,14 @@ function SuccessFilled(props) {
 
 /***/ }),
 
-/***/ 75:
+/***/ 74:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WarningFilled; });
 /* 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_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76);
+/* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75);
 /* harmony import */ var _splunk_react_icons_Warning__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Warning__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);
@@ -772,7 +779,7 @@ function WarningFilled(props) {
 
 /***/ }),
 
-/***/ 76:
+/***/ 75:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Warning");

package/Modal.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 118);
+/******/ 	return __webpack_require__(__webpack_require__.s = 113);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 118:
+/***/ 113:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -133,7 +133,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(77);
+var ModalLayer_ = __webpack_require__(76);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
@@ -279,7 +279,7 @@ function Footer(_ref) {
 Footer.propTypes = Footer_propTypes;
 /* harmony default export */ var Modal_Footer = (Footer);
 // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
-var CloseButton_ = __webpack_require__(67);
+var CloseButton_ = __webpack_require__(66);
 var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 
 // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
@@ -730,14 +730,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 67:
+/***/ 66:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/CloseButton");
 
 /***/ }),
 
-/***/ 77:
+/***/ 76:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");

package/ModalLayer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 163);
+/******/ 	return __webpack_require__(__webpack_require__.s = 159);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 163:
+/***/ 159:
 /***/ (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__(30);
 
 // 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 "styled-components"
@@ -207,6 +207,8 @@ var ModalLayer_ModalLayer = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
+
     _defineProperty(_assertThisInitialized(_this), "handleClickAway", function (event) {
       var _this$props$onRequest, _this$props;
 
@@ -217,9 +219,11 @@ var ModalLayer_ModalLayer = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleAnimationEnd", function () {
-      _this.setState({
-        animating: false
-      });
+      if (_this.allowAnimationUpdates) {
+        _this.setState({
+          animating: false
+        });
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderLayer", function () {
@@ -263,6 +267,11 @@ var ModalLayer_ModalLayer = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(ModalLayer, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.allowAnimationUpdates = false;
+    }
+  }, {
     key: "render",
 
     /* eslint-enable jsx-a11y/no-static-element-interactions */
@@ -329,7 +338,7 @@ module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");