@splunk/react-ui 4.16.2 → 4.17.0

package/Popover.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 187);
+/******/ 	return __webpack_require__(__webpack_require__.s = 183);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -104,18 +104,11 @@ module.exports = require("prop-types");
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/keys");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
 module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 12:
+/***/ 11:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -142,42 +135,118 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 144:
+/***/ 147:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/clamp");
 
 /***/ }),
 
-/***/ 145:
+/***/ 148:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/every");
 
 /***/ }),
 
-/***/ 146:
+/***/ 149:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/intersection");
 
 /***/ }),
 
-/***/ 17:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 18:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/includes");
 
 /***/ }),
 
-/***/ 187:
+/***/ 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;
+}
+
+
+
+/***/ }),
+
+/***/ 183:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -197,10 +266,10 @@ 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__(93);
+var external_react_dom_ = __webpack_require__(91);
 
 // EXTERNAL MODULE: external "lodash/clamp"
-var clamp_ = __webpack_require__(144);
+var clamp_ = __webpack_require__(147);
 var clamp_default = /*#__PURE__*/__webpack_require__.n(clamp_);
 
 // EXTERNAL MODULE: external "lodash/defer"
@@ -208,23 +277,23 @@ var defer_ = __webpack_require__(55);
 var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
 
 // EXTERNAL MODULE: external "lodash/every"
-var every_ = __webpack_require__(145);
+var every_ = __webpack_require__(148);
 var every_default = /*#__PURE__*/__webpack_require__.n(every_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(11);
+var has_ = __webpack_require__(10);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(18);
+var includes_ = __webpack_require__(16);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/intersection"
-var intersection_ = __webpack_require__(146);
+var intersection_ = __webpack_require__(149);
 var intersection_default = /*#__PURE__*/__webpack_require__.n(intersection_);
 
 // EXTERNAL MODULE: external "lodash/isFinite"
-var isFinite_ = __webpack_require__(21);
+var isFinite_ = __webpack_require__(19);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
 
 // EXTERNAL MODULE: external "lodash/isFunction"
@@ -232,7 +301,7 @@ 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_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/omit"
@@ -247,10 +316,10 @@ var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(43);
+var Animation_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(17);
+var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
@@ -262,7 +331,7 @@ var ScrollContainerContext_ = __webpack_require__(50);
 var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(35);
+var focus_ = __webpack_require__(29);
 
 // 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; }
@@ -544,7 +613,7 @@ function getPlacement(args) {
 var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(26);
+var external_react_spring_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -616,41 +685,187 @@ var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig
   displayName: "PopoverStyles__StyledLowerRightCorner",
   componentId: "sc-1nahsvw-4"
 })(["position:fixed;right:0;bottom:0;"]);
