@splunk/react-ui 4.13.0 → 4.15.0

package/Popover.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 135);
+/******/ 	return __webpack_require__(__webpack_require__.s = 187);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
+/***/ 10:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/keys");
+
+/***/ }),
+
 /***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
+/***/ }),
+
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +142,42 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 135:
+/***/ 144:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/clamp");
+
+/***/ }),
+
+/***/ 145:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/every");
+
+/***/ }),
+
+/***/ 146:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/intersection");
+
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/EventListener");
+
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/includes");
+
+/***/ }),
+
+/***/ 187:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -148,31 +197,72 @@ 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__(93);
+
+// EXTERNAL MODULE: external "lodash/clamp"
+var clamp_ = __webpack_require__(144);
+var clamp_default = /*#__PURE__*/__webpack_require__.n(clamp_);
+
+// EXTERNAL MODULE: external "lodash/defer"
+var defer_ = __webpack_require__(53);
+var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
+
+// EXTERNAL MODULE: external "lodash/every"
+var every_ = __webpack_require__(145);
+var every_default = /*#__PURE__*/__webpack_require__.n(every_);
+
+// EXTERNAL MODULE: external "lodash/has"
+var has_ = __webpack_require__(11);
+var has_default = /*#__PURE__*/__webpack_require__.n(has_);
+
+// EXTERNAL MODULE: external "lodash/includes"
+var includes_ = __webpack_require__(18);
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
+
+// EXTERNAL MODULE: external "lodash/intersection"
+var intersection_ = __webpack_require__(146);
+var intersection_default = /*#__PURE__*/__webpack_require__.n(intersection_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/isFinite"
+var isFinite_ = __webpack_require__(21);
+var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
+
+// EXTERNAL MODULE: external "lodash/isFunction"
+var isFunction_ = __webpack_require__(68);
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
+
+// EXTERNAL MODULE: external "lodash/keys"
+var keys_ = __webpack_require__(10);
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
+
+// EXTERNAL MODULE: external "lodash/omit"
+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_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__(31);
+var Animation_ = __webpack_require__(43);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(15);
+var EventListener_ = __webpack_require__(17);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(58);
+var Layer_ = __webpack_require__(82);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(37);
+var ScrollContainerContext_ = __webpack_require__(49);
 var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(26);
+var focus_ = __webpack_require__(35);
 
 // 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; }
@@ -454,7 +544,7 @@ function getPlacement(args) {
 var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(19);
+var external_react_spring_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -475,8 +565,11 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
 var StyledBox = external_styled_components_default.a.div.withConfig({
   displayName: "PopoverStyles__StyledBox",
   componentId: "sc-1nahsvw-1"
-})(["", ";", ";"], themes_["mixins"].reset('block'), function (_ref) {
-  var $appearance = _ref.$appearance;
+})(["", ";", ";", ";"], themes_["mixins"].reset('block'), function (_ref) {
+  var $open = _ref.$open;
+  return !$open && Object(external_styled_components_["css"])(["pointer-events:none;"]);
+}, function (_ref2) {
+  var $appearance = _ref2.$appearance;
   return $appearance !== 'none' && Object(external_styled_components_["css"])(["padding:8px;"]);
 });
 var StyledContent = external_styled_components_default.a.div.withConfig({
@@ -525,7 +618,10 @@ 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__(11);
+var updateReactRef = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
+var ssrWindow = __webpack_require__(20);
 
 // 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); }
@@ -592,11 +688,25 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+/** @public */
+
 var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
 var propTypes = {
   align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme', 'end']),
   anchor: external_prop_types_default.a.object,
   animation: external_prop_types_default.a.bool,
+  animationConfig: external_prop_types_default.a.object,
   appearance: external_prop_types_default.a.oneOf(['normal', 'inverted', 'none']),
   autoCloseWhenOffScreen: external_prop_types_default.a.bool,
   canCoverAnchor: external_prop_types_default.a.bool,
@@ -605,8 +715,10 @@ var propTypes = {
   defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'vertical', 'horizontal']),
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   id: external_prop_types_default.a.string,
+  onReposition: external_prop_types_default.a.func,
   onRequestClose: external_prop_types_default.a.func,
   open: external_prop_types_default.a.bool,
+  outerRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   pointTo: external_prop_types_default.a.shape({
     x: external_prop_types_default.a.number,
     y: external_prop_types_default.a.number
@@ -619,6 +731,7 @@ var propTypes = {
 var defaultProps = {
   align: 'theme',
   animation: true,
+  animationConfig: {},
   appearance: 'normal',
   autoCloseWhenOffScreen: true,
   canCoverAnchor: false,
@@ -633,8 +746,8 @@ var defaultProps = {
 // eslint-disable-next-line @typescript-eslint/ban-types
 function everyApproxEqual(a, b) {
   var threshold = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  return !!a && !!b && Object(external_lodash_["every"])(a, function (val, key) {
-    if (Object(external_lodash_["isFinite"])(val)) {
+  return !!a && !!b && every_default()(a, function (val, key) {
+    if (isFinite_default()(val)) {
       return Math.abs(b[key] - val) <= threshold;
     }
 
@@ -675,7 +788,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       var maxVertDiff = outerContainerEl.offsetHeight / 2 - 22;
       var minVertDiff = -(outerContainerEl.offsetHeight / 2 - 15);
       var initVertDiff = anchorPos.center - (outerContainerStyle.top + outerContainerEl.offsetHeight / 2) - arrowHeight / 2;
-      var vertDiff = Object(external_lodash_["clamp"])(initVertDiff, minVertDiff, maxVertDiff);
+      var vertDiff = clamp_default()(initVertDiff, minVertDiff, maxVertDiff);
       var horizontalDiff = anchorPos.middle - (outerContainerStyle.left + outerContainerEl.offsetWidth / 2) - arrowHeight;
       var transformMetadata = {
         left: {
@@ -748,8 +861,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         height: anchorEl.offsetHeight
       };
       var pointTo = _this.props.pointTo;
-      var pointToHorizontal = pointTo && Object(external_lodash_["has"])(pointTo, 'x');
-      var pointToVertical = pointTo && Object(external_lodash_["has"])(pointTo, 'y');
+      var pointToHorizontal = pointTo && has_default()(pointTo, 'x');
+      var pointToVertical = pointTo && has_default()(pointTo, 'y');
       a.left = pointToHorizontal ? rect.left + ((pointTo === null || pointTo === void 0 ? void 0 : pointTo.x) || 0) : rect.left;
       a.top = pointToVertical ? rect.top + ((pointTo === null || pointTo === void 0 ? void 0 : pointTo.y) || 0) : rect.top;
       a.right = pointToHorizontal ? a.left + a.width : rect.left + a.width || rect.right;
@@ -760,6 +873,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "setPlacement", function (scrolling) {
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       _this.setState(function (state) {
         var _state$arrowStyleTran;
 
@@ -769,6 +884,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
             autoCloseWhenOffScreen = _this$props.autoCloseWhenOffScreen,
             canCoverAnchor = _this$props.canCoverAnchor,
             defaultPlacement = _this$props.defaultPlacement,
+            onReposition = _this$props.onReposition,
             open = _this$props.open,
             repositionMode = _this$props.repositionMode,
             splunkTheme = _this$props.splunkTheme;
@@ -825,12 +941,15 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
 
         var hasArrow = _this.props.appearance !== 'none' && !isPrisma;
         var baseCheck = everyApproxEqual(anchorPos, state.anchorPos) && everyApproxEqual(outerContainerStyle, state.outerContainerStyle) && placement === state.placement && maxHeight === state.maxHeight && maxWidth === state.maxWidth;
-        var arrowCheck = everyApproxEqual(Object(external_lodash_["omit"])(arrowStyle, 'transform'), Object(external_lodash_["omit"])(state.arrowStyle, 'transform')) && everyApproxEqual(arrowStyleTransformMeta !== null && arrowStyleTransformMeta !== void 0 ? arrowStyleTransformMeta : {}, (_state$arrowStyleTran = state.arrowStyleTransformMeta) !== null && _state$arrowStyleTran !== void 0 ? _state$arrowStyleTran : {}); // If none of the position data has changed, do not set state.
+        var arrowCheck = everyApproxEqual(omit_default()(arrowStyle, 'transform'), omit_default()(state.arrowStyle, 'transform')) && everyApproxEqual(arrowStyleTransformMeta !== null && arrowStyleTransformMeta !== void 0 ? arrowStyleTransformMeta : {}, (_state$arrowStyleTran = state.arrowStyleTransformMeta) !== null && _state$arrowStyleTran !== void 0 ? _state$arrowStyleTran : {}); // If none of the position data has changed, do not set state.
 
         if (baseCheck && (!hasArrow || hasArrow && arrowCheck)) {
           return null;
         }
 
+        onReposition === null || onReposition === void 0 ? void 0 : onReposition({
+          placement: placement
+        });
         return {
           anchorPos: anchorPos,
           arrowStyle: arrowStyle,
@@ -867,12 +986,17 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       _this.innerContainerEl = el;
 
       if (el && _this.props.takeFocus) {
-        Object(external_lodash_["defer"])(focus_["takeFocus"], el);
+        defer_default()(focus_["takeFocus"], el);
       }
 
       Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
     });
 
+    Popover_defineProperty(_assertThisInitialized(_this), "handleOuterContainerMount", function (el) {
+      _this.outerContainerEl = el;
+      Object(updateReactRef["a" /* updateReactRef */])(_this.props.outerRef, el);
+    });
+
     Popover_defineProperty(_assertThisInitialized(_this), "handleTab", function (e) {
       if (_this.innerContainerEl) {
         if (_this.props.retainFocus) {
@@ -911,6 +1035,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
     Popover_defineProperty(_assertThisInitialized(_this), "renderLayer", function () {
       var _this$props2 = _this.props,
           animation = _this$props2.animation,
+          animationConfig = _this$props2.animationConfig,
           appearance = _this$props2.appearance,
           children = _this$props2.children,
           id = _this$props2.id,
@@ -930,11 +1055,11 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       // Accommodate the arrow in the maxHeight and maxWidth.
 
       if (appearance !== 'none') {
-        if (Object(external_lodash_["isFinite"])(maxHeight)) {
+        if (isFinite_default()(maxHeight)) {
           maxHeight -= 20;
         }
 
-        if (Object(external_lodash_["isFinite"])(maxWidth)) {
+        if (isFinite_default()(maxWidth)) {
           maxWidth -= 20;
         }
       }
@@ -958,27 +1083,26 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           opacity: animation ? 0 : 1
         },
         to: motionStyle,
-        config: {
+        config: Popover_objectSpread({
           tension: 300,
           friction: 40
-        },
+        }, animationConfig),
         onRest: _this.handleAnimationEnd
       }, function (interpolatedStyles) {
         return /*#__PURE__*/external_react_default.a.createElement(Styled, {
           "data-test": "outer-popover",
           style: Popover_objectSpread(Popover_objectSpread({}, outerContainerStyle), interpolatedStyles),
-          ref: function ref(c) {
-            _this.outerContainerEl = c;
-          }
+          ref: _this.handleOuterContainerMount
         }, (open || _this.state.animating) && /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
           $appearance: displayAppearance,
+          $open: open,
           "data-test": "popover",
           ref: _this.handleInnerContainerMount,
           tabIndex: -1,
           id: id,
           onKeyDown: _this.handleTab // TODO: remove anchor once prop type generation is fixed
 
-        }, Object(external_lodash_["omit"])(_this.props, ['anchor'].concat(_toConsumableArray(Object(external_lodash_["keys"])(Popover.propTypes))))), /*#__PURE__*/external_react_default.a.createElement(PopoverContext.Provider, {
+        }, omit_default()(_this.props, ['anchor'].concat(_toConsumableArray(keys_default()(Popover.propTypes))))), /*#__PURE__*/external_react_default.a.createElement(PopoverContext.Provider, {
           value: {
             retainFocus: retainFocus
           }
@@ -990,7 +1114,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           style: arrowStyle
         }), appearance !== 'none' && /*#__PURE__*/external_react_default.a.createElement(StyledContent, {
           $appearance: displayAppearance
-        }, Object(external_lodash_["isFunction"])(children) ? children(childData) : children))), /*#__PURE__*/external_react_default.a.createElement(StyledLowerRightCorner, {
+        }, isFunction_default()(children) ? children(childData) : children))), /*#__PURE__*/external_react_default.a.createElement(StyledLowerRightCorner, {
           ref: function ref(el) {
             _this.windowSizeMeasurementEl = el;
           }
@@ -999,9 +1123,9 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       /* eslint-enable jsx-a11y/no-static-element-interactions */
     });
 
-    _this.handleScroll = Object(external_lodash_["throttle"])(_this.setPlacement.bind(_assertThisInitialized(_this), true), 0);
-    _this.handleWindowScroll = Object(external_lodash_["throttle"])(_this.setPlacement.bind(_assertThisInitialized(_this), true), 0);
-    _this.setPlacement = Object(external_lodash_["throttle"])(_this.setPlacement, 0, {
+    _this.handleScroll = throttle_default()(_this.setPlacement.bind(_assertThisInitialized(_this), true), 0);
+    _this.handleWindowScroll = throttle_default()(_this.setPlacement.bind(_assertThisInitialized(_this), true), 0);
+    _this.setPlacement = throttle_default()(_this.setPlacement, 0, {
       leading: false
     });
     _this.state = {
@@ -1049,6 +1173,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
   }, {
     key: "autoCloseWhenOffScreen",
     value: function autoCloseWhenOffScreen(anchorPosition, scrollContainerPosition) {
+      var window = Object(ssrWindow["a" /* getWindow */])();
+
       if (anchorPosition.top < 0 || anchorPosition.top > window.innerHeight || anchorPosition.left < 0 || anchorPosition.left > window.innerWidth) {
         this.requestClose({
           reason: 'offScreen'
@@ -1070,7 +1196,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
   }, {
     key: "requestClose",
     value: function requestClose(data) {
-      if (Object(external_lodash_["includes"])(this.props.closeReasons, data.reason)) {
+      if (includes_default()(this.props.closeReasons, data.reason)) {
         var _this$props$onRequest, _this$props3;
 
         (_this$props$onRequest = (_this$props3 = this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props3, data);
@@ -1079,6 +1205,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var window = Object(ssrWindow["a" /* getWindow */])();
       var open = this.props.open || this.state.animating;
       var scrollContainer = this.context || window;
       var hasCustomizedScrollContainer = scrollContainer !== window;
@@ -1106,7 +1233,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         },
         key: "eventListenerOnWindowScroll"
       }), /*#__PURE__*/external_react_default.a.createElement(Layer_default.a, {
-        closeReasons: Object(external_lodash_["intersection"])(this.props.closeReasons.filter(function (reason) {
+        closeReasons: intersection_default()(this.props.closeReasons.filter(function (reason) {
           return reason !== 'offScreen';
         }), Layer_default.a.possibleCloseReasons),
         open: open,
@@ -1146,31 +1273,171 @@ PopoverWithTheme.propTypes = Popover_Popover.propTypes;
 
 /***/ }),
 
-/***/ 15:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/EventListener");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 19:
-/***/ (function(module, exports) {
+/***/ 20:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"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__(28);
+/* eslint-disable @typescript-eslint/no-empty-function */
+
+var ssrWindow = {
+  document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
+  navigator: {
+    userAgent: ''
+  },
+  location: {
+    hash: '',
+    host: '',
+    hostname: '',
+    href: '',
+    origin: '',
+    pathname: '',
+    protocol: '',
+    search: ''
+  },
+  history: {
+    replaceState: function replaceState() {},
+    pushState: function pushState() {},
+    go: function go() {},
+    back: function back() {}
+  },
+  CustomEvent: function CustomEvent() {
+    return this;
+  },
+  addEventListener: function addEventListener() {},
+  removeEventListener: function removeEventListener() {},
+  getComputedStyle: function getComputedStyle() {
+    return {
+      getPropertyValue: function getPropertyValue() {
+        return '';
+      }
+    };
+  },
+  Image: function Image() {},
+  Date: function Date() {},
+  screen: {},
+  setTimeout: function setTimeout() {},
+  clearTimeout: function clearTimeout() {},
+  matchMedia: function matchMedia() {
+    return {};
+  },
+  requestAnimationFrame: function requestAnimationFrame(callback) {
+    if (typeof setTimeout === 'undefined') {
+      callback();
+      return null;
+    }
+
+    return setTimeout(callback, 0);
+  },
+  cancelAnimationFrame: function cancelAnimationFrame(id) {
+    if (typeof setTimeout === 'undefined') {
+      return;
+    }
+
+    clearTimeout(id);
+  }
+};
+
+function getWindow() {
+  var win = typeof window !== 'undefined' ? window : ssrWindow;
+  return win;
+}
+
 
-module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 2:
+/***/ 21:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("lodash/isFinite");
 
 /***/ }),
 
 /***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/focus");
+module.exports = require("react-spring");
+
+/***/ }),
+
+/***/ 28:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
+/* eslint-disable @typescript-eslint/no-empty-function */
+var ssrDocument = {
+  body: {
+    appendChild: function appendChild() {
+      return [];
+    }
+  },
+  addEventListener: function addEventListener() {},
+  removeEventListener: function removeEventListener() {},
+  activeElement: {
+    blur: function blur() {},
+    nodeName: ''
+  },
+  querySelector: function querySelector() {
+    return null;
+  },
+  querySelectorAll: function querySelectorAll() {
+    return [];
+  },
+  getElementById: function getElementById() {
+    return null;
+  },
+  createEvent: function createEvent() {
+    return {
+      initEvent: function initEvent() {}
+    };
+  },
+  createElement: function createElement() {
+    return {
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute: function setAttribute() {},
+      getElementsByTagName: function getElementsByTagName() {
+        return [];
+      }
+    };
+  },
+  createElementNS: function createElementNS() {
+    return {};
+  },
+  importNode: function importNode() {
+    return null;
+  },
+  location: {
+    hash: '',
+    host: '',
+    hostname: '',
+    href: '',
+    origin: '',
+    pathname: '',
+    protocol: '',
+    search: ''
+  }
+};
+
+function getDocument() {
+  var doc = typeof document !== 'undefined' ? document : ssrDocument;
+  return doc;
+}
+
+
 
 /***/ }),
 
@@ -1184,34 +1451,62 @@ module.exports = require("styled-components");
 /***/ 31:
 /***/ (function(module, exports) {
 
+module.exports = require("lodash/throttle");
+
+/***/ }),
+
+/***/ 35:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/focus");
+
+/***/ }),
+
+/***/ 43:
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 37:
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");
 
 /***/ }),
 
-/***/ 4:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 58:
+/***/ 53:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Layer");
+module.exports = require("lodash/defer");
 
 /***/ }),
 
 /***/ 68:
 /***/ (function(module, exports) {
 
+module.exports = require("lodash/isFunction");
+
+/***/ }),
+
+/***/ 82:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Layer");
+
+/***/ }),
+
+/***/ 93:
+/***/ (function(module, exports) {
+
 module.exports = require("react-dom");
 
 /***/ })