@splunk/react-ui 4.18.0 → 4.20.0

package/Number.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 202);
+/******/ 	return __webpack_require__(__webpack_require__.s = 205);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/has");
@@ -136,7 +136,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 202:
+/***/ 205:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -155,7 +155,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/isFinite"
@@ -180,7 +180,7 @@ var keyboard_ = __webpack_require__(7);
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
-var SVGEnterprise_ = __webpack_require__(32);
+var SVGEnterprise_ = __webpack_require__(34);
 var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
 
 // CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
@@ -211,7 +211,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__(30);
+var Text_ = __webpack_require__(32);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
@@ -826,14 +826,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 32:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVGEnterprise");

package/Paginator.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 182);
+/******/ 	return __webpack_require__(__webpack_require__.s = 184);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 146:
+/***/ 149:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/DotsThreeHorizontal");
 
 /***/ }),
 
-/***/ 182:
+/***/ 184:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,13 +134,13 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(28);
+var format_ = __webpack_require__(29);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
 var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeHorizontal"
-var DotsThreeHorizontal_ = __webpack_require__(146);
+var DotsThreeHorizontal_ = __webpack_require__(149);
 var DotsThreeHorizontal_default = /*#__PURE__*/__webpack_require__.n(DotsThreeHorizontal_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -186,7 +186,7 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
-var ButtonSimple_ = __webpack_require__(62);
+var ButtonSimple_ = __webpack_require__(64);
 var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
 
 // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -319,19 +319,19 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
 
 /* harmony default export */ var Button = (Button_PaginatorButton);
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
-var ChevronLeft_ = __webpack_require__(64);
+var ChevronLeft_ = __webpack_require__(66);
 var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
-var react_icons_ChevronLeft_ = __webpack_require__(83);
+var react_icons_ChevronLeft_ = __webpack_require__(86);
 var react_icons_ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronLeft_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-var ChevronRight_ = __webpack_require__(35);
+var ChevronRight_ = __webpack_require__(38);
 var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
-var react_icons_ChevronRight_ = __webpack_require__(43);
+var react_icons_ChevronRight_ = __webpack_require__(46);
 var react_icons_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(react_icons_ChevronRight_);
 
 // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
@@ -542,7 +542,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 28:
+/***/ 29:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/format");
@@ -556,7 +556,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 35:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
@@ -570,7 +570,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 43:
+/***/ 46:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
@@ -591,21 +591,21 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 62:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ButtonSimple");
 
 /***/ }),
 
-/***/ 64:
+/***/ 66:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
 
 /***/ }),
 
-/***/ 83:
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronLeft");

package/Paragraph.js

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

package/Popover.js

@@ -102,13 +102,6 @@ module.exports = require("prop-types");
 /***/ }),
 
 /***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135,31 +128,38 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 147:
+/***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/clamp");
+module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 148:
+/***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/every");
+module.exports = require("lodash/includes");
 
 /***/ }),
 
-/***/ 149:
+/***/ 150:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/intersection");
+module.exports = require("lodash/clamp");
 
 /***/ }),
 
-/***/ 15:
+/***/ 151:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/includes");
+module.exports = require("lodash/every");
+
+/***/ }),
+
+/***/ 152:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/intersection");
 
 /***/ }),
 
@@ -176,7 +176,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
 /* unused harmony export ssrWindow */