+var StyledHitArea = external_styled_components_default.a.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
+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."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+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'])
+};
+
+var getHitAreaSettings = function getHitAreaSettings(_ref) {
+  var anchorRect = _ref.anchorRect,
+      popoverEl = _ref.popoverEl,
+      popoverPlacement = _ref.popoverPlacement;
+
+  if (anchorRect != null && popoverEl != null && popoverPlacement != null) {
+    var menuRect = popoverEl.getBoundingClientRect();
+
+    if (popoverPlacement === 'above' || popoverPlacement === 'below') {
+      var anchorLeftEdge = anchorRect.left - menuRect.left;
+      var verticalStart = anchorRect.height;
+      var verticalEnd = 0;
+
+      if (popoverPlacement === 'above') {
+        verticalStart = 0;
+        verticalEnd = anchorRect.height;
+      }
+
+      var menuStart = "0 ".concat(verticalStart);
+      var menuEnd = "".concat(menuRect.width, " ").concat(verticalStart);
+      var anchorStartNear = "".concat(anchorLeftEdge, " ").concat(verticalStart);
+      var anchorStartFar = "".concat(anchorLeftEdge, " ").concat(verticalEnd);
+      var anchorEndNear = "".concat(anchorLeftEdge + anchorRect.width, " ").concat(verticalStart);
+      var anchorEndFar = "".concat(anchorLeftEdge + anchorRect.width, " ").concat(verticalEnd);
+      var hitAreaPath = "\n                        M ".concat(menuStart, "\n                        S ").concat(anchorStartNear, " , ").concat(anchorStartFar, "\n                        L ").concat(anchorStartNear, "\n                        L ").concat(anchorEndNear, "\n                        L ").concat(anchorEndFar, "\n                        S ").concat(anchorEndNear, " , ").concat(menuEnd, "\n                    ");
+      return {
+        hitAreaPath: hitAreaPath,
+        hitAreaStyle: {
+          left: menuRect.left,
+          top: anchorRect.top,
+          width: menuRect.width,
+          height: anchorRect.height
+        }
+      };
+    }
+
+    if (popoverPlacement === 'left' || popoverPlacement === 'right') {
+      var anchorTopEdge = anchorRect.top - menuRect.top;
+      var horizontalStart = 0;
+      var horizontalEnd = anchorRect.width;
+
+      if (popoverPlacement === 'right') {
+        horizontalStart = anchorRect.width;
+        horizontalEnd = 0;
+      }
+
+      var _menuStart = "".concat(horizontalStart, " 0");
+
+      var _menuEnd = "".concat(horizontalStart, " ").concat(menuRect.height);
+
+      var _anchorStartNear = "".concat(horizontalStart, " ").concat(anchorTopEdge);
+
+      var _anchorStartFar = "".concat(horizontalEnd, " ").concat(anchorTopEdge);
+
+      var _anchorEndNear = "".concat(horizontalStart, " ").concat(anchorTopEdge + anchorRect.height);
+
+      var _anchorEndFar = "".concat(horizontalEnd, " ").concat(anchorTopEdge + anchorRect.height);
 
+      var _hitAreaPath = "\n                        M ".concat(_menuStart, "\n                        S ").concat(_anchorStartNear, " , ").concat(_anchorStartFar, "\n                        L ").concat(_anchorStartNear, "\n                        L ").concat(_anchorEndNear, "\n                        L ").concat(_anchorEndFar, "\n                        S ").concat(_anchorEndNear, " , ").concat(_menuEnd, "\n                    ");
+
+      return {
+        hitAreaPath: _hitAreaPath,
+        hitAreaStyle: {
+          left: anchorRect.left,
+          top: menuRect.top,
+          width: anchorRect.width,
+          height: menuRect.height
+        }
+      };
+    }
+  }
+
+  return {
+    hitAreaPath: null,
+    hitAreaStyle: {}
+  };
+};
+
+var PopoverHitArea = /*#__PURE__*/external_react_default.a.forwardRef(function (_ref2, ref) {
+  var anchorRect = _ref2.anchorRect,
+      popoverEl = _ref2.popoverEl,
+      popoverPlacement = _ref2.popoverPlacement;
+
+  var _useState = Object(external_react_["useState"])(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      hitAreaPathState = _useState2[0],
+      setHitAreaPathState = _useState2[1];
+
+  var _useState3 = Object(external_react_["useState"])({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hitAreaStyleState = _useState4[0],
+      setHitAreaStyleState = _useState4[1];
+
+  Object(external_react_["useEffect"])(function () {
+    var _getHitAreaSettings = getHitAreaSettings({
+      anchorRect: anchorRect,
+      popoverEl: popoverEl,
+      popoverPlacement: popoverPlacement
+    }),
+        hitAreaPath = _getHitAreaSettings.hitAreaPath,
+        hitAreaStyle = _getHitAreaSettings.hitAreaStyle;
+
+    setHitAreaPathState(hitAreaPath);
+    setHitAreaStyleState(hitAreaStyle);
+  }, [anchorRect, popoverEl, popoverPlacement]);
+
+  if (hitAreaPathState != null) {
+    return /*#__PURE__*/external_react_default.a.createElement(StyledHitArea, {
+      "data-test": "popover-hit-area",
+      style: hitAreaStyleState
+    }, /*#__PURE__*/external_react_default.a.createElement("path", {
+      d: hitAreaPathState,
+      ref: ref
+    }));
+  }
+
+  return null;
+});
+PopoverHitArea.propTypes = propTypes;
+/* harmony default export */ var Popover_PopoverHitArea = (PopoverHitArea);
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(12);
+var updateReactRef = __webpack_require__(11);
 
 // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
-var ssrWindow = __webpack_require__(20);
+var ssrWindow = __webpack_require__(18);
 
 // 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); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || Popover_unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return Popover_arrayLikeToArray(arr); }
 
 function Popover_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 Popover_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Popover_ownKeys(Object(source), true).forEach(function (key) { Popover_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Popover_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function Popover_slicedToArray(arr, i) { return Popover_arrayWithHoles(arr) || Popover_iterableToArrayLimit(arr, i) || Popover_unsupportedIterableToArray(arr, i) || Popover_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."); }
+function Popover_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."); }
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function Popover_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Popover_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Popover_arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function Popover_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function Popover_iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function Popover_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -697,12 +912,13 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
+
 
 
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
-var propTypes = {
+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,
@@ -715,7 +931,7 @@ 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,
+  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]),
@@ -884,7 +1100,6 @@ 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;
@@ -935,7 +1150,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           placement: placement,
           outerContainerEl: _this.outerContainerEl
         }) : [],
-            _ref3 = _slicedToArray(_ref2, 2),
+            _ref3 = Popover_slicedToArray(_ref2, 2),
             arrowStyle = _ref3[0],
             arrowStyleTransformMeta = _ref3[1];
 
@@ -947,9 +1162,6 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
           return null;
         }
 
-        onReposition === null || onReposition === void 0 ? void 0 : onReposition({
-          placement: placement
-        });
         return {
           anchorPos: anchorPos,
           arrowStyle: arrowStyle,
@@ -1209,6 +1421,9 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
       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, {
         target: scrollContainer,
         eventType: "scroll",
@@ -1239,7 +1454,12 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
         open: open,
         onRequestClose: this.handleRequestClose,
         key: "Layer"
-      }, open && this.renderLayer())];
+      }, open && this.innerContainerEl && this.props.hitAreaRef && /*#__PURE__*/external_react_default.a.createElement(Popover_PopoverHitArea, {
+        anchorRect: anchorPos,
+        popoverEl: this.innerContainerEl,
+        popoverPlacement: placement,
+        ref: this.props.hitAreaRef
+      }), open && this.renderLayer())];
     }
   }]);
 
