@splunk/react-ui 4.41.0 → 4.43.0

package/Popover.js

@@ -61,8 +61,10 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        PopoverContext: () => /* reexport */ U,
-        default: () => /* reexport */ lt
+        PopoverContext: () => /* reexport */ z,
+        PopoverMenuContext: () => /* reexport */ Y,
+        PopoverProvider: () => /* reexport */ X,
+        default: () => /* reexport */ dt
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -76,11 +78,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);
@@ -103,33 +105,33 @@
     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);
+    const x = require("lodash/throttle");
+    var k =  e.n(x);
     // 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 q = require("@splunk/react-ui/EventListener");
-    var W =  e.n(q);
+    const W = require("@splunk/react-ui/EventListener");
+    var M =  e.n(W);
     // CONCATENATED MODULE: external "@splunk/react-ui/Layer"
-    const M = require("@splunk/react-ui/Layer");
-    var R =  e.n(M);
+    const q = require("@splunk/react-ui/Layer");
+    var R =  e.n(q);
     // 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");
+    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 +141,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 +161,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 +213,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 +235,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 j = r.right + i.offsetWidth < f;
+        var x = r.top * .7 > u - r.bottom;
+        var k = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > f;
         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 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,14 +272,14 @@
                 }
             }
             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);
+            if (k) {
+                y = Math.max(f - i.offsetWidth, 0);
             } else if (A) {
                 y = 0;
             }
@@ -287,18 +289,18 @@
         }
         if (O === "below") {
             if (!E && h) {
-                if (P && k) {
-                    return B(N(N({}, e), {}, {
+                if (P && x) {
+                    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"
                     }));
                 }
@@ -310,29 +312,29 @@
             if (n) {
                 b = Math.min(b, n.bottom);
             }
-            if (x) {
-                y = Math.max(u - i.offsetWidth, 0);
+            if (k) {
+                y = Math.max(f - i.offsetWidth, 0);
             } else if (A) {
                 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"
                     }));
                 }
@@ -343,8 +345,8 @@
             }
             if (T) {
                 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 +355,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"
                     }));
                 }
@@ -374,11 +376,11 @@
             }
             if (T) {
                 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 {
@@ -392,33 +394,56 @@
             }
         };
     }
-    // CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
-    var U =  (0, r.createContext)({});
+    // CONCATENATED MODULE: ./src/Popover/PopoverProvider.tsx
+    var z =  (0, r.createContext)({});
+    var K = {
+        children: a().node,
+        hideArrow: a().bool
+    };
+    /**
+ * Provides a method for controlling certain `Popover` props in components that use `Popover`.
+ */    var X = function e(t) {
+        var o = t.children, a = t.hideArrow;
+        var i = (0, r.useMemo)((function() {
+            return {
+                hideArrow: a
+            };
+        }), [ a ]);
+        
+        return n().createElement(z.Provider, {
+            value: i
+        }, o);
+    };
+    X.propTypes = K;
+    // CONCATENATED MODULE: ./src/Popover/PopoverMenuContext.tsx
+    var Y =  (0, r.createContext)({});
     // CONCATENATED MODULE: external "react-spring"
-    const K = require("react-spring");
+    const G = require("react-spring");
     // CONCATENATED MODULE: external "styled-components"
-    const X = require("styled-components");
-    var Y =  e.n(X);
+    const J = require("styled-components");
+    var Q =  e.n(J);
     // CONCATENATED MODULE: ./src/Popover/PopoverStyles.ts
