@splunk/react-ui 4.21.0 → 4.22.0

package/Popover.js

@@ -1,1482 +1,1509 @@
-/******/ (() => { // 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] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* 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 });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  PopoverContext: () => (/* reexport */ PopoverContext),
-  "default": () => (/* reexport */ Popover_Popover)
-});
-
-;// 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; }
-
-function _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; }
-
-function getInitialStyle(_ref) {
-  var align = _ref.align,
-      anchorPos = _ref.anchorPos,
-      outerContainerEl = _ref.outerContainerEl,
-      padding = _ref.padding,
-      placement = _ref.placement;
-
-  switch (placement) {
-    case 'above':
-      return {
-        top: anchorPos.top - outerContainerEl.offsetHeight,
-        left: align === 'edge' ? anchorPos.left - padding : anchorPos.middle - outerContainerEl.offsetWidth / 2
-      };
-
-    case 'below':
-      // Align 'end' is only supported by below
-      // TODO: SUI-5101 Enable users to align Popover and Dropdown
-      if (align === 'end') {
-        return {
-          top: anchorPos.bottom,
-          left: anchorPos.right - outerContainerEl.offsetWidth + padding
-        };
-      }
-
-      return {
-        top: anchorPos.bottom,
-        left: align === 'edge' ? anchorPos.left - padding : anchorPos.middle - outerContainerEl.offsetWidth / 2
-      };
-
-    case 'left':
-      return {
-        top: align === 'edge' ? anchorPos.top - padding : anchorPos.center - outerContainerEl.offsetHeight / 2,
-        left: anchorPos.left - outerContainerEl.offsetWidth
-      };
-
-    case 'right':
-      return {
-        top: align === 'edge' ? anchorPos.top - padding : anchorPos.center - outerContainerEl.offsetHeight / 2,
-        left: anchorPos.right
-      };
-
-    default:
-      throw new Error("".concat(placement, " is not a valid placement value. Valid options are: 'above', 'below', 'left', or 'right'"));
-  }
-}
-
-function getPlacement(args) {
-  var align = args.align,
-      anchorPos = args.anchorPos,
-      scrollContainerPos = args.scrollContainerPos,
-      canCoverAnchor = args.canCoverAnchor,
-      defaultPlacement = args.defaultPlacement,
-      outerContainerEl = args.outerContainerEl,
-      padding = args.padding,
-      repositionMode = args.repositionMode,
-      windowHeight = args.windowHeight,
-      windowWidth = args.windowWidth;
-  var repositionFlip = repositionMode === 'flip';
-  var repositionAny = repositionMode === 'any';
-  var canReposition = repositionFlip || repositionAny;
-  var placement = args.placement || defaultPlacement; // Translate vertical/horizontal to above/below/left/right
-
-  if (defaultPlacement === 'vertical') {
-    placement = anchorPos.top > windowHeight - anchorPos.bottom ? 'above' : 'below';
-  } else if (defaultPlacement === 'horizontal') {
-    placement = anchorPos.left > windowWidth - anchorPos.right ? 'left' : 'right';
-  }
-
-  var resolvedPlacement = placement; // Initialize the result variables. These will be mutated as needed and returned.
-
-  var _getInitialStyle = getInitialStyle({
-    align: align,
-    anchorPos: anchorPos,
-    outerContainerEl: outerContainerEl,
-    padding: padding,
-    placement: resolvedPlacement
-  }),
-      top = _getInitialStyle.top,
-      left = _getInitialStyle.left;
-
-  var bottom = 'auto';
-  var maxWidth = windowWidth;
-  var maxHeight = windowHeight;
-  var placementStatus = resolvedPlacement; // Boolean convenience variables to simplify positioning logic.
-
-  var canPlaceAbove = anchorPos.top - outerContainerEl.offsetHeight > 0;
-  var canPlaceBelow = anchorPos.bottom + outerContainerEl.offsetHeight < windowHeight;
-  var canPlaceLeft = anchorPos.left - outerContainerEl.offsetWidth > 0;
-  var canPlaceRight = anchorPos.right + outerContainerEl.offsetWidth < windowWidth;
-  var significantlyMoreSpaceAbove = anchorPos.top * 0.7 > windowHeight - anchorPos.bottom;
-  var offScreenRight = (align === 'edge' ? anchorPos.left + outerContainerEl.offsetWidth - padding : anchorPos.middle + outerContainerEl.offsetWidth / 2) > windowWidth;
-  var offScreenLeft = (align === 'edge' ? anchorPos.left - padding : anchorPos.middle - outerContainerEl.offsetWidth / 2) < 0;
-  var offScreenTop = (align === 'edge' ? anchorPos.top - padding : anchorPos.top - outerContainerEl.offsetHeight / 2) < 0;
-  var offScreenBottom = (align === 'edge' ? anchorPos.top + outerContainerEl.offsetHeight - padding : anchorPos.bottom + outerContainerEl.offsetHeight / 2) > windowHeight; // Handle each of the four placement options individually.
-
-  if (placementStatus === 'above') {
-    if (!canPlaceAbove && canReposition) {
-      if (canPlaceBelow) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'below'
-        }));
-      }
-
-      if (repositionAny && canPlaceRight) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'right'
-        }));
-      }
-
-      if (repositionAny && canPlaceLeft) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'left'
-        }));
-      }
-
-      if (canCoverAnchor) {
-        placementStatus = 'misaligned';
-        top = 0;
-      }
-    }
-
-    if (placementStatus !== 'misaligned') {
-      bottom = windowHeight - top - outerContainerEl.offsetHeight;
-
-      if (scrollContainerPos) {
-        bottom = Math.min(bottom, windowHeight - scrollContainerPos.top);
-      }
-
-      top = 'auto';
-    }
-
-    if (offScreenRight) {
-      left = Math.max(windowWidth - outerContainerEl.offsetWidth, 0);
-    } else if (offScreenLeft) {
-      left = 0;
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
+            /******/;
+            e.d(r, {
+                a: r
+            });
+            /******/            return r;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
+                        enumerable: true,
+                        get: r[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        PopoverContext: () => /* reexport */ $,
+        default: () => /* reexport */ Ze
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var n =  e.n(r);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "react-dom"
+    const i = require("react-dom");
+    // CONCATENATED MODULE: external "lodash/clamp"
+    const l = require("lodash/clamp");
+    var c =  e.n(l);
+    // CONCATENATED MODULE: external "lodash/defer"
+    const f = require("lodash/defer");
+    var s =  e.n(f);
+    // CONCATENATED MODULE: external "lodash/every"
+    const u = require("lodash/every");
+    var p =  e.n(u);
+    // CONCATENATED MODULE: external "lodash/has"
+    const h = require("lodash/has");
+    var d =  e.n(h);
+    // CONCATENATED MODULE: external "lodash/includes"
+    const v = require("lodash/includes");
+    var m =  e.n(v);
+    // CONCATENATED MODULE: external "lodash/intersection"
+    const b = require("lodash/intersection");
+    var y =  e.n(b);
+    // CONCATENATED MODULE: external "lodash/isFinite"
+    const g = require("lodash/isFinite");
+    var w =  e.n(g);
+    // CONCATENATED MODULE: external "lodash/isFunction"
+    const S = require("lodash/isFunction");
+    var O =  e.n(S);
+    // CONCATENATED MODULE: external "lodash/keys"
+    const P = require("lodash/keys");
+    var E =  e.n(P);
+    // CONCATENATED MODULE: external "lodash/omit"
+    const C = require("lodash/omit");
+    var j =  e.n(C);
+    // CONCATENATED MODULE: external "lodash/throttle"
+    const k = require("lodash/throttle");
+    var x =  e.n(k);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const A = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
+    const T = require("@splunk/react-ui/Animation");
+    // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
+    const R = require("@splunk/react-ui/EventListener");
+    var q =  e.n(R);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Layer"
+    const W = require("@splunk/react-ui/Layer");
+    var M =  e.n(W);
+    // CONCATENATED MODULE: external "@splunk/react-ui/ScrollContainerContext"
+    const H = require("@splunk/react-ui/ScrollContainerContext");
+    var _ =  e.n(H);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
+    const L = require("@splunk/ui-utils/focus");
+    // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
+    function D(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            if (t) n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            r.push.apply(r, n);
+        }
+        return r;
     }
-
-    if (!canCoverAnchor) {
-      maxHeight = anchorPos.top;
+    function I(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                D(Object(r), true).forEach((function(t) {
+                    F(e, t, r[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
+            } else {
+                D(Object(r)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                }));
+            }
+        }
+        return e;
     }
-  }
-
-  if (placementStatus === 'below') {
-    if (!canPlaceBelow && canReposition) {
-      if (canPlaceAbove && significantlyMoreSpaceAbove) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'above'
-        }));
-      }
-
-      if (repositionAny && canPlaceRight) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'right'
-        }));
-      }
-
-      if (repositionAny && canPlaceLeft) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'left'
-        }));
-      }
-
-      if (canCoverAnchor) {
-        placementStatus = 'misaligned';
-        top = 0;
-      }
+    function F(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = r;
+        }
+        return e;
     }