-/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
+/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
 /* eslint-disable @typescript-eslint/no-empty-function */
 
 var ssrWindow = {
@@ -266,22 +266,22 @@ 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__(90);
+var external_react_dom_ = __webpack_require__(93);
 
 // EXTERNAL MODULE: external "lodash/clamp"
-var clamp_ = __webpack_require__(147);
+var clamp_ = __webpack_require__(150);
 var clamp_default = /*#__PURE__*/__webpack_require__.n(clamp_);
 
 // EXTERNAL MODULE: external "lodash/defer"
-var defer_ = __webpack_require__(55);
+var defer_ = __webpack_require__(58);
 var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
 
 // EXTERNAL MODULE: external "lodash/every"
-var every_ = __webpack_require__(148);
+var every_ = __webpack_require__(151);
 var every_default = /*#__PURE__*/__webpack_require__.n(every_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(10);
+var has_ = __webpack_require__(11);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/includes"
@@ -289,7 +289,7 @@ var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/intersection"
-var intersection_ = __webpack_require__(149);
+var intersection_ = __webpack_require__(152);
 var intersection_default = /*#__PURE__*/__webpack_require__.n(intersection_);
 
 // EXTERNAL MODULE: external "lodash/isFinite"
@@ -297,7 +297,7 @@ var isFinite_ = __webpack_require__(19);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
 
 // EXTERNAL MODULE: external "lodash/isFunction"
-var isFunction_ = __webpack_require__(69);
+var isFunction_ = __webpack_require__(71);
 var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
 
 // EXTERNAL MODULE: external "lodash/keys"
@@ -309,29 +309,29 @@ var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "lodash/throttle"
-var throttle_ = __webpack_require__(31);
+var throttle_ = __webpack_require__(33);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(40);
+var Animation_ = __webpack_require__(43);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
 var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(82);
+var Layer_ = __webpack_require__(85);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(50);
+var ScrollContainerContext_ = __webpack_require__(53);
 var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(29);
+var focus_ = __webpack_require__(31);
 
 // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -832,12 +832,68 @@ var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (
 });
 PopoverHitArea.propTypes = propTypes;
 /* harmony default export */ var Popover_PopoverHitArea = (PopoverHitArea);
-// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(11);
-
 // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
 var ssrWindow = __webpack_require__(18);
 
+// CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
+function getBoundingClientRect_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function getBoundingClientRect_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { getBoundingClientRect_ownKeys(Object(source), true).forEach(function (key) { getBoundingClientRect_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { getBoundingClientRect_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function getBoundingClientRect_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+ // Checks if browser is Safari
+
+function isUserAgentSafari() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+} // Formats return value to DOMRect
+
+
+function rectToClientRect(rect) {
+  return getBoundingClientRect_objectSpread(getBoundingClientRect_objectSpread({}, rect), {}, {
+    top: rect.y,
+    left: rect.x,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  });
+}
+/**
+ * Provides DOMRect information about the size of an element and its position relative to the viewport.
+ * Accounts for Safari's use of visual viewport and adds offsets to set as layout viewport.
+ * @param {Element} element - The element to be evaluated
+ * @param {boolean} offsets - Use when position of element relative to the layout viewport offsets are needed for Safari.
+ * @returns {Omit<DOMRect, 'toJSON'>}
+ * @public
+ */
+
+
+function getBoundingClientRect(element, offsets) {
+  var _window$visualViewpor, _window$visualViewpor2;
+
+  var clientRect = element.getBoundingClientRect();
+  var addVisualOffsets = isUserAgentSafari();
+
+  if (!offsets || !addVisualOffsets) {
+    return clientRect;
+  }
+
+  var window = Object(ssrWindow["a" /* getWindow */])();
+  var x = clientRect.left + (((_window$visualViewpor = window.visualViewport) === null || _window$visualViewpor === void 0 ? void 0 : _window$visualViewpor.offsetLeft) || 0);
+  var y = clientRect.top + (((_window$visualViewpor2 = window.visualViewport) === null || _window$visualViewpor2 === void 0 ? void 0 : _window$visualViewpor2.offsetTop) || 0);
+  var width = clientRect.width,
+      height = clientRect.height;
+  return rectToClientRect({
+    width: width,
+    height: height,
+    x: x,
+    y: y
+  });
+}
+
+
+// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
+var updateReactRef = __webpack_require__(10);
+
 // 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); }
 
@@ -913,6 +969,7 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
 
 
 /** @public */
@@ -1075,7 +1132,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
     Popover_defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
 
     Popover_defineProperty(_assertThisInitialized(_this), "getElPosition", function (anchorEl) {
-      var rect = anchorEl.getBoundingClientRect();
+      var offsets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var rect = getBoundingClientRect(anchorEl, offsets);
       var a = {
         width: anchorEl.offsetWidth,
         height: anchorEl.offsetHeight
@@ -1116,12 +1174,14 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           return null;
         }
 
-        var anchorPos = _this.getElPosition(state.anchorEl);
+        var anchorPosViewport = _this.getElPosition(state.anchorEl);
+
+        var anchorPos = _this.getElPosition(state.anchorEl, true);
 
         var scrollContainerPos = isHTMLElement(scrollContainer) ? _this.getElPosition(scrollContainer) : undefined;
 
         if (scrolling && autoCloseWhenOffScreen) {
-          if (_this.autoCloseWhenOffScreen(anchorPos, scrollContainerPos)) {
+          if (_this.autoCloseWhenOffScreen(anchorPosViewport, scrollContainerPos)) {
             return null;
           }
         }
@@ -1427,8 +1487,10 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       var hasCustomizedScrollContainer = scrollContainer !== window;
       var _this$state3 = this.state,
           anchorPos = _this$state3.anchorPos,
-          placement = _this$state3.placement;
-      return [hasCustomizedScrollContainer && /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+          placement = _this$state3.placement; // EventListeners only need to be rendered when open,
+      // otherwise leads to negative performance impacts
+
+      var eventListeners = open ? [hasCustomizedScrollContainer && /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
         target: scrollContainer,
         eventType: "scroll",
         listener: this.handleScroll,
@@ -1451,7 +1513,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           capture: true
         },
         key: "eventListenerOnWindowScroll"
-      }), /*#__PURE__*/external_react_default.a.createElement(Layer_default.a, {
+      })] : [];
+      return [].concat(eventListeners, [/*#__PURE__*/external_react_default.a.createElement(Layer_default.a, {
         closeReasons: intersection_default()(this.props.closeReasons.filter(function (reason) {
           return reason !== 'offScreen';
         }), Layer_default.a.possibleCloseReasons),
@@ -1463,7 +1526,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         popoverEl: this.innerContainerEl,
         popoverPlacement: placement,
         ref: this.props.hitAreaRef
-      }), open && this.renderLayer())];
+      }), open && this.renderLayer())]);
     }
   }]);
 