@@ -1250,7 +1470,7 @@ Popover_defineProperty(Popover_Popover, "contextType", ScrollContainerContext_de
 
 Popover_defineProperty(Popover_Popover, "defaultProps", defaultProps);
 
-Popover_defineProperty(Popover_Popover, "propTypes", propTypes);
+Popover_defineProperty(Popover_Popover, "propTypes", Popover_propTypes);
 
 Popover_defineProperty(Popover_Popover, "getDerivedStateFromProps", function (props, state) {
   if (props.open !== state.prevOpen) {
@@ -1273,104 +1493,28 @@ PopoverWithTheme.propTypes = Popover_Popover.propTypes;
 
 /***/ }),
 
-/***/ 2:
+/***/ 19:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 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("lodash/isFinite");
 
 /***/ }),
 
-/***/ 21:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/isFinite");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 26:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 28:
+/***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1441,28 +1585,28 @@ function getDocument() {
 
 /***/ }),
 
-/***/ 3:
+/***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/ui-utils/focus");
 
 /***/ }),
 
-/***/ 31:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/throttle");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 35:
+/***/ 31:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/focus");
+module.exports = require("lodash/throttle");
 
 /***/ }),
 
-/***/ 43:
+/***/ 40:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");
@@ -1504,7 +1648,14 @@ module.exports = require("@splunk/react-ui/Layer");
 
 /***/ }),
 
-/***/ 93:
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/keys");
+
+/***/ }),
+
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");