@splunk/react-ui 4.42.0 → 4.44.0

package/Popover.js

@@ -62,7 +62,9 @@
     // EXPORTS
         e.d(t, {
         PopoverContext: () => /* reexport */ z,
-        default: () => /* reexport */ ft
+        PopoverMenuContext: () => /* reexport */ Y,
+        PopoverProvider: () => /* reexport */ X,
+        default: () => /* reexport */ dt
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -103,18 +105,18 @@
     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 T = require("@splunk/themes");
+    const A = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
-    const A = require("@splunk/react-ui/Animation");
+    const T = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const W = require("@splunk/react-ui/EventListener");
-    var q =  e.n(W);
+    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);
@@ -241,10 +243,10 @@
         var E = r.bottom + i.offsetHeight < u;
         var C = r.left - i.offsetWidth > 0;
         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 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 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") {
@@ -276,9 +278,9 @@
                 }
                 b = "auto";
             }
-            if (x) {
+            if (k) {
                 y = Math.max(f - i.offsetWidth, 0);
-            } else if (T) {
+            } else if (A) {
                 y = 0;
             }
             if (!o) {
@@ -287,7 +289,7 @@
         }
         if (O === "below") {
             if (!E && h) {
-                if (P && k) {
+                if (P && x) {
                     return U(F(F({}, e), {}, {
                         placement: "above"
                     }));
@@ -310,9 +312,9 @@
             if (n) {
                 b = Math.min(b, n.bottom);
             }
-            if (x) {
+            if (k) {
                 y = Math.max(f - i.offsetWidth, 0);
-            } else if (T) {
+            } else if (A) {
                 y = 0;
             }
             if (!o) {
@@ -341,7 +343,7 @@
                     b = 0;
                 }
             }
-            if (A) {
+            if (T) {
                 b = 0;
             } else if (W) {
                 b = Math.max(u - i.offsetHeight, 0);
@@ -372,7 +374,7 @@
                     b = 0;
                 }
             }
-            if (A) {
+            if (T) {
                 b = 0;
             } else if (W) {
                 b = Math.max(u - i.offsetHeight, 0);
@@ -392,109 +394,144 @@
             }
         };
     }
-    // CONCATENATED MODULE: ./src/Popover/PopoverContext.tsx
+    // 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, T.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%;" ], T.variables.zindexPopover);
-    var Q = Y().div.withConfig({
+    })([ "position:fixed;z-index:", ";left:-300%;top:-300%;" ], A.variables.zindexPopover);
+    // 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"
-    })([ "", ";", ";", ";" ], T.mixins.reset("block"), (function(e) {
+    })([ "", ";", ";", ";" ], 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:", ";", "" ], T.variables.borderRadius, (0, 
-    T.pickVariant)("$appearance", {
-        normal: T.variables.backgroundColorPopup,
+    })([ "border-radius:", ";background-color:", ";color:", ";", "" ], A.variables.borderRadius, (0, 
+    A.pickVariant)("$appearance", {
+        normal: A.variables.backgroundColorPopup,
         inverted: {
             enterprise: {
-                light: T.variables.gray20,
-                dark: T.variables.white
+                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: T.variables.white
-            }
+            prisma: te
         }
-    }), (0, T.pickVariant)("$appearance", {
-        normal: T.variables.contentColorDefault,
+    }), (0, A.pickVariant)("$appearance", {
+        normal: A.variables.contentColorDefault,
         inverted: {
             enterprise: {
-                light: T.variables.white,
-                dark: T.variables.gray30
+                light: A.variables.white,
+                dark: A.variables.gray30
             },
-            prisma: T.variables.contentColorInverted
+            prisma: A.variables.contentColorInverted
         }
-    }), (0, T.pickVariant)("$appearance", {
-        normal: (0, X.css)([ "", ";" ], (0, T.pick)({
+    }), (0, A.pickVariant)("$appearance", {
+        normal: (0, J.css)([ "", ";" ], (0, A.pick)({
             enterprise: {
-                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)
+                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:", ";" ], T.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, 
-    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, 
-        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
-        }))
+    })([ "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().svg.withConfig({
+    var ae = Q().svg.withConfig({
         displayName: "PopoverStyles__StyledHitArea",
         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 re(e, t) {
-        return le(e) || ie(e, t) || oe(e, t) || ne();
+    function ie(e, t) {
+        return se(e) || fe(e, t) || ce(e, t) || le();
     }
-    function ne() {
+    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 oe(e, t) {
+    function ce(e, t) {
         if (e) {
-            if ("string" == typeof e) return ae(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) ? ae(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 ae(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 ie(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, u = !1;
@@ -516,15 +553,15 @@
             return l;
         }
     }
-    function le(e) {
+    function se(e) {
         if (Array.isArray(e)) return e;
     }
-    var ce = {
+    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();
@@ -584,12 +621,12 @@
             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 = re(l, 2), u = c[0], f = c[1];
-        var s = (0, r.useState)({}), p = re(s, 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
@@ -599,7 +636,7 @@
         }), [ o, a, i ]);
         if (u != null) {
             
-            return n().createElement(te, {
+            return n().createElement(ae, {
                 "data-test": "popover-hit-area",
                 style: h
             },  n().createElement("path", {
@@ -609,11 +646,11 @@
         }
         return null;
     }));
-    fe.propTypes = ce;
-    /* harmony default export */    const se = fe;
+    de.propTypes = pe;
+    /* harmony default export */    const ve = de;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var pe = {
+    var me = {
         body: {
             appendChild: function e() {
                 return [];
@@ -667,14 +704,14 @@
             search: ""
         }
     };
-    function he() {
-        var e = typeof document !== "undefined" ? document : pe;
+    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 de = {
-        document: pe,
+    var ye = {
+        document: me,
         navigator: {
             userAgent: ""
         },
@@ -728,20 +765,20 @@
             clearTimeout(t);
         }
     };
-    function ve() {
-        var e = typeof window !== "undefined" ? window : de;
+    function ge() {
+        var e = typeof window !== "undefined" ? window : ye;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/getBoundingClientRect.ts
-    function me(e) {
+    function we(e) {
         "@babel/helpers - typeof";
-        return me = "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;
-        }, me(e);
+        }, we(e);
     }
-    function be(e, t) {
+    function Se(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -751,46 +788,46 @@
         }
         return r;
     }
-    function ye(e) {
+    function Oe(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[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) {
+            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 ge(e, t, r) {
-        return (t = we(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 we(e) {
-        var t = Se(e, "string");
-        return "symbol" == me(t) ? t : t + "";
+    function Ee(e) {
+        var t = Ce(e, "string");
+        return "symbol" == we(t) ? t : t + "";
     }
-    function Se(e, t) {
-        if ("object" != me(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" != me(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 Oe() {
+        function je() {
         return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
     }
     // Formats return value to DOMRect
-        function Pe(e) {
-        return ye(ye({}, e), {}, {
+        function xe(e) {
+        return Oe(Oe({}, e), {}, {
             top: e.y,
             left: e.x,
             right: e.x + e.width,
@@ -804,18 +841,18 @@
  * @param {boolean} offsets - Use when position of element relative to the layout viewport offsets are needed for Safari.
  * @returns {Omit<DOMRect, 'toJSON'>}
  * @public
- */    function Ee(e, t) {
+ */    function ke(e, t) {
         var r, n;
         var o = e.getBoundingClientRect();
-        var a = Oe();
+        var a = je();
         if (!t || !a) {
             return o;
         }
-        var i = ve();
+        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 u = o.width, f = o.height;
-        return Pe({
+        return xe({
             width: u,
             height: f,
             x: l,
@@ -829,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 Ce(e, t) {
+    function Ae(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -842,16 +879,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Popover/Popover.tsx
-    function je(e) {
+    function Te(e) {
         "@babel/helpers - typeof";
-        return je = "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;
-        }, je(e);
+        }, Te(e);
     }
-    function ke() {
-        return ke = 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) {
@@ -859,21 +896,21 @@
                 }
             }
             return e;
-        }, ke.apply(null, arguments);
+        }, We.apply(null, arguments);
     }
-    function xe(e) {
-        return We(e) || Ae(e) || _e(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 Ae(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 qe(e, t) {
+    function _e(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -883,38 +920,38 @@
         }
         return r;
     }
-    function Me(e) {
+    function De(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[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) {
+            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 Re(e, t) {
-        return Le(e) || Ie(e, t) || _e(e, t) || He();
+    function Ie(e, t) {
+        return Ve(e) || $e(e, t) || Fe(e, t) || Le();
     }
-    function He() {
+    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 _e(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, u = !1;
@@ -936,25 +973,25 @@
             return l;
         }
     }
-    function Le(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 Ne(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, Je(n.key), n);
+            Object.defineProperty(e, tt(n.key), n);
         }
     }
-    function $e(e, t, r) {
-        return t && Ne(e.prototype, t), r && Ne(e, r), Object.defineProperty(e, "prototype", {
+    function ze(e, t, r) {
+        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: {
@@ -964,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 = Xe();
+    function Ye(e) {
+        var t = Qe();
         return function() {
-            var r, n = Ye(e);
+            var r, n = Ze(e);
             if (t) {
-                var o = Ye(this).constructor;
+                var o = Ze(this).constructor;
                 r = Reflect.construct(n, arguments, o);
             } else r = n.apply(this, arguments);
-            return ze(this, r);
+            return Ge(this, r);
         };
     }
-    function ze(e, t) {
-        if (t && ("object" == je(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 Ke(e);
+        return Je(e);
     }
-    function Ke(e) {
+    function Je(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function Xe() {
+    function Qe() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (Xe = function t() {
+        return (Qe = function t() {
             return !!e;
         })();
     }
-    function Ye(e) {
-        return Ye = 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);
-        }, Ye(e);
+        }, Ze(e);
     }
-    function Ge(e, t, r) {
-        return (t = Je(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 Je(e) {
-        var t = Qe(e, "string");
-        return "symbol" == je(t) ? t : t + "";
+    function tt(e) {
+        var t = rt(e, "string");
+        return "symbol" == Te(t) ? t : t + "";
     }
-    function Qe(e, t) {
-        if ("object" != je(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" != je(n)) return n;
+            if ("object" != Te(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
@@ -1030,8 +1067,8 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var Ze = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
-    var et = {
+    /** @public */    var nt = [ "clickAway", "escapeKey", "offScreen", "tabKey" ];
+    var ot = {
         align: a().oneOf([ "center", "edge", "theme", "end" ]),
         anchor: a().object,
         animation: a().bool,
@@ -1040,10 +1077,11 @@
         autoCloseWhenOffScreen: a().bool,
         canCoverAnchor: a().bool,
         children: a().oneOfType([ a().node, a().func ]),
-        closeReasons: a().arrayOf(a().oneOf(Ze)),
+        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,
@@ -1057,26 +1095,26 @@
         takeFocus: a().bool,
         splunkTheme: a().object
     };
-    var tt = {
+    var at = {
         align: "theme",
         animation: true,
         animationConfig: {},
         appearance: "normal",
         autoCloseWhenOffScreen: true,
         canCoverAnchor: false,
-        closeReasons: Ze,
+        closeReasons: nt,
         defaultPlacement: "below",
         open: false,
         repositionMode: "flip",
         retainFocus: true,
         takeFocus: false
     };
-    var rt = {
+    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,65 +1123,71 @@
             return t[n] === e;
         }));
     }
-    function ot(e) {
-        var t = e.anchorPos, r = e.arrowHeight, n = e.placement, o = e.outerContainerStyle, a = e.outerContainerEl;
-        if (n === "misaligned") {
+    function ct(e) {
+        var t = e.anchorPos, r = e.placement, n = e.outerContainerStyle, o = e.outerContainerEl;
+        if (r === "misaligned") {
             return [ {
                 display: "none"
             } ];
         }
-        var i = {
+        var a = {
             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 = {
+        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: r / 2,
-                translateY: s,
+                translateX: Z / 2,
+                translateY: f,
                 rotate: 90
             },
             right: {
-                translateX: -r / 2,
-                translateY: s,
+                translateX: -Z / 2,
+                translateY: f,
                 rotate: -90
             },
             above: {
-                translateX: p,
+                translateX: d,
                 translateY: 0,
                 rotate: 180
             },
             below: {
-                translateX: p,
+                translateX: d,
                 translateY: 0,
                 rotate: 0
             }
         };
-        var d = h[n];
-        i.transform = "translate(".concat(d.translateX, "px, ").concat(d.translateY, "px) rotate(").concat(d.rotate, "deg)");
+        var m = v[r];
+        a.transform = "translate(".concat(m.translateX, "px, ").concat(m.translateY, "px) rotate(").concat(m.rotate, "deg)");
         // set new positions
-                var v = {
+                var b = {
             left: "right",
             right: "left",
             above: "bottom",
             below: "top"
         };
-        i[v[n]] = "1px";
-        var m = {
+        a[b[r]] = "1px";
+        var y = {
             left: "top",
             right: "top",
             above: "left",
             below: "left"
         };
-        i[m[n]] = "50%";
-        return [ i, d ];
+        a[y[r]] = "50%";
+        return [ a, m ];
     }
-    function at(e) {
+    function ut(e) {
         var t = e.anchorEl, r = e.offsets, n = r === void 0 ? false : r, o = e.pointTo;
-        var a = Ee(t, n);
+        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
@@ -1156,15 +1200,19 @@
         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;
+        // 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 it(e) {
+    function ft(e) {
         return e !== window && e !== window.document;
     }
-    function lt(e, t) {
-        var r = ve();
+    function st(e, t) {
+        var r = ge();
         if (e.top < 0 || e.top > r.innerHeight || e.left < 0 || e.left > r.innerWidth) {
             return true;
         }
@@ -1179,10 +1227,10 @@
  * `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 ct =  function(e) {
-        Ve(r, e);
-        var t = Ue(r);
-        $e(r, null, [ {
+ */    var pt =  function(e) {
+        Ke(r, e);
+        var t = Ye(r);
+        ze(r, null, [ {
             key: "getDerivedStateFromProps",
             // @docs-props-type PopoverPropsBase
             value: function e(t, r) {
@@ -1197,88 +1245,93 @@
         } ]);
         function r(e) {
             var n;
-            Fe(this, r);
+            Be(this, r);
             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();
+            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;
-                    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;
+                    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 (!s || !n.outerContainerEl || !l || !r.anchorEl) {
+                                        if (!f || !n.outerContainerEl || !i || !r.anchorEl) {
                         if (false) {}
                         return null;
                     }
-                    var b = at({
+                    var m = ut({
                         anchorEl: r.anchorEl,
-                        pointTo: p
+                        pointTo: s
                     });
-                    var y = at({
+                    var b = ut({
                         anchorEl: r.anchorEl,
                         offsets: true,
-                        pointTo: p
+                        pointTo: s
                     });
-                    var g = it(v) ? at({
-                        anchorEl: v,
-                        pointTo: p
+                    var y = ft(d) ? ut({
+                        anchorEl: d,
+                        pointTo: s
                     }) : undefined;
-                    if (e && c) {
-                        if (n.autoCloseWhenOffScreen(b, g)) {
+                    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 = U({
-                        align: i === "theme" ? O : i,
-                        anchorPos: y,
-                        scrollContainerPos: g,
-                        canCoverAnchor: u,
-                        defaultPlacement: f,
-                        repositionMode: h,
+                    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: S,
+                        padding: g,
                         windowWidth: t.innerWidth,
                         windowHeight: t.innerHeight
-                    }), E = P.placement, C = P.outerContainerStyle, k = P.maxHeight, x = P.maxWidth;
-                    var T = n.arrow ? ot({
-                        anchorPos: y,
-                        arrowHeight: w,
-                        outerContainerStyle: C,
-                        placement: E,
-                        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 : {});
+                    }), 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: W,
-                        arrowStyleTransformMeta: q,
-                        outerContainerStyle: C,
-                        placement: E,
-                        maxHeight: k,
-                        maxWidth: x
+                        anchorPos: b,
+                        arrowStyle: A,
+                        arrowStyleTransformMeta: T,
+                        outerContainerStyle: P,
+                        placement: O,
+                        maxHeight: E,
+                        maxWidth: C
                     };
                 }));
             }));
-            Ge(Ke(n), "handleArrowMount", (function(e) {
+            et(Je(n), "handleArrowMount", (function(e) {
                 n.arrow = e;
             }));
-            Ge(Ke(n), "handleNewAnchor", (function(e) {
+            et(Je(n), "handleNewAnchor", (function(e) {
                 var t = n.props.pointTo;
                 var r;
                 if (e && !(e instanceof HTMLElement)) {
@@ -1288,7 +1341,7 @@
                                 } else {
                     r = e !== null && e !== void 0 ? e : undefined;
                 }
-                var o = r ? at({
+                var o = r ? ut({
                     anchorEl: r,
                     pointTo: t
                 }) : undefined;
@@ -1298,18 +1351,18 @@
                 });
  // eslint-disable-line react/no-unused-state
                         }));
-            Ge(Ke(n), "handleInnerContainerMount", (function(e) {
+            et(Je(n), "handleInnerContainerMount", (function(e) {
                 n.innerContainerEl = e;
                 if (e && n.props.takeFocus) {
                     f()(D.takeFocus, e);
                 }
-                Ce(n.props.elementRef, e);
+                Ae(n.props.elementRef, e);
             }));
-            Ge(Ke(n), "handleOuterContainerMount", (function(e) {
+            et(Je(n), "handleOuterContainerMount", (function(e) {
                 n.outerContainerEl = e;
-                Ce(n.props.outerRef, e);
+                Ae(n.props.outerRef, e);
             }));
-            Ge(Ke(n), "handleTab", (function(e) {
+            et(Je(n), "handleTab", (function(e) {
                 if (n.innerContainerEl) {
                     if (n.props.retainFocus) {
                         (0, D.handleTab)(n.innerContainerEl, e);
@@ -1327,21 +1380,21 @@
                     }
                 }
             }));
-            Ge(Ke(n), "handleRequestClose", (function(e) {
+            et(Je(n), "handleRequestClose", (function(e) {
                 if (n.props.open) {
                     n.requestClose(e);
                 }
             }));
-            Ge(Ke(n), "handleAnimationEnd", (function() {
+            et(Je(n), "handleAnimationEnd", (function() {
                 if (n.allowAnimationUpdates) {
                     n.setState({
                         animating: false
                     });
                 }
             }));
-            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, {
+            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
             });
             n.state = {
@@ -1350,7 +1403,7 @@
             };
             return n;
         }
-        $e(r, [ {
+        ze(r, [ {
             key: "componentDidMount",
             value: function e() {
                 this.handleNewAnchor(this.props.anchor);
@@ -1382,10 +1435,20 @@
                                 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 = lt(t, r);
+                var n = st(t, r);
                 if (n) {
                     this.requestClose({
                         reason: "offScreen"
@@ -1405,74 +1468,73 @@
             key: "render",
             value: function e() {
                 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;
+                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;
                     }
-                    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 k = {
+                    anchorHeight: v ? v.height : null,
+                    anchorWidth: v ? v.width : null,
+                    placement: S || null,
+                    maxHeight: C || null,
+                    maxWidth: x || null
                 };
-                var M = a ? {
+                var A = a ? {
                     opacity: p ? 1 : 0
                 } : {
                     opacity: 1
                 };
-                var H = ve();
-                var _ = p || b;
-                var D = this.context || H;
-                var I = D !== H;
+                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 L = _ ? [ I &&  n().createElement(q(), {
-                    target: D,
+                                var D = q ? [ _ &&  n().createElement(M(), {
+                    target: H,
                     eventType: "scroll",
                     listener: this.handleScroll,
-                    options: rt,
+                    options: it,
                     key: "eventListener"
-                }),  n().createElement(q(), {
-                    target: H,
+                }),  n().createElement(M(), {
+                    target: W,
                     eventType: "resize",
                     listener: this.setPlacement,
                     key: "eventListenerOnWindowResize"
-                }),  n().createElement(q(), {
-                    target: H,
+                }),  n().createElement(M(), {
+                    target: W,
                     eventType: "scroll",
                     listener: this.handleWindowScroll,
-                    options: rt,
+                    options: it,
                     key: "eventListenerOnWindowScroll"
                 }) ] : [];
-                return [].concat(L, [  n().createElement(R(), {
+                return [].concat(D, [  n().createElement(R(), {
                     closeReasons: y()(u.filter((function(e) {
                         return e !== "offScreen";
                     })), R().possibleCloseReasons),
-                    open: _,
+                    open: q,
                     onRequestClose: this.handleRequestClose,
                     key: "Layer"
-                }, _ && this.innerContainerEl && f &&  n().createElement(se, {
-                    anchorRect: m,
+                }, q && this.innerContainerEl && f &&  n().createElement(ve, {
+                    anchorRect: v,
                     popoverEl: this.innerContainerEl,
-                    popoverPlacement: P,
+                    popoverPlacement: S,
                     ref: f
-                }), _ &&  n().createElement(A.Spring, {
+                }), q &&  n().createElement(T.Spring, {
                     from: {
                         opacity: a ? 0 : 1
                     },
-                    to: M,
-                    config: Me({
+                    to: A,
+                    config: De({
                         tension: 300,
                         friction: 20,
                         clamp: true
@@ -1480,39 +1542,44 @@
                     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 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);
-    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;
+    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;
     /******/})();