@splunk/react-ui 4.41.0 → 4.42.0

package/Popover.js

@@ -61,8 +61,8 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        PopoverContext: () => /* reexport */ U,
-        default: () => /* reexport */ lt
+        PopoverContext: () => /* reexport */ z,
+        default: () => /* reexport */ ft
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -76,11 +76,11 @@
     const l = require("lodash/clamp");
     var c =  e.n(l);
     // CONCATENATED MODULE: external "lodash/defer"
-    const s = require("lodash/defer");
-    var u =  e.n(s);
+    const u = require("lodash/defer");
+    var f =  e.n(u);
     // CONCATENATED MODULE: external "lodash/every"
-    const f = require("lodash/every");
-    var p =  e.n(f);
+    const s = require("lodash/every");
+    var p =  e.n(s);
     // CONCATENATED MODULE: external "lodash/has"
     const h = require("lodash/has");
     var d =  e.n(h);
@@ -106,12 +106,12 @@
     const k = require("lodash/throttle");
     var x =  e.n(k);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const A = require("@splunk/themes");
+    const T = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
-    const T = require("@splunk/react-ui/Animation");
+    const A = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const q = require("@splunk/react-ui/EventListener");
-    var W =  e.n(q);
+    const W = require("@splunk/react-ui/EventListener");
+    var q =  e.n(W);
     // CONCATENATED MODULE: external "@splunk/react-ui/Layer"
     const M = require("@splunk/react-ui/Layer");
     var R =  e.n(M);
@@ -119,17 +119,17 @@
     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");
+    const D = require("@splunk/ui-utils/focus");
     // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
-    function D(e) {
+    function I(e) {
         "@babel/helpers - typeof";
-        return D = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, D(e);
+        }, I(e);
     }
-    function I(e, t) {
+    function L(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -139,18 +139,18 @@
         }
         return r;
     }
-    function N(e) {
+    function F(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? I(Object(r), !0).forEach((function(t) {
-                F(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : I(Object(r)).forEach((function(t) {
+            t % 2 ? L(Object(r), !0).forEach((function(t) {
+                N(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : L(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
         return e;
     }
-    function F(e, t, r) {
+    function N(e, t, r) {
         return (t = $(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
@@ -159,20 +159,20 @@
         }) : e[t] = r, e;
     }
     function $(e) {
-        var t = z(e, "string");
-        return "symbol" == D(t) ? t : t + "";
+        var t = V(e, "string");
+        return "symbol" == I(t) ? t : t + "";
     }
-    function z(e, t) {
-        if ("object" != D(e) || !e) return e;
+    function V(e, t) {
+        if ("object" != I(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != D(n)) return n;
+            if ("object" != I(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
-    function V(e) {
+    function B(e) {
         var t = e.align, r = e.anchorPos, n = e.outerContainerEl, o = e.padding, a = e.placement;
         switch (a) {
           case "above":
@@ -211,21 +211,21 @@
             throw new Error("".concat(a, " is not a valid placement value. Valid options are: 'above', 'below', 'left', or 'right'"));
         }
     }
-    function B(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, s = e.windowHeight, u = e.windowWidth;
-        var f = c === "flip";
+    function U(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, u = e.windowHeight, f = e.windowWidth;
+        var s = c === "flip";
         var p = c === "any";
-        var h = f || p;
+        var h = s || p;
         var d = e.placement || a;
         // Translate vertical/horizontal to above/below/left/right
                 if (a === "vertical") {
-            d = r.top > s - r.bottom ? "above" : "below";
+            d = r.top > u - r.bottom ? "above" : "below";
         } else if (a === "horizontal") {
-            d = r.left > u - r.right ? "left" : "right";
+            d = r.left > f - r.right ? "left" : "right";
         }
         var v = d;
         // Initialize the result variables. These will be mutated as needed and returned.
-                var m = V({
+                var m = B({
             align: t,
             anchorPos: r,
             outerContainerEl: i,
@@ -233,34 +233,34 @@
             placement: v
         }), b = m.top, y = m.left;
         var g = "auto";
-        var w = u;
-        var S = s;
+        var w = f;
+        var S = u;
         var O = v;
         // Boolean convenience variables to simplify positioning logic.
                 var P = r.top - i.offsetHeight > 0;
-        var E = r.bottom + i.offsetHeight < s;
+        var E = r.bottom + i.offsetHeight < u;
         var C = r.left - i.offsetWidth > 0;
-        var j = r.right + i.offsetWidth < u;
-        var k = r.top * .7 > s - r.bottom;
-        var x = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > u;
-        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 q = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > s;
+        var j = r.right + i.offsetWidth < f;
+        var k = r.top * .7 > u - r.bottom;
+        var x = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > f;
+        var T = (t === "edge" ? r.left - l : r.middle - i.offsetWidth / 2) < 0;
+        var A = (t === "edge" ? r.top - l : r.top - i.offsetHeight / 2) < 0;
+        var W = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > u;
         // Handle each of the four placement options individually.
                 if (O === "above") {
             if (!P && h) {
                 if (E) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "below"
                     }));
                 }
                 if (p && j) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "right"
                     }));
                 }
                 if (p && C) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "left"
                     }));
                 }
@@ -270,15 +270,15 @@
                 }
             }
             if (O !== "misaligned") {
-                g = s - b - i.offsetHeight;
+                g = u - b - i.offsetHeight;
                 if (n) {
-                    g = Math.min(g, s - n.top);
+                    g = Math.min(g, u - n.top);
                 }
                 b = "auto";
             }
             if (x) {
-                y = Math.max(u - i.offsetWidth, 0);
-            } else if (A) {
+                y = Math.max(f - i.offsetWidth, 0);
+            } else if (T) {
                 y = 0;
             }
             if (!o) {
@@ -288,17 +288,17 @@
         if (O === "below") {
             if (!E && h) {
                 if (P && k) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "above"
                     }));
                 }
                 if (p && j) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "right"
                     }));
                 }
                 if (p && C) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "left"
                     }));
                 }
@@ -311,28 +311,28 @@
                 b = Math.min(b, n.bottom);
             }
             if (x) {
-                y = Math.max(u - i.offsetWidth, 0);
-            } else if (A) {
+                y = Math.max(f - i.offsetWidth, 0);
+            } else if (T) {
                 y = 0;
             }
             if (!o) {
-                S = s - r.bottom;
+                S = u - r.bottom;
             }
         }
         if (O === "left") {
             if (!C && h) {
                 if (j) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "right"
                     }));
                 }
                 if (p && E) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "below"
                     }));
                 }
                 if (p && P) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "above"
                     }));
                 }