@@ -1518,7 +1581,7 @@ module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 27:
+/***/ 28:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1589,28 +1652,28 @@ function getDocument() {
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/focus");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 3:
+/***/ 31:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/ui-utils/focus");
 
 /***/ }),
 
-/***/ 31:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/throttle");
 
 /***/ }),
 
-/***/ 40:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");
@@ -1624,28 +1687,28 @@ module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 50:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");
 
 /***/ }),
 
-/***/ 55:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/defer");
 
 /***/ }),
 
-/***/ 69:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isFunction");
 
 /***/ }),
 
-/***/ 82:
+/***/ 85:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");
@@ -1659,7 +1722,7 @@ module.exports = require("lodash/keys");
 
 /***/ }),
 
-/***/ 90:
+/***/ 93:
 /***/ (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 = 225);
+/******/ 	return __webpack_require__(__webpack_require__.s = 228);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 225:
+/***/ 228:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,22 +127,22 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/isNumber"
-var isNumber_ = __webpack_require__(74);
+var isNumber_ = __webpack_require__(77);
 var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(48);
+var AnimationToggle_ = __webpack_require__(51);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "tinycolor2"
-var external_tinycolor2_ = __webpack_require__(67);
+var external_tinycolor2_ = __webpack_require__(69);
 var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(42);
+var Tooltip_ = __webpack_require__(45);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -327,14 +327,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 42:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");
 
 /***/ }),
 
-/***/ 48:
+/***/ 51:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/AnimationToggle");
@@ -348,14 +348,14 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 67:
+/***/ 69:
 /***/ (function(module, exports) {
 
 module.exports = require("tinycolor2");
 
 /***/ }),
 
-/***/ 74:
+/***/ 77:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isNumber");