-
-    if (scrollContainerPos) {
-      top = Math.min(top, scrollContainerPos.bottom);
+    function N(e) {
+        var t = e.align, r = e.anchorPos, n = e.outerContainerEl, o = e.padding, a = e.placement;
+        switch (a) {
+          case "above":
+            return {
+                top: r.top - n.offsetHeight,
+                left: t === "edge" ? r.left - o : r.middle - n.offsetWidth / 2
+            };
+
+          case "below":
+            // Align 'end' is only supported by below
+            // TODO: SUI-5101 Enable users to align Popover and Dropdown
+            if (t === "end") {
+                return {
+                    top: r.bottom,
+                    left: r.right - n.offsetWidth + o
+                };
+            }
+            return {
+                top: r.bottom,
+                left: t === "edge" ? r.left - o : r.middle - n.offsetWidth / 2
+            };
+
+          case "left":
+            return {
+                top: t === "edge" ? r.top - o : r.center - n.offsetHeight / 2,
+                left: r.left - n.offsetWidth
+            };
+
+          case "right":
+            return {
+                top: t === "edge" ? r.top - o : r.center - n.offsetHeight / 2,
+                left: r.right
+            };
+
+          default:
+            throw new Error("".concat(a, " is not a valid placement value. Valid options are: 'above', 'below', 'left', or 'right'"));
+        }
     }
-
-    if (offScreenRight) {
-      left = Math.max(windowWidth - outerContainerEl.offsetWidth, 0);
-    } else if (offScreenLeft) {
-      left = 0;
+    function z(e) {
+        var t = e.align, r = e.anchorPos, n = e.scrollContainerPos, o = e.canCoverAnchor, a = e.defaultPlacement, i = e.outerContainerEl, l = e.padding, c = e.repositionMode, f = e.windowHeight, s = e.windowWidth;
+        var u = c === "flip";
+        var p = c === "any";
+        var h = u || p;
+        var d = e.placement || a;
+ // Translate vertical/horizontal to above/below/left/right
+                if (a === "vertical") {
+            d = r.top > f - r.bottom ? "above" : "below";
+        } else if (a === "horizontal") {
+            d = r.left > s - r.right ? "left" : "right";
+        }
+        var v = d;
+ // Initialize the result variables. These will be mutated as needed and returned.
+                var m = N({
+            align: t,
+            anchorPos: r,
+            outerContainerEl: i,
+            padding: l,
+            placement: v
+        }), b = m.top, y = m.left;
+        var g = "auto";
+        var w = s;
+        var S = f;
+        var O = v;
+ // Boolean convenience variables to simplify positioning logic.
+                var P = r.top - i.offsetHeight > 0;
+        var E = r.bottom + i.offsetHeight < f;
+        var C = r.left - i.offsetWidth > 0;
+        var j = r.right + i.offsetWidth < s;
+        var k = r.top * .7 > f - r.bottom;
+        var x = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > s;
+        var A = (t === "edge" ? r.left - l : r.middle - i.offsetWidth / 2) < 0;
+        var T = (t === "edge" ? r.top - l : r.top - i.offsetHeight / 2) < 0;
+        var R = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > f;
+ // Handle each of the four placement options individually.
+                if (O === "above") {
+            if (!P && h) {
+                if (E) {
+                    return z(I(I({}, e), {}, {
+                        placement: "below"
+                    }));
+                }
+                if (p && j) {
+                    return z(I(I({}, e), {}, {
+                        placement: "right"
+                    }));
+                }
+                if (p && C) {
+                    return z(I(I({}, e), {}, {
+                        placement: "left"
+                    }));
+                }
+                if (o) {
+                    O = "misaligned";
+                    b = 0;
+                }
+            }
+            if (O !== "misaligned") {
+                g = f - b - i.offsetHeight;
+                if (n) {
+                    g = Math.min(g, f - n.top);
+                }
+                b = "auto";
+            }
+            if (x) {
+                y = Math.max(s - i.offsetWidth, 0);
+            } else if (A) {
+                y = 0;
+            }
+            if (!o) {
+                S = r.top;
+            }
+        }
+        if (O === "below") {
+            if (!E && h) {
+                if (P && k) {
+                    return z(I(I({}, e), {}, {
+                        placement: "above"
+                    }));
+                }
+                if (p && j) {
+                    return z(I(I({}, e), {}, {
+                        placement: "right"
+                    }));
+                }
+                if (p && C) {
+                    return z(I(I({}, e), {}, {
+                        placement: "left"
+                    }));
+                }
+                if (o) {
+                    O = "misaligned";
+                    b = 0;
+                }
+            }
+            if (n) {
+                b = Math.min(b, n.bottom);
+            }
+            if (x) {
+                y = Math.max(s - i.offsetWidth, 0);
+            } else if (A) {
+                y = 0;
+            }
+            if (!o) {
+                S = f - r.bottom;
+            }
+        }
+        if (O === "left") {
+            if (!C && h) {
+                if (j) {
+                    return z(I(I({}, e), {}, {
+                        placement: "right"
+                    }));
+                }
+                if (p && E) {
+                    return z(I(I({}, e), {}, {
+                        placement: "below"
+                    }));
+                }
+                if (p && P) {
+                    return z(I(I({}, e), {}, {
+                        placement: "above"
+                    }));
+                }
+                if (o) {
+                    O = "misaligned";
+                    b = 0;
+                }
+            }
+            if (T) {
+                b = 0;
+            } else if (R) {
+                b = Math.max(f - i.offsetHeight, 0);
+            }
+            if (!o) {
+                w = r.left;
+            }
+        }
+        if (O === "right") {
+            if (!j && h) {
+                if (C) {
+                    return z(I(I({}, e), {}, {
+                        placement: "left"
+                    }));
+                }
+                if (p && E) {
+                    return z(I(I({}, e), {}, {
+                        placement: "below"
+                    }));
+                }
+                if (p && P) {
+                    return z(I(I({}, e), {}, {
+                        placement: "above"
+                    }));
+                }
+                if (o) {
+                    O = "misaligned";
+                    b = 0;
+                }
+            }
+            if (T) {
+                b = 0;
+            } else if (R) {
+                b = Math.max(f - i.offsetHeight, 0);
+            }
+            if (!o) {
+                w = s - r.left;
+            }
+        }
+        return {
+            placement: O,
+            maxHeight: S,
+            maxWidth: w,
+            outerContainerStyle: {
+                top: b,
+                left: y,
+                bottom: g
+            }
+        };
     }
-
-    if (!canCoverAnchor) {
-      maxHeight = windowHeight - anchorPos.bottom;
+    // CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
+    var $ =  (0, r.createContext)({});
+    // CONCATENATED MODULE: external "react-spring"
+    const U = require("react-spring");
+    // CONCATENATED MODULE: external "styled-components"
+    const K = require("styled-components");
+    var V =  e.n(K);
+    // CONCATENATED MODULE: ./src/Popover/PopoverStyles.ts
+    var B = (0, A.pick)({
+        enterprise: "8px",
+        prisma: 0
+    });
+    var X = V()(U.animated.div).withConfig({
+        displayName: "PopoverStyles__Styled",
+        componentId: "sc-1nahsvw-0"
+    })([ "position:fixed;z-index:", ";left:-300%;top:-300%;" ], A.variables.zindexPopover);
+    var Y = V().div.withConfig({
+        displayName: "PopoverStyles__StyledBox",
+        componentId: "sc-1nahsvw-1"
+    })([ "", ";", ";", ";" ], A.mixins.reset("block"), (function(e) {
+        var t = e.$open;
+        return !t && (0, K.css)([ "pointer-events:none;" ]);
+    }), (function(e) {
+        var t = e.$appearance;
+        return t !== "none" && (0, K.css)([ "padding:8px;" ]);
+    }));
+    var G = V().div.withConfig({
+        displayName: "PopoverStyles__StyledContent",
+        componentId: "sc-1nahsvw-2"
+    })([ "", "" ], (0, A.pickVariant)("$appearance", {
+        normal: (0, K.css)([ "background-color:", ";color:", ";border:", ";box-shadow:", ";border-radius:", ";" ], A.variables.backgroundColorPopup, A.variables.contentColorDefault, (0, 
+        A.pick)({
+            enterprise: {
+                light: A.variables.border,
+                dark: A.variables.border
+            },
+            prisma: "none"
+        }), (0, A.pick)({
+            enterprise: {
+                light: (0, K.css)([ "0 2px 2px ", "" ], A.mixins.colorWithAlpha(A.variables.gray20, .1)),
+                dark: "0 1px 2px #000"
+            },
+            prisma: A.variables.overlayShadow
+        }), A.variables.borderRadius),
+        // Enterprise Only
+        inverted: (0, K.css)([ "background-color:", ";color:", ";" ], (0, A.pick)({
+            light: A.variables.gray20,
+            dark: A.variables.white
+        }), (0, A.pick)({
+            light: A.variables.white,
+            dark: A.variables.gray30
+        }))
+    }));
+ // Enterprise Only
+        var J = V().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;", "" ], B, B, B, (0, 
+    A.pickVariant)("$appearance", {
+        normal: (0, K.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, 
+        A.pick)({
+            light: A.variables.borderColor,
+            dark: A.variables.black
+        }), B, B, B, A.variables.backgroundColor, B),
+        inverted: (0, K.css)([ "border-bottom-color:", ";" ], (0, A.pick)({
+            light: A.variables.gray20,
+            dark: A.variables.white
+        }))
+    }));
+    var Q = V().div.withConfig({
+        displayName: "PopoverStyles__StyledLowerRightCorner",
+        componentId: "sc-1nahsvw-4"
+    })([ "position:fixed;right:0;bottom:0;" ]);
+    var Z = V().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 ee(e, t) {
+        return ae(e) || oe(e, t) || re(e, t) || te();
     }
