@splunk/react-ui 4.19.0 → 4.21.0

package/Popover.js

@@ -1,339 +1,117 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 186);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 10:
-/***/ (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
-    }
-  }
-}
-
-
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/has");
-
-/***/ }),
-
-/***/ 148:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/clamp");
-
-/***/ }),
-
-/***/ 149:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/every");
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/includes");
-
-/***/ }),
-
-/***/ 150:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/intersection");
-
-/***/ }),
-
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/EventListener");
-
-/***/ }),
-
-/***/ 18:
-/***/ (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__(27);
-/* 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;
-}
-
-
-
-/***/ }),
-
-/***/ 186:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Popover_Popover; });
-__webpack_require__.d(__webpack_exports__, "PopoverContext", function() { return /* reexport */ PopoverContext; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-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__(91);
-
-// EXTERNAL MODULE: external "lodash/clamp"
-var clamp_ = __webpack_require__(148);
-var clamp_default = /*#__PURE__*/__webpack_require__.n(clamp_);
-
-// EXTERNAL MODULE: external "lodash/defer"
-var defer_ = __webpack_require__(55);
-var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
-
-// EXTERNAL MODULE: external "lodash/every"
-var every_ = __webpack_require__(149);
-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__(15);
-var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
-
-// EXTERNAL MODULE: external "lodash/intersection"
-var intersection_ = __webpack_require__(150);
-var intersection_default = /*#__PURE__*/__webpack_require__.n(intersection_);
-
-// EXTERNAL MODULE: external "lodash/isFinite"
-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_default = /*#__PURE__*/__webpack_require__.n(isFunction_);
-
-// EXTERNAL MODULE: external "lodash/keys"
-var keys_ = __webpack_require__(9);
-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__(40);
-
-// 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__(83);
-var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(50);
-var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(29);
+__webpack_require__.d(__webpack_exports__, {
+  PopoverContext: () => (/* reexport */ PopoverContext),
+  "default": () => (/* reexport */ Popover_Popover)
+});
 
-// CONCATENATED MODULE: ./src/Popover/getPlacement.ts
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "react-dom"
+const external_react_dom_namespaceObject = require("react-dom");
+;// CONCATENATED MODULE: external "lodash/clamp"
+const clamp_namespaceObject = require("lodash/clamp");
+var clamp_default = /*#__PURE__*/__webpack_require__.n(clamp_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/defer"
+const defer_namespaceObject = require("lodash/defer");
+var defer_default = /*#__PURE__*/__webpack_require__.n(defer_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/every"
+const every_namespaceObject = require("lodash/every");
+var every_default = /*#__PURE__*/__webpack_require__.n(every_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/has"
+const has_namespaceObject = require("lodash/has");
+var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/includes"
+const includes_namespaceObject = require("lodash/includes");
+var includes_default = /*#__PURE__*/__webpack_require__.n(includes_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/intersection"
+const intersection_namespaceObject = require("lodash/intersection");
+var intersection_default = /*#__PURE__*/__webpack_require__.n(intersection_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/isFinite"
+const isFinite_namespaceObject = require("lodash/isFinite");
+var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/isFunction"
+const isFunction_namespaceObject = require("lodash/isFunction");
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/keys"
+const keys_namespaceObject = require("lodash/keys");
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/omit"
+const omit_namespaceObject = require("lodash/omit");
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/throttle"
+const throttle_namespaceObject = require("lodash/throttle");
+var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: external "@splunk/react-ui/Animation"
+const Animation_namespaceObject = require("@splunk/react-ui/Animation");
+;// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
+const EventListener_namespaceObject = require("@splunk/react-ui/EventListener");
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Layer"
+const Layer_namespaceObject = require("@splunk/react-ui/Layer");
+var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
+const ScrollContainerContext_namespaceObject = require("@splunk/react-ui/ScrollContainerContext");
+var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/focus"
+const focus_namespaceObject = require("@splunk/ui-utils/focus");
+;// 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -608,89 +386,87 @@ function getPlacement(args) {
     }
   };
 }
-// CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
-
-var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
+;// CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
 
-// EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(24);
+var PopoverContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({});
 
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+;// CONCATENATED MODULE: external "react-spring"
+const external_react_spring_namespaceObject = require("react-spring");
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: ./src/Popover/PopoverStyles.ts
 
-// CONCATENATED MODULE: ./src/Popover/PopoverStyles.ts
 
 
-
-var PopoverStyles_arrowHeight = Object(themes_["pick"])({
+var arrowHeight = (0,themes_namespaceObject.pick)({
   enterprise: '8px',
   prisma: 0
 });
-var Styled = external_styled_components_default()(external_react_spring_["animated"].div).withConfig({
+var Styled = external_styled_components_default()(external_react_spring_namespaceObject.animated.div).withConfig({
   displayName: "PopoverStyles__Styled",
   componentId: "sc-1nahsvw-0"
-})(["position:fixed;z-index:", ";left:-300%;top:-300%;"], themes_["variables"].zindexPopover);
-var StyledBox = external_styled_components_default.a.div.withConfig({
+})(["position:fixed;z-index:", ";left:-300%;top:-300%;"], themes_namespaceObject.variables.zindexPopover);
+var StyledBox = external_styled_components_default().div.withConfig({
   displayName: "PopoverStyles__StyledBox",
   componentId: "sc-1nahsvw-1"
-})(["", ";", ";", ";"], themes_["mixins"].reset('block'), function (_ref) {
+})(["", ";", ";", ";"], themes_namespaceObject.mixins.reset('block'), function (_ref) {
   var $open = _ref.$open;
-  return !$open && Object(external_styled_components_["css"])(["pointer-events:none;"]);
+  return !$open && (0,external_styled_components_namespaceObject.css)(["pointer-events:none;"]);
 }, function (_ref2) {
   var $appearance = _ref2.$appearance;
-  return $appearance !== 'none' && Object(external_styled_components_["css"])(["padding:8px;"]);
+  return $appearance !== 'none' && (0,external_styled_components_namespaceObject.css)(["padding:8px;"]);
 });
-var StyledContent = external_styled_components_default.a.div.withConfig({
+var StyledContent = external_styled_components_default().div.withConfig({
   displayName: "PopoverStyles__StyledContent",
   componentId: "sc-1nahsvw-2"
-})(["", ""], Object(themes_["pickVariant"])('$appearance', {
-  normal: Object(external_styled_components_["css"])(["background-color:", ";color:", ";border:", ";box-shadow:", ";border-radius:", ";"], themes_["variables"].backgroundColorPopup, themes_["variables"].contentColorDefault, Object(themes_["pick"])({
+})(["", ""], (0,themes_namespaceObject.pickVariant)('$appearance', {
+  normal: (0,external_styled_components_namespaceObject.css)(["background-color:", ";color:", ";border:", ";box-shadow:", ";border-radius:", ";"], themes_namespaceObject.variables.backgroundColorPopup, themes_namespaceObject.variables.contentColorDefault, (0,themes_namespaceObject.pick)({
     enterprise: {
-      light: themes_["variables"].border,
-      dark: themes_["variables"].border
+      light: themes_namespaceObject.variables.border,
+      dark: themes_namespaceObject.variables.border
     },
     prisma: 'none'
-  }), Object(themes_["pick"])({
+  }), (0,themes_namespaceObject.pick)({
     enterprise: {
-      light: Object(external_styled_components_["css"])(["0 2px 2px ", ""], themes_["mixins"].colorWithAlpha(themes_["variables"].gray20, 0.1)),
+      light: (0,external_styled_components_namespaceObject.css)(["0 2px 2px ", ""], themes_namespaceObject.mixins.colorWithAlpha(themes_namespaceObject.variables.gray20, 0.1)),
       dark: '0 1px 2px #000'
     },
-    prisma: themes_["variables"].overlayShadow
-  }), themes_["variables"].borderRadius),
+    prisma: themes_namespaceObject.variables.overlayShadow
+  }), themes_namespaceObject.variables.borderRadius),
   // Enterprise Only
-  inverted: Object(external_styled_components_["css"])(["background-color:", ";color:", ";"], Object(themes_["pick"])({
-    light: themes_["variables"].gray20,
-    dark: themes_["variables"].white
-  }), Object(themes_["pick"])({
-    light: themes_["variables"].white,
-    dark: themes_["variables"].gray30
+  inverted: (0,external_styled_components_namespaceObject.css)(["background-color:", ";color:", ";"], (0,themes_namespaceObject.pick)({
+    light: themes_namespaceObject.variables.gray20,
+    dark: themes_namespaceObject.variables.white
+  }), (0,themes_namespaceObject.pick)({
+    light: themes_namespaceObject.variables.white,
+    dark: themes_namespaceObject.variables.gray30
   }))
 })); // Enterprise Only
 
-var StyledArrow = external_styled_components_default.a.div.withConfig({
+var StyledArrow = external_styled_components_default().div.withConfig({
   displayName: "PopoverStyles__StyledArrow",
   componentId: "sc-1nahsvw-3"
-})(["width:0;height:0;border-left:", " solid transparent;border-right:", " solid transparent;position:absolute;border-bottom-width:", ";border-bottom-style:solid;", ""], PopoverStyles_arrowHeight, PopoverStyles_arrowHeight, PopoverStyles_arrowHeight, Object(themes_["pickVariant"])('$appearance', {
-  normal: Object(external_styled_components_["css"])(["border-bottom-color:", ";&::before{content:'';display:block;width:0;height:0;border-left:", " solid transparent;border-right:", " solid transparent;border-bottom:", " solid ", ";position:absolute;top:1px;left:0;margin-left:-", ";}"], Object(themes_["pick"])({
-    light: themes_["variables"].borderColor,
-    dark: themes_["variables"].black
-  }), PopoverStyles_arrowHeight, PopoverStyles_arrowHeight, PopoverStyles_arrowHeight, themes_["variables"].backgroundColor, PopoverStyles_arrowHeight),
-  inverted: Object(external_styled_components_["css"])(["border-bottom-color:", ";"], Object(themes_["pick"])({
-    light: themes_["variables"].gray20,
-    dark: themes_["variables"].white
+})(["width:0;height:0;border-left:", " solid transparent;border-right:", " solid transparent;position:absolute;border-bottom-width:", ";border-bottom-style:solid;", ""], arrowHeight, arrowHeight, arrowHeight, (0,themes_namespaceObject.pickVariant)('$appearance', {
+  normal: (0,external_styled_components_namespaceObject.css)(["border-bottom-color:", ";&::before{content:'';display:block;width:0;height:0;border-left:", " solid transparent;border-right:", " solid transparent;border-bottom:", " solid ", ";position:absolute;top:1px;left:0;margin-left:-", ";}"], (0,themes_namespaceObject.pick)({
+    light: themes_namespaceObject.variables.borderColor,
+    dark: themes_namespaceObject.variables.black
+  }), arrowHeight, arrowHeight, arrowHeight, themes_namespaceObject.variables.backgroundColor, arrowHeight),
+  inverted: (0,external_styled_components_namespaceObject.css)(["border-bottom-color:", ";"], (0,themes_namespaceObject.pick)({
+    light: themes_namespaceObject.variables.gray20,
+    dark: themes_namespaceObject.variables.white
   }))
 }));
-var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig({
+var StyledLowerRightCorner = external_styled_components_default().div.withConfig({
   displayName: "PopoverStyles__StyledLowerRightCorner",
   componentId: "sc-1nahsvw-4"
 })(["position:fixed;right:0;bottom:0;"]);
-var StyledHitArea = external_styled_components_default.a.svg.withConfig({
+var StyledHitArea = external_styled_components_default().svg.withConfig({
   displayName: "PopoverStyles__StyledHitArea",
   componentId: "sc-1nahsvw-5"
 })(["position:fixed;pointer-events:none;path{pointer-events:auto;stroke-width:0;stroke:transparent;fill:transparent;}"]);
 
-// CONCATENATED MODULE: ./src/Popover/PopoverHitArea.tsx
+;// CONCATENATED MODULE: ./src/Popover/PopoverHitArea.tsx
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -707,9 +483,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 var propTypes = {
-  anchorRect: external_prop_types_default.a.object,
-  popoverEl: external_prop_types_default.a.object,
-  popoverPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'misaligned'])
+  anchorRect: (external_prop_types_default()).object,
+  popoverEl: (external_prop_types_default()).object,
+  popoverPlacement: external_prop_types_default().oneOf(['above', 'below', 'left', 'right', 'misaligned'])
 };
 
 var getHitAreaSettings = function getHitAreaSettings(_ref) {
@@ -790,22 +566,22 @@ var getHitAreaSettings = function getHitAreaSettings(_ref) {
   };
 };
 
-var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref2, ref) {
+var PopoverHitArea = /*#__PURE__*/external_react_default().forwardRef(function (_ref2, ref) {
   var anchorRect = _ref2.anchorRect,
       popoverEl = _ref2.popoverEl,
       popoverPlacement = _ref2.popoverPlacement;
 
-  var _useState = Object(external_react_["useState"])(null),
+  var _useState = (0,external_react_namespaceObject.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
       hitAreaPathState = _useState2[0],
       setHitAreaPathState = _useState2[1];
 
-  var _useState3 = Object(external_react_["useState"])({}),
+  var _useState3 = (0,external_react_namespaceObject.useState)({}),
       _useState4 = _slicedToArray(_useState3, 2),
       hitAreaStyleState = _useState4[0],
       setHitAreaStyleState = _useState4[1];
 
-  Object(external_react_["useEffect"])(function () {
+  (0,external_react_namespaceObject.useEffect)(function () {
     var _getHitAreaSettings = getHitAreaSettings({
       anchorRect: anchorRect,
       popoverEl: popoverEl,
@@ -819,10 +595,10 @@ var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (
   }, [anchorRect, popoverEl, popoverPlacement]);
 
   if (hitAreaPathState != null) {
-    return /*#__PURE__*/external_react_default.a.createElement(StyledHitArea, {
+    return /*#__PURE__*/external_react_default().createElement(StyledHitArea, {
       "data-test": "popover-hit-area",
       style: hitAreaStyleState
-    }, /*#__PURE__*/external_react_default.a.createElement("path", {
+    }, /*#__PURE__*/external_react_default().createElement("path", {
       d: hitAreaPathState,
       ref: ref
     }));
@@ -831,14 +607,214 @@ var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (
   return null;
 });
 PopoverHitArea.propTypes = propTypes;
-/* harmony default export */ var Popover_PopoverHitArea = (PopoverHitArea);
-// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(10);
+/* harmony default export */ const Popover_PopoverHitArea = (PopoverHitArea);
+;// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+/* 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;
+}
+
+
+;// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+/* eslint-disable @typescript-eslint/no-empty-function */
+
+var ssrWindow = {
+  document: ssrDocument,
+  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;
+    }
 
-// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
-var ssrWindow = __webpack_require__(18);
+    return setTimeout(callback, 0);
+  },
+  cancelAnimationFrame: function cancelAnimationFrame(id) {
+    if (typeof setTimeout === 'undefined') {
+      return;
+    }
+
+    clearTimeout(id);
+  }
+};
 
-// CONCATENATED MODULE: ./src/Popover/Popover.tsx
+function getWindow() {
+  var win = typeof window !== 'undefined' ? window : ssrWindow;
+  return win;
+}
+
+
+;// 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 = 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
+  });
+}
+
+
+;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+/**
+ * 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
+    }
+  }
+}
+
+
+;// 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); }
 
 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); }
@@ -913,36 +889,37 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
 
 
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
 var Popover_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,
-  children: external_prop_types_default.a.oneOfType([external_prop_types_default.a.node, external_prop_types_default.a.func]),
-  closeReasons: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOf(possibleCloseReasons)),
-  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,
-  hitAreaRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  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
+  align: external_prop_types_default().oneOf(['center', 'edge', 'theme', 'end']),
+  anchor: (external_prop_types_default()).object,
+  animation: (external_prop_types_default()).bool,
+  animationConfig: (external_prop_types_default()).object,
+  appearance: external_prop_types_default().oneOf(['normal', 'inverted', 'none']),
+  autoCloseWhenOffScreen: (external_prop_types_default()).bool,
+  canCoverAnchor: (external_prop_types_default()).bool,
+  children: external_prop_types_default().oneOfType([(external_prop_types_default()).node, (external_prop_types_default()).func]),
+  closeReasons: external_prop_types_default().arrayOf(external_prop_types_default().oneOf(possibleCloseReasons)),
+  defaultPlacement: external_prop_types_default().oneOf(['above', 'below', 'left', 'right', 'vertical', 'horizontal']),
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  id: (external_prop_types_default()).string,
+  hitAreaRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  onRequestClose: (external_prop_types_default()).func,
+  open: (external_prop_types_default()).bool,
+  outerRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  pointTo: external_prop_types_default().shape({
+    x: (external_prop_types_default()).number,
+    y: (external_prop_types_default()).number
   }),
-  repositionMode: external_prop_types_default.a.oneOf(['none', 'flip', 'any']),
-  retainFocus: external_prop_types_default.a.bool,
-  takeFocus: external_prop_types_default.a.bool,
-  splunkTheme: external_prop_types_default.a.object
+  repositionMode: external_prop_types_default().oneOf(['none', 'flip', 'any']),
+  retainFocus: (external_prop_types_default()).bool,
+  takeFocus: (external_prop_types_default()).bool,
+  splunkTheme: (external_prop_types_default()).object
 };
 var defaultProps = {
   align: 'theme',
@@ -981,7 +958,7 @@ function isHTMLElement(container) {
  */
 
 
-var Popover_Popover = /*#__PURE__*/function (_Component) {
+var Popover = /*#__PURE__*/function (_Component) {
   _inherits(Popover, _Component);
 
   var _super = _createSuper(Popover);
@@ -1075,7 +1052,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
@@ -1093,7 +1071,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "setPlacement", function (scrolling) {
-      var window = Object(ssrWindow["a" /* getWindow */])();
+      var window = getWindow();
 
       _this.setState(function (state) {
         var _state$arrowStyleTran;
@@ -1116,12 +1094,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;
           }
         }
@@ -1184,7 +1164,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       if (anchor && !(anchor instanceof HTMLElement)) {
         if (false) {}
 
-        anchorEl = Object(external_react_dom_["findDOMNode"])(anchor); // eslint-disable-line react/no-find-dom-node
+        anchorEl = (0,external_react_dom_namespaceObject.findDOMNode)(anchor); // eslint-disable-line react/no-find-dom-node
       } else {
         anchorEl = anchor !== null && anchor !== void 0 ? anchor : undefined;
       }
@@ -1202,23 +1182,23 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       _this.innerContainerEl = el;
 
       if (el && _this.props.takeFocus) {
-        defer_default()(focus_["takeFocus"], el);
+        defer_default()(focus_namespaceObject.takeFocus, el);
       }
 
-      Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
+      updateReactRef(_this.props.elementRef, el);
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "handleOuterContainerMount", function (el) {
       _this.outerContainerEl = el;
-      Object(updateReactRef["a" /* updateReactRef */])(_this.props.outerRef, el);
+      updateReactRef(_this.props.outerRef, el);
     });
 
     Popover_defineProperty(_assertThisInitialized(_this), "handleTab", function (e) {
       if (_this.innerContainerEl) {
         if (_this.props.retainFocus) {
-          Object(focus_["handleTab"])(_this.innerContainerEl, e);
-        } else if (Object(focus_["isTabKey"])(e)) {
-          var tabbableElements = Object(focus_["getSortedTabbableElements"])(_this.innerContainerEl);
+          (0,focus_namespaceObject.handleTab)(_this.innerContainerEl, e);
+        } else if ((0,focus_namespaceObject.isTabKey)(e)) {
+          var tabbableElements = (0,focus_namespaceObject.getSortedTabbableElements)(_this.innerContainerEl);
 
           if (tabbableElements.length > 0) {
             var finalTabbale = e.shiftKey ? tabbableElements[0] : tabbableElements[tabbableElements.length - 1];
@@ -1294,7 +1274,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       };
       /* eslint-disable jsx-a11y/no-static-element-interactions */
 
-      return /*#__PURE__*/external_react_default.a.createElement(Animation_["Spring"], {
+      return /*#__PURE__*/external_react_default().createElement(Animation_namespaceObject.Spring, {
         from: {
           opacity: animation ? 0 : 1
         },
@@ -1305,11 +1285,11 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         }, animationConfig),
         onRest: _this.handleAnimationEnd
       }, function (interpolatedStyles) {
-        return /*#__PURE__*/external_react_default.a.createElement(Styled, {
+        return /*#__PURE__*/external_react_default().createElement(Styled, {
           "data-test": "outer-popover",
           style: Popover_objectSpread(Popover_objectSpread({}, outerContainerStyle), interpolatedStyles),
           ref: _this.handleOuterContainerMount
-        }, (open || _this.state.animating) && /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
+        }, (open || _this.state.animating) && /*#__PURE__*/external_react_default().createElement(StyledBox, _extends({
           $appearance: displayAppearance,
           $open: open,
           "data-test": "popover",
@@ -1318,19 +1298,19 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           id: id,
           onKeyDown: _this.handleTab // TODO: remove anchor once prop type generation is fixed
 
-        }, omit_default()(_this.props, ['anchor'].concat(_toConsumableArray(keys_default()(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().createElement(PopoverContext.Provider, {
           value: {
             retainFocus: retainFocus
           }
-        }, /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, appearance === 'none' && children, appearance !== 'none' && !isPrisma && /*#__PURE__*/external_react_default.a.createElement(StyledArrow, {
+        }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, appearance === 'none' && children, appearance !== 'none' && !isPrisma && /*#__PURE__*/external_react_default().createElement(StyledArrow, {
           $appearance: displayAppearance,
           ref: function ref(arrow) {
             _this.arrow = arrow;
           },
           style: arrowStyle
-        }), appearance !== 'none' && /*#__PURE__*/external_react_default.a.createElement(StyledContent, {
+        }), appearance !== 'none' && /*#__PURE__*/external_react_default().createElement(StyledContent, {
           $appearance: displayAppearance
-        }, isFunction_default()(children) ? children(childData) : children)))), /*#__PURE__*/external_react_default.a.createElement(StyledLowerRightCorner, {
+        }, isFunction_default()(children) ? children(childData) : children)))), /*#__PURE__*/external_react_default().createElement(StyledLowerRightCorner, {
           ref: function ref(el) {
             _this.windowSizeMeasurementEl = el;
           }
@@ -1374,7 +1354,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         // causes the popover contents to receive focus even though the popover closing
 
         if (!prevProps.open && this.props.open && this.props.takeFocus) {
-          Object(focus_["takeFocus"])(this.innerContainerEl);
+          (0,focus_namespaceObject.takeFocus)(this.innerContainerEl);
         }
       }
     }
@@ -1389,7 +1369,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
   }, {
     key: "autoCloseWhenOffScreen",
     value: function autoCloseWhenOffScreen(anchorPosition, scrollContainerPosition) {
-      var window = Object(ssrWindow["a" /* getWindow */])();
+      var window = getWindow();
 
       if (anchorPosition.top < 0 || anchorPosition.top > window.innerHeight || anchorPosition.left < 0 || anchorPosition.left > window.innerWidth) {
         this.requestClose({
@@ -1421,14 +1401,16 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var window = Object(ssrWindow["a" /* getWindow */])();
+      var window = getWindow();
       var open = this.props.open || this.state.animating;
       var scrollContainer = this.context || window;
       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().createElement((EventListener_default()), {
         target: scrollContainer,
         eventType: "scroll",
         listener: this.handleScroll,
@@ -1437,12 +1419,12 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           capture: true
         },
         key: "eventListener"
-      }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+      }), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
         target: window,
         eventType: "resize",
         listener: this.setPlacement,
         key: "eventListenerOnWindowResize"
-      }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+      }), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
         target: window,
         eventType: "scroll",
         listener: this.handleWindowScroll,
@@ -1451,32 +1433,33 @@ 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().createElement((Layer_default()), {
         closeReasons: intersection_default()(this.props.closeReasons.filter(function (reason) {
           return reason !== 'offScreen';
-        }), Layer_default.a.possibleCloseReasons),
+        }), (Layer_default()).possibleCloseReasons),
         open: open,
         onRequestClose: this.handleRequestClose,
         key: "Layer"
-      }, open && this.innerContainerEl && this.props.hitAreaRef && /*#__PURE__*/external_react_default.a.createElement(Popover_PopoverHitArea, {
+      }, open && this.innerContainerEl && this.props.hitAreaRef && /*#__PURE__*/external_react_default().createElement(Popover_PopoverHitArea, {
         anchorRect: anchorPos,
         popoverEl: this.innerContainerEl,
         popoverPlacement: placement,
         ref: this.props.hitAreaRef
-      }), open && this.renderLayer())];
+      }), open && this.renderLayer())]);
     }
   }]);
 
   return Popover;
-}(external_react_["Component"]);
+}(external_react_namespaceObject.Component);
 
-Popover_defineProperty(Popover_Popover, "contextType", ScrollContainerContext_default.a);
+Popover_defineProperty(Popover, "contextType", (ScrollContainerContext_default()));
 
-Popover_defineProperty(Popover_Popover, "defaultProps", defaultProps);
+Popover_defineProperty(Popover, "defaultProps", defaultProps);
 
-Popover_defineProperty(Popover_Popover, "propTypes", Popover_propTypes);
+Popover_defineProperty(Popover, "propTypes", Popover_propTypes);
 
-Popover_defineProperty(Popover_Popover, "getDerivedStateFromProps", function (props, state) {
+Popover_defineProperty(Popover, "getDerivedStateFromProps", function (props, state) {
   if (props.open !== state.prevOpen) {
     return {
       animating: props.animation,
@@ -1487,183 +1470,13 @@ Popover_defineProperty(Popover_Popover, "getDerivedStateFromProps", function (pr
   return null;
 });
 
-var PopoverWithTheme = Object(themes_["withSplunkTheme"])(Popover_Popover);
-PopoverWithTheme.propTypes = Popover_Popover.propTypes;
-/* harmony default export */ var src_Popover_Popover = (PopoverWithTheme);
-// CONCATENATED MODULE: ./src/Popover/index.ts
-
-
-
-
-/***/ }),
-
-/***/ 19:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/isFinite");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, exports) {
-
-module.exports = require("react-spring");
-
-/***/ }),
-
-/***/ 27:
-/***/ (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;
-}
-
-
-
-/***/ }),
-
-/***/ 29:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/focus");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/throttle");
-
-/***/ }),
-
-/***/ 40:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Animation");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 50:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScrollContainerContext");
-
-/***/ }),
-
-/***/ 55:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/defer");
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/isFunction");
-
-/***/ }),
-
-/***/ 83:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Layer");
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/keys");
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, exports) {
+var PopoverWithTheme = (0,themes_namespaceObject.withSplunkTheme)(Popover);
+PopoverWithTheme.propTypes = Popover.propTypes;
+/* harmony default export */ const Popover_Popover = (PopoverWithTheme);
+;// CONCATENATED MODULE: ./src/Popover/index.ts
 
-module.exports = require("react-dom");
 
-/***/ })
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;