-    var G = (0, A.pick)({
-        enterprise: "8px",
-        prisma: 0
-    });
-    var J = Y()(K.animated.div).withConfig({
+    var Z = 8;
+    var ee = Q()(G.animated.div).withConfig({
         displayName: "PopoverStyles__Styled",
         componentId: "sc-1nahsvw-0"
     })([ "position:fixed;z-index:", ";left:-300%;top:-300%;" ], A.variables.zindexPopover);
-    var Q = Y().div.withConfig({
+    // These hex codes are the inverted values of variables.backgroundColorPopup which are not exposed as tokens
+        var te = (0, J.css)([ "", "" ], (0, A.pick)({
+        light: "#27292e",
+        dark: A.variables.white
+    }));
+    var re = Q().div.withConfig({
         displayName: "PopoverStyles__StyledBox",
         componentId: "sc-1nahsvw-1"
     })([ "", ";", ";", ";" ], A.mixins.reset("block"), (function(e) {
         var t = e.$open;
-        return !t && (0, X.css)([ "pointer-events:none;" ]);
+        return !t && (0, J.css)([ "pointer-events:none;" ]);
     }), (function(e) {
         var t = e.$appearance;
-        return t !== "none" && (0, X.css)([ "padding:8px;" ]);
+        return t !== "none" && (0, J.css)([ "padding:8px;" ]);
     }));
-    var Z = Y().div.withConfig({
+    var ne = Q().div.withConfig({
         displayName: "PopoverStyles__StyledContent",
         componentId: "sc-1nahsvw-2"
     })([ "border-radius:", ";background-color:", ";color:", ";", "" ], A.variables.borderRadius, (0, 
@@ -429,11 +454,7 @@
                 light: A.variables.gray20,
                 dark: A.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
-            }
+            prisma: te
         }
     }), (0, A.pickVariant)("$appearance", {
         normal: A.variables.contentColorDefault,
@@ -445,63 +466,75 @@
             prisma: A.variables.contentColorInverted
         }
     }), (0, A.pickVariant)("$appearance", {
-        normal: (0, X.css)([ "", ";" ], (0, A.pick)({
+        normal: (0, J.css)([ "", ";" ], (0, A.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, J.css)([ "box-shadow:0 2px 2px ", ";border:", ";" ], A.mixins.colorWithAlpha(A.variables.gray20, .1), A.variables.border),
+                dark: (0, J.css)([ "box-shadow:0 1px 2px #000;border:", ";" ], A.variables.border)
             },
-            prisma: (0, X.css)([ "box-shadow:", ";" ], A.variables.overlayShadow)
+            prisma: (0, J.css)([ "box-shadow:", ";" ], A.variables.overlayShadow)
         }))
     }));
-    // Enterprise Only
-        var ee = Y().div.withConfig({
+    var oe = Q().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;", "" ], G, G, G, (0, 
-    A.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
-        }))
+    })([ "width:0;height:0;border-left:", "px solid transparent;border-right:", "px solid transparent;position:absolute;border-bottom-width:", "px;border-bottom-style:solid;", ";" ], Z, Z, Z, (function(e) {
+        var t = e.$appearance;
+        return t !== "none" && (0, J.css)([ "border-bottom-color:", ";&::before{content:'';display:block;width:0;height:0;border-left:", "px solid transparent;border-right:", "px solid transparent;border-bottom:", "px solid;border-bottom-color:", ";position:absolute;top:1px;left:0;margin-left:-", "px;}" ], (0, 
+        A.pickVariant)("$appearance", {
+            normal: {
+                enterprise: {
+                    light: A.variables.borderColor,
+                    dark: A.variables.black
+                },
+                prisma: A.variables.backgroundColorPopup
+            },
+            inverted: {
+                enterprise: {
+                    light: A.variables.gray20,
+                    dark: A.variables.white
+                },
+                prisma: te
+            }
+        }), Z, Z, Z, (0, A.pickVariant)("$appearance", {
+            normal: A.variables.backgroundColorPopup,
+            inverted: {
+                enterprise: {
+                    light: A.variables.gray20,
+                    dark: A.variables.white
+                },
+                prisma: te
+            }
+        }), Z);
     }));