@@ -341,10 +341,10 @@
                     b = 0;
                 }
             }
-            if (T) {
+            if (A) {
                 b = 0;
-            } else if (q) {
-                b = Math.max(s - i.offsetHeight, 0);
+            } else if (W) {
+                b = Math.max(u - i.offsetHeight, 0);
             }
             if (!o) {
                 w = r.left;
@@ -353,17 +353,17 @@
         if (O === "right") {
             if (!j && h) {
                 if (C) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "left"
                     }));
                 }
                 if (p && E) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "below"
                     }));
                 }
                 if (p && P) {
-                    return B(N(N({}, e), {}, {
+                    return U(F(F({}, e), {}, {
                         placement: "above"
                     }));
                 }
@@ -372,13 +372,13 @@
                     b = 0;
                 }
             }
-            if (T) {
+            if (A) {
                 b = 0;
-            } else if (q) {
-                b = Math.max(s - i.offsetHeight, 0);
+            } else if (W) {
+                b = Math.max(u - i.offsetHeight, 0);
             }
             if (!o) {
-                w = u - r.left;
+                w = f - r.left;
             }
         }
         return {
@@ -393,25 +393,25 @@
         };
     }
     // CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
-    var U =  (0, r.createContext)({});
+    var z =  (0, r.createContext)({});
     // CONCATENATED MODULE: external "react-spring"
     const K = require("react-spring");
     // CONCATENATED MODULE: external "styled-components"
     const X = require("styled-components");
     var Y =  e.n(X);
     // CONCATENATED MODULE: ./src/Popover/PopoverStyles.ts