-  }
-
-  if (placementStatus === 'left') {
-    if (!canPlaceLeft && canReposition) {
-      if (canPlaceRight) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'right'
-        }));
-      }
-
-      if (repositionAny && canPlaceBelow) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'below'
-        }));
-      }
-
-      if (repositionAny && canPlaceAbove) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'above'
-        }));
-      }
-
-      if (canCoverAnchor) {
-        placementStatus = 'misaligned';
-        top = 0;
-      }
+    function te() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-
-    if (offScreenTop) {
-      top = 0;
-    } else if (offScreenBottom) {
-      top = Math.max(windowHeight - outerContainerEl.offsetHeight, 0);
+    function re(e, t) {
+        if (!e) return;
+        if (typeof e === "string") return ne(e, t);
+        var r = Object.prototype.toString.call(e).slice(8, -1);
+        if (r === "Object" && e.constructor) r = e.constructor.name;
+        if (r === "Map" || r === "Set") return Array.from(e);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return ne(e, t);
     }
-
-    if (!canCoverAnchor) {
-      maxWidth = anchorPos.left;
+    function ne(e, t) {
+        if (t == null || t > e.length) t = e.length;
+        for (var r = 0, n = new Array(t); r < t; r++) {
+            n[r] = e[r];
+        }
+        return n;
     }
-  }
-
-  if (placementStatus === 'right') {
-    if (!canPlaceRight && canReposition) {
-      if (canPlaceLeft) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'left'
-        }));
-      }
-
-      if (repositionAny && canPlaceBelow) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'below'
-        }));
-      }
-
-      if (repositionAny && canPlaceAbove) {
-        return getPlacement(_objectSpread(_objectSpread({}, args), {}, {
-          placement: 'above'
-        }));
-      }
-
-      if (canCoverAnchor) {
-        placementStatus = 'misaligned';
-        top = 0;
-      }
+    function oe(e, t) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var r = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), l; !(n = (l = i.next()).done); n = true) {
+                r.push(l.value);
+                if (t && r.length === t) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
+            }
+        }
+        return r;
     }
-
-    if (offScreenTop) {
-      top = 0;
-    } else if (offScreenBottom) {
-      top = Math.max(windowHeight - outerContainerEl.offsetHeight, 0);
+    function ae(e) {
+        if (Array.isArray(e)) return e;
     }
-
-    if (!canCoverAnchor) {
-      maxWidth = windowWidth - anchorPos.left;
+    var ie = {
+        anchorRect: a().object,
+        popoverEl: a().object,
+        popoverPlacement: a().oneOf([ "above", "below", "left", "right", "misaligned" ])
+    };
+    var le = function e(t) {
+        var r = t.anchorRect, n = t.popoverEl, o = t.popoverPlacement;
+        if (r != null && n != null && o != null) {
+            var a = n.getBoundingClientRect();
+            if (o === "above" || o === "below") {
+                var i = r.left - a.left;
+                var l = r.height;
+                var c = 0;
+                if (o === "above") {
+                    l = 0;
+                    c = r.height;
+                }
+                var f = "0 ".concat(l);
+                var s = "".concat(a.width, " ").concat(l);
+                var u = "".concat(i, " ").concat(l);
+                var p = "".concat(i, " ").concat(c);
+                var h = "".concat(i + r.width, " ").concat(l);
+                var d = "".concat(i + r.width, " ").concat(c);
+                var v = "\n                        M ".concat(f, "\n                        S ").concat(u, " , ").concat(p, "\n                        L ").concat(u, "\n                        L ").concat(h, "\n                        L ").concat(d, "\n                        S ").concat(h, " , ").concat(s, "\n                    ");
+                return {
+                    hitAreaPath: v,
+                    hitAreaStyle: {
+                        left: a.left,
+                        top: r.top,
+                        width: a.width,
+                        height: r.height
+                    }
+                };
+            }
+            if (o === "left" || o === "right") {
+                var m = r.top - a.top;
+                var b = 0;
+                var y = r.width;
+                if (o === "right") {
+                    b = r.width;
+                    y = 0;
+                }
+                var g = "".concat(b, " 0");
+                var w = "".concat(b, " ").concat(a.height);
+                var S = "".concat(b, " ").concat(m);
+                var O = "".concat(y, " ").concat(m);
+                var P = "".concat(b, " ").concat(m + r.height);
+                var E = "".concat(y, " ").concat(m + r.height);
+                var C = "\n                        M ".concat(g, "\n                        S ").concat(S, " , ").concat(O, "\n                        L ").concat(S, "\n                        L ").concat(P, "\n                        L ").concat(E, "\n                        S ").concat(P, " , ").concat(w, "\n                    ");
+                return {
+                    hitAreaPath: C,
+                    hitAreaStyle: {
+                        left: r.left,
+                        top: a.top,
+                        width: r.width,
+                        height: a.height
+                    }
+                };
+            }
+        }
+        return {
+            hitAreaPath: null,
+            hitAreaStyle: {}
+        };
+    };
+    var ce =  n().forwardRef((function(e, t) {
+        var o = e.anchorRect, a = e.popoverEl, i = e.popoverPlacement;
+        var l = (0, r.useState)(null), c = ee(l, 2), f = c[0], s = c[1];
+        var u = (0, r.useState)({}), p = ee(u, 2), h = p[0], d = p[1];
+        (0, r.useEffect)((function() {
+            var e = le({
+                anchorRect: o,
+                popoverEl: a,
+                popoverPlacement: i
+            }), t = e.hitAreaPath, r = e.hitAreaStyle;
+            s(t);
+            d(r);
+        }), [ o, a, i ]);
+        if (f != null) {
+            
+            return n().createElement(Z, {
+                "data-test": "popover-hit-area",
+                style: h
+            },  n().createElement("path", {
+                d: f,
+                ref: t
+            }));
+        }
+        return null;
+    }));
+    ce.propTypes = ie;
+    /* harmony default export */    const fe = ce;
+    // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var se = {
+        body: {
+            appendChild: function e() {
+                return [];
+            }
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        activeElement: {
+            blur: function e() {},
+            nodeName: ""
+        },
+        querySelector: function e() {
+            return null;
+        },
+        querySelectorAll: function e() {
+            return [];
+        },
+        getElementById: function e() {
+            return null;
+        },
+        createEvent: function e() {
+            return {
+                initEvent: function e() {}
+            };
+        },
+        createElement: function e() {
+            return {
+                children: [],
+                childNodes: [],
+                style: {},
+                setAttribute: function e() {},
+                getElementsByTagName: function e() {
+                    return [];
+                }
+            };
+        },
+        createElementNS: function e() {
+            return {};
+        },
+        importNode: function e() {
+            return null;
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        }
+    };
+    function ue() {
+        var e = typeof document !== "undefined" ? document : se;
+        return e;
     }
-  }
-
-  return {
-    placement: placementStatus,
-    maxHeight: maxHeight,
-    maxWidth: maxWidth,
-    outerContainerStyle: {
-      top: top,
-      left: left,
-      bottom: bottom
+    // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
+    /* eslint-disable @typescript-eslint/no-empty-function */
+    var pe = {
+        document: se,
+        navigator: {
+            userAgent: ""
+        },
+        location: {
+            hash: "",
+            host: "",
+            hostname: "",
+            href: "",
+            origin: "",
+            pathname: "",
+            protocol: "",
+            search: ""
+        },
+        history: {
+            replaceState: function e() {},
+            pushState: function e() {},
+            go: function e() {},
+            back: function e() {}
+        },
+        CustomEvent: function e() {
+            return this;
+        },
+        addEventListener: function e() {},
+        removeEventListener: function e() {},
+        getComputedStyle: function e() {
+            return {
+                getPropertyValue: function e() {
+                    return "";
+                }
+            };
+        },
+        Image: function e() {},
+        Date: function e() {},
+        screen: {},
+        setTimeout: function e() {},
+        clearTimeout: function e() {},
+        matchMedia: function e() {
+            return {};
+        },
+        requestAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                t();
+                return null;
+            }
+            return setTimeout(t, 0);
+        },
+        cancelAnimationFrame: function e(t) {
+            if (typeof setTimeout === "undefined") {
+                return;
+            }
+            clearTimeout(t);
+        }
+    };
+    function he() {
+        var e = typeof window !== "undefined" ? window : pe;
+        return e;
     }
-  };
-}
-;// CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
-
-var PopoverContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({});
-
-;// 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
-
-
-
-var arrowHeight = (0,themes_namespaceObject.pick)({
-  enterprise: '8px',
-  prisma: 0
-});
-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_namespaceObject.variables.zindexPopover);
-var StyledBox = external_styled_components_default().div.withConfig({
-  displayName: "PopoverStyles__StyledBox",
-  componentId: "sc-1nahsvw-1"
-})(["", ";", ";", ";"], themes_namespaceObject.mixins.reset('block'), function (_ref) {
-  var $open = _ref.$open;
-  return !$open && (0,external_styled_components_namespaceObject.css)(["pointer-events:none;"]);
-}, function (_ref2) {
-  var $appearance = _ref2.$appearance;
-  return $appearance !== 'none' && (0,external_styled_components_namespaceObject.css)(["padding:8px;"]);
-});
-var StyledContent = external_styled_components_default().div.withConfig({
-  displayName: "PopoverStyles__StyledContent",
-  componentId: "sc-1nahsvw-2"
-})(["", ""], (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_namespaceObject.variables.border,
-      dark: themes_namespaceObject.variables.border
-    },
-    prisma: 'none'
-  }), (0,themes_namespaceObject.pick)({
-    enterprise: {
-      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_namespaceObject.variables.overlayShadow
-  }), themes_namespaceObject.variables.borderRadius),
-  // Enterprise Only
-  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().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;", ""], 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().div.withConfig({
-  displayName: "PopoverStyles__StyledLowerRightCorner",
-  componentId: "sc-1nahsvw-4"
-})(["position:fixed;right:0;bottom:0;"]);
-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
-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()).object,
-  popoverEl: (external_prop_types_default()).object,
-  popoverPlacement: external_prop_types_default().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
+    // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
+    function de(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            if (t) n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            r.push.apply(r, n);
         }