-    var te = Y().div.withConfig({
-        displayName: "PopoverStyles__StyledLowerRightCorner",
-        componentId: "sc-1nahsvw-4"
-    })([ "position:fixed;right:0;bottom:0;" ]);
-    var re = Y().svg.withConfig({
+    var ae = Q().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 ie(e, t) {
+        return se(e) || fe(e, t) || ce(e, t) || le();
     }
-    function oe() {
+    function le() {
         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 ce(e, t) {
         if (e) {
-            if ("string" == typeof e) return ie(e, t);
+            if ("string" == typeof e) return ue(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) ? ue(e, t) : void 0;
         }
     }
-    function ie(e, t) {
+    function ue(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 fe(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,26 +542,26 @@
                 } 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 se(e) {
         if (Array.isArray(e)) return e;
     }
-    var se = {
+    var pe = {
         anchorRect: a().object,
         popoverEl: a().object,
         popoverPlacement: a().oneOf([ "above", "below", "left", "right", "misaligned" ])
     };
-    var ue = function e(t) {
+    var he = function e(t) {
         var r = t.anchorRect, n = t.popoverEl, o = t.popoverPlacement;
         if (r != null && n != null && o != null) {
             var a = n.getBoundingClientRect();
@@ -540,13 +573,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: {
@@ -588,36 +621,36 @@
             hitAreaStyle: {}
         };
     };
-    var fe =  n().forwardRef((function(e, t) {
+    var de =  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 = ie(l, 2), u = c[0], f = c[1];
+        var s = (0, r.useState)({}), p = ie(s, 2), h = p[0], d = p[1];
         (0, r.useEffect)((function() {
-            var e = ue({
+            var e = he({
                 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(ae, {
                 "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;
+    de.propTypes = pe;
+    /* harmony default export */    const ve = de;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var he = {
+    var me = {
         body: {
             appendChild: function e() {
                 return [];
@@ -671,14 +704,14 @@
             search: ""
         }
     };
-    function de() {
-        var e = typeof document !== "undefined" ? document : he;
+    function be() {
+        var e = typeof document !== "undefined" ? document : me;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var ve = {
-        document: he,
+    var ye = {
+        document: me,
         navigator: {
             userAgent: ""
         },
@@ -732,20 +765,20 @@
             clearTimeout(t);
         }
     };
-    function me() {
-        var e = typeof window !== "undefined" ? window : ve;
+    function ge() {
+        var e = typeof window !== "undefined" ? window : ye;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function be(e) {
+    function we(e) {
         "@babel/helpers - typeof";
-        return be = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return we = "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);
+        }, we(e);
     }
-    function ye(e, t) {
+    function Se(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -755,46 +788,46 @@
         }
         return r;
     }
-    function ge(e) {
+    function Oe(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 ? Se(Object(r), !0).forEach((function(t) {
+                Pe(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Se(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 Pe(e, t, r) {
+        return (t = Ee(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 Ee(e) {
+        var t = Ce(e, "string");
+        return "symbol" == we(t) ? t : t + "";
     }
-    function Oe(e, t) {
-        if ("object" != be(e) || !e) return e;
+    function Ce(e, t) {
+        if ("object" != we(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" != we(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 je() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function Ee(e) {
-        return ge(ge({}, e), {}, {
+        function xe(e) {
+        return Oe(Oe({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -808,20 +841,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 ke(e, t) {
         var r, n;
         var o = e.getBoundingClientRect();
-        var a = Pe();
+        var a = je();
         if (!t || !a) {
             return o;
         }
-        var i = me();
+        var i = ge();
         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 xe({
+            width: u,
+            height: f,
             x: l,
             y: c
         });
@@ -833,7 +866,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 Ae(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -846,16 +879,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Popover/Popover.tsx
-    function ke(e) {
+    function Te(e) {
         "@babel/helpers - typeof";
-        return ke = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Te = "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);
+        }, Te(e);
     }
-    function xe() {
-        return xe = Object.assign ? Object.assign.bind() : function(e) {
+    function We() {
+        return We = 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 +896,21 @@
                 }
             }
             return e;
-        }, xe.apply(null, arguments);
+        }, We.apply(null, arguments);
     }
-    function Ae(e) {
-        return We(e) || qe(e) || Le(e) || Te();
+    function Me(e) {
+        return He(e) || Re(e) || Fe(e) || qe();
     }
-    function Te() {
+    function qe() {
         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 Re(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 He(e) {
+        if (Array.isArray(e)) return Ne(e);
     }
-    function Me(e, t) {
+    function _e(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -887,41 +920,41 @@
         }
         return r;
     }
-    function Re(e) {
+    function De(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 ? _e(Object(r), !0).forEach((function(t) {
+                et(e, t, r[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : _e(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 Ie(e, t) {
+        return Ve(e) || $e(e, t) || Fe(e, t) || Le();
     }
-    function _e() {
+    function Le() {
         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 Fe(e, t) {
         if (e) {
-            if ("string" == typeof e) return De(e, t);
+            if ("string" == typeof e) return Ne(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) ? De(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) ? Ne(e, t) : void 0;
         }
     }
-    function De(e, t) {
+    function Ne(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 Ie(e, t) {
+    function $e(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,36 +962,36 @@
                 } 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 Ve(e) {
         if (Array.isArray(e)) return e;
     }
-    function Fe(e, t) {
+    function Be(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function $e(e, t) {
+    function Ue(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, tt(n.key), n);
         }
     }
     function ze(e, t, r) {
-        return t && $e(e.prototype, t), r && $e(e, r), Object.defineProperty(e, "prototype", {
+        return t && Ue(e.prototype, t), r && Ue(e, r), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function Ve(e, t) {
+    function Ke(e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
@@ -968,64 +1001,64 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && Be(e, t);
+        }), t && Xe(e, t);
     }
-    function Be(e, t) {
-        return Be = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function Xe(e, t) {
+        return Xe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, Be(e, t);
+        }, Xe(e, t);
     }
-    function Ue(e) {
-        var t = Ye();
+    function Ye(e) {
+        var t = Qe();
         return function() {
-            var r, n = Ge(e);
+            var r, n = Ze(e);
             if (t) {
-                var o = Ge(this).constructor;
+                var o = Ze(this).constructor;
                 r = Reflect.construct(n, arguments, o);
             } else r = n.apply(this, arguments);
-            return Ke(this, r);
+            return Ge(this, r);
         };
     }
-    function Ke(e, t) {
-        if (t && ("object" == ke(t) || "function" == typeof t)) return t;
+    function Ge(e, t) {
+        if (t && ("object" == Te(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 Je(e);
     }
-    function Xe(e) {
+    function Je(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Ye() {
+    function Qe() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (Ye = function t() {
+        return (Qe = function t() {
             return !!e;
         })();
     }
-    function Ge(e) {
-        return Ge = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function Ze(e) {
+        return Ze = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, Ge(e);
+        }, Ze(e);
     }
-    function Je(e, t, r) {
-        return (t = Qe(t)) in e ? Object.defineProperty(e, t, {
+    function et(e, t, r) {
+        return (t = tt(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 tt(e) {
+        var t = rt(e, "string");
+        return "symbol" == Te(t) ? t : t + "";
     }
-    function Ze(e, t) {
-        if ("object" != ke(e) || !e) return e;
+    function rt(e, t) {
+        if ("object" != Te(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" != Te(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
@@ -1034,8 +1067,8 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var et = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
-    var tt = {
+    /** @public */    var nt = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
+    var ot = {
         align: a().oneOf([ "center", "edge", "theme", "end" ]),
         anchor: a().object,
         animation: a().bool,
@@ -1044,10 +1077,11 @@
         autoCloseWhenOffScreen: a().bool,
         canCoverAnchor: a().bool,
         children: a().oneOfType([ a().node, a().func ]),
-        closeReasons: a().arrayOf(a().oneOf(et)),
+        closeReasons: a().arrayOf(a().oneOf(nt)),
         defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         id: a().string,
+        hideArrow: a().bool,
         hitAreaRef: a().oneOfType([ a().func, a().object ]),
         onRequestClose: a().func,
         open: a().bool,
@@ -1061,22 +1095,26 @@
         takeFocus: a().bool,
         splunkTheme: a().object
     };
-    var rt = {
+    var at = {
         align: "theme",
         animation: true,
         animationConfig: {},
         appearance: "normal",
         autoCloseWhenOffScreen: true,
         canCoverAnchor: false,
-        closeReasons: et,
+        closeReasons: nt,
         defaultPlacement: "below",
         open: false,
         repositionMode: "flip",
         retainFocus: true,
         takeFocus: false
     };
+    var it = {
+        passive: false,
+        capture: true
+    };
     // eslint-disable-next-line @typescript-eslint/ban-types
-        function nt(e, t) {
+        function lt(e, t) {
         var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
         return !!e && !!t && p()(e, (function(e, n) {
             if (w()(e)) {
@@ -1085,77 +1123,116 @@
             return t[n] === e;
         }));
     }
-    function ot(e) {
+    function ct(e) {
+        var t = e.anchorPos, r = e.placement, n = e.outerContainerStyle, o = e.outerContainerEl;
+        if (r === "misaligned") {
+            return [ {
+                display: "none"
+            } ];
+        }
+        var a = {
+            display: "block"
+        };
+        var i = o.offsetHeight / 2 - 22;
+        var l = -(o.offsetHeight / 2 - 15);
+        var u = t.center - (n.top + o.offsetHeight / 2) - Z / 2;
+        var f = c()(u, l, i);
+        // 26px is 16px arrow width + 8px padding + half of 3px or 4px border-radius
+        // 11px is 16px arrow width - 8px padding + half of 3px or 4px border-radius
+                var s = o.offsetWidth / 2 - 26;
+        var p = -(o.offsetWidth / 2 - 11);
+        // const initHorizontalDiff = -arrowHeight;
+                var h = t.middle - (n.left + o.offsetWidth / 2) - Z;
+        var d = c()(h, p, s);
+        var v = {
+            left: {
+                translateX: Z / 2,
+                translateY: f,
+                rotate: 90
+            },
+            right: {
+                translateX: -Z / 2,
+                translateY: f,
+                rotate: -90
+            },
+            above: {
+                translateX: d,
+                translateY: 0,
+                rotate: 180
+            },
+            below: {
+                translateX: d,
+                translateY: 0,
+                rotate: 0
+            }
+        };
+        var m = v[r];
+        a.transform = "translate(".concat(m.translateX, "px, ").concat(m.translateY, "px) rotate(").concat(m.rotate, "deg)");
+        // set new positions
+                var b = {
+            left: "right",
+            right: "left",
+            above: "bottom",
+            below: "top"
+        };
+        a[b[r]] = "1px";
+        var y = {
+            left: "top",
+            right: "top",
+            above: "left",
+            below: "left"
+        };
+        a[y[r]] = "50%";
+        return [ a, m ];
+    }
+    function ut(e) {
+        var t = e.anchorEl, r = e.offsets, n = r === void 0 ? false : r, o = e.pointTo;
+        var a = ke(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;
+        // when pointTo is set, the middle (horizontal) and center (vertical)
+        // these values are set to the upper left corner of the anchor
+        // which causes the whole Popover to be aligned to the upper left corner
+        // (ignoring the "align" prop) and then shifted by the value of "pointTo"
+                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 ft(e) {
         return e !== window && e !== window.document;
     }
+    function st(e, t) {
+        var r = ge();
+        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) {
-        Ve(r, e);
-        var t = Ue(r);
+ */    var pt =  function(e) {
+        Ke(r, e);
+        var t = Ye(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 ];
-            }
-        }, {
             key: "getDerivedStateFromProps",
+            // @docs-props-type PopoverPropsBase
             value: function e(t, r) {
                 if (t.open !== r.prevOpen) {
                     return {
@@ -1167,131 +1244,134 @@
             }
         } ]);
         function r(e) {
-            var o;
-            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;
-                    var m = d.isPrisma;
+            var n;
+            Be(this, r);
+            n = t.call(this, e);
+            et(Je(n), "outerContainerEl", null);
+            et(Je(n), "innerContainerEl", null);
+            et(Je(n), "arrow", null);
+            et(Je(n), "handleScroll", void 0);
+            et(Je(n), "handleWindowScroll", void 0);
+            et(Je(n), "allowAnimationUpdates", true);
+            et(Je(n), "setPlacement", (function(e) {
+                var t = ge();
+                n.setState((function(r) {
+                    var o = n.props, a = o.align, i = o.anchor, l = o.autoCloseWhenOffScreen, c = o.canCoverAnchor, u = o.defaultPlacement, f = o.open, s = o.pointTo, p = o.repositionMode, h = o.splunkTheme;
+                    var d = n.context || t;
+                    var v = h.isPrisma;
  // If these conditions are not met, we cannot set the popover.
-                                        if (!p || !o.outerContainerEl || !c || !n.anchorEl || !o.windowSizeMeasurementEl) {
+                                        if (!f || !n.outerContainerEl || !i || !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 m = ut({
+                        anchorEl: r.anchorEl,
+                        pointTo: s
+                    });
+                    var b = ut({
+                        anchorEl: r.anchorEl,
+                        offsets: true,
+                        pointTo: s
+                    });
+                    var y = ft(d) ? ut({
+                        anchorEl: d,
+                        pointTo: s
+                    }) : undefined;
+                    if (e && l) {
+                        if (n.autoCloseWhenOffScreen(m, y)) {
                             return null;
                         }
                     }
-                    var w = m ? 0 : 8;
-                    var S = 8;
-                    var O = m ? "edge" : "center";
-                    var P = B({
-                        align: l === "theme" ? O : l,
-                        anchorPos: y,
-                        scrollContainerPos: g,
-                        canCoverAnchor: u,
-                        defaultPlacement: f,
-                        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 = 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 : {});
+                    var g = 8;
+                    var w = v ? "edge" : "center";
+                    var S = U({
+                        align: a === "theme" ? w : a,
+                        anchorPos: b,
+                        scrollContainerPos: y,
+                        canCoverAnchor: c,
+                        defaultPlacement: u,
+                        repositionMode: p,
+                        outerContainerEl: n.outerContainerEl,
+                        padding: g,
+                        windowWidth: t.innerWidth,
+                        windowHeight: t.innerHeight
+                    }), O = S.placement, P = S.outerContainerStyle, E = S.maxHeight, C = S.maxWidth;
+                    var x = lt(b, r.anchorPos) && lt(P, r.outerContainerStyle) && O === r.placement && E === r.maxHeight && C === r.maxWidth;
+                    var k = true;
+                    var A = {};
+                    var T;
+                    if (n.arrow) {
+                        var W, M;
+                        var q = ct({
+                            anchorPos: b,
+                            outerContainerStyle: P,
+                            placement: O,
+                            outerContainerEl: n.outerContainerEl
+                        });
+                        var R = Ie(q, 2);
+                        A = R[0];
+                        T = R[1];
+                        k = lt(j()(A, "transform"), j()(r.arrowStyle, "transform")) && lt((W = T) !== null && W !== void 0 ? W : {}, (M = r.arrowStyleTransformMeta) !== null && M !== void 0 ? M : {});
+                    }
                     // If none of the position data has changed, do not set state.
-                                        if (R && (!M || M && H)) {
+                                        if (x && k) {
                         return null;
                     }
                     return {
-                        anchorPos: y,
-                        arrowStyle: q,
-                        arrowStyleTransformMeta: W,
-                        outerContainerStyle: C,
-                        placement: E,
-                        maxHeight: k,
-                        maxWidth: x
+                        anchorPos: b,
+                        arrowStyle: A,
+                        arrowStyleTransformMeta: T,
+                        outerContainerStyle: P,
+                        placement: O,
+                        maxHeight: E,
+                        maxWidth: C
                     };
                 }));
             }));
-            Je(Xe(o), "handleNewAnchor", (function(e) {
-                var t;
+            et(Je(n), "handleArrowMount", (function(e) {
+                n.arrow = e;
+            }));
+            et(Je(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 ? ut({
+                    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);
+            et(Je(n), "handleInnerContainerMount", (function(e) {
+                n.innerContainerEl = e;
+                if (e && n.props.takeFocus) {
+                    f()(D.takeFocus, e);
                 }
-                je(o.props.elementRef, e);
+                Ae(n.props.elementRef, e);
             }));
-            Je(Xe(o), "handleOuterContainerMount", (function(e) {
-                o.outerContainerEl = e;
-                je(o.props.outerRef, e);
+            et(Je(n), "handleOuterContainerMount", (function(e) {
+                n.outerContainerEl = e;
+                Ae(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);
+            et(Je(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,99 +1380,28 @@
                     }
                 }
             }));
-            Je(Xe(o), "handleRequestClose", (function(e) {
-                if (o.props.open) {
-                    o.requestClose(e);
+            et(Je(n), "handleRequestClose", (function(e) {
+                if (n.props.open) {
+                    n.requestClose(e);
                 }
             }));
-            Je(Xe(o), "handleAnimationEnd", (function() {
-                if (o.allowAnimationUpdates) {
-                    o.setState({
+            et(Je(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 = k()(n.setPlacement.bind(Je(n), true), 0);
+            n.handleWindowScroll = k()(n.setPlacement.bind(Je(n), true), 0);
+            n.setPlacement = k()(n.setPlacement, 0, {
                 leading: false
             });
-            o.state = {
+            n.state = {
                 animating: false,
                 prevOpen: e.open
             };
-            return o;
+            return n;
         }
         ze(r, [ {
             key: "componentDidMount",
@@ -1414,7 +1423,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);
                     }
                 }
             }
@@ -1426,25 +1435,26 @@
                                 this.handleScroll.cancel();
                 this.allowAnimationUpdates = false;
             }
+        }, {
+            key: "shouldRenderArrow",
+            value: function e(t) {
+                var r;
+                var n = this.props, o = n.appearance, a = n.hideArrow, i = n.splunkTheme;
+                var l = i.isPrisma;
+ // if hideArrow or hideArrowContext isn't set, default it to true in Prisma themes
+                                var c = (r = a !== null && a !== void 0 ? a : t) !== null && r !== void 0 ? r : l;
+                return o !== "none" && !c;
+            }
         }, {
             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 = st(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 +1467,119 @@
         }, {
             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;
+                var d = this.state, v = d.anchorPos, m = d.animating, b = d.arrowStyle, g = d.outerContainerStyle, S = d.placement;
+                var P = this.state, C = P.maxHeight, x = P.maxWidth;
+ // eslint-disable-line prefer-const
+                // Accommodate the arrow in the maxHeight and maxWidth.
+                                if (l !== "none") {
+                    if (w()(C)) {
+                        C -= 20;
+                    }
+                    if (w()(x)) {
+                        x -= 20;
+                    }
+                }
+                var k = {
+                    anchorHeight: v ? v.height : null,
+                    anchorWidth: v ? v.width : null,
+                    placement: S || null,
+                    maxHeight: C || null,
+                    maxWidth: x || null
+                };
+                var A = a ? {
+                    opacity: p ? 1 : 0
+                } : {
+                    opacity: 1
+                };
+                var W = ge();
+                var q = p || m;
+                var H = this.context || W;
+                var _ = H !== W;
+                // EventListeners only need to be rendered when open,
                 // otherwise leads to negative performance impacts
-                                var s = r ? [ a &&  n().createElement(W(), {
-                    target: o,
+                                var D = q ? [ _ &&  n().createElement(M(), {
+                    target: H,
                     eventType: "scroll",
                     listener: this.handleScroll,
-                    options: {
-                        passive: false,
-                        capture: true
-                    },
+                    options: it,
                     key: "eventListener"
-                }),  n().createElement(W(), {
-                    target: t,
+                }),  n().createElement(M(), {
+                    target: W,
                     eventType: "resize",
                     listener: this.setPlacement,
                     key: "eventListenerOnWindowResize"
-                }),  n().createElement(W(), {
-                    target: t,
+                }),  n().createElement(M(), {
+                    target: W,
                     eventType: "scroll",
                     listener: this.handleWindowScroll,
-                    options: {
-                        passive: false,
-                        capture: true
-                    },
+                    options: it,
                     key: "eventListenerOnWindowScroll"
                 }) ] : [];
-                return [].concat(s, [  n().createElement(R(), {
-                    closeReasons: y()(this.props.closeReasons.filter((function(e) {
+                return [].concat(D, [  n().createElement(R(), {
+                    closeReasons: y()(u.filter((function(e) {
                         return e !== "offScreen";
                     })), R().possibleCloseReasons),
-                    open: r,
+                    open: q,
                     onRequestClose: this.handleRequestClose,
                     key: "Layer"
-                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(pe, {
-                    anchorRect: l,
+                }, q && this.innerContainerEl && f &&  n().createElement(ve, {
+                    anchorRect: v,
                     popoverEl: this.innerContainerEl,
-                    popoverPlacement: c,
-                    ref: this.props.hitAreaRef
-                }), r && this.renderLayer()) ]);
+                    popoverPlacement: S,
+                    ref: f
+                }), q &&  n().createElement(T.Spring, {
+                    from: {
+                        opacity: a ? 0 : 1
+                    },
+                    to: A,
+                    config: De({
+                        tension: 300,
+                        friction: 20,
+                        clamp: true
+                    }, i),
+                    onRest: this.handleAnimationEnd
+                }, (function(e) {
+                    
+                    return n().createElement(z.Consumer, null, (function(o) {
+                        var a = o.hideArrow;
+                        
+                        return n().createElement(ee, {
+                            "data-test": "outer-popover",
+                            style: De(De({}, g), e),
+                            ref: t.handleOuterContainerMount
+                        },  n().createElement(re, We({
+                            $appearance: l,
+                            $open: p,
+                            "data-test": "popover",
+                            ref: t.handleInnerContainerMount,
+                            id: s,
+                            onKeyDown: t.handleTab
+                        }, j()(t.props, [ "anchor" ].concat(Me(E()(r.propTypes))))),  n().createElement(Y.Provider, {
+                            value: {
+                                retainFocus: h
+                            }
+                        },  n().createElement(n().Fragment, null, l === "none" && c, t.shouldRenderArrow(a) &&  n().createElement(oe, {
+                            "data-test": "popover-arrow",
+                            $appearance: l,
+                            ref: t.handleArrowMount,
+                            style: b
+                        }), l !== "none" &&  n().createElement(ne, {
+                            $appearance: l
+                        }, O()(c) ? c(k) : 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;
+    et(pt, "contextType", _());
+    et(pt, "defaultProps", at);
+    et(pt, "propTypes", ot);
+    var ht = (0, A.withSplunkTheme)(pt);
+    ht.propTypes = pt.propTypes;
+    /* harmony default export */    const dt = ht;
     // CONCATENATED MODULE: ./src/Popover/index.ts
     module.exports = t;
     /******/})();