-    var G = (0, A.pick)({
+    var G = (0, T.pick)({
         enterprise: "8px",
         prisma: 0
     });
     var J = Y()(K.animated.div).withConfig({
         displayName: "PopoverStyles__Styled",
         componentId: "sc-1nahsvw-0"
-    })([ "position:fixed;z-index:", ";left:-300%;top:-300%;" ], A.variables.zindexPopover);
+    })([ "position:fixed;z-index:", ";left:-300%;top:-300%;" ], T.variables.zindexPopover);
     var Q = Y().div.withConfig({
         displayName: "PopoverStyles__StyledBox",
         componentId: "sc-1nahsvw-1"
-    })([ "", ";", ";", ";" ], A.mixins.reset("block"), (function(e) {
+    })([ "", ";", ";", ";" ], T.mixins.reset("block"), (function(e) {
         var t = e.$open;
         return !t && (0, X.css)([ "pointer-events:none;" ]);
     }), (function(e) {
@@ -421,36 +421,36 @@
     var Z = Y().div.withConfig({
         displayName: "PopoverStyles__StyledContent",
         componentId: "sc-1nahsvw-2"
-    })([ "border-radius:", ";background-color:", ";color:", ";", "" ], A.variables.borderRadius, (0, 
-    A.pickVariant)("$appearance", {
-        normal: A.variables.backgroundColorPopup,
+    })([ "border-radius:", ";background-color:", ";color:", ";", "" ], T.variables.borderRadius, (0, 
+    T.pickVariant)("$appearance", {
+        normal: T.variables.backgroundColorPopup,
         inverted: {
             enterprise: {
-                light: A.variables.gray20,
-                dark: A.variables.white
+                light: T.variables.gray20,
+                dark: T.variables.white
             },
             // These hex codes are the inverted values of variables.backgroundColorPopup which are not exposed as tokens
             prisma: {
                 light: "#27292e",
-                dark: A.variables.white
+                dark: T.variables.white
             }
         }
-    }), (0, A.pickVariant)("$appearance", {
-        normal: A.variables.contentColorDefault,
+    }), (0, T.pickVariant)("$appearance", {
+        normal: T.variables.contentColorDefault,
         inverted: {
             enterprise: {
-                light: A.variables.white,
-                dark: A.variables.gray30
+                light: T.variables.white,
+                dark: T.variables.gray30
             },
-            prisma: A.variables.contentColorInverted
+            prisma: T.variables.contentColorInverted
         }
-    }), (0, A.pickVariant)("$appearance", {
-        normal: (0, X.css)([ "", ";" ], (0, A.pick)({
+    }), (0, T.pickVariant)("$appearance", {
+        normal: (0, X.css)([ "", ";" ], (0, T.pick)({
             enterprise: {
-                light: (0, X.css)([ "box-shadow:0 2px 2px ", ";border:", ";" ], A.mixins.colorWithAlpha(A.variables.gray20, .1), A.variables.border),
-                dark: (0, X.css)([ "box-shadow:0 1px 2px #000;border:", ";" ], A.variables.border)
+                light: (0, X.css)([ "box-shadow:0 2px 2px ", ";border:", ";" ], T.mixins.colorWithAlpha(T.variables.gray20, .1), T.variables.border),
+                dark: (0, X.css)([ "box-shadow:0 1px 2px #000;border:", ";" ], T.variables.border)
             },
-            prisma: (0, X.css)([ "box-shadow:", ";" ], A.variables.overlayShadow)
+            prisma: (0, X.css)([ "box-shadow:", ";" ], T.variables.overlayShadow)
         }))
     }));
     // Enterprise Only
@@ -458,50 +458,46 @@
         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;", "" ], G, G, G, (0, 
-    A.pickVariant)("$appearance", {
+    T.pickVariant)("$appearance", {
         normal: (0, X.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
-        }), G, G, G, A.variables.backgroundColor, G),
-        inverted: (0, X.css)([ "border-bottom-color:", ";" ], (0, A.pick)({
-            light: A.variables.gray20,
-            dark: A.variables.white
+        T.pick)({
+            light: T.variables.borderColor,
+            dark: T.variables.black
+        }), G, G, G, T.variables.backgroundColor, G),
+        inverted: (0, X.css)([ "border-bottom-color:", ";" ], (0, T.pick)({
+            light: T.variables.gray20,
+            dark: T.variables.white
         }))
     }));
-    var te = Y().div.withConfig({
-        displayName: "PopoverStyles__StyledLowerRightCorner",
-        componentId: "sc-1nahsvw-4"
-    })([ "position:fixed;right:0;bottom:0;" ]);
-    var re = Y().svg.withConfig({
+    var te = Y().svg.withConfig({
         displayName: "PopoverStyles__StyledHitArea",
-        componentId: "sc-1nahsvw-5"
+        componentId: "sc-1nahsvw-4"
     })([ "position:fixed;pointer-events:none;path{pointer-events:auto;stroke-width:0;stroke:transparent;fill:transparent;}" ]);
     // CONCATENATED MODULE: ./src/Popover/PopoverHitArea.tsx
-    function ne(e, t) {
-        return ce(e) || le(e, t) || ae(e, t) || oe();
+    function re(e, t) {
+        return le(e) || ie(e, t) || oe(e, t) || ne();
     }
-    function oe() {
+    function ne() {
         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 ae(e, t) {
+    function oe(e, t) {
         if (e) {
-            if ("string" == typeof e) return ie(e, t);
+            if ("string" == typeof e) return ae(e, t);
             var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ie(e, t) : void 0;
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ae(e, t) : void 0;
         }
     }
-    function ie(e, t) {
+    function ae(e, t) {
         (null == t || t > e.length) && (t = e.length);
         for (var r = 0, n = Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function le(e, t) {
+    function ie(e, t) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
-            var n, o, a, i, l = [], c = !0, s = !1;
+            var n, o, a, i, l = [], c = !0, u = !1;
             try {
                 if (a = (r = r.call(e)).next, 0 === t) {
                     if (Object(r) !== r) return;
@@ -509,21 +505,21 @@
                 } else for (;!(c = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
                 }
             } catch (e) {
-                s = !0, o = e;
+                u = !0, o = e;
             } finally {
                 try {
                     if (!c && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (s) throw o;
+                    if (u) throw o;
                 }
             }
             return l;
         }
     }
-    function ce(e) {
+    function le(e) {
         if (Array.isArray(e)) return e;
     }
-    var se = {
+    var ce = {
         anchorRect: a().object,
         popoverEl: a().object,
         popoverPlacement: a().oneOf([ "above", "below", "left", "right", "misaligned" ])
@@ -540,13 +536,13 @@
                     l = 0;
                     c = r.height;
                 }
-                var s = "0 ".concat(l);
-                var u = "".concat(a.width, " ").concat(l);
-                var f = "".concat(i, " ").concat(l);
+                var u = "0 ".concat(l);
+                var f = "".concat(a.width, " ").concat(l);
+                var s = "".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(s, "\n                        S ").concat(f, " , ").concat(p, "\n                        L ").concat(f, "\n                        L ").concat(h, "\n                        L ").concat(d, "\n                        S ").concat(h, " , ").concat(u, "\n                    ");
+                var v = "\n                        M ".concat(u, "\n                        S ").concat(s, " , ").concat(p, "\n                        L ").concat(s, "\n                        L ").concat(h, "\n                        L ").concat(d, "\n                        S ").concat(h, " , ").concat(f, "\n                    ");
                 return {
                     hitAreaPath: v,
                     hitAreaStyle: {
@@ -590,34 +586,34 @@
     };
     var fe =  n().forwardRef((function(e, t) {
         var o = e.anchorRect, a = e.popoverEl, i = e.popoverPlacement;
-        var l = (0, r.useState)(null), c = ne(l, 2), s = c[0], u = c[1];
-        var f = (0, r.useState)({}), p = ne(f, 2), h = p[0], d = p[1];
+        var l = (0, r.useState)(null), c = re(l, 2), u = c[0], f = c[1];
+        var s = (0, r.useState)({}), p = re(s, 2), h = p[0], d = p[1];
         (0, r.useEffect)((function() {
             var e = ue({
                 anchorRect: o,
                 popoverEl: a,
                 popoverPlacement: i
             }), t = e.hitAreaPath, r = e.hitAreaStyle;
-            u(t);
+            f(t);
             d(r);
         }), [ o, a, i ]);
-        if (s != null) {
+        if (u != null) {
             
-            return n().createElement(re, {
+            return n().createElement(te, {
                 "data-test": "popover-hit-area",
                 style: h
             },  n().createElement("path", {
-                d: s,
+                d: u,
                 ref: t
             }));
         }
         return null;
     }));
-    fe.propTypes = se;
-    /* harmony default export */    const pe = fe;
+    fe.propTypes = ce;
+    /* harmony default export */    const se = fe;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var he = {
+    var pe = {
         body: {
             appendChild: function e() {
                 return [];
@@ -671,14 +667,14 @@
             search: ""
         }
     };
-    function de() {
-        var e = typeof document !== "undefined" ? document : he;
+    function he() {
+        var e = typeof document !== "undefined" ? document : pe;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var ve = {
-        document: he,
+    var de = {
+        document: pe,
         navigator: {
             userAgent: ""
         },
@@ -732,20 +728,20 @@
             clearTimeout(t);
         }
     };
-    function me() {
-        var e = typeof window !== "undefined" ? window : ve;
+    function ve() {
+        var e = typeof window !== "undefined" ? window : de;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function be(e) {
+    function me(e) {
         "@babel/helpers - typeof";
-        return be = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return me = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, be(e);
+        }, me(e);
     }
-    function ye(e, t) {
+    function be(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -755,46 +751,46 @@
         }
         return r;
     }
-    function ge(e) {
+    function ye(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? ye(Object(r), !0).forEach((function(t) {
-                we(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ye(Object(r)).forEach((function(t) {
+            t % 2 ? be(Object(r), !0).forEach((function(t) {
+                ge(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
         return e;
     }
-    function we(e, t, r) {
-        return (t = Se(t)) in e ? Object.defineProperty(e, t, {
+    function ge(e, t, r) {
+        return (t = we(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = r, e;
     }
-    function Se(e) {
-        var t = Oe(e, "string");
-        return "symbol" == be(t) ? t : t + "";
+    function we(e) {
+        var t = Se(e, "string");
+        return "symbol" == me(t) ? t : t + "";
     }
-    function Oe(e, t) {
-        if ("object" != be(e) || !e) return e;
+    function Se(e, t) {
+        if ("object" != me(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != be(n)) return n;
+            if ("object" != me(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
     }
     // Checks if browser is Safari
-        function Pe() {
+        function Oe() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function Ee(e) {
-        return ge(ge({}, e), {}, {
+        function Pe(e) {
+        return ye(ye({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -808,20 +804,20 @@
  * @param {boolean} offsets - Use when position of element relative to the layout viewport offsets are needed for Safari.
  * @returns {Omit<DOMRect, 'toJSON'>}
  * @public
- */    function Ce(e, t) {
+ */    function Ee(e, t) {
         var r, n;
         var o = e.getBoundingClientRect();
-        var a = Pe();
+        var a = Oe();
         if (!t || !a) {
             return o;
         }
-        var i = me();
+        var i = ve();
         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 s = o.width, u = o.height;
-        return Ee({
-            width: s,
-            height: u,
+        var u = o.width, f = o.height;
+        return Pe({
+            width: u,
+            height: f,
             x: l,
             y: c
         });
@@ -833,7 +829,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function je(e, t) {
+    function Ce(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -846,16 +842,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Popover/Popover.tsx
-    function ke(e) {
+    function je(e) {
         "@babel/helpers - typeof";
-        return ke = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return je = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, ke(e);
+        }, je(e);
     }
-    function xe() {
-        return xe = Object.assign ? Object.assign.bind() : function(e) {
+    function ke() {
+        return ke = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -863,21 +859,21 @@
                 }
             }
             return e;
-        }, xe.apply(null, arguments);
+        }, ke.apply(null, arguments);
     }
-    function Ae(e) {
-        return We(e) || qe(e) || Le(e) || Te();
+    function xe(e) {
+        return We(e) || Ae(e) || _e(e) || Te();
     }
     function Te() {
         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 qe(e) {
+    function Ae(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function We(e) {
         if (Array.isArray(e)) return De(e);
     }
-    function Me(e, t) {
+    function qe(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -887,24 +883,24 @@
         }
         return r;
     }
-    function Re(e) {
+    function Me(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? Me(Object(r), !0).forEach((function(t) {
-                Je(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Me(Object(r)).forEach((function(t) {
+            t % 2 ? qe(Object(r), !0).forEach((function(t) {
+                Ge(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : qe(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
         return e;
     }
-    function He(e, t) {
-        return Ne(e) || Ie(e, t) || Le(e, t) || _e();
+    function Re(e, t) {
+        return Le(e) || Ie(e, t) || _e(e, t) || He();
     }
-    function _e() {
+    function He() {
         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 Le(e, t) {
+    function _e(e, t) {
         if (e) {
             if ("string" == typeof e) return De(e, t);
             var r = {}.toString.call(e).slice(8, -1);
@@ -921,7 +917,7 @@
     function Ie(e, t) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
-            var n, o, a, i, l = [], c = !0, s = !1;
+            var n, o, a, i, l = [], c = !0, u = !1;
             try {
                 if (a = (r = r.call(e)).next, 0 === t) {
                     if (Object(r) !== r) return;
@@ -929,32 +925,32 @@
                 } else for (;!(c = (n = a.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
                 }
             } catch (e) {
-                s = !0, o = e;
+                u = !0, o = e;
             } finally {
                 try {
                     if (!c && null != r["return"] && (i = r["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (s) throw o;
+                    if (u) throw o;
                 }
             }
             return l;
         }
     }
-    function Ne(e) {
+    function Le(e) {
         if (Array.isArray(e)) return e;
     }
     function Fe(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function $e(e, t) {
+    function Ne(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, Qe(n.key), n);
+            Object.defineProperty(e, Je(n.key), n);
         }
     }
-    function ze(e, t, r) {
-        return t && $e(e.prototype, t), r && $e(e, r), Object.defineProperty(e, "prototype", {
+    function $e(e, t, r) {
+        return t && Ne(e.prototype, t), r && Ne(e, r), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
@@ -976,56 +972,56 @@
         }, Be(e, t);
     }
     function Ue(e) {
-        var t = Ye();
+        var t = Xe();
         return function() {
-            var r, n = Ge(e);
+            var r, n = Ye(e);
             if (t) {
-                var o = Ge(this).constructor;
+                var o = Ye(this).constructor;
                 r = Reflect.construct(n, arguments, o);
             } else r = n.apply(this, arguments);
-            return Ke(this, r);
+            return ze(this, r);
         };
     }
-    function Ke(e, t) {
-        if (t && ("object" == ke(t) || "function" == typeof t)) return t;
+    function ze(e, t) {
+        if (t && ("object" == je(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return Xe(e);
+        return Ke(e);
     }
-    function Xe(e) {
+    function Ke(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Ye() {
+    function Xe() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (Ye = function t() {
+        return (Xe = function t() {
             return !!e;
         })();
     }
-    function Ge(e) {
-        return Ge = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function Ye(e) {
+        return Ye = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, Ge(e);
+        }, Ye(e);
     }
-    function Je(e, t, r) {
-        return (t = Qe(t)) in e ? Object.defineProperty(e, t, {
+    function Ge(e, t, r) {
+        return (t = Je(t)) in e ? Object.defineProperty(e, t, {
             value: r,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = r, e;
     }
-    function Qe(e) {
-        var t = Ze(e, "string");
-        return "symbol" == ke(t) ? t : t + "";
+    function Je(e) {
+        var t = Qe(e, "string");
+        return "symbol" == je(t) ? t : t + "";
     }
-    function Ze(e, t) {
-        if ("object" != ke(e) || !e) return e;
+    function Qe(e, t) {
+        if ("object" != je(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != ke(n)) return n;
+            if ("object" != je(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
@@ -1034,8 +1030,8 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var et = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
-    var tt = {
+    /** @public */    var Ze = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
+    var et = {
         align: a().oneOf([ "center", "edge", "theme", "end" ]),
         anchor: a().object,
         animation: a().bool,
@@ -1044,7 +1040,7 @@
         autoCloseWhenOffScreen: a().bool,
         canCoverAnchor: a().bool,
         children: a().oneOfType([ a().node, a().func ]),
-        closeReasons: a().arrayOf(a().oneOf(et)),
+        closeReasons: a().arrayOf(a().oneOf(Ze)),
         defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         id: a().string,
@@ -1061,20 +1057,24 @@
         takeFocus: a().bool,
         splunkTheme: a().object
     };
-    var rt = {
+    var tt = {
         align: "theme",
         animation: true,
         animationConfig: {},
         appearance: "normal",
         autoCloseWhenOffScreen: true,
         canCoverAnchor: false,
-        closeReasons: et,
+        closeReasons: Ze,
         defaultPlacement: "below",
         open: false,
         repositionMode: "flip",
         retainFocus: true,
         takeFocus: false
     };
+    var rt = {
+        passive: false,
+        capture: true
+    };
     // eslint-disable-next-line @typescript-eslint/ban-types
         function nt(e, t) {
         var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
@@ -1086,76 +1086,105 @@
         }));
     }
     function ot(e) {
+        var t = e.anchorPos, r = e.arrowHeight, n = e.placement, o = e.outerContainerStyle, a = e.outerContainerEl;
+        if (n === "misaligned") {
+            return [ {
+                display: "none"
+            } ];
+        }
+        var i = {
+            display: "block"
+        };
+        var l = a.offsetHeight / 2 - 22;
+        var u = -(a.offsetHeight / 2 - 15);
+        var f = t.center - (o.top + a.offsetHeight / 2) - r / 2;
+        var s = c()(f, u, l);
+        var p = t.middle - (o.left + a.offsetWidth / 2) - r;
+        var h = {
+            left: {
+                translateX: r / 2,
+                translateY: s,
+                rotate: 90
+            },
+            right: {
+                translateX: -r / 2,
+                translateY: s,
+                rotate: -90
+            },
+            above: {
+                translateX: p,
+                translateY: 0,
+                rotate: 180
+            },
+            below: {
+                translateX: p,
+                translateY: 0,
+                rotate: 0
+            }
+        };
+        var d = h[n];
+        i.transform = "translate(".concat(d.translateX, "px, ").concat(d.translateY, "px) rotate(").concat(d.rotate, "deg)");
+        // set new positions
+                var v = {
+            left: "right",
+            right: "left",
+            above: "bottom",
+            below: "top"
+        };
+        i[v[n]] = "1px";
+        var m = {
+            left: "top",
+            right: "top",
+            above: "left",
+            below: "left"
+        };
+        i[m[n]] = "50%";
+        return [ i, d ];
+    }
+    function at(e) {
+        var t = e.anchorEl, r = e.offsets, n = r === void 0 ? false : r, o = e.pointTo;
+        var a = Ee(t, n);
+        var i = {
+            // these are rounded to avoid causing visual regressions
+            // they were previously clientWidth and clientHeight which were already rounded
+            width: Math.round(a.width),
+            height: Math.round(a.height)
+        };
+        var l = o && d()(o, "x");
+        var c = o && d()(o, "y");
+        i.left = l ? a.left + ((o === null || o === void 0 ? void 0 : o.x) || 0) : a.left;
+        i.top = c ? a.top + ((o === null || o === void 0 ? void 0 : o.y) || 0) : a.top;
+        i.right = l ? i.left + i.width : a.left + i.width || a.right;
+        i.bottom = c ? i.top + i.height : a.top + i.height || a.bottom;
+        i.middle = l ? i.left : a.left + (i.right - a.left) / 2;
+        i.center = c ? i.top : a.top + (i.bottom - a.top) / 2;
+        return i;
+    }
+    function it(e) {
         return e !== window && e !== window.document;
     }
+    function lt(e, t) {
+        var r = ve();
+        if (e.top < 0 || e.top > r.innerHeight || e.left < 0 || e.left > r.innerWidth) {
+            return true;
+        }
+        if (t) {
+            if (e.height + e.top < t.top || e.top > t.bottom || e.width + e.left < t.left || e.left > t.right) {
+                return true;
+            }
+        }
+        return false;
+    }
     /**
  * `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 at =  function(e) {
+ */    var ct =  function(e) {
         Ve(r, e);
         var t = Ue(r);
-        ze(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 s = i.offsetHeight / 2 - 22;
-                var u = -(i.offsetHeight / 2 - 15);
-                var f = r.center - (a.top + i.offsetHeight / 2) - n / 2;
-                var p = c()(f, u, s);
-                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 ];
-            }
-        }, {
+        $e(r, null, [ {
             key: "getDerivedStateFromProps",
+            // @docs-props-type PopoverPropsBase
             value: function e(t, r) {
                 if (t.open !== r.prevOpen) {
                     return {
@@ -1167,87 +1196,78 @@
             }
         } ]);
         function r(e) {
-            var o;
+            var n;
             Fe(this, r);
-            o = t.call(this, e);
-            Je(Xe(o), "outerContainerEl", null);
-            Je(Xe(o), "innerContainerEl", null);
-            Je(Xe(o), "arrow", null);
-            Je(Xe(o), "windowSizeMeasurementEl", null);
-            Je(Xe(o), "handleScroll", void 0);
-            Je(Xe(o), "handleWindowScroll", void 0);
-            Je(Xe(o), "allowAnimationUpdates", true);
-            Je(Xe(o), "getElPosition", (function(e) {
-                var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-                var r = Ce(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;
-            }));
-            Je(Xe(o), "setPlacement", (function(e) {
-                var t = me();
-                o.setState((function(n) {
-                    var a;
-                    var i = o.props, l = i.align, c = i.anchor, s = i.autoCloseWhenOffScreen, u = i.canCoverAnchor, f = i.defaultPlacement, p = i.open, h = i.repositionMode, d = i.splunkTheme;
-                    var v = o.context || t;
+            n = t.call(this, e);
+            Ge(Ke(n), "outerContainerEl", null);
+            Ge(Ke(n), "innerContainerEl", null);
+            Ge(Ke(n), "arrow", null);
+            Ge(Ke(n), "handleScroll", void 0);
+            Ge(Ke(n), "handleWindowScroll", void 0);
+            Ge(Ke(n), "allowAnimationUpdates", true);
+            Ge(Ke(n), "setPlacement", (function(e) {
+                var t = ve();
+                n.setState((function(r) {
+                    var o;
+                    var a = n.props, i = a.align, l = a.anchor, c = a.autoCloseWhenOffScreen, u = a.canCoverAnchor, f = a.defaultPlacement, s = a.open, p = a.pointTo, h = a.repositionMode, d = a.splunkTheme;
+                    var v = n.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 (!s || !n.outerContainerEl || !l || !r.anchorEl) {
                         if (false) {}
                         return null;
                     }
-                    var b = o.getElPosition(n.anchorEl);
-                    var y = o.getElPosition(n.anchorEl, true);
-                    var g = ot(v) ? o.getElPosition(v) : undefined;
-                    if (e && s) {
-                        if (o.autoCloseWhenOffScreen(b, g)) {
+                    var b = at({
+                        anchorEl: r.anchorEl,
+                        pointTo: p
+                    });
+                    var y = at({
+                        anchorEl: r.anchorEl,
+                        offsets: true,
+                        pointTo: p
+                    });
+                    var g = it(v) ? at({
+                        anchorEl: v,
+                        pointTo: p
+                    }) : undefined;
+                    if (e && c) {
+                        if (n.autoCloseWhenOffScreen(b, g)) {
                             return null;
                         }
                     }
                     var w = m ? 0 : 8;
                     var S = 8;
                     var O = m ? "edge" : "center";
-                    var P = B({
-                        align: l === "theme" ? O : l,
+                    var P = U({
+                        align: i === "theme" ? O : i,
                         anchorPos: y,
                         scrollContainerPos: g,
                         canCoverAnchor: u,
                         defaultPlacement: f,
                         repositionMode: h,
-                        outerContainerEl: o.outerContainerEl,
+                        outerContainerEl: n.outerContainerEl,
                         padding: S,
-                        windowWidth: o.windowSizeMeasurementEl.offsetLeft,
-                        windowHeight: o.windowSizeMeasurementEl.offsetTop
+                        windowWidth: t.innerWidth,
+                        windowHeight: t.innerHeight
                     }), E = P.placement, C = P.outerContainerStyle, k = P.maxHeight, x = P.maxWidth;
-                    var A = o.arrow ? r.getArrowStyle({
+                    var T = n.arrow ? ot({
                         anchorPos: y,
                         arrowHeight: w,
                         outerContainerStyle: C,
                         placement: E,
-                        outerContainerEl: o.outerContainerEl
-                    }) : [], T = He(A, 2), q = T[0], W = T[1];
-                    var M = o.props.appearance !== "none" && !m;
-                    var R = nt(y, n.anchorPos) && nt(C, n.outerContainerStyle) && E === n.placement && k === n.maxHeight && x === n.maxWidth;
-                    var H = nt(j()(q, "transform"), j()(n.arrowStyle, "transform")) && nt(W !== null && W !== void 0 ? W : {}, (a = n.arrowStyleTransformMeta) !== null && a !== void 0 ? a : {});
+                        outerContainerEl: n.outerContainerEl
+                    }) : [], A = Re(T, 2), W = A[0], q = A[1];
+                    var M = n.props.appearance !== "none" && !m;
+                    var R = nt(y, r.anchorPos) && nt(C, r.outerContainerStyle) && E === r.placement && k === r.maxHeight && x === r.maxWidth;
+                    var H = nt(j()(W, "transform"), j()(r.arrowStyle, "transform")) && nt(q !== null && q !== void 0 ? q : {}, (o = r.arrowStyleTransformMeta) !== null && o !== void 0 ? o : {});
                     // If none of the position data has changed, do not set state.
                                         if (R && (!M || M && H)) {
                         return null;
                     }
                     return {
                         anchorPos: y,
-                        arrowStyle: q,
-                        arrowStyleTransformMeta: W,
+                        arrowStyle: W,
+                        arrowStyleTransformMeta: q,
                         outerContainerStyle: C,
                         placement: E,
                         maxHeight: k,
@@ -1255,43 +1275,50 @@
                     };
                 }));
             }));
-            Je(Xe(o), "handleNewAnchor", (function(e) {
-                var t;
+            Ge(Ke(n), "handleArrowMount", (function(e) {
+                n.arrow = e;
+            }));
+            Ge(Ke(n), "handleNewAnchor", (function(e) {
+                var t = n.props.pointTo;
+                var r;
                 if (e && !(e instanceof HTMLElement)) {
                     if (false) {}
-                    t = (0, i.findDOMNode)(e);
+                    r = (0, i.findDOMNode)(e);
  // eslint-disable-line react/no-find-dom-node
                                 } else {
-                    t = e !== null && e !== void 0 ? e : undefined;
+                    r = e !== null && e !== void 0 ? e : undefined;
                 }
-                var r = t ? o.getElPosition(t) : undefined;
-                o.setState({
-                    anchorEl: t,
-                    anchorPos: r
+                var o = r ? at({
+                    anchorEl: r,
+                    pointTo: t
+                }) : undefined;
+                n.setState({
+                    anchorEl: r,
+                    anchorPos: o
                 });
  // eslint-disable-line react/no-unused-state
                         }));
-            Je(Xe(o), "handleInnerContainerMount", (function(e) {
-                o.innerContainerEl = e;
-                if (e && o.props.takeFocus) {
-                    u()(L.takeFocus, e);
+            Ge(Ke(n), "handleInnerContainerMount", (function(e) {
+                n.innerContainerEl = e;
+                if (e && n.props.takeFocus) {
+                    f()(D.takeFocus, e);
                 }
-                je(o.props.elementRef, e);
+                Ce(n.props.elementRef, e);
             }));
-            Je(Xe(o), "handleOuterContainerMount", (function(e) {
-                o.outerContainerEl = e;
-                je(o.props.outerRef, e);
+            Ge(Ke(n), "handleOuterContainerMount", (function(e) {
+                n.outerContainerEl = e;
+                Ce(n.props.outerRef, e);
             }));
-            Je(Xe(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);
+            Ge(Ke(n), "handleTab", (function(e) {
+                if (n.innerContainerEl) {
+                    if (n.props.retainFocus) {
+                        (0, D.handleTab)(n.innerContainerEl, e);
+                    } else if ((0, D.isTabKey)(e)) {
+                        var t = (0, D.getSortedTabbableElements)(n.innerContainerEl);
                         if (t.length > 0) {
                             var r = e.shiftKey ? t[0] : t[t.length - 1];
                             if (r === e.target) {
-                                o.handleRequestClose({
+                                n.handleRequestClose({
                                     event: e,
                                     reason: "tabKey"
                                 });
@@ -1300,101 +1327,30 @@
                     }
                 }
             }));
-            Je(Xe(o), "handleRequestClose", (function(e) {
-                if (o.props.open) {
-                    o.requestClose(e);
+            Ge(Ke(n), "handleRequestClose", (function(e) {
+                if (n.props.open) {
+                    n.requestClose(e);
                 }
             }));
-            Je(Xe(o), "handleAnimationEnd", (function() {
-                if (o.allowAnimationUpdates) {
-                    o.setState({
+            Ge(Ke(n), "handleAnimationEnd", (function() {
+                if (n.allowAnimationUpdates) {
+                    n.setState({
                         animating: false
                     });
                 }
             }));
-            Je(Xe(o), "renderLayer", (function() {
-                var e = o.props, t = e.animation, a = e.animationConfig, i = e.appearance, l = e.children, c = e.id, s = e.open, u = e.retainFocus, f = e.splunkTheme;
-                var p = o.state, h = p.anchorPos, d = p.arrowStyle, v = p.outerContainerStyle, m = p.placement;
-                var b = f.isPrisma;
-                var y = o.state, g = y.maxHeight, S = y.maxWidth;
- // eslint-disable-line prefer-const
-                // Accommodate the arrow in the maxHeight and maxWidth.
-                                if (i !== "none") {
-                    if (w()(g)) {
-                        g -= 20;
-                    }
-                    if (w()(S)) {
-                        S -= 20;
-                    }
-                }
-                var P = {
-                    anchorHeight: h ? h.height : null,
-                    anchorWidth: h ? h.width : null,
-                    placement: m || null,
-                    maxHeight: g || null,
-                    maxWidth: S || null
-                };
-                var C = t ? {
-                    opacity: s ? 1 : 0
-                } : {
-                    opacity: 1
-                };
-                /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return n().createElement(T.Spring, {
-                    from: {
-                        opacity: t ? 0 : 1
-                    },
-                    to: C,
-                    config: Re({
-                        tension: 300,
-                        friction: 20,
-                        clamp: true
-                    }, a),
-                    onRest: o.handleAnimationEnd
-                }, (function(e) {
-                    
-                    return n().createElement(J, {
-                        "data-test": "outer-popover",
-                        style: Re(Re({}, v), e),
-                        ref: o.handleOuterContainerMount
-                    }, (s || o.state.animating) &&  n().createElement(Q, xe({
-                        $appearance: i,
-                        $open: s,
-                        "data-test": "popover",
-                        ref: o.handleInnerContainerMount,
-                        id: c,
-                        onKeyDown: o.handleTab
-                    }, j()(o.props, [ "anchor" ].concat(Ae(E()(r.propTypes))))),  n().createElement(U.Provider, {
-                        value: {
-                            retainFocus: u
-                        }
-                    },  n().createElement(n().Fragment, null, i === "none" && l, i !== "none" && !b &&  n().createElement(ee, {
-                        $appearance: i,
-                        ref: function e(t) {
-                            o.arrow = t;
-                        },
-                        style: d
-                    }), i !== "none" &&  n().createElement(Z, {
-                        $appearance: i
-                    }, O()(l) ? l(P) : l)))),  n().createElement(te, {
-                        ref: function e(t) {
-                            o.windowSizeMeasurementEl = t;
-                        }
-                    }));
-                }));
-                /* eslint-enable jsx-a11y/no-static-element-interactions */            }));
-            o.handleScroll = x()(o.setPlacement.bind(Xe(o), true), 0);
-            o.handleWindowScroll = x()(o.setPlacement.bind(Xe(o), true), 0);
-            o.setPlacement = x()(o.setPlacement, 0, {
+            n.handleScroll = x()(n.setPlacement.bind(Ke(n), true), 0);
+            n.handleWindowScroll = x()(n.setPlacement.bind(Ke(n), true), 0);
+            n.setPlacement = x()(n.setPlacement, 0, {
                 leading: false
             });
-            o.state = {
+            n.state = {
                 animating: false,
                 prevOpen: e.open
             };
-            return o;
+            return n;
         }
-        ze(r, [ {
+        $e(r, [ {
             key: "componentDidMount",
             value: function e() {
                 this.handleNewAnchor(this.props.anchor);
@@ -1414,7 +1370,7 @@
                     // 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);
+                        (0, D.takeFocus)(this.innerContainerEl);
                     }
                 }
             }
@@ -1429,22 +1385,13 @@
         }, {
             key: "autoCloseWhenOffScreen",
             value: function e(t, r) {
-                var n = me();
-                if (t.top < 0 || t.top > n.innerHeight || t.left < 0 || t.left > n.innerWidth) {
+                var n = lt(t, r);
+                if (n) {
                     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;
+                return n;
             }
         }, {
             key: "requestClose",
@@ -1457,60 +1404,115 @@
         }, {
             key: "render",
             value: function e() {
-                var t = me();
-                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,
+                var t = this;
+                var o = this.props, a = o.animation, i = o.animationConfig, l = o.appearance, c = o.children, u = o.closeReasons, f = o.hitAreaRef, s = o.id, p = o.open, h = o.retainFocus, d = o.splunkTheme;
+                var v = this.state, m = v.anchorPos, b = v.animating, g = v.arrowStyle, S = v.outerContainerStyle, P = v.placement;
+                var C = d.isPrisma;
+                var k = this.state, x = k.maxHeight, T = k.maxWidth;
+ // eslint-disable-line prefer-const
+                // Accommodate the arrow in the maxHeight and maxWidth.
+                                if (l !== "none") {
+                    if (w()(x)) {
+                        x -= 20;
+                    }
+                    if (w()(T)) {
+                        T -= 20;
+                    }
+                }
+                var W = {
+                    anchorHeight: m ? m.height : null,
+                    anchorWidth: m ? m.width : null,
+                    placement: P || null,
+                    maxHeight: x || null,
+                    maxWidth: T || null
+                };
+                var M = a ? {
+                    opacity: p ? 1 : 0
+                } : {
+                    opacity: 1
+                };
+                var H = ve();
+                var _ = p || b;
+                var D = this.context || H;
+                var I = D !== H;
+                // EventListeners only need to be rendered when open,
                 // otherwise leads to negative performance impacts
-                                var s = r ? [ a &&  n().createElement(W(), {
-                    target: o,
+                                var L = _ ? [ I &&  n().createElement(q(), {
+                    target: D,
                     eventType: "scroll",
                     listener: this.handleScroll,
-                    options: {
-                        passive: false,
-                        capture: true
-                    },
+                    options: rt,
                     key: "eventListener"
-                }),  n().createElement(W(), {
-                    target: t,
+                }),  n().createElement(q(), {
+                    target: H,
                     eventType: "resize",
                     listener: this.setPlacement,
                     key: "eventListenerOnWindowResize"
-                }),  n().createElement(W(), {
-                    target: t,
+                }),  n().createElement(q(), {
+                    target: H,
                     eventType: "scroll",
                     listener: this.handleWindowScroll,
-                    options: {
-                        passive: false,
-                        capture: true
-                    },
+                    options: rt,
                     key: "eventListenerOnWindowScroll"
                 }) ] : [];
-                return [].concat(s, [  n().createElement(R(), {
-                    closeReasons: y()(this.props.closeReasons.filter((function(e) {
+                return [].concat(L, [  n().createElement(R(), {
+                    closeReasons: y()(u.filter((function(e) {
                         return e !== "offScreen";
                     })), R().possibleCloseReasons),
-                    open: r,
+                    open: _,
                     onRequestClose: this.handleRequestClose,
                     key: "Layer"
-                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(pe, {
-                    anchorRect: l,
+                }, _ && this.innerContainerEl && f &&  n().createElement(se, {
+                    anchorRect: m,
                     popoverEl: this.innerContainerEl,
-                    popoverPlacement: c,
-                    ref: this.props.hitAreaRef
-                }), r && this.renderLayer()) ]);
+                    popoverPlacement: P,
+                    ref: f
+                }), _ &&  n().createElement(A.Spring, {
+                    from: {
+                        opacity: a ? 0 : 1
+                    },
+                    to: M,
+                    config: Me({
+                        tension: 300,
+                        friction: 20,
+                        clamp: true
+                    }, i),
+                    onRest: this.handleAnimationEnd
+                }, (function(e) {
+                    
+                    return n().createElement(J, {
+                        "data-test": "outer-popover",
+                        style: Me(Me({}, S), e),
+                        ref: t.handleOuterContainerMount
+                    },  n().createElement(Q, ke({
+                        $appearance: l,
+                        $open: p,
+                        "data-test": "popover",
+                        ref: t.handleInnerContainerMount,
+                        id: s,
+                        onKeyDown: t.handleTab
+                    }, j()(t.props, [ "anchor" ].concat(xe(E()(r.propTypes))))),  n().createElement(z.Provider, {
+                        value: {
+                            retainFocus: h
+                        }
+                    },  n().createElement(n().Fragment, null, l === "none" && c, l !== "none" && !C &&  n().createElement(ee, {
+                        $appearance: l,
+                        ref: t.handleArrowMount,
+                        style: g
+                    }), l !== "none" &&  n().createElement(Z, {
+                        $appearance: l
+                    }, O()(c) ? c(W) : c)))));
+                }))) ]);
             }
         } ]);
         return r;
     }(r.Component);
-    Je(at, "contextType", _());
-    Je(at, "defaultProps", rt);
-    Je(at, "propTypes", tt);
-    var it = (0, A.withSplunkTheme)(at);
-    it.propTypes = at.propTypes;
-    /* harmony default export */    const lt = it;
+    Ge(ct, "contextType", _());
+    Ge(ct, "defaultProps", tt);
+    Ge(ct, "propTypes", et);
+    var ut = (0, T.withSplunkTheme)(ct);
+    ut.propTypes = ct.propTypes;
+    /* harmony default export */    const ft = ut;
     // CONCATENATED MODULE: ./src/Popover/index.ts
     module.exports = t;
     /******/})();