-      };
+        return r;
     }
-
-    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
+    function ve(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                de(Object(r), true).forEach((function(t) {
+                    me(e, t, r[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
+            } else {
+                de(Object(r)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                }));
+            }
         }
-      };
+        return e;
     }
-  }
-
-  return {
-    hitAreaPath: null,
-    hitAreaStyle: {}
-  };
-};
-
-var PopoverHitArea = /*#__PURE__*/external_react_default().forwardRef(function (_ref2, ref) {
-  var anchorRect = _ref2.anchorRect,
-      popoverEl = _ref2.popoverEl,
-      popoverPlacement = _ref2.popoverPlacement;
-
-  var _useState = (0,external_react_namespaceObject.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      hitAreaPathState = _useState2[0],
-      setHitAreaPathState = _useState2[1];
-
-  var _useState3 = (0,external_react_namespaceObject.useState)({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      hitAreaStyleState = _useState4[0],
-      setHitAreaStyleState = _useState4[1];
-
-  (0,external_react_namespaceObject.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().createElement(StyledHitArea, {
-      "data-test": "popover-hit-area",
-      style: hitAreaStyleState
-    }, /*#__PURE__*/external_react_default().createElement("path", {
-      d: hitAreaPathState,
-      ref: ref
-    }));
-  }
-
-  return null;
-});
-PopoverHitArea.propTypes = propTypes;
-/* 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 [];
+    function me(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = r;
+        }
+        return e;
     }
-  },
-  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;
+    // Checks if browser is Safari
+        function be() {
+        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
-
-    return setTimeout(callback, 0);
-  },
-  cancelAnimationFrame: function cancelAnimationFrame(id) {
-    if (typeof setTimeout === 'undefined') {
-      return;
+ // Formats return value to DOMRect
+        function ye(e) {
+        return ve(ve({}, e), {}, {
+            top: e.y,
+            left: e.x,
+            right: e.x + e.width,
+            bottom: e.y + e.height
+        });
     }
-
-    clearTimeout(id);
-  }
-};
-
-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
-/**
+ */    function ge(e, t) {
+        var r, n;
+        var o = e.getBoundingClientRect();
+        var a = be();
+        if (!t || !a) {
+            return o;
+        }
+        var i = he();
+        var l = o.left + (((r = i.visualViewport) === null || r === void 0 ? void 0 : r.offsetLeft) || 0);
+        var c = o.top + (((n = i.visualViewport) === null || n === void 0 ? void 0 : n.offsetTop) || 0);
+        var f = o.width, s = o.height;
+        return ye({
+            width: f,
+            height: s,
+            x: l,
+            y: c
+        });
+    }
+    // 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); }
-
-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 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 Popover_slicedToArray(arr, i) { return Popover_arrayWithHoles(arr) || Popover_iterableToArrayLimit(arr, i) || Popover_unsupportedIterableToArray(arr, i) || Popover_nonIterableRest(); }
-
-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 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 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 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 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"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function Popover_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; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/** @public */
-
-var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
-var Popover_propTypes = {
-  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().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',
-  animation: true,
-  animationConfig: {},
-  appearance: 'normal',
-  autoCloseWhenOffScreen: true,
-  canCoverAnchor: false,
-  closeReasons: possibleCloseReasons,
-  defaultPlacement: 'below',
-  open: false,
-  repositionMode: 'flip',
-  retainFocus: true,
-  takeFocus: false
-};
-
-// 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 && every_default()(a, function (val, key) {
-    if (isFinite_default()(val)) {
-      return Math.abs(b[key] - val) <= threshold;
+    function we(e, t) {
+        if (e) {
+            if (typeof e === "function") {
+                e(t);
+            } 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".
+                e.current = t;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
     }
-
-    return b[key] === val;
-  });
-}
-
-function isHTMLElement(container) {
-  return container !== window && container !== window.document;
-}
-/**
- * `Popover` is used to create layovers such as dropdowns, contextual menus, or tooltips. Use
- * this only when the other components don't provide sufficient functionality or control. A controlled
- * `Dropdown` covers use cases where you might consider using `Popover` directly.
- */
-
-
-var Popover = /*#__PURE__*/function (_Component) {
-  _inherits(Popover, _Component);
-
-  var _super = _createSuper(Popover);
-
-  _createClass(Popover, null, [{
-    key: "getArrowStyle",
-    // @docs-props-type PopoverPropsBase
-    value: function getArrowStyle(_ref) {
-      var anchorPos = _ref.anchorPos,
-          arrowHeight = _ref.arrowHeight,
-          placement = _ref.placement,
-          outerContainerStyle = _ref.outerContainerStyle,
-          outerContainerEl = _ref.outerContainerEl;
-
-      if (placement === 'misaligned') {
-        return [{
-          display: 'none'
-        }];
-      }
-
-      var style = {
-        display: 'block'
-      };
-      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 = clamp_default()(initVertDiff, minVertDiff, maxVertDiff);
-      var horizontalDiff = anchorPos.middle - (outerContainerStyle.left + outerContainerEl.offsetWidth / 2) - arrowHeight;
-      var transformMetadata = {
-        left: {
-          translateX: arrowHeight / 2,
-          translateY: vertDiff,
-          rotate: 90
-        },
-        right: {
-          translateX: -arrowHeight / 2,
-          translateY: vertDiff,
-          rotate: -90
-        },
-        above: {
-          translateX: horizontalDiff,
-          translateY: 0,
-          rotate: 180
-        },
-        below: {
-          translateX: horizontalDiff,
-          translateY: 0,
-          rotate: 0
+    // CONCATENATED MODULE: ./src/Popover/Popover.tsx
+    function Se(e) {
+        "@babel/helpers - typeof";
+        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+            Se = function e(t) {
+                return typeof t;
+            };
+        } else {
+            Se = function e(t) {
+                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+            };
         }
-      };
-      var transformMeta = transformMetadata[placement];
-      style.transform = "translate(".concat(transformMeta.translateX, "px, ").concat(transformMeta.translateY, "px) rotate(").concat(transformMeta.rotate, "deg)"); // set new positions
-
-      var origin1 = {
-        left: 'right',
-        right: 'left',
-        above: 'bottom',
-        below: 'top'
-      };
-      style[origin1[placement]] = '1px';
-      var origin2 = {
-        left: 'top',
-        right: 'top',
-        above: 'left',
-        below: 'left'
-      };
-      style[origin2[placement]] = '50%';
-      return [style, transformMeta];
+        return Se(e);
     }
-  }]);
-
-  function Popover(props) {
-    var _this;
-
-    _classCallCheck(this, Popover);
-
-    _this = _super.call(this, props);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "outerContainerEl", null);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "innerContainerEl", null);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "arrow", null);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "windowSizeMeasurementEl", null);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleScroll", void 0);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleWindowScroll", void 0);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "allowAnimationUpdates", true);
-
-    Popover_defineProperty(_assertThisInitialized(_this), "getElPosition", function (anchorEl) {
-      var offsets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var rect = getBoundingClientRect(anchorEl, offsets);
-      var a = {
-        width: anchorEl.offsetWidth,
-        height: anchorEl.offsetHeight
-      };
-      var pointTo = _this.props.pointTo;
-      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;
-      a.bottom = pointToVertical ? a.top + a.height : rect.top + a.height || rect.bottom;
-      a.middle = pointToHorizontal ? a.left : rect.left + (a.right - rect.left) / 2;
-      a.center = pointToVertical ? a.top : rect.top + (a.bottom - rect.top) / 2;
-      return a;
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "setPlacement", function (scrolling) {
-      var window = getWindow();
-
-      _this.setState(function (state) {
-        var _state$arrowStyleTran;
-
-        var _this$props = _this.props,
-            align = _this$props.align,
-            anchor = _this$props.anchor,
-            autoCloseWhenOffScreen = _this$props.autoCloseWhenOffScreen,
-            canCoverAnchor = _this$props.canCoverAnchor,
-            defaultPlacement = _this$props.defaultPlacement,
-            open = _this$props.open,
-            repositionMode = _this$props.repositionMode,
-            splunkTheme = _this$props.splunkTheme;
-        var scrollContainer = _this.context || window;
-        var isPrisma = splunkTheme.isPrisma; // If these conditions are not met, we cannot set the popover.
-
-        if (!open || !_this.outerContainerEl || !anchor || !state.anchorEl || !_this.windowSizeMeasurementEl) {
-          if (false) {}
-
-          return null;
+    function Oe() {
+        Oe = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return Oe.apply(this, arguments);
+    }
+    function Pe(e) {
+        return je(e) || Ce(e) || Re(e) || Ee();
+    }
+    function Ee() {
+        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 Ce(e) {
+        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
+    }
+    function je(e) {
+        if (Array.isArray(e)) return qe(e);
+    }
+    function ke(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            if (t) n = n.filter((function(t) {
+                return Object.getOwnPropertyDescriptor(e, t).enumerable;
+            }));
+            r.push.apply(r, n);
         }
-
-        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(anchorPosViewport, scrollContainerPos)) {
-            return null;
-          }
+        return r;
+    }
+    function xe(e) {
+        for (var t = 1; t < arguments.length; t++) {
+            var r = arguments[t] != null ? arguments[t] : {};
+            if (t % 2) {
+                ke(Object(r), true).forEach((function(t) {
+                    Ke(e, t, r[t]);
+                }));
+            } else if (Object.getOwnPropertyDescriptors) {
+                Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
+            } else {
+                ke(Object(r)).forEach((function(t) {
+                    Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+                }));
+            }
         }
-
-        var arrowHeight = isPrisma ? 0 : 8;
-        var padding = 8;
-        var defaultAlignment = isPrisma ? 'edge' : 'center';
-
-        var _getPlacement = getPlacement({
-          align: align === 'theme' ? defaultAlignment : align,
-          anchorPos: anchorPos,
-          scrollContainerPos: scrollContainerPos,
-          canCoverAnchor: canCoverAnchor,
-          defaultPlacement: defaultPlacement,
-          repositionMode: repositionMode,
-          outerContainerEl: _this.outerContainerEl,
-          padding: padding,
-          windowWidth: _this.windowSizeMeasurementEl.offsetLeft,
-          windowHeight: _this.windowSizeMeasurementEl.offsetTop
-        }),
-            placement = _getPlacement.placement,
-            outerContainerStyle = _getPlacement.outerContainerStyle,
-            maxHeight = _getPlacement.maxHeight,
-            maxWidth = _getPlacement.maxWidth;
-
-        var _ref2 = _this.arrow ? Popover.getArrowStyle({
-          anchorPos: anchorPos,
-          arrowHeight: arrowHeight,
-          outerContainerStyle: outerContainerStyle,
-          placement: placement,
-          outerContainerEl: _this.outerContainerEl
-        }) : [],
-            _ref3 = Popover_slicedToArray(_ref2, 2),
-            arrowStyle = _ref3[0],
-            arrowStyleTransformMeta = _ref3[1];
-
-        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(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;
+        return e;
+    }
+    function Ae(e, t) {
+        return Me(e) || We(e, t) || Re(e, t) || Te();
+    }
+    function Te() {
+        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 Re(e, t) {
+        if (!e) return;
+        if (typeof e === "string") return qe(e, t);
+        var r = Object.prototype.toString.call(e).slice(8, -1);
+        if (r === "Object" && e.constructor) r = e.constructor.name;
+        if (r === "Map" || r === "Set") return Array.from(e);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return qe(e, t);
+    }
+    function qe(e, t) {
+        if (t == null || t > e.length) t = e.length;
+        for (var r = 0, n = new Array(t); r < t; r++) {
+            n[r] = e[r];
         }
-
-        return {
-          anchorPos: anchorPos,
-          arrowStyle: arrowStyle,
-          arrowStyleTransformMeta: arrowStyleTransformMeta,
-          outerContainerStyle: outerContainerStyle,
-          placement: placement,
-          maxHeight: maxHeight,
-          maxWidth: maxWidth
-        };
-      });
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleNewAnchor", function (anchor) {
-      var anchorEl;
-
-      if (anchor && !(anchor instanceof HTMLElement)) {
-        if (false) {}
-
-        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;
-      }
-
-      var anchorPos = anchorEl ? _this.getElPosition(anchorEl) : undefined;
-
-      _this.setState({
-        anchorEl: anchorEl,
-        anchorPos: anchorPos
-      }); // eslint-disable-line react/no-unused-state
-
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleInnerContainerMount", function (el) {
-      _this.innerContainerEl = el;
-
-      if (el && _this.props.takeFocus) {
-        defer_default()(focus_namespaceObject.takeFocus, el);
-      }
-
-      updateReactRef(_this.props.elementRef, el);
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleOuterContainerMount", function (el) {
-      _this.outerContainerEl = el;
-      updateReactRef(_this.props.outerRef, el);
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleTab", function (e) {
-      if (_this.innerContainerEl) {
-        if (_this.props.retainFocus) {
-          (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];
-
-            if (finalTabbale === e.target) {
-              _this.handleRequestClose({
-                event: e,
-                reason: 'tabKey'
-              });
+        return n;
+    }
+    function We(e, t) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var r = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var i = e[Symbol.iterator](), l; !(n = (l = i.next()).done); n = true) {
+                r.push(l.value);
+                if (t && r.length === t) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && i["return"] != null) i["return"]();
+            } finally {
+                if (o) throw a;
             }
-          }
-        }
-      }
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleRequestClose", function (data) {
-      if (_this.props.open) {
-        _this.requestClose(data);
-      }
-    });
-
-    Popover_defineProperty(_assertThisInitialized(_this), "handleAnimationEnd", function () {
-      if (_this.allowAnimationUpdates) {
-        _this.setState({
-          animating: false
-        });
-      }
-    });
-
-    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,
-          open = _this$props2.open,
-          retainFocus = _this$props2.retainFocus,
-          splunkTheme = _this$props2.splunkTheme;
-      var _this$state = _this.state,
-          anchorPos = _this$state.anchorPos,
-          arrowStyle = _this$state.arrowStyle,
-          outerContainerStyle = _this$state.outerContainerStyle,
-          placement = _this$state.placement;
-      var isPrisma = splunkTheme.isPrisma;
-      var displayAppearance = isPrisma && appearance === 'inverted' ? 'normal' : appearance;
-      var _this$state2 = _this.state,
-          maxHeight = _this$state2.maxHeight,
-          maxWidth = _this$state2.maxWidth; // eslint-disable-line prefer-const
-      // Accommodate the arrow in the maxHeight and maxWidth.
-
-      if (appearance !== 'none') {
-        if (isFinite_default()(maxHeight)) {
-          maxHeight -= 20;
         }
-
-        if (isFinite_default()(maxWidth)) {
-          maxWidth -= 20;
+        return r;
+    }
+    function Me(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function He(e, t) {
+        if (!(e instanceof t)) {
+            throw new TypeError("Cannot call a class as a function");
         }
-      }
-
-      var childData = {
-        anchorHeight: anchorPos ? anchorPos.height : null,
-        anchorWidth: anchorPos ? anchorPos.width : null,
-        placement: placement || null,
-        maxHeight: maxHeight || null,
-        maxWidth: maxWidth || null
-      };
-      var motionStyle = animation ? {
-        opacity: open ? 1 : 0
-      } : {
-        opacity: 1
-      };
-      /* eslint-disable jsx-a11y/no-static-element-interactions */
-
-      return /*#__PURE__*/external_react_default().createElement(Animation_namespaceObject.Spring, {
-        from: {
-          opacity: animation ? 0 : 1
-        },
-        to: motionStyle,
-        config: Popover_objectSpread({
-          tension: 300,
-          friction: 40
-        }, animationConfig),
-        onRest: _this.handleAnimationEnd
-      }, function (interpolatedStyles) {
-        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().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
-
-        }, 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().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().createElement(StyledContent, {
-          $appearance: displayAppearance
-        }, isFunction_default()(children) ? children(childData) : children)))), /*#__PURE__*/external_react_default().createElement(StyledLowerRightCorner, {
-          ref: function ref(el) {
-            _this.windowSizeMeasurementEl = el;
-          }
-        }));
-      });
-      /* eslint-enable jsx-a11y/no-static-element-interactions */
-    });
-
-    _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 = {
-      animating: false,
-      prevOpen: props.open // eslint-disable-line react/no-unused-state
-
-    };
-    return _this;
-  }
-
-  _createClass(Popover, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.handleNewAnchor(this.props.anchor);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.anchor !== this.props.anchor) {
-        this.handleNewAnchor(this.props.anchor);
-      }
-
-      if (!this.innerContainerEl) {
-        return;
-      }
-
-      if (this.props.open || this.state.animating) {
-        this.setPlacement(); // make sure that the popover both was not open before and is actually open now
-        // this prevents bugs like #4 in SUI-2054 where popover contents re-rendering due to animation
-        // causes the popover contents to receive focus even though the popover closing
-
-        if (!prevProps.open && this.props.open && this.props.takeFocus) {
-          (0,focus_namespaceObject.takeFocus)(this.innerContainerEl);
+    function _e(e, t) {
+        for (var r = 0; r < t.length; r++) {
+            var n = t[r];
+            n.enumerable = n.enumerable || false;
+            n.configurable = true;
+            if ("value" in n) n.writable = true;
+            Object.defineProperty(e, n.key, n);
         }
-      }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.setPlacement.cancel(); // guaranteed by constructor
-
-      this.handleScroll.cancel();
-      this.allowAnimationUpdates = false;
+    function Le(e, t, r) {
+        if (t) _e(e.prototype, t);
+        if (r) _e(e, r);
+        return e;
     }
-  }, {
-    key: "autoCloseWhenOffScreen",
-    value: function autoCloseWhenOffScreen(anchorPosition, scrollContainerPosition) {
-      var window = getWindow();
-
-      if (anchorPosition.top < 0 || anchorPosition.top > window.innerHeight || anchorPosition.left < 0 || anchorPosition.left > window.innerWidth) {
-        this.requestClose({
-          reason: 'offScreen'
+    function De(e, t) {
+        if (typeof t !== "function" && t !== null) {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        e.prototype = Object.create(t && t.prototype, {
+            constructor: {
+                value: e,
+                writable: true,
+                configurable: true
+            }
         });
-        return true;
-      }
-
-      if (scrollContainerPosition) {
-        if (anchorPosition.height + anchorPosition.top < scrollContainerPosition.top || anchorPosition.top > scrollContainerPosition.bottom || anchorPosition.width + anchorPosition.left < scrollContainerPosition.left || anchorPosition.left > scrollContainerPosition.right) {
-          this.requestClose({
-            reason: 'offScreen'
-          });
-          return true;
+        if (t) Ie(e, t);
+    }
+    function Ie(e, t) {
+        Ie = Object.setPrototypeOf || function e(t, r) {
+            t.__proto__ = r;
+            return t;
+        };
+        return Ie(e, t);
+    }
+    function Fe(e) {
+        var t = $e();
+        return function r() {
+            var n = Ue(e), o;
+            if (t) {
+                var a = Ue(this).constructor;
+                o = Reflect.construct(n, arguments, a);
+            } else {
+                o = n.apply(this, arguments);
+            }
+            return Ne(this, o);
+        };
+    }
+    function Ne(e, t) {
+        if (t && (Se(t) === "object" || typeof t === "function")) {
+            return t;
         }
-      }
-
-      return false;
+        return ze(e);
     }
-  }, {
-    key: "requestClose",
-    value: function requestClose(data) {
-      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);
-      }
+    function ze(e) {
+        if (e === void 0) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+        return e;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      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; // 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,
-        options: {
-          passive: false,
-          capture: true
-        },
-        key: "eventListener"
-      }), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
-        target: window,
-        eventType: "resize",
-        listener: this.setPlacement,
-        key: "eventListenerOnWindowResize"
-      }), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
-        target: window,
-        eventType: "scroll",
-        listener: this.handleWindowScroll,
-        options: {
-          passive: false,
-          capture: true
-        },
-        key: "eventListenerOnWindowScroll"
-      })] : [];
-      return [].concat(eventListeners, [/*#__PURE__*/external_react_default().createElement((Layer_default()), {
-        closeReasons: intersection_default()(this.props.closeReasons.filter(function (reason) {
-          return reason !== 'offScreen';
-        }), (Layer_default()).possibleCloseReasons),
-        open: open,
-        onRequestClose: this.handleRequestClose,
-        key: "Layer"
-      }, 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())]);
+    function $e() {
+        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+        if (Reflect.construct.sham) return false;
+        if (typeof Proxy === "function") return true;
+        try {
+            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
+            return true;
+        } catch (e) {
+            return false;
+        }
     }
-  }]);
-
-  return Popover;
-}(external_react_namespaceObject.Component);
-
-Popover_defineProperty(Popover, "contextType", (ScrollContainerContext_default()));
-
-Popover_defineProperty(Popover, "defaultProps", defaultProps);
-
-Popover_defineProperty(Popover, "propTypes", Popover_propTypes);
-
-Popover_defineProperty(Popover, "getDerivedStateFromProps", function (props, state) {
-  if (props.open !== state.prevOpen) {
-    return {
-      animating: props.animation,
-      prevOpen: props.open
+    function Ue(e) {
+        Ue = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+            return t.__proto__ || Object.getPrototypeOf(t);
+        };
+        return Ue(e);
+    }
+    function Ke(e, t, r) {
+        if (t in e) {
+            Object.defineProperty(e, t, {
+                value: r,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+        } else {
+            e[t] = r;
+        }
+        return e;
+    }
+    /** @public */    var Ve = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
+    var Be = {
+        align: a().oneOf([ "center", "edge", "theme", "end" ]),
+        anchor: a().object,
+        animation: a().bool,
+        animationConfig: a().object,
+        appearance: a().oneOf([ "normal", "inverted", "none" ]),
+        autoCloseWhenOffScreen: a().bool,
+        canCoverAnchor: a().bool,
+        children: a().oneOfType([ a().node, a().func ]),
+        closeReasons: a().arrayOf(a().oneOf(Ve)),
+        defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        id: a().string,
+        hitAreaRef: a().oneOfType([ a().func, a().object ]),
+        onRequestClose: a().func,
+        open: a().bool,
+        outerRef: a().oneOfType([ a().func, a().object ]),
+        pointTo: a().shape({
+            x: a().number,
+            y: a().number
+        }),
+        repositionMode: a().oneOf([ "none", "flip", "any" ]),
+        retainFocus: a().bool,
+        takeFocus: a().bool,
+        splunkTheme: a().object
     };
-  }
-
-  return null;
-});
-
-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 = __webpack_exports__;
-/******/ })()
-;
+    var Xe = {
+        align: "theme",
+        animation: true,
+        animationConfig: {},
+        appearance: "normal",
+        autoCloseWhenOffScreen: true,
+        canCoverAnchor: false,
+        closeReasons: Ve,
+        defaultPlacement: "below",
+        open: false,
+        repositionMode: "flip",
+        retainFocus: true,
+        takeFocus: false
+    };
+    // eslint-disable-next-line @typescript-eslint/ban-types
+        function Ye(e, t) {
+        var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+        return !!e && !!t && p()(e, (function(e, n) {
+            if (w()(e)) {
+                return Math.abs(t[n] - e) <= r;
+            }
+            return t[n] === e;
+        }));
+    }
+    function Ge(e) {
+        return e !== window && e !== window.document;
+    }
+    /**
+ * `Popover` is used to create layovers such as dropdowns, contextual menus, or tooltips. Use
+ * this only when the other components don't provide sufficient functionality or control. A controlled
+ * `Dropdown` covers use cases where you might consider using `Popover` directly.
+ */    var Je =  function(e) {
+        De(r, e);
+        var t = Fe(r);
+        Le(r, null, [ {
+            key: "getArrowStyle",
+            // @docs-props-type PopoverPropsBase
+            value: function e(t) {
+                var r = t.anchorPos, n = t.arrowHeight, o = t.placement, a = t.outerContainerStyle, i = t.outerContainerEl;
+                if (o === "misaligned") {
+                    return [ {
+                        display: "none"
+                    } ];
+                }
+                var l = {
+                    display: "block"
+                };
+                var f = i.offsetHeight / 2 - 22;
+                var s = -(i.offsetHeight / 2 - 15);
+                var u = r.center - (a.top + i.offsetHeight / 2) - n / 2;
+                var p = c()(u, s, f);
+                var h = r.middle - (a.left + i.offsetWidth / 2) - n;
+                var d = {
+                    left: {
+                        translateX: n / 2,
+                        translateY: p,
+                        rotate: 90
+                    },
+                    right: {
+                        translateX: -n / 2,
+                        translateY: p,
+                        rotate: -90
+                    },
+                    above: {
+                        translateX: h,
+                        translateY: 0,
+                        rotate: 180
+                    },
+                    below: {
+                        translateX: h,
+                        translateY: 0,
+                        rotate: 0
+                    }
+                };
+                var v = d[o];
+                l.transform = "translate(".concat(v.translateX, "px, ").concat(v.translateY, "px) rotate(").concat(v.rotate, "deg)");
+ // set new positions
+                                var m = {
+                    left: "right",
+                    right: "left",
+                    above: "bottom",
+                    below: "top"
+                };
+                l[m[o]] = "1px";
+                var b = {
+                    left: "top",
+                    right: "top",
+                    above: "left",
+                    below: "left"
+                };
+                l[b[o]] = "50%";
+                return [ l, v ];
+            }
+        } ]);
+        function r(e) {
+            var o;
+            He(this, r);
+            o = t.call(this, e);
+            Ke(ze(o), "outerContainerEl", null);
+            Ke(ze(o), "innerContainerEl", null);
+            Ke(ze(o), "arrow", null);
+            Ke(ze(o), "windowSizeMeasurementEl", null);
+            Ke(ze(o), "handleScroll", void 0);
+            Ke(ze(o), "handleWindowScroll", void 0);
+            Ke(ze(o), "allowAnimationUpdates", true);
+            Ke(ze(o), "getElPosition", (function(e) {
+                var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+                var r = ge(e, t);
+                var n = {
+                    width: e.offsetWidth,
+                    height: e.offsetHeight
+                };
+                var a = o.props.pointTo;
+                var i = a && d()(a, "x");
+                var l = a && d()(a, "y");
+                n.left = i ? r.left + ((a === null || a === void 0 ? void 0 : a.x) || 0) : r.left;
+                n.top = l ? r.top + ((a === null || a === void 0 ? void 0 : a.y) || 0) : r.top;
+                n.right = i ? n.left + n.width : r.left + n.width || r.right;
+                n.bottom = l ? n.top + n.height : r.top + n.height || r.bottom;
+                n.middle = i ? n.left : r.left + (n.right - r.left) / 2;
+                n.center = l ? n.top : r.top + (n.bottom - r.top) / 2;
+                return n;
+            }));
+            Ke(ze(o), "setPlacement", (function(e) {
+                var t = he();
+                o.setState((function(n) {
+                    var a;
+                    var i = o.props, l = i.align, c = i.anchor, f = i.autoCloseWhenOffScreen, s = i.canCoverAnchor, u = i.defaultPlacement, p = i.open, h = i.repositionMode, d = i.splunkTheme;
+                    var v = o.context || t;
+                    var m = d.isPrisma;
+ // If these conditions are not met, we cannot set the popover.
+                                        if (!p || !o.outerContainerEl || !c || !n.anchorEl || !o.windowSizeMeasurementEl) {
+                        if (false) {}
+                        return null;
+                    }
+                    var b = o.getElPosition(n.anchorEl);
+                    var y = o.getElPosition(n.anchorEl, true);
+                    var g = Ge(v) ? o.getElPosition(v) : undefined;
+                    if (e && f) {
+                        if (o.autoCloseWhenOffScreen(b, g)) {
+                            return null;
+                        }
+                    }
+                    var w = m ? 0 : 8;
+                    var S = 8;
+                    var O = m ? "edge" : "center";
+                    var P = z({
+                        align: l === "theme" ? O : l,
+                        anchorPos: y,
+                        scrollContainerPos: g,
+                        canCoverAnchor: s,
+                        defaultPlacement: u,
+                        repositionMode: h,
+                        outerContainerEl: o.outerContainerEl,
+                        padding: S,
+                        windowWidth: o.windowSizeMeasurementEl.offsetLeft,
+                        windowHeight: o.windowSizeMeasurementEl.offsetTop
+                    }), E = P.placement, C = P.outerContainerStyle, k = P.maxHeight, x = P.maxWidth;
+                    var A = o.arrow ? r.getArrowStyle({
+                        anchorPos: y,
+                        arrowHeight: w,
+                        outerContainerStyle: C,
+                        placement: E,
+                        outerContainerEl: o.outerContainerEl
+                    }) : [], T = Ae(A, 2), R = T[0], q = T[1];
+                    var W = o.props.appearance !== "none" && !m;
+                    var M = Ye(y, n.anchorPos) && Ye(C, n.outerContainerStyle) && E === n.placement && k === n.maxHeight && x === n.maxWidth;
+                    var H = Ye(j()(R, "transform"), j()(n.arrowStyle, "transform")) && Ye(q !== null && q !== void 0 ? q : {}, (a = n.arrowStyleTransformMeta) !== null && a !== void 0 ? a : {});
+ // If none of the position data has changed, do not set state.
+                                        if (M && (!W || W && H)) {
+                        return null;
+                    }
+                    return {
+                        anchorPos: y,
+                        arrowStyle: R,
+                        arrowStyleTransformMeta: q,
+                        outerContainerStyle: C,
+                        placement: E,
+                        maxHeight: k,
+                        maxWidth: x
+                    };
+                }));
+            }));
+            Ke(ze(o), "handleNewAnchor", (function(e) {
+                var t;
+                if (e && !(e instanceof HTMLElement)) {
+                    if (false) {}
+                    t = (0, i.findDOMNode)(e);
+ // eslint-disable-line react/no-find-dom-node
+                                } else {
+                    t = e !== null && e !== void 0 ? e : undefined;
+                }
+                var r = t ? o.getElPosition(t) : undefined;
+                o.setState({
+                    anchorEl: t,
+                    anchorPos: r
+                });
+ // eslint-disable-line react/no-unused-state
+                        }));
+            Ke(ze(o), "handleInnerContainerMount", (function(e) {
+                o.innerContainerEl = e;
+                if (e && o.props.takeFocus) {
+                    s()(L.takeFocus, e);
+                }
+                we(o.props.elementRef, e);
+            }));
+            Ke(ze(o), "handleOuterContainerMount", (function(e) {
+                o.outerContainerEl = e;
+                we(o.props.outerRef, e);
+            }));
+            Ke(ze(o), "handleTab", (function(e) {
+                if (o.innerContainerEl) {
+                    if (o.props.retainFocus) {
+                        (0, L.handleTab)(o.innerContainerEl, e);
+                    } else if ((0, L.isTabKey)(e)) {
+                        var t = (0, L.getSortedTabbableElements)(o.innerContainerEl);
+                        if (t.length > 0) {
+                            var r = e.shiftKey ? t[0] : t[t.length - 1];
+                            if (r === e.target) {
+                                o.handleRequestClose({
+                                    event: e,
+                                    reason: "tabKey"
+                                });
+                            }
+                        }
+                    }
+                }
+            }));
+            Ke(ze(o), "handleRequestClose", (function(e) {
+                if (o.props.open) {
+                    o.requestClose(e);
+                }
+            }));
+            Ke(ze(o), "handleAnimationEnd", (function() {
+                if (o.allowAnimationUpdates) {
+                    o.setState({
+                        animating: false
+                    });
+                }
+            }));
+            Ke(ze(o), "renderLayer", (function() {
+                var e = o.props, t = e.animation, a = e.animationConfig, i = e.appearance, l = e.children, c = e.id, f = e.open, s = e.retainFocus, u = e.splunkTheme;
+                var p = o.state, h = p.anchorPos, d = p.arrowStyle, v = p.outerContainerStyle, m = p.placement;
+                var b = u.isPrisma;
+                var y = b && i === "inverted" ? "normal" : i;
+                var g = o.state, S = g.maxHeight, P = g.maxWidth;
+ // eslint-disable-line prefer-const
+                // Accommodate the arrow in the maxHeight and maxWidth.
+                                if (i !== "none") {
+                    if (w()(S)) {
+                        S -= 20;
+                    }
+                    if (w()(P)) {
+                        P -= 20;
+                    }
+                }
+                var C = {
+                    anchorHeight: h ? h.height : null,
+                    anchorWidth: h ? h.width : null,
+                    placement: m || null,
+                    maxHeight: S || null,
+                    maxWidth: P || null
+                };
+                var k = t ? {
+                    opacity: f ? 1 : 0
+                } : {
+                    opacity: 1
+                };
+                /* eslint-disable jsx-a11y/no-static-element-interactions */                
+                return n().createElement(T.Spring, {
+                    from: {
+                        opacity: t ? 0 : 1
+                    },
+                    to: k,
+                    config: xe({
+                        tension: 300,
+                        friction: 40
+                    }, a),
+                    onRest: o.handleAnimationEnd
+                }, (function(e) {
+                    
+                    return n().createElement(X, {
+                        "data-test": "outer-popover",
+                        style: xe(xe({}, v), e),
+                        ref: o.handleOuterContainerMount
+                    }, (f || o.state.animating) &&  n().createElement(Y, Oe({
+                        $appearance: y,
+                        $open: f,
+                        "data-test": "popover",
+                        ref: o.handleInnerContainerMount,
+                        tabIndex: -1,
+                        id: c,
+                        onKeyDown: o.handleTab
+                    }, j()(o.props, [ "anchor" ].concat(Pe(E()(r.propTypes))))),  n().createElement($.Provider, {
+                        value: {
+                            retainFocus: s
+                        }
+                    },  n().createElement(n().Fragment, null, i === "none" && l, i !== "none" && !b &&  n().createElement(J, {
+                        $appearance: y,
+                        ref: function e(t) {
+                            o.arrow = t;
+                        },
+                        style: d
+                    }), i !== "none" &&  n().createElement(G, {
+                        $appearance: y
+                    }, O()(l) ? l(C) : l)))),  n().createElement(Q, {
+                        ref: function e(t) {
+                            o.windowSizeMeasurementEl = t;
+                        }
+                    }));
+                }));
+                /* eslint-enable jsx-a11y/no-static-element-interactions */            }));
+            o.handleScroll = x()(o.setPlacement.bind(ze(o), true), 0);
+            o.handleWindowScroll = x()(o.setPlacement.bind(ze(o), true), 0);
+            o.setPlacement = x()(o.setPlacement, 0, {
+                leading: false
+            });
+            o.state = {
+                animating: false,
+                prevOpen: e.open
+            };
+            return o;
+        }
+        Le(r, [ {
+            key: "componentDidMount",
+            value: function e() {
+                this.handleNewAnchor(this.props.anchor);
+            }
+        }, {
+            key: "componentDidUpdate",
+            value: function e(t) {
+                if (t.anchor !== this.props.anchor) {
+                    this.handleNewAnchor(this.props.anchor);
+                }
+                if (!this.innerContainerEl) {
+                    return;
+                }
+                if (this.props.open || this.state.animating) {
+                    this.setPlacement();
+ // make sure that the popover both was not open before and is actually open now
+                    // this prevents bugs like #4 in SUI-2054 where popover contents re-rendering due to animation
+                    // causes the popover contents to receive focus even though the popover closing
+                                        if (!t.open && this.props.open && this.props.takeFocus) {
+                        (0, L.takeFocus)(this.innerContainerEl);
+                    }
+                }
+            }
+        }, {
+            key: "componentWillUnmount",
+            value: function e() {
+                this.setPlacement.cancel();
+ // guaranteed by constructor
+                                this.handleScroll.cancel();
+                this.allowAnimationUpdates = false;
+            }
+        }, {
+            key: "autoCloseWhenOffScreen",
+            value: function e(t, r) {
+                var n = he();
+                if (t.top < 0 || t.top > n.innerHeight || t.left < 0 || t.left > n.innerWidth) {
+                    this.requestClose({
+                        reason: "offScreen"
+                    });
+                    return true;
+                }
+                if (r) {
+                    if (t.height + t.top < r.top || t.top > r.bottom || t.width + t.left < r.left || t.left > r.right) {
+                        this.requestClose({
+                            reason: "offScreen"
+                        });
+                        return true;
+                    }
+                }
+                return false;
+            }
+        }, {
+            key: "requestClose",
+            value: function e(t) {
+                if (m()(this.props.closeReasons, t.reason)) {
+                    var r, n;
+                    (r = (n = this.props).onRequestClose) === null || r === void 0 ? void 0 : r.call(n, t);
+                }
+            }
+        }, {
+            key: "render",
+            value: function e() {
+                var t = he();
+                var r = this.props.open || this.state.animating;
+                var o = this.context || t;
+                var a = o !== t;
+                var i = this.state, l = i.anchorPos, c = i.placement;
+ // EventListeners only need to be rendered when open,
+                // otherwise leads to negative performance impacts
+                                var f = r ? [ a &&  n().createElement(q(), {
+                    target: o,
+                    eventType: "scroll",
+                    listener: this.handleScroll,
+                    options: {
+                        passive: false,
+                        capture: true
+                    },
+                    key: "eventListener"
+                }),  n().createElement(q(), {
+                    target: t,
+                    eventType: "resize",
+                    listener: this.setPlacement,
+                    key: "eventListenerOnWindowResize"
+                }),  n().createElement(q(), {
+                    target: t,
+                    eventType: "scroll",
+                    listener: this.handleWindowScroll,
+                    options: {
+                        passive: false,
+                        capture: true
+                    },
+                    key: "eventListenerOnWindowScroll"
+                }) ] : [];
+                return [].concat(f, [  n().createElement(M(), {
+                    closeReasons: y()(this.props.closeReasons.filter((function(e) {
+                        return e !== "offScreen";
+                    })), M().possibleCloseReasons),
+                    open: r,
+                    onRequestClose: this.handleRequestClose,
+                    key: "Layer"
+                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(fe, {
+                    anchorRect: l,
+                    popoverEl: this.innerContainerEl,
+                    popoverPlacement: c,
+                    ref: this.props.hitAreaRef
+                }), r && this.renderLayer()) ]);
+            }
+        } ]);
+        return r;
+    }(r.Component);
+    Ke(Je, "contextType", _());
+    Ke(Je, "defaultProps", Xe);
+    Ke(Je, "propTypes", Be);
+    Ke(Je, "getDerivedStateFromProps", (function(e, t) {
+        if (e.open !== t.prevOpen) {
+            return {
+                animating: e.animation,
+                prevOpen: e.open
+            };
+        }
+        return null;
+    }));
+    var Qe = (0, A.withSplunkTheme)(Je);
+    Qe.propTypes = Je.propTypes;
+    /* harmony default export */    const Ze = Qe;
+    // CONCATENATED MODULE: ./src/Popover/index.ts
+    module.exports = t;
+    /******/})();